/* Start:/local/templates/frontside_new/assets/build/css/screen.css?1779855430217728*/
@font-face {
    font-family: iconfont;
    font-display: swap;
    src: url(/local/templates/frontside_new/assets/build/css/../fonts/iconfont/iconfont.eot);
    src: url(/local/templates/frontside_new/assets/build/css/../fonts/iconfont/iconfont.eot?#iefix) format("eot"), url(/local/templates/frontside_new/assets/build/css/../fonts/iconfont/iconfont.woff) format("woff"), url(/local/templates/frontside_new/assets/build/css/../fonts/iconfont/iconfont.ttf) format("truetype"), url(/local/templates/frontside_new/assets/build/css/../fonts/iconfont/iconfont.svg#iconfont) format("svg")
}

.btn-lg:after, .btn:after, .icon-arrow-down:before, .icon-arrow-lg:before, .icon-arrow-sm:before, .icon-close:before, .icon-download:before, .icon-link:before, .link-back:before, .link-blank:after, .link-more:after, .menu-list__link--mobile:after, .ui.dropdown > i.dropdown.icon:before, label.checkbox [type=checkbox]:checked + span:after, label.checkbox [type=checkbox]:not(:checked) + span:after {
    font-family: iconfont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-arrow-down:before {
    content: "\f006"
}

.icon-arrow-lg:before {
    content: "\f007"
}

.icon-arrow-sm:before {
    content: "\f007"
}

.icon-close:before {
    content: "\f002"
}

.icon-download:before {
    content: "\f001"
}

.icon-link:before {
    content: "\f000"
}

.bg-main {
    background-color: #ef4836
}

@font-face {
    font-family: bebas-bold;
    font-display: swap;
    src: url(/local/templates/frontside_new/assets/build/css/../fonts/BebasNeueBold.eot);
    src: url(/local/templates/frontside_new/assets/build/css/../fonts/BebasNeueBold.eot?#iefix) format("embedded-opentype"), url(/local/templates/frontside_new/assets/build/css/../fonts/BebasNeueBold.woff) format("woff"), url(/local/templates/frontside_new/assets/build/css/../fonts/BebasNeueBold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: solomon-bold;
    font-display: swap;
    src: url(/local/templates/frontside_new/assets/build/css/../fonts/Solomon-Sans-Bold.eot);
    src: url(/local/templates/frontside_new/assets/build/css/../fonts/Solomon-Sans-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/frontside_new/assets/build/css/../fonts/Solomon-Sans-Bold.woff) format("woff"), url(/local/templates/frontside_new/assets/build/css/../fonts/Solomon-Sans-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: solomon;
    font-display: swap;
    src: url(/local/templates/frontside_new/assets/build/css/../fonts/Solomon-Sans-Normal.eot);
    src: url(/local/templates/frontside_new/assets/build/css/../fonts/Solomon-Sans-Normal.eot?#iefix) format("embedded-opentype"), url(/local/templates/frontside_new/assets/build/css/../fonts/Solomon-Sans-Normal.woff) format("woff"), url(/local/templates/frontside_new/assets/build/css/../fonts/Solomon-Sans-Normal.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.card-inline__num, .section-head__title, h1 {
    font-size: 120px;
    font-weight: 400;
    line-height: 1.3
}

.figure-wide__title, .hero-lines, .page-head__title, h2 {
    font-size: 60px;
    font-weight: 400;
    line-height: 1.3
}

.accordion-org__name, .accordion__title, .card-contact__title, .card-feature__title, .card-inline__title, .card-location__title, .card-news__text, .card-order__num, .card-order__title, .card-preview__title, .download-docs__title, .figure-wide__num, .figure-wide__subtitle, .figure__num, .menu-list__link, .notfound__title, .page-head__subtitle, .partner__name, .section-head__num, .swiper-basement__title, .swiper__pagination, h3 {
    font-size: 36px;
    font-weight: 400;
    line-height: 1.3
}

h4 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.3
}

h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3
}

.footer-nav__col:last-child .footer-nav__link, .footer-nav__item:first-child .footer-nav__link, .footer-social__link, .hamburger__text, .link-back, .link-blank, .video-wrap__btn {
    font-family: var(--sec-font);
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1.4px
}

.footer {
    font-size: 14px;
    letter-spacing: .42px;
    line-height: 1.42
}

.card-inline__num, .section-head__title, h1 {
    font-family: var(--sec-font);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: 3.6px
}

.figure-wide__title, .hero-lines, .page-head__title, h2 {
    font-family: var(--sec-font);
    font-weight: 600;
    line-height: 1.28;
    letter-spacing: 1.8px
}

.accordion-org__name, .accordion__title, .card-contact__title, .card-feature__title, .card-inline__title, .card-location__title, .card-news__text, .card-order__num, .card-order__title, .card-preview__title, .download-docs__title, .figure-wide__num, .figure-wide__subtitle, .figure__num, .menu-list__link, .notfound__title, .page-head__subtitle, .partner__name, .section-head__num, .swiper-basement__title, .swiper__pagination, h3 {
    font-family: var(--sec-font);
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: 1.08px
}

h4 {
    font-family: solomon
}

h5 {
    font-family: solomon-bold
}

p + p {
    margin-top: 20px
}

b, strong {
    font-family: solomon-bold;
    font-weight: 400
}

[class*=maw-] {
    width: 100%
}

.space-v {
    padding-top: calc(140px * var(--responsive_scale));
    padding-bottom: calc(140px * var(--responsive_scale))
}

.space-top {
    padding-top: calc(140px * var(--responsive_scale))
}

.list-partners__item, .space-bottom {
    padding-bottom: calc(140px * var(--responsive_scale))
}

.section-blinds .list-figures {
    padding-bottom: calc(220px * var(--responsive_scale))
}

.space-v_lg {
    padding-top: calc(180px * var(--responsive_scale));
    padding-bottom: calc(180px * var(--responsive_scale))
}

.space-top_lg {
    padding-top: calc(180px * var(--responsive_scale))
}

.space-bottom_lg {
    padding-bottom: calc(180px * var(--responsive_scale))
}

.space-v_av {
    padding-top: calc(100px * var(--responsive_scale));
    padding-bottom: calc(100px * var(--responsive_scale))
}

.space-top_av {
    padding-top: calc(100px * var(--responsive_scale))
}

.accordion__body, .space-bottom_av {
    padding-bottom: calc(100px * var(--responsive_scale))
}

.figure__content {
    padding-top: calc(80px * var(--responsive_scale))
}

.space-v_sm {
    padding-top: calc(60px * var(--responsive_scale));
    padding-bottom: calc(60px * var(--responsive_scale))
}

.accordion__head, .list-partners__item, .space-top_sm {
    padding-top: calc(60px * var(--responsive_scale))
}

.space-bottom_sm {
    padding-bottom: calc(60px * var(--responsive_scale))
}

.offset-v {
    margin-top: calc(140px * var(--responsive_scale));
    margin-bottom: calc(140px * var(--responsive_scale))
}

.footer, .list-figures__item:nth-child(1n+2), .offset-top, .page-head__title + .page-head__subtitle, .scroll-slider__item:nth-child(1n+2), section {
    margin-top: calc(140px * var(--responsive_scale))
}

.page-head__text {
    margin-top: calc(140px * var(--responsive_scale))
}

.frontside-mask, .offset-bottom {
    margin-bottom: calc(140px * var(--responsive_scale))
}

.offset-v_lg {
    margin-top: calc(180px * var(--responsive_scale));
    margin-bottom: calc(180px * var(--responsive_scale))
}

.offset-top_lg {
    margin-top: calc(180px * var(--responsive_scale))
}

.offset-bottom_lg, .section-head {
    margin-bottom: calc(180px * var(--responsive_scale))
}

.offset-v_av {
    margin-top: calc(100px * var(--responsive_scale));
    margin-bottom: calc(100px * var(--responsive_scale))
}

.article, .cards-ordered__item:nth-child(1n+2), .list-features__item:nth-child(1n+2), .list-ordered-inline__item:nth-child(1n+2), .news-list__item:nth-child(1n+2), .offset-top_av, .page-head__title + .page-head__text, .pager {
    margin-top: calc(100px * var(--responsive_scale))
}

.filter, .offset-bottom_av, .section-title {
    margin-bottom: calc(100px * var(--responsive_scale))
}

.hero__banner {
    margin-top: calc(80px * var(--responsive_scale))
}

.offset-v_sm {
    margin-top: calc(60px * var(--responsive_scale));
    margin-bottom: calc(60px * var(--responsive_scale))
}

.article__intro + .article__slider, .figure__links, .figure__more, .figure__text, .filter__basement, .offset-top_sm, .page-head__title + .page-head__back, .section-head__num + .section-head__title {
    margin-top: calc(60px * var(--responsive_scale))
}

.notfound__back {
    margin-top: 20px;
}

.accordion__text, .article__slider, .form__title, .notfound__404, .offset-bottom_sm {
    margin-bottom: calc(60px * var(--responsive_scale))
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

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

html {
    -webkit-text-size-adjust: 100%
}

html:not(.--is-touch-device) {
    overflow: hidden
}

body {
    min-width: 320px;
    font-size: 18px;
    line-height: 1.66;
    font-family: solomon;
    letter-spacing: .54px;
    color: #231f20;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[data-list-stagger] > * {
    visibility: hidden;
    opacity: 0
}

select {
    opacity: 0;
    visibility: hidden;
    height: 60px
}

picture, svg {
    display: block
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle
}

li, ul {
    list-style: none
}

a, input, textarea {
    color: inherit;
    font-family: inherit
}

a {
    font-size: inherit;
    text-decoration: none
}

address {
    font-style: normal
}

textarea {
    resize: none
}

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

td, th {
    padding: 0
}

button {
    margin: 0;
    background: 0 0;
    outline: 0;
    border: none;
    cursor: pointer;
    overflow: visible
}

input {
    margin: 0;
    outline: 0
}

i {
    display: inline-block;
    font: normal normal normal 16px/1 gulp-svg-font;
    vertical-align: middle
}

i.icon-flip {
    transform: scaleX(-1)
}

i.icon-flip-y {
    transform: scaleY(-1)
}

.svg-icon {
    display: inline-block;
    vertical-align: middle;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.overflow-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

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

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

.trim-free {
    max-height: 0 !important;
    overflow: visible !important
}

.row {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 3.7037037%
}

.col-2 {
    flex: 0 0 auto;
    width: 7.40740741%
}

.col-3 {
    flex: 0 0 auto;
    width: 11.11111111%
}

.col-4 {
    flex: 0 0 auto;
    width: 14.81481481%
}

.col-5 {
    flex: 0 0 auto;
    width: 18.51851852%
}

.col-6 {
    flex: 0 0 auto;
    width: 22.22222222%
}

.col-7 {
    flex: 0 0 auto;
    width: 25.92592593%
}

.col-8 {
    flex: 0 0 auto;
    width: 29.62962963%
}

.col-9 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-10 {
    flex: 0 0 auto;
    width: 37.03703704%
}

.col-11 {
    flex: 0 0 auto;
    width: 40.74074074%
}

.col-12 {
    flex: 0 0 auto;
    width: 44.44444444%
}

.col-13 {
    flex: 0 0 auto;
    width: 48.14814815%
}

.col-14 {
    flex: 0 0 auto;
    width: 51.85185185%
}

.col-15 {
    flex: 0 0 auto;
    width: 55.55555556%
}

.col-16 {
    flex: 0 0 auto;
    width: 59.25925926%
}

.col-17 {
    flex: 0 0 auto;
    width: 62.96296296%
}

.col-18 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-19 {
    flex: 0 0 auto;
    width: 70.37037037%
}

.col-20 {
    flex: 0 0 auto;
    width: 74.07407407%
}

.col-21 {
    flex: 0 0 auto;
    width: 77.77777778%
}

.col-22 {
    flex: 0 0 auto;
    width: 81.48148148%
}

.col-23 {
    flex: 0 0 auto;
    width: 85.18518519%
}

.col-24 {
    flex: 0 0 auto;
    width: 88.88888889%
}

.col-25 {
    flex: 0 0 auto;
    width: 92.59259259%
}

.col-26 {
    flex: 0 0 auto;
    width: 96.2962963%
}

.col-27 {
    flex: 0 0 auto;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

.offset-12 {
    margin-left: 44.44444444%
}

.offset-13 {
    margin-left: 48.14814815%
}

.offset-14 {
    margin-left: 51.85185185%
}

.offset-15 {
    margin-left: 55.55555556%
}

.offset-16 {
    margin-left: 59.25925926%
}

.offset-17 {
    margin-left: 62.96296296%
}

.offset-18 {
    margin-left: 66.66666667%
}

.offset-19 {
    margin-left: 70.37037037%
}

.offset-20 {
    margin-left: 74.07407407%
}

.offset-21 {
    margin-left: 77.77777778%
}

.offset-22 {
    margin-left: 81.48148148%
}

.offset-23 {
    margin-left: 85.18518519%
}

.offset-24 {
    margin-left: 88.88888889%
}

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

.offset-26 {
    margin-left: 96.2962963%
}

.g-1 {
    --bs-gutter-x: 10px
}

.g-1 {
    --bs-gutter-y: 10px
}

.g-2 {
    --bs-gutter-x: 30px
}

.g-2 {
    --bs-gutter-y: 30px
}

.g-3 {
    --bs-gutter-x: 50px
}

.g-3 {
    --bs-gutter-y: 50px
}

.link-secondary {
    color: #6c757d
}

.link-secondary:focus, .link-secondary:hover {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:focus, .link-success:hover {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:focus, .link-info:hover {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:focus, .link-warning:hover {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:focus, .link-danger:hover {
    color: #b02a37
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

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

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

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: 1px solid #dee2e6 !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: 1px solid #dee2e6 !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #198754 !important
}

.border-info {
    border-color: #0dcaf0 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-white {
    border-color: #fff !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: 2.5px !important
}

.m-2 {
    margin: 5px !important
}

.m-3 {
    margin: 10px !important
}

.m-4 {
    margin: 15px !important
}

.m-5 {
    margin: 30px !important
}

.m-auto {
    margin: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: 2.5px !important
}

.mt-2 {
    margin-top: 5px !important
}

.mt-3 {
    margin-top: 10px !important
}

.mt-4 {
    margin-top: 15px !important
}

.mt-5 {
    margin-top: 30px !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: 2.5px !important
}

.me-2 {
    margin-right: 5px !important
}

.me-3 {
    margin-right: 10px !important
}

.me-4 {
    margin-right: 15px !important
}

.me-5 {
    margin-right: 30px !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 2.5px !important
}

.mb-2 {
    margin-bottom: 5px !important
}

.mb-3 {
    margin-bottom: 10px !important
}

.mb-4 {
    margin-bottom: 15px !important
}

.mb-5 {
    margin-bottom: 30px !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: 2.5px !important
}

.ms-2 {
    margin-left: 5px !important
}

.ms-3 {
    margin-left: 10px !important
}

.ms-4 {
    margin-left: 15px !important
}

.ms-5 {
    margin-left: 30px !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: 2.5px !important
}

.p-2 {
    padding: 5px !important
}

.p-3 {
    padding: 10px !important
}

.p-4 {
    padding: 15px !important
}

.p-5 {
    padding: 30px !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: 2.5px !important;
    padding-left: 2.5px !important
}

.px-2 {
    padding-right: 5px !important;
    padding-left: 5px !important
}

.px-3 {
    padding-right: 10px !important;
    padding-left: 10px !important
}

.px-4 {
    padding-right: 15px !important;
    padding-left: 15px !important
}

.px-5 {
    padding-right: 30px !important;
    padding-left: 30px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: 2.5px !important
}

.pt-2 {
    padding-top: 5px !important
}

.pt-3 {
    padding-top: 10px !important
}

.pt-4 {
    padding-top: 15px !important
}

.pt-5 {
    padding-top: 30px !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: 2.5px !important
}

.pe-2 {
    padding-right: 5px !important
}

.pe-3 {
    padding-right: 10px !important
}

.pe-4 {
    padding-right: 15px !important
}

.pe-5 {
    padding-right: 30px !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: 2.5px !important
}

.ps-2 {
    padding-left: 5px !important
}

.ps-3 {
    padding-left: 10px !important
}

.ps-4 {
    padding-left: 15px !important
}

.ps-5 {
    padding-left: 30px !important
}

.fs-1 {
    font-size: 2.5rem !important
}

.fs-2 {
    font-size: 2rem !important
}

.fs-3 {
    font-size: 1.75rem !important
}

.fs-4 {
    font-size: 1.5rem !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .5) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.floatl {
    position: relative
}

.floatl .floatl__input {
    height: 60px;
    padding: 14px 0
}

.floatl__label {
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 3px;
    left: -2px;
    padding: 6px 3px 3px;
    font-size: 11px;
    line-height: 1em;
    color: #231f20;
    transition: all .2s ease
}

.floatl.floatl--multiline input {
    height: 100%
}

.floatl.floatl--multiline .floatl__input {
    height: 60px
}

.floatl.floatl--multiline .floatl__input:not(:-moz-placeholder-shown) {
    height: 124px
}

.floatl.floatl--multiline .floatl__input:not(:placeholder-shown) {
    height: 124px
}

.floatl--focused .floatl__label {
    color: #231f20
}

.floatl--active .floatl__label {
    visibility: visible;
    opacity: 1;
    top: 1px
}

.floatl--active .floatl__input {
    padding: 21px 0 7px
}

.floatl--active.floatl--multiline .floatl__label {
    background: linear-gradient(to bottom, rgba(255, 255, 255, .95) 0, rgba(255, 255, 255, .95) 80%, rgba(255, 255, 255, 0) 100%);
    background-color: #fff
}

.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: 0;
    text-align: left;
    -webkit-tap-highlight-color: transparent
}

.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: 0;
    top: calc(100% + 1px);
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0 0;
    background: #fff;
    text-shadow: none;
    text-align: left;
    border: 1px solid rgba(34, 36, 38, .15);
    transition: opacity .1s ease;
    z-index: 11;
    will-change: transform, opacity
}

.ui.dropdown .menu > * {
    white-space: nowrap
}

.ui.dropdown > input:not(.search):first-child, .ui.dropdown > select {
    display: none !important
}

.ui.dropdown > .dropdown.icon {
    position: relative;
    width: auto;
    font-size: .85714286em;
    margin: 0 0 0 1em
}

.ui.dropdown .menu > .item .dropdown.icon {
    width: auto;
    float: right;
    margin: 0 0 0 1em
}

.ui.dropdown .menu > .item .dropdown.icon + .text {
    margin-right: 1em
}

.ui.dropdown > .text {
    display: inline-block;
    transition: none
}

.ui.dropdown .menu > .item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: rgba(0, 0, 0, .87);
    padding: .78571429rem 1.14285714rem !important;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    transition: all .1s;
    -webkit-touch-callout: none
}

.ui.dropdown .menu > .item:first-child {
    border-top-width: 0
}

.ui.dropdown .menu .item > [class*="right floated"], .ui.dropdown > .text > [class*="right floated"] {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 1em !important
}

.ui.dropdown .menu .item > [class*="left floated"], .ui.dropdown > .text > [class*="left floated"] {
    float: left !important;
    margin-left: 0 !important;
    margin-right: 1em !important
}

.ui.dropdown .menu > .header {
    margin: 1rem 0 .75rem;
    padding: 0 1.14285714rem;
    color: rgba(0, 0, 0, .85);
    font-size: .78571429em;
    font-weight: 700;
    text-transform: uppercase
}

.ui.dropdown.dropdown .menu > .input {
    width: auto;
    display: flex;
    margin: 1.14285714rem .78571429rem;
    min-width: 10rem
}

.ui.dropdown .menu > .header + .input {
    margin-top: 0
}

.ui.dropdown .menu > .input:not(.transparent) input {
    padding: .5em 1em
}

.ui.dropdown .menu > .input:not(.transparent) .button, .ui.dropdown .menu > .input:not(.transparent) .icon, .ui.dropdown .menu > .input:not(.transparent) .label {
    padding-top: .5em;
    padding-bottom: .5em
}

.ui.dropdown .menu > .item > .description, .ui.dropdown > .text > .description {
    float: right;
    margin: 0 0 0 1em;
    color: rgba(0, 0, 0, .4)
}

.ui.dropdown .menu > .message {
    padding: .78571429rem 1.14285714rem;
    font-weight: 400
}

.ui.dropdown .menu > .message:not(.ui) {
    color: rgba(0, 0, 0, .4)
}

.ui.dropdown .menu .menu {
    top: 0 !important;
    left: 100%;
    right: auto;
    margin: 0 0 0 -.5em !important;
    z-index: 21 !important
}

.ui.dropdown .menu .menu:after {
    display: none
}

.ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img {
    margin-top: 0
}

.ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img {
    margin-top: 0
}

.ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img {
    margin-left: 0;
    float: none;
    margin-right: .78571429rem
}

.ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .image, .ui.dropdown > .text > img {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-top: -.5em;
    margin-bottom: -.5em;
    max-height: 2em
}

.ui.dropdown .ui.menu > .item:before, .ui.menu .ui.dropdown .menu > .item:before {
    display: none
}

.ui.menu .ui.dropdown .menu .active.item {
    border-left: none
}

.ui.buttons > .ui.dropdown:last-child .menu, .ui.menu .right.dropdown.item .menu, .ui.menu .right.menu .dropdown:last-child .menu {
    left: auto;
    right: 0
}

.ui.label.dropdown .menu {
    min-width: 100%
}

.ui.dropdown.icon.button > .dropdown.icon {
    margin: 0
}

.ui.button.dropdown .menu {
    min-width: 100%
}

.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    white-space: normal;
    outline: 0;
    transform: rotateZ(0);
    min-width: 14em;
    min-height: 60px;
    background: #fff;
    display: inline-block;
    padding: 14px 0;
    color: rgba(0, 0, 0, .87);
    box-sizing: border-box;
    border-bottom: 1px solid #343538;
    transition: border-color .2s
}

.ui.selection.dropdown.active, .ui.selection.dropdown.visible {
    z-index: 10
}

select.ui.dropdown {
    height: 38px;
    padding: .5em;
    border: 1px solid rgba(34, 36, 38, .15);
    visibility: visible
}

.ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon, .ui.selection.dropdown > .search.icon {
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    right: 0;
    z-index: 3;
    transition: opacity .1s ease
}

.ui.selection.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0 !important;
    width: auto;
    outline: 0;
    margin: 0 -1px;
    min-width: calc(100% + 2px);
    width: calc(100% + 2px);
    transition: opacity .1s ease
}

.ui.selection.dropdown .menu:after, .ui.selection.dropdown .menu:before {
    display: none
}

.ui.selection.dropdown .menu > .message {
    padding: .78571429rem 1.14285714rem
}

.ui.selection.dropdown .menu > .item {
    border-top: 1px solid #fafafa;
    padding: .78571429rem 1.14285714rem !important;
    white-space: normal;
    word-wrap: normal
}

.ui.selection.dropdown .menu > .hidden.addition.item {
    display: none
}

.ui.selection.active.dropdown {
    border-color: #343538
}

.ui.selection.active.dropdown .menu {
    border-color: #e8e9ea
}

.ui.selection.dropdown:focus .menu {
    border-color: #e8e9ea
}

.ui.selection.visible.dropdown > .text:not(.default) {
    font-weight: 400;
    color: rgba(0, 0, 0, .8)
}

.ui.selection.active.dropdown:hover .menu {
    border-color: #e8e9ea
}

.ui.active.selection.dropdown > .dropdown.icon, .ui.visible.selection.dropdown > .dropdown.icon {
    opacity: "";
    z-index: 3
}

.ui.active.selection.dropdown {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.ui.active.empty.selection.dropdown .menu {
    border: none !important
}

.ui.search.dropdown {
    min-width: ""
}

.ui.search.dropdown > input.search {
    background: none transparent !important;
    border: none !important;
    cursor: text;
    top: 0;
    left: 1px;
    width: 100%;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    padding: inherit
}

.ui.search.dropdown > input.search {
    position: absolute;
    z-index: 2
}

.ui.search.dropdown > .text {
    cursor: text;
    position: relative;
    left: 1px;
    z-index: 3
}

.ui.search.selection.dropdown > input.search {
    line-height: 1.21428571em;
    padding: .67857143em 2.1em .67857143em 1em
}

.ui.search.selection.dropdown > span.sizer {
    line-height: 1.21428571em;
    padding: .67857143em 2.1em .67857143em 1em;
    display: none;
    white-space: pre
}

.ui.search.dropdown.active > input.search, .ui.search.dropdown.visible > input.search {
    cursor: auto
}

.ui.search.dropdown.active > .text, .ui.search.dropdown.visible > .text {
    pointer-events: none
}

.ui.active.search.dropdown input.search:focus + .text .icon {
    opacity: .45
}

.ui.active.search.dropdown input.search:focus + .text {
    color: rgba(115, 115, 115, .87) !important
}

.ui.search.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

.ui.multiple.dropdown {
    padding: .22619048em 2.1em .22619048em .35714286em
}

.ui.multiple.dropdown .menu {
    cursor: auto
}

.ui.multiple.search.dropdown, .ui.multiple.search.dropdown > input.search {
    cursor: text
}

.ui.multiple.dropdown > .label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 1em;
    padding: .35714286em .78571429em;
    margin: .14285714rem .28571429rem .14285714rem 0
}

.ui.multiple.dropdown .dropdown.icon {
    margin: "";
    padding: ""
}

.ui.multiple.dropdown > .text {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: .45238095em 0 .45238095em .64285714em;
    line-height: 1.21428571em
}

.ui.multiple.dropdown > .label ~ input.search {
    margin-left: .14285714em !important
}

.ui.multiple.dropdown > .label ~ .text {
    display: none
}

.ui.multiple.search.dropdown > .text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit;
    margin: .45238095em 0 .45238095em .64285714em;
    line-height: 1.21428571em
}

.ui.multiple.search.dropdown > .label ~ .text {
    display: none
}

.ui.multiple.search.dropdown > input.search {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: .45238095em 0 .45238095em .64285714em;
    width: 2.2em;
    line-height: 1.21428571em
}

.ui.inline.dropdown {
    cursor: pointer;
    display: inline-block;
    color: inherit
}

.ui.inline.dropdown .dropdown.icon {
    margin: 0 .21428571em 0 .21428571em;
    vertical-align: baseline
}

.ui.inline.dropdown > .text {
    font-weight: 700
}

.ui.inline.dropdown .menu {
    cursor: auto;
    margin-top: .21428571em
}

.ui.dropdown .menu .active.item {
    background: 0 0;
    z-index: 12
}

.ui.dropdown .menu > .item:hover {
    background: #e8e9ea;
    color: rgba(0, 0, 0, .95);
    z-index: 13
}

.ui.loading.dropdown > i.icon {
    height: 1em !important
}

.ui.loading.selection.dropdown > i.icon {
    padding: 1.5em 1.28571429em !important
}

.ui.loading.dropdown > i.icon:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border: .2em solid rgba(0, 0, 0, .1)
}

.ui.loading.dropdown > i.icon:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: dropdown-spin .6s linear;
    animation: dropdown-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: .2em
}

.ui.loading.dropdown.button > i.icon:after, .ui.loading.dropdown.button > i.icon:before {
    display: none
}

@-webkit-keyframes dropdown-spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes dropdown-spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.ui.default.dropdown:not(.button) > .text, .ui.dropdown:not(.button) > .default.text {
    color: rgba(191, 191, 191, .87)
}

.ui.default.dropdown:not(.button) > input:focus ~ .text, .ui.dropdown:not(.button) > input:focus ~ .default.text {
    color: rgba(115, 115, 115, .87)
}

.ui.loading.dropdown > .text {
    transition: none
}

.ui.dropdown .loading.menu {
    display: block;
    visibility: hidden;
    z-index: -1
}

.ui.dropdown > .loading.menu {
    left: 0 !important;
    right: auto !important
}

.ui.dropdown > .menu .loading.menu {
    left: 100% !important;
    right: auto !important
}

.ui.dropdown .menu .selected.item, .ui.dropdown.selected {
    background: #e8e9ea
}

.ui.dropdown > .filtered.text {
    visibility: hidden
}

.ui.dropdown .filtered.item {
    display: none !important
}

.ui.dropdown.error, .ui.dropdown.error > .default.text, .ui.dropdown.error > .text {
    color: #9f3a38
}

.ui.selection.dropdown.error {
    background: #fff6f6;
    border-color: #e0b4b4
}

.ui.selection.dropdown.error:hover {
    border-color: #e0b4b4
}

.ui.dropdown.error > .menu, .ui.dropdown.error > .menu .menu {
    border-color: #e0b4b4
}

.ui.dropdown.error > .menu > .item {
    color: #9f3a38
}

.ui.multiple.selection.error.dropdown > .label {
    border-color: #e0b4b4
}

.ui.dropdown.error > .menu > .item:hover {
    background-color: #fff2f2
}

.ui.dropdown.error > .menu .active.item {
    background-color: #fdcfcf
}

.ui.dropdown > .clear.dropdown.icon {
    opacity: .8;
    transition: opacity .1s ease
}

.ui.dropdown > .clear.dropdown.icon:hover {
    opacity: 1
}

.ui.disabled.dropdown, .ui.dropdown .menu > .disabled.item {
    cursor: default;
    pointer-events: none;
    opacity: .45
}

.ui.dropdown .menu {
    left: 0
}

.ui.dropdown .menu .right.menu, .ui.dropdown .right.menu > .menu {
    left: 100% !important;
    right: auto !important
}

.ui.dropdown > .left.menu {
    left: auto !important;
    right: 0 !important
}

.ui.dropdown .menu .left.menu, .ui.dropdown > .left.menu .menu {
    left: auto;
    right: 100%;
    margin: 0 -.5em 0 0 !important
}

.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0
}

.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0
}

.ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text {
    margin-left: 1em;
    margin-right: 0
}

.ui.upward.dropdown > .menu {
    top: auto;
    bottom: 100%
}

.ui.dropdown .upward.menu {
    top: auto !important;
    bottom: 0 !important
}

.ui.upward.selection.dropdown .menu {
    border-top-width: 1px !important;
    border-bottom-width: 0 !important
}

.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto
}

.ui.scrolling.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    min-width: 100% !important;
    width: auto !important
}

.ui.dropdown .scrolling.menu {
    position: static;
    overflow-y: auto;
    border: none;
    margin: 0 !important;
    min-width: 100% !important;
    width: auto !important;
    border-top: 1px solid rgba(34, 36, 38, .15)
}

.ui.dropdown .scrolling.menu > .item.item.item, .ui.scrolling.dropdown .menu .item.item.item {
    border-top: none
}

.ui.dropdown .scrolling.menu .item:first-child, .ui.scrolling.dropdown .menu .item:first-child {
    border-top: none
}

.ui.dropdown > .animating.menu .scrolling.menu, .ui.dropdown > .visible.menu .scrolling.menu {
    display: block
}

.ui.simple.dropdown .menu:after, .ui.simple.dropdown .menu:before {
    display: none
}

.ui.simple.dropdown .menu {
    position: absolute;
    display: block;
    overflow: hidden;
    top: -9999px !important;
    opacity: 0;
    width: 0;
    height: 0;
    transition: opacity .1s ease
}

.ui.simple.active.dropdown, .ui.simple.dropdown:hover {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.ui.simple.active.dropdown > .menu, .ui.simple.dropdown:hover > .menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 100% !important;
    opacity: 1
}

.ui.simple.dropdown:hover > .menu > .item:hover > .menu, .ui.simple.dropdown > .menu > .item:active > .menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 0 !important;
    left: 100% !important;
    opacity: 1
}

.ui.simple.disabled.dropdown:hover .menu {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden
}

.ui.simple.visible.dropdown > .menu {
    display: block
}

.ui.floating.dropdown .menu {
    left: 0;
    right: auto
}

.ui.floating.dropdown > .menu {
    margin-top: .5em !important
}

@font-face {
    font-family: Dropdown;
    font-display: swap;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format("woff");
    font-weight: 400;
    font-style: normal
}

.ui.dropdown > .dropdown.icon {
    font-family: Dropdown;
    line-height: 1;
    height: 1em;
    width: 1.23em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center
}

.ui.dropdown > .dropdown.icon {
    width: auto
}

.ui.dropdown > .dropdown.icon:before {
    content: "\f0d7"
}

.ui.dropdown .menu .item .dropdown.icon:before {
    content: "\f0da"
}

.ui.dropdown .item .left.dropdown.icon:before, .ui.dropdown .left.menu .item .dropdown.icon:before {
    content: "\f0d9"
}

.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
    content: "\f0da"
}

.ui.dropdown > .clear.icon:before {
    content: "\f00d"
}

.ui.popup {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    z-index: 1900;
    border: 1px solid #d4d4d5;
    line-height: 1.4285em;
    max-width: 250px;
    background: #fff;
    padding: .833em 1em;
    font-weight: 400;
    font-style: normal;
    color: rgba(0, 0, 0, .87);
    border-radius: .28571429rem;
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15)
}

.ui.popup > .header {
    padding: 0;
    font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 1.14285714em;
    line-height: 1.2;
    font-weight: 700
}

.ui.popup > .header + .content {
    padding-top: .5em
}

.ui.popup:before {
    position: absolute;
    content: "";
    width: .71428571em;
    height: .71428571em;
    background: #fff;
    transform: rotate(45deg);
    z-index: 2;
    box-shadow: 1px 1px 0 0 #bababc
}

[data-tooltip] {
    position: relative
}

[data-tooltip]:before {
    pointer-events: none;
    position: absolute;
    content: "";
    font-size: 1rem;
    width: .71428571em;
    height: .71428571em;
    background: #fff;
    transform: rotate(45deg);
    z-index: 2;
    box-shadow: 1px 1px 0 0 #bababc
}

[data-tooltip]:after {
    pointer-events: none;
    content: attr(data-tooltip);
    position: absolute;
    text-transform: none;
    text-align: left;
    white-space: nowrap;
    font-size: 1rem;
    border: 1px solid #d4d4d5;
    line-height: 1.4285em;
    max-width: none;
    background: #fff;
    padding: .833em 1em;
    font-weight: 400;
    font-style: normal;
    color: rgba(0, 0, 0, .87);
    border-radius: .28571429rem;
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
    z-index: 1
}

[data-tooltip]:not([data-position]):before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    background: #fff;
    margin-left: -.07142857rem;
    margin-bottom: .14285714rem
}

[data-tooltip]:not([data-position]):after {
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    margin-bottom: .5em
}

[data-tooltip]:after, [data-tooltip]:before {
    pointer-events: none;
    visibility: hidden
}

[data-tooltip]:before {
    opacity: 0;
    transform: rotate(45deg) scale(0) !important;
    transform-origin: center top;
    transition: all .1s ease
}

[data-tooltip]:after {
    opacity: 1;
    transform-origin: center bottom;
    transition: all .1s ease
}

[data-tooltip]:hover:after, [data-tooltip]:hover:before {
    visibility: visible;
    pointer-events: auto
}

[data-tooltip]:hover:before {
    transform: rotate(45deg) scale(1) !important;
    opacity: 1
}

[data-tooltip]:after, [data-tooltip][data-position="bottom center"]:after, [data-tooltip][data-position="top center"]:after {
    transform: translateX(-50%) scale(0) !important
}

[data-tooltip]:hover:after, [data-tooltip][data-position="bottom center"]:hover:after {
    transform: translateX(-50%) scale(1) !important
}

[data-tooltip][data-position="left center"]:after, [data-tooltip][data-position="right center"]:after {
    transform: translateY(-50%) scale(0) !important
}

[data-tooltip][data-position="left center"]:hover:after, [data-tooltip][data-position="right center"]:hover:after {
    transform: translateY(-50%) scale(1) !important
}

[data-tooltip][data-position="bottom left"]:after, [data-tooltip][data-position="bottom right"]:after, [data-tooltip][data-position="top left"]:after, [data-tooltip][data-position="top right"]:after {
    transform: scale(0) !important
}

[data-tooltip][data-position="bottom left"]:hover:after, [data-tooltip][data-position="bottom right"]:hover:after, [data-tooltip][data-position="top left"]:hover:after, [data-tooltip][data-position="top right"]:hover:after {
    transform: scale(1) !important
}

[data-tooltip][data-inverted]:before {
    box-shadow: none !important
}

[data-tooltip][data-inverted]:before {
    background: #1b1c1d
}

[data-tooltip][data-inverted]:after {
    background: #1b1c1d;
    color: #fff;
    border: none;
    box-shadow: none
}

[data-tooltip][data-inverted]:after .header {
    background-color: none;
    color: #fff
}

[data-position="top center"][data-tooltip]:after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    margin-bottom: .5em
}

[data-position="top center"][data-tooltip]:before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    background: #fff;
    margin-left: -.07142857rem;
    margin-bottom: .14285714rem
}

[data-position="top left"][data-tooltip]:after {
    top: auto;
    right: auto;
    left: 0;
    bottom: 100%;
    margin-bottom: .5em
}

[data-position="top left"][data-tooltip]:before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 1em;
    margin-left: -.07142857rem;
    margin-bottom: .14285714rem
}

[data-position="top right"][data-tooltip]:after {
    top: auto;
    left: auto;
    right: 0;
    bottom: 100%;
    margin-bottom: .5em
}

[data-position="top right"][data-tooltip]:before {
    top: auto;
    left: auto;
    bottom: 100%;
    right: 1em;
    margin-left: -.07142857rem;
    margin-bottom: .14285714rem
}

[data-position="bottom center"][data-tooltip]:after {
    bottom: auto;
    right: auto;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    margin-top: .5em
}

[data-position="bottom center"][data-tooltip]:before {
    bottom: auto;
    right: auto;
    top: 100%;
    left: 50%;
    margin-left: -.07142857rem;
    margin-top: .14285714rem
}

[data-position="bottom left"][data-tooltip]:after {
    left: 0;
    top: 100%;
    margin-top: .5em
}

[data-position="bottom left"][data-tooltip]:before {
    bottom: auto;
    right: auto;
    top: 100%;
    left: 1em;
    margin-left: -.07142857rem;
    margin-top: .14285714rem
}

[data-position="bottom right"][data-tooltip]:after {
    right: 0;
    top: 100%;
    margin-top: .5em
}

[data-position="bottom right"][data-tooltip]:before {
    bottom: auto;
    left: auto;
    top: 100%;
    right: 1em;
    margin-left: -.14285714rem;
    margin-top: .07142857rem
}

[data-position="left center"][data-tooltip]:after {
    right: 100%;
    top: 50%;
    margin-right: .5em;
    transform: translateY(-50%)
}

[data-position="left center"][data-tooltip]:before {
    right: 100%;
    top: 50%;
    margin-top: -.14285714rem;
    margin-right: -.07142857rem
}

[data-position="right center"][data-tooltip]:after {
    left: 100%;
    top: 50%;
    margin-left: .5em;
    transform: translateY(-50%)
}

[data-position="right center"][data-tooltip]:before {
    left: 100%;
    top: 50%;
    margin-top: -.07142857rem;
    margin-left: .14285714rem
}

[data-position~=bottom][data-tooltip]:before {
    background: #fff;
    box-shadow: -1px -1px 0 0 #bababc
}

[data-position="left center"][data-tooltip]:before {
    background: #fff;
    box-shadow: 1px -1px 0 0 #bababc
}

[data-position="right center"][data-tooltip]:before {
    background: #fff;
    box-shadow: -1px 1px 0 0 #bababc
}

[data-position~=top][data-tooltip]:before {
    background: #fff
}

[data-inverted][data-position~=bottom][data-tooltip]:before {
    background: #1b1c1d;
    box-shadow: -1px -1px 0 0 #bababc
}

[data-inverted][data-position="left center"][data-tooltip]:before {
    background: #1b1c1d;
    box-shadow: 1px -1px 0 0 #bababc
}

[data-inverted][data-position="right center"][data-tooltip]:before {
    background: #1b1c1d;
    box-shadow: -1px 1px 0 0 #bababc
}

[data-inverted][data-position~=top][data-tooltip]:before {
    background: #1b1c1d
}

[data-position~=bottom][data-tooltip]:before {
    transform-origin: center bottom
}

[data-position~=bottom][data-tooltip]:after {
    transform-origin: center top
}

[data-position="left center"][data-tooltip]:before {
    transform-origin: top center
}

[data-position="left center"][data-tooltip]:after {
    transform-origin: right center
}

[data-position="right center"][data-tooltip]:before {
    transform-origin: right center
}

[data-position="right center"][data-tooltip]:after {
    transform-origin: left center
}

.ui.popup {
    margin: 0
}

.ui.top.popup {
    margin: 0 0 .71428571em
}

.ui.top.left.popup {
    transform-origin: left bottom
}

.ui.top.center.popup {
    transform-origin: center bottom
}

.ui.top.right.popup {
    transform-origin: right bottom
}

.ui.left.center.popup {
    margin: 0 .71428571em 0 0;
    transform-origin: right 50%
}

.ui.right.center.popup {
    margin: 0 0 0 .71428571em;
    transform-origin: left 50%
}

.ui.bottom.popup {
    margin: .71428571em 0 0
}

.ui.bottom.left.popup {
    transform-origin: left top
}

.ui.bottom.center.popup {
    transform-origin: center top
}

.ui.bottom.right.popup {
    transform-origin: right top
}

.ui.bottom.center.popup:before {
    margin-left: -.30714286em;
    top: -.30714286em;
    left: 50%;
    right: auto;
    bottom: auto;
    box-shadow: -1px -1px 0 0 #bababc
}

.ui.bottom.left.popup {
    margin-left: 0
}

.ui.bottom.left.popup:before {
    top: -.30714286em;
    left: 1em;
    right: auto;
    bottom: auto;
    margin-left: 0;
    box-shadow: -1px -1px 0 0 #bababc
}

.ui.bottom.right.popup {
    margin-right: 0
}

.ui.bottom.right.popup:before {
    top: -.30714286em;
    right: 1em;
    bottom: auto;
    left: auto;
    margin-left: 0;
    box-shadow: -1px -1px 0 0 #bababc
}

.ui.top.center.popup:before {
    top: auto;
    right: auto;
    bottom: -.30714286em;
    left: 50%;
    margin-left: -.30714286em
}

.ui.top.left.popup {
    margin-left: 0
}

.ui.top.left.popup:before {
    bottom: -.30714286em;
    left: 1em;
    top: auto;
    right: auto;
    margin-left: 0
}

.ui.top.right.popup {
    margin-right: 0
}

.ui.top.right.popup:before {
    bottom: -.30714286em;
    right: 1em;
    top: auto;
    left: auto;
    margin-left: 0
}

.ui.left.center.popup:before {
    top: 50%;
    right: -.30714286em;
    bottom: auto;
    left: auto;
    margin-top: -.30714286em;
    box-shadow: 1px -1px 0 0 #bababc
}

.ui.right.center.popup:before {
    top: 50%;
    left: -.30714286em;
    bottom: auto;
    right: auto;
    margin-top: -.30714286em;
    box-shadow: -1px 1px 0 0 #bababc
}

.ui.bottom.popup:before {
    background: #fff
}

.ui.left.center.popup:before, .ui.right.center.popup:before {
    background: #fff
}

.ui.top.popup:before {
    background: #fff
}

.ui.loading.popup {
    display: block;
    visibility: hidden;
    z-index: -1
}

.ui.animating.popup, .ui.visible.popup {
    display: block
}

.ui.visible.popup {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ui.wide.popup {
    max-width: 350px
}

.ui[class*="very wide"].popup {
    max-width: 550px
}

.ui.mini.popup {
    font-size: .78571429rem
}

.ui.small.popup {
    font-size: .92857143rem
}

.ui.popup {
    font-size: 1rem
}

.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animating.transition {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: visible !important
}

.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px
}

.hidden.transition {
    display: none;
    visibility: hidden
}

.visible.transition {
    display: block !important;
    visibility: visible !important
}

.disabled.transition {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.looping.transition {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes browseIn {
    0% {
        transform: scale(.8) translateZ(0);
        z-index: -1
    }
    10% {
        transform: scale(.8) translateZ(0);
        z-index: -1;
        opacity: .7
    }
    80% {
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999
    }
    100% {
        transform: scale(1) translateZ(0);
        z-index: 999
    }
}

@keyframes browseIn {
    0% {
        transform: scale(.8) translateZ(0);
        z-index: -1
    }
    10% {
        transform: scale(.8) translateZ(0);
        z-index: -1;
        opacity: .7
    }
    80% {
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999
    }
    100% {
        transform: scale(1) translateZ(0);
        z-index: 999
    }
}

@-webkit-keyframes browseOutLeft {
    0% {
        z-index: 999;
        transform: translateX(0) rotateY(0) rotateX(0)
    }
    50% {
        z-index: -1;
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: -1;
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutLeft {
    0% {
        z-index: 999;
        transform: translateX(0) rotateY(0) rotateX(0)
    }
    50% {
        z-index: -1;
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: -1;
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

@-webkit-keyframes browseOutRight {
    0% {
        z-index: 999;
        transform: translateX(0) rotateY(0) rotateX(0)
    }
    50% {
        z-index: 1;
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: 1;
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutRight {
    0% {
        z-index: 999;
        transform: translateX(0) rotateY(0) rotateX(0)
    }
    50% {
        z-index: 1;
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: 1;
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

@-webkit-keyframes dropIn {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes dropIn {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes dropOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(0)
    }
}

@keyframes dropOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(0)
    }
}

.transition.fade.in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.transition[class*="fade up"].in {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.transition[class*="fade down"].in {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.transition[class*="fade left"].in {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.transition[class*="fade right"].in {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.transition.fade.out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.transition[class*="fade up"].out {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.transition[class*="fade down"].out {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.transition[class*="fade left"].out {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.transition[class*="fade right"].out {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(10%)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(10%)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-10%)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-10%)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(10%)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(10%)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-10%)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-10%)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(5%)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(5%)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-5%)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-5%)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(5%)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(5%)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-5%)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-5%)
    }
}

.flip.transition.in, .flip.transition.out {
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.horizontal.flip.transition.in {
    -webkit-animation-name: horizontalFlipIn;
    animation-name: horizontalFlipIn
}

.horizontal.flip.transition.out {
    -webkit-animation-name: horizontalFlipOut;
    animation-name: horizontalFlipOut
}

.vertical.flip.transition.in {
    -webkit-animation-name: verticalFlipIn;
    animation-name: verticalFlipIn
}

.vertical.flip.transition.out {
    -webkit-animation-name: verticalFlipOut;
    animation-name: verticalFlipOut
}

@-webkit-keyframes horizontalFlipIn {
    0% {
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }
    100% {
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
}

@keyframes horizontalFlipIn {
    0% {
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }
    100% {
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
}

@-webkit-keyframes verticalFlipIn {
    0% {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
    100% {
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
}

@keyframes verticalFlipIn {
    0% {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
    100% {
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes horizontalFlipOut {
    0% {
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
    100% {
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes horizontalFlipOut {
    0% {
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
    100% {
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes verticalFlipOut {
    0% {
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
    100% {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}

@keyframes verticalFlipOut {
    0% {
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
    100% {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}

.scale.transition.in {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn
}

.scale.transition.out {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes scaleOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(.9)
    }
}

@keyframes scaleOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(.9)
    }
}

.transition[class*="fly up"].in {
    -webkit-animation-name: flyInUp;
    animation-name: flyInUp
}

.transition[class*="fly down"].in {
    -webkit-animation-name: flyInDown;
    animation-name: flyInDown
}

.transition[class*="fly left"].in {
    -webkit-animation-name: flyInLeft;
    animation-name: flyInLeft
}

.transition[class*="fly right"].in {
    -webkit-animation-name: flyInRight;
    animation-name: flyInRight
}

.transition[class*="fly up"].out {
    -webkit-animation-name: flyOutUp;
    animation-name: flyOutUp
}

.transition[class*="fly down"].out {
    -webkit-animation-name: flyOutDown;
    animation-name: flyOutDown
}

.transition[class*="fly left"].out {
    -webkit-animation-name: flyOutLeft;
    animation-name: flyOutLeft
}

.transition[class*="fly right"].out {
    -webkit-animation-name: flyOutRight;
    animation-name: flyOutRight
}

@-webkit-keyframes flyIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

@keyframes flyIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes flyInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 1500px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes flyInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 1500px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes flyInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -1500px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    100% {
        transform: none
    }
}

@keyframes flyInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -1500px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    100% {
        transform: none
    }
}

@-webkit-keyframes flyInLeft {
    0% {
        opacity: 0;
        transform: translate3d(1500px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        transform: none
    }
}

@keyframes flyInLeft {
    0% {
        opacity: 0;
        transform: translate3d(1500px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        transform: none
    }
}

@-webkit-keyframes flyInRight {
    0% {
        opacity: 0;
        transform: translate3d(-1500px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    100% {
        transform: none
    }
}

@keyframes flyInRight {
    0% {
        opacity: 0;
        transform: translate3d(-1500px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    100% {
        transform: none
    }
}

@-webkit-keyframes flyOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes flyOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

@-webkit-keyframes flyOutUp {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes flyOutUp {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@-webkit-keyframes flyOutDown {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes flyOutDown {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes flyOutRight {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes flyOutRight {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes flyOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes flyOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.transition.slide.in, .transition[class*="slide down"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    transform-origin: top center
}

.transition[class*="slide up"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    transform-origin: bottom center
}

.transition[class*="slide left"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    transform-origin: center right
}

.transition[class*="slide right"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    transform-origin: center left
}

.transition.slide.out, .transition[class*="slide down"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    transform-origin: top center
}

.transition[class*="slide up"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    transform-origin: bottom center
}

.transition[class*="slide left"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    transform-origin: center right
}

.transition[class*="slide right"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    transform-origin: center left
}

@-webkit-keyframes slideInY {
    0% {
        opacity: 0;
        transform: scaleY(0)
    }
    100% {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes slideInY {
    0% {
        opacity: 0;
        transform: scaleY(0)
    }
    100% {
        opacity: 1;
        transform: scaleY(1)
    }
}

@-webkit-keyframes slideInX {
    0% {
        opacity: 0;
        transform: scaleX(0)
    }
    100% {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes slideInX {
    0% {
        opacity: 0;
        transform: scaleX(0)
    }
    100% {
        opacity: 1;
        transform: scaleX(1)
    }
}

@-webkit-keyframes slideOutY {
    0% {
        opacity: 1;
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        transform: scaleY(0)
    }
}

@keyframes slideOutY {
    0% {
        opacity: 1;
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        transform: scaleY(0)
    }
}

@-webkit-keyframes slideOutX {
    0% {
        opacity: 1;
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        transform: scaleX(0)
    }
}

@keyframes slideOutX {
    0% {
        opacity: 1;
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        transform: scaleX(0)
    }
}

.transition.swing {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.transition[class*="swing down"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    transform-origin: top center
}

.transition[class*="swing up"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    transform-origin: bottom center
}

.transition[class*="swing left"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    transform-origin: center right
}

.transition[class*="swing right"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    transform-origin: center left
}

.transition.swing.out, .transition[class*="swing down"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    transform-origin: top center
}

.transition[class*="swing up"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    transform-origin: bottom center
}

.transition[class*="swing left"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    transform-origin: center right
}

.transition[class*="swing right"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    transform-origin: center left
}

@-webkit-keyframes swingInX {
    0% {
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    60% {
        transform: perspective(1000px) rotateX(15deg)
    }
    80% {
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    100% {
        transform: perspective(1000px) rotateX(0)
    }
}

@keyframes swingInX {
    0% {
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    60% {
        transform: perspective(1000px) rotateX(15deg)
    }
    80% {
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    100% {
        transform: perspective(1000px) rotateX(0)
    }
}

@-webkit-keyframes swingInY {
    0% {
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
    40% {
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    60% {
        transform: perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        transform: perspective(1000px) rotateY(7.5deg)
    }
    100% {
        transform: perspective(1000px) rotateY(0)
    }
}

@keyframes swingInY {
    0% {
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
    40% {
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    60% {
        transform: perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        transform: perspective(1000px) rotateY(7.5deg)
    }
    100% {
        transform: perspective(1000px) rotateY(0)
    }
}

@-webkit-keyframes swingOutX {
    0% {
        transform: perspective(1000px) rotateX(0)
    }
    40% {
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        transform: perspective(1000px) rotateX(17.5deg)
    }
    80% {
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    100% {
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes swingOutX {
    0% {
        transform: perspective(1000px) rotateX(0)
    }
    40% {
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        transform: perspective(1000px) rotateX(17.5deg)
    }
    80% {
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    100% {
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes swingOutY {
    0% {
        transform: perspective(1000px) rotateY(0)
    }
    40% {
        transform: perspective(1000px) rotateY(7.5deg)
    }
    60% {
        transform: perspective(1000px) rotateY(-10deg)
    }
    80% {
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    100% {
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}

@keyframes swingOutY {
    0% {
        transform: perspective(1000px) rotateY(0)
    }
    40% {
        transform: perspective(1000px) rotateY(7.5deg)
    }
    60% {
        transform: perspective(1000px) rotateY(-10deg)
    }
    80% {
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    100% {
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}

.transition.zoom.in {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.transition.zoom.out {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 1;
        transform: scale(0)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 1;
        transform: scale(0)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 1;
        transform: scale(0)
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 1;
        transform: scale(0)
    }
}

.bounce.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@-webkit-keyframes shake {
    0%, 100% {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px)
    }
}

@-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}

@-webkit-keyframes tada {
    0% {
        transform: scale(1)
    }
    10%, 20% {
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        transform: scale(1)
    }
    10%, 20% {
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1
    }
    50% {
        transform: scale(.9);
        opacity: .7
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1
    }
    50% {
        transform: scale(.9);
        opacity: .7
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes jiggle {
    0% {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes jiggle {
    0% {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes glow {
    0% {
        background-color: #fcfcfd
    }
    30% {
        background-color: #fff6cd
    }
    100% {
        background-color: #fcfcfd
    }
}

@keyframes glow {
    0% {
        background-color: #fcfcfd
    }
    30% {
        background-color: #fff6cd
    }
    100% {
        background-color: #fcfcfd
    }
}

@font-face {
    font-family: swiper-icons;
    font-display: swap;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-blue, .swiper-button-prev.swiper-button-blue {
    --swiper-navigation-color: #0d6efd
}

.swiper-button-next.swiper-button-purple, .swiper-button-prev.swiper-button-purple {
    --swiper-navigation-color: #6f42c1
}

.swiper-button-next.swiper-button-pink, .swiper-button-prev.swiper-button-pink {
    --swiper-navigation-color: #d63384
}

.swiper-button-next.swiper-button-red, .swiper-button-prev.swiper-button-red {
    --swiper-navigation-color: #dc3545
}

.swiper-button-next.swiper-button-orange, .swiper-button-prev.swiper-button-orange {
    --swiper-navigation-color: #fd7e14
}

.swiper-button-next.swiper-button-yellow, .swiper-button-prev.swiper-button-yellow {
    --swiper-navigation-color: #ffc107
}

.swiper-button-next.swiper-button-green, .swiper-button-prev.swiper-button-green {
    --swiper-navigation-color: #198754
}

.swiper-button-next.swiper-button-teal, .swiper-button-prev.swiper-button-teal {
    --swiper-navigation-color: #20c997
}

.swiper-button-next.swiper-button-cyan, .swiper-button-prev.swiper-button-cyan {
    --swiper-navigation-color: #0dcaf0
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-gray, .swiper-button-prev.swiper-button-gray {
    --swiper-navigation-color: #6c757d
}

.swiper-button-lock {
    display: none
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

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

.fancybox-active {
    height: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox-spaceball {
    z-index: 1
}

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

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

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

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

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

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

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

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

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

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

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

.fancybox-button:focus {
    outline: 0
}

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

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

.fancybox-button div {
    height: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@supports (padding:0px) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html.has-scroll-smooth {
    overflow: hidden
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.has-scroll-smooth body {
    overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    height: 100vh;
    display: inline-block;
    white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    height: 100%
}

.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100%;
    transform-origin: center right;
    transition: transform .3s, opacity .3s;
    opacity: 0
}

.c-scrollbar:hover {
    transform: scaleX(1.45)
}

.c-scrollbar:hover, .has-scroll-dragging .c-scrollbar, .has-scroll-scrolling .c-scrollbar {
    opacity: 1
}

[data-scroll-direction=horizontal] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1)
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
    transform: scaleY(1.3)
}

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    opacity: .5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
    right: auto;
    bottom: 0
}

.accordion__item {
    width: 100%;
    border-bottom: 1px solid #bbbdc0
}

.accordion__item:first-child {
    border-top: 1px solid #bbbdc0
}

.accordion__head {
    padding-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: color .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.accordion__head.is-open .accordion-org__arrow {
    transform: rotate(270deg)
}

.accordion__title {
    padding-right: 20px
}

.accordion__body {
    display: none
}

.static-content {
    max-width: 1068px
}

.static-content > :first-child {
    margin-top: 0 !important
}

.static-content > :last-child {
    margin-bottom: 0 !important
}

.static-content b, .static-content strong {
    font-family: solomon-bold
}

.static-content img {
    display: block;
    margin: 40px 0
}

.static-content p {
    margin: 22px 0
}

.static-content .accordion-org__name, .static-content .accordion__title, .static-content .card-contact__title, .static-content .card-feature__title, .static-content .card-inline__title, .static-content .card-location__title, .static-content .card-news__text, .static-content .card-order__num, .static-content .card-order__title, .static-content .card-preview__title, .static-content .download-docs__title, .static-content .figure-wide__num, .static-content .figure-wide__subtitle, .static-content .figure-wide__title, .static-content .figure__num, .static-content .hero-lines, .static-content .menu-list__link, .static-content .notfound__title, .static-content .page-head__subtitle, .static-content .page-head__title, .static-content .partner__name, .static-content .section-head__num, .static-content .swiper-basement__title, .static-content .swiper__pagination, .static-content h2, .static-content h3, .static-content h4 {
    margin-top: 40px;
    margin-bottom: 24px
}

.page-head__text {
    margin-top: 40px;
    margin-bottom: 24px
}

.static-content i {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-style: italic
}

.image, .lazyload, .lazyloaded, .loading {
    transition: 1s cubic-bezier(.215, .61, .355, 1);
    opacity: 1
}

@-webkit-keyframes scaleout {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes scaleout {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1);
        opacity: 0
    }
}

.lazy-wrap {
    position: relative;
    overflow: hidden;
    background-color: #f6f6f6
}

.lazy-wrap--loading img {
    opacity: 0;
    transform: translateY(8%)
}

.lazy-wrap--loading:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    -webkit-animation: scaleout 1.2s infinite ease-in-out;
    animation: scaleout 1.2s infinite ease-in-out;
    mix-blend-mode: darken;
    background-color: rgba(0, 0, 0, .9)
}

.lazy-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.btn {
    display: inline-block;
    font-size: 20px;
    line-height: 1.2;
    position: relative;
    font-family: var(--sec-font);
    font-weight: 600;
    color: #ef4836;
    cursor: pointer;
    transition: color .2s;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    overflow: visible;
    letter-spacing: 1.4px
}

.btn.btn--head_red {
    background-color: var(--Red);
    color: #FFF;
}

.btn:after {
    content: "\f007"
}

.btn:after {
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    transition: transform .2s
}

.btn:focus, .btn:hover {
    color: #c61907
}

.btn:focus:after, .btn:hover:after {
    transform: translateX(4px)
}

.btn--arrow_none:after {
    display: none
}

.btn-lg {
    position: relative;
    color: #231f20;
    transition: color .2s;
    overflow: visible
}

.btn-lg:after {
    content: "\e002"
}

.btn-lg:after {
    display: inline-block;
    transition: transform .2s;
    font-size: 28px;
    margin-left: 20px;
    margin-right: 20px;
    transform: translateY(-3px)
}

.btn-lg:focus, .btn-lg:hover {
    color: #ef4836
}

.btn-lg:focus:after, .btn-lg:hover:after {
    transform: translateX(4px) translateY(-6px)
}

.btn-status {
    position: relative;
    display: inline-flex
}

.btn-status--ajax {
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: default
}

.btn-status--ajax:after {
    opacity: 0
}

.btn-status--ajax .btn-status__text {
    opacity: 0
}

.btn-status--ajax .btn-status__spinner {
    opacity: 1
}

.btn-status__text {
    display: block;
    transition: opacity .2s
}

.btn-status__spinner {
    opacity: 0;
    width: 30px;
    height: 30px;
    border: 5px solid rgba(239, 72, 54, .25);
    border-top-color: #ef4836;
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader-rotate 1s linear infinite;
    animation: loader-rotate 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    transition: opacity .2s
}

@-webkit-keyframes loader-rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

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

.list-bullet li, .static-content ul li {
    position: relative;
    padding-left: 30px
}

.list-bullet li:nth-child(1n+2), .static-content ul li:nth-child(1n+2) {
    margin-top: 20px
}

.list-bullet li:before, .static-content ul li:before {
    display: block;
    position: absolute;
    content: " ";
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ef4836
}

.list-order, .static-content ol {
    display: table;
    counter-reset: foo
}

.list-order li, .static-content ol li {
    display: table-row;
    counter-increment: foo
}

.list-order li:before, .static-content ol li:before {
    display: table-cell;
    content: counter(foo) ".";
    text-align: left;
    padding-right: 8px
}

.input {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    border-bottom: 1px solid #343538;
    padding: 10px 0;
    vertical-align: middle;
    background: 0 0;
    font: 18px/1.66 solomon, Verdana, sans-serif;
    transition: all .5s ease
}

.input:-ms-input-placeholder {
    color: #231f20;
    font-size: 18px;
    font-family: solomon, Verdana, sans-serif
}

.input:-moz-placeholder {
    color: #231f20;
    font-size: 18px;
    font-family: solomon, Verdana, sans-serif
}

.input::-moz-placeholder {
    color: #231f20;
    font-size: 18px;
    font-family: solomon, Verdana, sans-serif
}

.input::-webkit-input-placeholder {
    color: #231f20;
    font-size: 18px;
    font-family: solomon, Verdana, sans-serif
}

.input::-moz-placeholder {
    color: #231f20;
    font-size: 18px;
    font-family: solomon, Verdana, sans-serif
}

.input::-ms-input-placeholder {
    color: #231f20;
    font-size: 18px;
    font-family: solomon, Verdana, sans-serif
}

.input::placeholder {
    color: #231f20;
    font-size: 18px;
    font-family: solomon, Verdana, sans-serif
}

.input:focus {
    border-color: #ccc;
    outline: 0
}

.input.input-validation-error {
    border-color: #f50000
}

.input.input-validation-error::-moz-placeholder {
    color: #f50000
}

.input.input-validation-error::-ms-input-placeholder {
    color: #f50000
}

.input.input-validation-error::placeholder {
    color: #f50000
}

.input--theme_white {
    color: #fff;
    border-color: #e8e9ea
}

.input--theme_white::-moz-placeholder {
    color: #fff
}

.input--theme_white::-ms-input-placeholder {
    color: #fff
}

.input--theme_white::placeholder {
    color: #fff
}

input::-ms-clear {
    display: none
}

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

input {
    -webkit-appearance: none
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.breadcrumbs__link, .footer-nav__link, .footer-social__link, .link, .menu-list__link, .pager__arrow, .subnav__link {
    transition: color .2s
}

.breadcrumbs__link:focus, .breadcrumbs__link:hover, .footer-nav__link:focus, .footer-nav__link:hover, .footer-social__link:focus, .footer-social__link:hover, .link:focus, .link:hover, .menu-list__link:focus, .menu-list__link:hover, .pager__arrow:focus, .pager__arrow:hover, .subnav__link:focus, .subnav__link:hover {
    color: #ef4836
}

.subnav__link-title {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #b0aca6;
  margin-bottom: 10px;
  cursor: default;
  user-select: none;
  display: block;
  padding-bottom: 8px;
  border-bottom: 1px solid #ececec;
}

a.subnav__link-title {
  cursor: pointer;
}

a.subnav__link-title:hover {
  color: #ef4836;
  border-bottom: 1px solid #ef4836;
}

.link-main {
    color: #ef4836;
    transition: all .2s
}

.link-main:focus, .link-main:hover {
    color: #c61907
}

.link-more {
    color: #ef4836;
    transition: color .2s
}

.link-more:after {
    content: ""
}

.link-more:after {
    display: inline-block;
    font-size: 10px;
    margin-left: 8px;
    transition: transform .2s
}

.link-more:focus, .link-more:hover {
    color: #c61907
}

.link-more:focus:after, .link-more:hover:after {
    transform: translateX(4px)
}

.link-back {
    display: inline-flex;
    align-items: center;
    color: #bbbdc0;
    transition: all .3s
}

.link-back:before {
    content: "\e003"
}

.link-back:focus, .link-back:hover {
    color: #ef4836
}

.link-back:focus:before, .link-back:hover:before {
    transform: scaleX(-1) translateX(4px)
}

.link-back:before {
    display: inline-block;
    transform: scaleX(-1);
    transition: transform .2s;
    font-size: 16px;
    margin-right: 10px
}

.link-line, .partner__name:not(span), .static-content a {
    border-bottom: 1px solid currentColor;
    transition: all .2s
}

.link-line:focus, .link-line:hover, .partner__name:focus:not(span), .partner__name:hover:not(span), .static-content a:focus, .static-content a:hover {
    color: #ef4836;
    border-color: #ef4836
}

label.checkbox {
    line-height: 20px;
    letter-spacing: .42px;
    overflow: hidden;
    font-size: 14px
}

label.checkbox input.input-validation-error + span:before {
    border-color: #f50000 !important
}

label.checkbox [type=checkbox]:checked, label.checkbox [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}

label.checkbox [type=checkbox]:checked + span, label.checkbox [type=checkbox]:not(:checked) + span {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

label.checkbox [type=checkbox]:checked + span:before, label.checkbox [type=checkbox]:not(:checked) + span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 12px;
    height: 12px;
    border: 1px solid #231f20;
    background: 0 0
}

label.checkbox [type=checkbox]:checked + span:after, label.checkbox [type=checkbox]:not(:checked) + span:after {
    content: "\f003"
}

label.checkbox [type=checkbox]:checked + span:after, label.checkbox [type=checkbox]:not(:checked) + span:after {
    position: absolute;
    top: 6px;
    left: 2px;
    font-size: 8px;
    line-height: .8;
    color: #ef4836;
    transition: all .2s
}

label.checkbox [type=checkbox]:not(:checked) + span:after {
    opacity: 0;
    transform: scale(0)
}

label.checkbox [type=checkbox]:checked + span:after {
    opacity: 1;
    transform: scale(1)
}

label.checkbox [type=checkbox]:disabled:checked + span:before, label.checkbox [type=checkbox]:disabled:not(:checked) + span:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

label.checkbox [type=checkbox]:disabled:checked + span:after {
    color: #999
}

label.checkbox [type=checkbox]:disabled + span {
    color: #aaa
}

.map {
    height: 600px
}

.pager {
    display: flex
}

.pager__arrow i {
    font-size: 16px
}

.pager__arrow--prev {
    margin-right: 50px
}

.pager__arrow--prev i {
    transform: scaleX(-1)
}

.pager__arrow--next {
    margin-left: 50px
}

.pager-nav {
    display: flex
}

.pager-nav__item:nth-child(1n+2) {
    margin-left: 50px
}

.pager-nav__item--current {
    cursor: default
}

.pager-nav__item--current, .pager-nav__item:hover {
    color: #ef4836
}

.share {
    display: flex
}

.share__item:nth-child(1n+2) {
    margin-left: 22px
}

.share__btn {
    color: #231f20;
    transition: color .3s ease
}

.share__btn:hover {
    color: #ef4836
}

.share__btn i {
    font-size: 28px
}

.form {
    max-width: 570px
}

.form__row:nth-child(1n+2) {
    margin-top: 20px
}

.form__privacy {
    max-width: 480px;
    margin-top: 40px
}

.form__submit {
    margin-top: 60px
}

.panel {
    transform: translateX(-100%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #fff;
    display: flex;
    flex-direction: column;
    padding-top: 40px;
    overflow: auto
}

.panel__close {
    position: absolute;
    top: 20px;
    right: 70px;
    width: 32px;
    height: 32px;
    transform-origin: 50% 50%;
    transition: all .2s
}

.panel__close:focus, .panel__close:hover {
    color: #ef4836
}

.panel__close i {
    font-size: 32px
}

.panel__inner {
    margin: auto 0
}

.panel__row {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.panel__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.panel__col--img-w {
    margin-left: 7.40740741%;
    flex: 0 0 auto;
    width: 37.03703704%
}

.panel__col--form {
    margin-left: 7.40740741%;
    flex: 0 0 auto;
    width: 88.88888889%
}

.swiper {
    position: relative;
    height: auto
}

.swiper .swiper-wrapper {
    height: auto
}

.swiper--slide-content .swiper-basement {
    margin-top: 24px
}

.swiper__pagination {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.swiper-slide img {
    width: 100%;
    max-height: 750px;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.swiper-basement {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-basement__arrows {
    display: flex;
    align-items: center;
}

.swiper-basement__arrow {
    transition: color .2s
}

.swiper-basement__arrow:focus, .swiper-basement__arrow:hover {
    color: #ef4836
}

.swiper-basement__arrow i {
    font-size: 18px
}

.swiper-basement__arrow--next {
    margin-left: 40px
}

.swiper-basement__more {
    margin-top: 14px
}

.swiper--lazy .swiper-slide .lazy-wrap {
    visibility: hidden
}

.swiper--lazy .swiper-slide.swiper-slide-active .lazy-wrap, .swiper--lazy .swiper-slide.swiper-slide-loaded .lazy-wrap, .swiper--lazy .swiper-slide.swiper-slide-next .lazy-wrap, .swiper--lazy .swiper-slide.swiper-slide-prev .lazy-wrap, .swiper--lazy .swiper-slide.swiper-slide:first-child .lazy-wrap {
    visibility: visible
}


@media (max-width: 1680px) {
    .swiper-slide img {
        max-height: 750px;
    }
}

.ui.dropdown {
    width: 100%
}

.ui.dropdown > .text {
    display: block;
    color: #231f20 !important;
    line-height: 30px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui.dropdown .menu {
    width: 100%
}

.ui.dropdown > i.dropdown.icon {
    font-size: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.ui.dropdown > i.dropdown.icon:before {
    content: "\e001"
}

.swal-footer {
    text-align: center
}

.swal-button {
    display: inline-block;
    font-size: 16px;
    line-height: 1.2;
    transition: background .2s
}

.swal-button--success {
    background-color: #ef4836
}

.swal-button--success:focus, .swal-button--success:hover {
    background-color: #c61907 !important
}

.swal-button--error {
    background-color: #f27474
}

.swal-button--error:focus, .swal-button--error:hover {
    background-color: #f48b8b !important
}

.swal-icon--success {
    border-color: rgba(239, 72, 54, .2)
}

.swal-icon--success .swal-icon--success__line {
    background: #ef4836
}

.swal-icon--success .swal-icon--success__ring {
    border: 4px solid rgba(239, 72, 54, .2)
}

.swal-icon--error {
    border-color: rgba(255, 165, 0, .2)
}

.swal-icon--error .swal-icon--success__line {
    background: #f50000
}

.swal-icon--error .swal-icon--success__ring {
    border: 4px solid rgba(255, 165, 0, .2)
}

html.has-scroll-smooth [data-scroll-container] {
    position: fixed;
    width: 100%
}

html:not(.has-scroll-smooth) .wrapper {
    overflow: hidden
}

:root {
    --responsive_scale: 1;
    --header_height: 72px
}

.news-index__fixer, .section-blinds__fixer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.container {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.container__inner {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    flex: 0 0 auto;
    width: 88.88888889%;
    margin-left: 7.40740741%
}

.section-head {
    max-width: 962px
}

.section-head__num {
    color: #ef4836
}

.section-head__title {
    color: #ef4836
}

.section-title {
    max-width: 700px
}

.line-parent {
    overflow: hidden
}

.reveal {
    position: relative;
    overflow: hidden
}

.reveal__overlay {
    transform: translateX(-100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ef4836;
    z-index: 1
}

.section-blinds {
    position: relative
}

.blinds {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    width: 100%;
    height: 100vh
}

.blinds__img {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    background-size: 100vw 100vh;
    background-repeat: no-repeat
}

.blinds__img:nth-child(1) {
    left: 0
}

.blinds__img:nth-child(2) {
    left: 25%;
    background-position-x: -25vw
}

.blinds__img:nth-child(3) {
    left: 50%;
    background-position-x: -50vw
}

.blinds__img:nth-child(4) {
    left: 75%;
    background-position-x: -75vw
}

.fullscreen-image-wrap {
    margin-left: 7.40740741%
}

.logo {
    position: fixed;
    top: 21px;
    left: 1.61vw;
    z-index: 5;
    max-width: 3.02vw;
    width: 100%
}

.logo svg {
    width: 100%
}

.logo svg path {
    fill: #ef4836
}

.logo-line {
    position: fixed;
    width: 1.35vw;
    top: 20px;
    bottom: -80px;
    left: 0;
    z-index: 5;
    background: #ef4836
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 1;
    z-index: 4;
    padding-top: 20px;
    will-change: transform;
}

.header--home:before {
    display: block;
    position: absolute;
    content: " ";
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff
}

.header--home .hamburger__box-w {
    overflow: hidden
}

.header:not(.header--home):before {
    display: block;
    position: absolute;
    content: " ";
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff
}

.header__row {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.header__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.header__col--menu {
    flex: 0 0 auto;
    width: auto
}

.header__col--rightbar {
    flex: 0 0 auto;
    width: auto;
    margin-left: auto
}

.header__logo {
    max-width: 58px
}

.header__logo svg path {
    fill: #ef4836
}

.header__rightbar {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.header__materials {
    overflow: hidden
}

.header__feedback {
    overflow: hidden;
    margin-left: 40px
}

.hamburger {
    display: flex;
    align-items: baseline
}

.hamburger__box-w {
    position: relative;
    width: 46px;
    height: 12px
}

.hamburger__box {
    display: block;
    width: 100%;
    height: 100%
}

.hamburger__box .line {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ef4836;
    transform-origin: 3px 50%
}

.hamburger__box .line--top {
    top: 0
}

.hamburger__box .line--bottom {
    bottom: 0
}

.hamburger__text-w {
    overflow: hidden;
    margin-left: 26px
}

.hamburger__text {
    display: inline-block;
    line-height: 1.2;
    color: #ef4836
}

.nav {
    transform: translateX(-100%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: #fff;
    color: #231f20;
    display: flex;
    flex-direction: column;
    padding-top: calc(var(--header_height) + 7vh);
    padding-bottom: 30px;
    overflow: auto
}

.nav__inner {
    margin: 0 0 40px
}

.nav__row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 24px
}

.nav__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.nav__extra {
    margin-top: auto
}

.menu-list__item:nth-child(1n+2) {
    margin-top: 32px
}

.menu-list__link {
    display: block;
    color: currentColor;
    max-width: 280px
}

.menu-list__link.is-current {
    color: #ef4836
}

.menu-list__link--mobile {
    display: inline-flex;
    align-items: center
}

.menu-list__link--mobile:after {
    content: "\e001"
}

.menu-list__link--mobile:after {
    font-size: 10px;
    margin-left: 10px
}

.subnav__item:first-child {
    padding-top: 20px
}

.subnav__item:nth-child(1n+2) {
    margin-top: 36px
}

.subnav__link.is-current {
    color: #ef4836
}

.footer {
    padding-top: 80px;
    background: #343538;
    color: #fff
}

.footer-main {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    align-items: baseline
}

.footer-main__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.footer-main__col--right {
    flex: 0 0 auto;
    width: 54.16666667%
}

.footer-subscribe {
    max-width: 430px
}

.footer-subscribe__title {
    margin-bottom: 70px
}

.footer-subscribe__submit {
    margin-top: 60px
}

.footer-nav {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.footer-nav__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    flex: 0 0 auto;
    width: 33.33333333%
}

.footer-nav__list {
    max-width: 250px
}

.footer-nav__item:nth-child(1n+2) {
    margin-top: 24px
}

.footer-nav__link {
    display: inline-block
}

.footer-secondary {
    margin-top: 50px
}

.footer-secondary__row {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 50px;
    align-items: baseline
}

.footer-secondary__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.footer-social {
    --bs-gutter-x: 38px;
    --bs-gutter-y: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.footer-social__item {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    flex: 0 0 auto;
    width: auto
}

.footer-contacts__title {
    margin-bottom: 20px
}

.footer-contacts__row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 20px
}

.footer-contacts__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.footer-contacts__address {
    max-width: 230px
}

.footer-basement {
    padding-top: 84px;
    padding-bottom: 20px;
    color: #bbbdc0
}

.footer-basement__row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 10px
}

.footer-basement__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.breadcrumbs__list {
    display: flex;
    flex-flow: row wrap;
    margin-left: -20px
}

.breadcrumbs__item {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%
}

.breadcrumbs__item:nth-last-child(1n+2):after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 9px;
    right: -10px;
    width: 20px;
    height: 1px;
    background: #bbbdc0
}

.breadcrumbs__link {
    display: block;
    font-size: 14px;
    color: #bbbdc0;
    overflow: hidden;
}

.breadcrumbs__link.is-current {
    color: #ef4836
}

.page-head {
    padding-top: var(--header_height)
}

.page-head + .footer {
    margin-top: 0 !important
}

.page-head--mode_img .page-head__col--content {
    padding-bottom: 20px
}

.page-head__row {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 60px
}

.page-head__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.page-head__col--img-w {
    flex: 0 0 auto;
    width: 96%
}

.page-head__col--img-w img {
    width: 100%
}

.page-head__breadcrumbs {
    margin-bottom: 40px
}

.page-head__back {
    margin-bottom: 36px
}

.page-head__back:first-child {
    margin-top: calc(90px - var(--header_height))
}

.page-head__content {
    max-width: 590px;
    padding-right: 30px
}

.page-head__title + .page-head__back {
    margin-bottom: 34px
}

.page-head__more {
    margin-top: 40px
}

.hero {
    position: relative;
    margin-top: 0 !important;
    min-height: 400px;
    padding-top: calc(14px + var(--header_height))
}

.hero__lines {
    position: relative;
    z-index: 1
}

.hero__banner img {
    width: 100%
}

.frontside-mask svg {
    display: block;
    width: 100%
}

.frontside-mask svg g {
    position: relative
}

.hero-lines {
    color: #231f20
}

.hero-lines__item {
    overflow: hidden
}

.video-wrap {
    position: relative
}

.video-wrap__media {
    display: block;
    width: 100%
}

.video-wrap__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 68px;
    background: #fff;
    border-radius: 50%;
    transition: color .2s
}

.video-wrap__btn:focus, .video-wrap__btn:hover {
    color: #ef4836
}

.figure {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 60px
}

.figure__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.figure__col--img-w img {
    width: 100%
}

.figure__content {
    max-width: 600px
}

.figure__num {
    color: #ef4836;
    margin-bottom: 20px
}

.figure__links li:nth-child(1n+2) {
    margin-top: 20px
}

.figure__more {
    margin-top: 20px
}

.figure-wide {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 60px
}

.figure-wide__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.figure-wide__col--content {
    display: flex;
    align-items: center
}

.figure-wide__content {
    max-width: 600px
}

.figure-wide__num {
    color: #ef4836;
    margin-bottom: 20px
}

.figure-wide__text {
    margin-top: max(22px, 6.1vh)
}

.figure-wide__more {
    margin-top: max(30px, 9.8vh)
}

.figure-wide__img {
    width: 100%
}

.card-order {
    max-width: 530px;
    padding-right: 30px
}

.card-order__num {
    color: #ef4836;
    margin-bottom: 12px
}

.card-order__text {
    margin-top: 30px
}

.card-order__more {
    margin-top: 24px
}

.card-inline {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 10px
}

.card-inline__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.card-inline__num {
    line-height: .77;
    color: #ef4836;
    font-family: bebas-bold;
}

.card-inline__text {
    max-width: 500px
}

.news-index {
    position: relative;
    min-height: 23vw;
}

.news-index__floating-w {
    flex: 0 0 auto;
    width: 18.51851852%;
    margin-left: 7.40740741%;
    position: absolute;
    top: 0;
    left: 0
}

.news-index__floating-w img {
    width: 100%
}

.card-news {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 20px;
    transition: color .2s
}

.card-news:focus, .card-news:hover {
    color: #ef4836
}

.card-news:focus .card-news__arrow-w, .card-news:hover .card-news__arrow-w {
    opacity: 1;
    transform: translateX(4px)
}

.card-news__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.card-news__col--date {
    flex: 0 0 auto;
    width: auto
}

.card-news__col--type {
    flex: 0 0 auto;
    width: auto
}

.card-news__col--content {
    flex: 0 0 auto;
    width: 100%
}

.card-news__text {
    flex: 1
}

.card-news__arrow-w {
    opacity: 0;
    padding-top: 3px;
    flex: 0 0 42px;
    transition: opacity .2s, transform .2s
}

.card-news__arrow-w i {
    font-size: 28px
}

.card-news__more {
    margin-top: 16px
}

.article--news .article__slider {
    max-width: 1100px
}

.article__row {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.article__container {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    margin-left: 7.40740741%;
    flex: 0 0 auto;
    width: 88.88888889%
}

.article__date {
    color: #bbbdc0;
    margin-bottom: 26px
}

.article__intro {
    max-width: 1064px
}

.article__slider {
    max-width: 1280px
}

.article__slider .swiper-slide img {
    max-height: 700px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    aspect-ratio: 1280/700
}

.article__content iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
    margin: 40px 0
}

.grid-preview {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 100px
}

.grid-preview__item {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.card-preview:focus .card-preview__img-w img, .card-preview:hover .card-preview__img-w img {
    transform: translate(-50%, -50%) scale(1.02)
}

.card-preview:focus .card-preview__title, .card-preview:hover .card-preview__title {
    color: #ef4836
}

.card-preview:focus .card-preview__arrow, .card-preview:hover .card-preview__arrow {
    color: #ef4836;
    transform: translateX(6px)
}

.card-preview__caption {
    margin-bottom: 20px
}

.card-preview__img-w {
    overflow: hidden;
    position: relative;
    height: 14vw;
}

.card-preview__img-w img {
    width: 100%;
    transition: transform .4s cubic-bezier(.445, .05, .55, .95);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.card-preview__title {
    max-width: 560px;
    margin-top: 32px
}

.card-preview__arrow {
    font-size: 28px;
    transition: transform .2s;
    margin-top: 26px
}

.card-feature {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 30px
}

.card-feature__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.card-feature__title {
    max-width: 360px
}

.filter__row {
    --bs-gutter-x: 70px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 20px
}

.filter__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.locations {
    position: relative
}

.locations__item {
    display: none;
    position: relative;
    background: #fff
}

.card-location {
    padding: 60px 20px 0 0
}

.card-location__close {
    position: absolute;
    top: 20px;
    right: 14px;
    transition: color .2s
}

.card-location__close:focus, .card-location__close:hover {
    color: #ef4836
}

.card-location__close i {
    font-size: 22px
}

.card-location__inner {
    width: 100%;
    height: 100%;
    overflow: auto
}

.card-location__title {
    max-width: 360px;
    margin-bottom: 30px
}

.card-location__item:nth-child(1n+2) {
    margin-top: 14px
}

.card-location__key {
    font-family: solomon-bold;
    margin-right: 6px
}

.card-location__more {
    margin-top: 36px
}

.cluster span {
    font-family: solomon !important;
    color: #fff !important;
    text-align: center
}

.accordion-org {
    width: 100%
}

.accordion-org__row {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 30px
}

.accordion-org__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.accordion-org__col--img-w {
    flex: 0 0 auto;
    width: 33.33333333%
}

.accordion-org__col--arrow {
    flex: 0 0 auto;
    width: 4.16666667%;
    text-align: right
}

.accordion-org__img {
    width: 100%
}

.accordion-org__intro {
    padding-top: 20px
}

.accordion-org__arrow {
    display: inline-block;
    transform: rotate(90deg);
    transition: color .2s
}

.request__row {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 40px
}

.request__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.request__col--img {
    flex: 0 0 auto;
    width: 50%
}

.request__col .form {
    max-width: 500px
}

.request__img {
    width: 100%
}

.list-downloads__item:nth-child(1n+2) {
    margin-top: 52px
}

.download-docs__link {
    margin-top: 26px
}

.grid-contacts {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    --bs-gutter-y: 120px
}

.grid-contacts__item {
    display: flex;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.card-contact {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 290px
}

.card-contact__img-w {
    margin-bottom: 40px
}

.card-contact__img-w img {
    width: 100%
}

.card-contact__title {
    margin-bottom: 30px
}

.card-contact__address {
    margin-bottom: 30px
}

.card-contact__connection {
    margin-bottom: 24px
}

.link-blank:after {
    content: "\e007"
}

.link-blank:after {
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    transform: translateY(2px)
}

.section-notfound {
    margin-top: 0 !important
}

.notfound {
    padding-top: max(80px, 18vh);
    padding-bottom: 60px;
    min-height: 100vh
}

.notfound__404 {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    max-width: 606px
}

.list-partners__item {
    border-top: 1px solid #bbbdc0
}

.partner {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.partner__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

@media (min-width: 381px) {
    .col-sp {
        flex: 1 0 0%
    }

    .row-cols-sp-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sp-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sp-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sp-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sp-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sp-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sp-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sp-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sp-1 {
        flex: 0 0 auto;
        width: 3.7037037%
    }

    .col-sp-2 {
        flex: 0 0 auto;
        width: 7.40740741%
    }

    .col-sp-3 {
        flex: 0 0 auto;
        width: 11.11111111%
    }

    .col-sp-4 {
        flex: 0 0 auto;
        width: 14.81481481%
    }

    .col-sp-5 {
        flex: 0 0 auto;
        width: 18.51851852%
    }

    .col-sp-6 {
        flex: 0 0 auto;
        width: 22.22222222%
    }

    .col-sp-7 {
        flex: 0 0 auto;
        width: 25.92592593%
    }

    .col-sp-8 {
        flex: 0 0 auto;
        width: 29.62962963%
    }

    .col-sp-9 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sp-10 {
        flex: 0 0 auto;
        width: 37.03703704%
    }

    .col-sp-11 {
        flex: 0 0 auto;
        width: 40.74074074%
    }

    .col-sp-12 {
        flex: 0 0 auto;
        width: 44.44444444%
    }

    .col-sp-13 {
        flex: 0 0 auto;
        width: 48.14814815%
    }

    .col-sp-14 {
        flex: 0 0 auto;
        width: 51.85185185%
    }

    .col-sp-15 {
        flex: 0 0 auto;
        width: 55.55555556%
    }

    .col-sp-16 {
        flex: 0 0 auto;
        width: 59.25925926%
    }

    .col-sp-17 {
        flex: 0 0 auto;
        width: 62.96296296%
    }

    .col-sp-18 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sp-19 {
        flex: 0 0 auto;
        width: 70.37037037%
    }

    .col-sp-20 {
        flex: 0 0 auto;
        width: 74.07407407%
    }

    .col-sp-21 {
        flex: 0 0 auto;
        width: 77.77777778%
    }

    .col-sp-22 {
        flex: 0 0 auto;
        width: 81.48148148%
    }

    .col-sp-23 {
        flex: 0 0 auto;
        width: 85.18518519%
    }

    .col-sp-24 {
        flex: 0 0 auto;
        width: 88.88888889%
    }

    .col-sp-25 {
        flex: 0 0 auto;
        width: 92.59259259%
    }

    .col-sp-26 {
        flex: 0 0 auto;
        width: 96.2962963%
    }

    .col-sp-27 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sp-0 {
        margin-left: 0
    }

    .offset-sp-1 {
        margin-left: 3.7037037%
    }

    .offset-sp-2 {
        margin-left: 7.40740741%
    }

    .offset-sp-3 {
        margin-left: 11.11111111%
    }

    .offset-sp-4 {
        margin-left: 14.81481481%
    }

    .offset-sp-5 {
        margin-left: 18.51851852%
    }

    .offset-sp-6 {
        margin-left: 22.22222222%
    }

    .offset-sp-7 {
        margin-left: 25.92592593%
    }

    .offset-sp-8 {
        margin-left: 29.62962963%
    }

    .offset-sp-9 {
        margin-left: 33.33333333%
    }

    .offset-sp-10 {
        margin-left: 37.03703704%
    }

    .offset-sp-11 {
        margin-left: 40.74074074%
    }

    .offset-sp-12 {
        margin-left: 44.44444444%
    }

    .offset-sp-13 {
        margin-left: 48.14814815%
    }

    .offset-sp-14 {
        margin-left: 51.85185185%
    }

    .offset-sp-15 {
        margin-left: 55.55555556%
    }

    .offset-sp-16 {
        margin-left: 59.25925926%
    }

    .offset-sp-17 {
        margin-left: 62.96296296%
    }

    .offset-sp-18 {
        margin-left: 66.66666667%
    }

    .offset-sp-19 {
        margin-left: 70.37037037%
    }

    .offset-sp-20 {
        margin-left: 74.07407407%
    }

    .offset-sp-21 {
        margin-left: 77.77777778%
    }

    .offset-sp-22 {
        margin-left: 81.48148148%
    }

    .offset-sp-23 {
        margin-left: 85.18518519%
    }

    .offset-sp-24 {
        margin-left: 88.88888889%
    }

    .offset-sp-25 {
        margin-left: 92.59259259%
    }

    .offset-sp-26 {
        margin-left: 96.2962963%
    }

    .g-sp-1 {
        --bs-gutter-x: 10px
    }

    .g-sp-1 {
        --bs-gutter-y: 10px
    }

    .g-sp-2 {
        --bs-gutter-x: 30px
    }

    .g-sp-2 {
        --bs-gutter-y: 30px
    }

    .g-sp-3 {
        --bs-gutter-x: 50px
    }

    .g-sp-3 {
        --bs-gutter-y: 50px
    }

    .sticky-sp-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .float-sp-start {
        float: left !important
    }

    .float-sp-end {
        float: right !important
    }

    .float-sp-none {
        float: none !important
    }

    .d-sp-inline {
        display: inline !important
    }

    .d-sp-inline-block {
        display: inline-block !important
    }

    .d-sp-block {
        display: block !important
    }

    .d-sp-grid {
        display: grid !important
    }

    .d-sp-table {
        display: table !important
    }

    .d-sp-table-row {
        display: table-row !important
    }

    .d-sp-flex {
        display: flex !important
    }

    .d-sp-inline-flex {
        display: inline-flex !important
    }

    .d-sp-none {
        display: none !important
    }

    .flex-sp-fill {
        flex: 1 1 auto !important
    }

    .flex-sp-row {
        flex-direction: row !important
    }

    .flex-sp-column {
        flex-direction: column !important
    }

    .flex-sp-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sp-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sp-wrap {
        flex-wrap: wrap !important
    }

    .flex-sp-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sp-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sp-start {
        justify-content: flex-start !important
    }

    .justify-content-sp-end {
        justify-content: flex-end !important
    }

    .justify-content-sp-center {
        justify-content: center !important
    }

    .justify-content-sp-between {
        justify-content: space-between !important
    }

    .align-items-sp-start {
        align-items: flex-start !important
    }

    .align-items-sp-end {
        align-items: flex-end !important
    }

    .align-items-sp-center {
        align-items: center !important
    }

    .align-items-sp-baseline {
        align-items: baseline !important
    }

    .align-content-sp-start {
        align-content: flex-start !important
    }

    .align-content-sp-end {
        align-content: flex-end !important
    }

    .align-content-sp-center {
        align-content: center !important
    }

    .align-content-sp-between {
        align-content: space-between !important
    }

    .align-self-sp-auto {
        align-self: auto !important
    }

    .align-self-sp-start {
        align-self: flex-start !important
    }

    .align-self-sp-end {
        align-self: flex-end !important
    }

    .align-self-sp-center {
        align-self: center !important
    }

    .align-self-sp-baseline {
        align-self: baseline !important
    }

    .order-sp-first {
        order: -1 !important
    }

    .order-sp-0 {
        order: 0 !important
    }

    .order-sp-1 {
        order: 1 !important
    }

    .order-sp-2 {
        order: 2 !important
    }

    .order-sp-3 {
        order: 3 !important
    }

    .order-sp-4 {
        order: 4 !important
    }

    .order-sp-5 {
        order: 5 !important
    }

    .order-sp-last {
        order: 6 !important
    }

    .m-sp-0 {
        margin: 0 !important
    }

    .m-sp-1 {
        margin: 2.5px !important
    }

    .m-sp-2 {
        margin: 5px !important
    }

    .m-sp-3 {
        margin: 10px !important
    }

    .m-sp-4 {
        margin: 15px !important
    }

    .m-sp-5 {
        margin: 30px !important
    }

    .m-sp-auto {
        margin: auto !important
    }

    .mt-sp-0 {
        margin-top: 0 !important
    }

    .mt-sp-1 {
        margin-top: 2.5px !important
    }

    .mt-sp-2 {
        margin-top: 5px !important
    }

    .mt-sp-3 {
        margin-top: 10px !important
    }

    .mt-sp-4 {
        margin-top: 15px !important
    }

    .mt-sp-5 {
        margin-top: 30px !important
    }

    .mt-sp-auto {
        margin-top: auto !important
    }

    .me-sp-0 {
        margin-right: 0 !important
    }

    .me-sp-1 {
        margin-right: 2.5px !important
    }

    .me-sp-2 {
        margin-right: 5px !important
    }

    .me-sp-3 {
        margin-right: 10px !important
    }

    .me-sp-4 {
        margin-right: 15px !important
    }

    .me-sp-5 {
        margin-right: 30px !important
    }

    .me-sp-auto {
        margin-right: auto !important
    }

    .mb-sp-0 {
        margin-bottom: 0 !important
    }

    .mb-sp-1 {
        margin-bottom: 2.5px !important
    }

    .mb-sp-2 {
        margin-bottom: 5px !important
    }

    .mb-sp-3 {
        margin-bottom: 10px !important
    }

    .mb-sp-4 {
        margin-bottom: 15px !important
    }

    .mb-sp-5 {
        margin-bottom: 30px !important
    }

    .mb-sp-auto {
        margin-bottom: auto !important
    }

    .ms-sp-0 {
        margin-left: 0 !important
    }

    .ms-sp-1 {
        margin-left: 2.5px !important
    }

    .ms-sp-2 {
        margin-left: 5px !important
    }

    .ms-sp-3 {
        margin-left: 10px !important
    }

    .ms-sp-4 {
        margin-left: 15px !important
    }

    .ms-sp-5 {
        margin-left: 30px !important
    }

    .ms-sp-auto {
        margin-left: auto !important
    }

    .p-sp-0 {
        padding: 0 !important
    }

    .p-sp-1 {
        padding: 2.5px !important
    }

    .p-sp-2 {
        padding: 5px !important
    }

    .p-sp-3 {
        padding: 10px !important
    }

    .p-sp-4 {
        padding: 15px !important
    }

    .p-sp-5 {
        padding: 30px !important
    }

    .px-sp-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sp-1 {
        padding-right: 2.5px !important;
        padding-left: 2.5px !important
    }

    .px-sp-2 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .px-sp-3 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .px-sp-4 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .px-sp-5 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .pt-sp-0 {
        padding-top: 0 !important
    }

    .pt-sp-1 {
        padding-top: 2.5px !important
    }

    .pt-sp-2 {
        padding-top: 5px !important
    }

    .pt-sp-3 {
        padding-top: 10px !important
    }

    .pt-sp-4 {
        padding-top: 15px !important
    }

    .pt-sp-5 {
        padding-top: 30px !important
    }

    .pe-sp-0 {
        padding-right: 0 !important
    }

    .pe-sp-1 {
        padding-right: 2.5px !important
    }

    .pe-sp-2 {
        padding-right: 5px !important
    }

    .pe-sp-3 {
        padding-right: 10px !important
    }

    .pe-sp-4 {
        padding-right: 15px !important
    }

    .pe-sp-5 {
        padding-right: 30px !important
    }

    .ps-sp-0 {
        padding-left: 0 !important
    }

    .ps-sp-1 {
        padding-left: 2.5px !important
    }

    .ps-sp-2 {
        padding-left: 5px !important
    }

    .ps-sp-3 {
        padding-left: 10px !important
    }

    .ps-sp-4 {
        padding-left: 15px !important
    }

    .ps-sp-5 {
        padding-left: 30px !important
    }

    .text-sp-start {
        text-align: left !important
    }

    .text-sp-end {
        text-align: right !important
    }

    .text-sp-center {
        text-align: center !important
    }
}

@media screen and (min-width: 381px) {
    .footer-secondary {
        margin-top: 64px
    }

    .card-location {
        padding: 60px 30px 0 20px
    }
}

@media screen and (min-width: 481px) {
    .nav-extra {
        display: flex
    }

    .nav-extra__feedback {
        margin-left: 40px
    }

    .footer-contacts__col--address {
        flex: 0 0 auto;
        width: 50%
    }

    .footer-contacts__col--connection {
        flex: 0 0 auto;
        width: 50%
    }

    .page-head__breadcrumbs {
        margin-bottom: 64px
    }

    .video-wrap__btn {
        width: 90px;
        height: 90px
    }

    .grid-preview__item {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .accordion-org__col--img-w {
        flex: 0 0 auto;
        width: 25%
    }

    .accordion-org__col--main {
        margin-left: 4.16666667%;
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .download-docs__link {
        margin-top: 34px
    }

    .grid-contacts__item {
        flex: 0 0 auto;
        width: 50%
    }
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 3.7037037%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 7.40740741%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 11.11111111%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 14.81481481%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 18.51851852%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 22.22222222%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 25.92592593%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 29.62962963%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 37.03703704%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 40.74074074%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 44.44444444%
    }

    .col-sm-13 {
        flex: 0 0 auto;
        width: 48.14814815%
    }

    .col-sm-14 {
        flex: 0 0 auto;
        width: 51.85185185%
    }

    .col-sm-15 {
        flex: 0 0 auto;
        width: 55.55555556%
    }

    .col-sm-16 {
        flex: 0 0 auto;
        width: 59.25925926%
    }

    .col-sm-17 {
        flex: 0 0 auto;
        width: 62.96296296%
    }

    .col-sm-18 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-19 {
        flex: 0 0 auto;
        width: 70.37037037%
    }

    .col-sm-20 {
        flex: 0 0 auto;
        width: 74.07407407%
    }

    .col-sm-21 {
        flex: 0 0 auto;
        width: 77.77777778%
    }

    .col-sm-22 {
        flex: 0 0 auto;
        width: 81.48148148%
    }

    .col-sm-23 {
        flex: 0 0 auto;
        width: 85.18518519%
    }

    .col-sm-24 {
        flex: 0 0 auto;
        width: 88.88888889%
    }

    .col-sm-25 {
        flex: 0 0 auto;
        width: 92.59259259%
    }

    .col-sm-26 {
        flex: 0 0 auto;
        width: 96.2962963%
    }

    .col-sm-27 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 3.7037037%
    }

    .offset-sm-2 {
        margin-left: 7.40740741%
    }

    .offset-sm-3 {
        margin-left: 11.11111111%
    }

    .offset-sm-4 {
        margin-left: 14.81481481%
    }

    .offset-sm-5 {
        margin-left: 18.51851852%
    }

    .offset-sm-6 {
        margin-left: 22.22222222%
    }

    .offset-sm-7 {
        margin-left: 25.92592593%
    }

    .offset-sm-8 {
        margin-left: 29.62962963%
    }

    .offset-sm-9 {
        margin-left: 33.33333333%
    }

    .offset-sm-10 {
        margin-left: 37.03703704%
    }

    .offset-sm-11 {
        margin-left: 40.74074074%
    }

    .offset-sm-12 {
        margin-left: 44.44444444%
    }

    .offset-sm-13 {
        margin-left: 48.14814815%
    }

    .offset-sm-14 {
        margin-left: 51.85185185%
    }

    .offset-sm-15 {
        margin-left: 55.55555556%
    }

    .offset-sm-16 {
        margin-left: 59.25925926%
    }

    .offset-sm-17 {
        margin-left: 62.96296296%
    }

    .offset-sm-18 {
        margin-left: 66.66666667%
    }

    .offset-sm-19 {
        margin-left: 70.37037037%
    }

    .offset-sm-20 {
        margin-left: 74.07407407%
    }

    .offset-sm-21 {
        margin-left: 77.77777778%
    }

    .offset-sm-22 {
        margin-left: 81.48148148%
    }

    .offset-sm-23 {
        margin-left: 85.18518519%
    }

    .offset-sm-24 {
        margin-left: 88.88888889%
    }

    .offset-sm-25 {
        margin-left: 92.59259259%
    }

    .offset-sm-26 {
        margin-left: 96.2962963%
    }

    .g-sm-1 {
        --bs-gutter-x: 10px
    }

    .g-sm-1 {
        --bs-gutter-y: 10px
    }

    .g-sm-2 {
        --bs-gutter-x: 30px
    }

    .g-sm-2 {
        --bs-gutter-y: 30px
    }

    .g-sm-3 {
        --bs-gutter-x: 50px
    }

    .g-sm-3 {
        --bs-gutter-y: 50px
    }

    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: 2.5px !important
    }

    .m-sm-2 {
        margin: 5px !important
    }

    .m-sm-3 {
        margin: 10px !important
    }

    .m-sm-4 {
        margin: 15px !important
    }

    .m-sm-5 {
        margin: 30px !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: 2.5px !important
    }

    .mt-sm-2 {
        margin-top: 5px !important
    }

    .mt-sm-3 {
        margin-top: 10px !important
    }

    .mt-sm-4 {
        margin-top: 15px !important
    }

    .mt-sm-5 {
        margin-top: 30px !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: 2.5px !important
    }

    .me-sm-2 {
        margin-right: 5px !important
    }

    .me-sm-3 {
        margin-right: 10px !important
    }

    .me-sm-4 {
        margin-right: 15px !important
    }

    .me-sm-5 {
        margin-right: 30px !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: 2.5px !important
    }

    .mb-sm-2 {
        margin-bottom: 5px !important
    }

    .mb-sm-3 {
        margin-bottom: 10px !important
    }

    .mb-sm-4 {
        margin-bottom: 15px !important
    }

    .mb-sm-5 {
        margin-bottom: 30px !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: 2.5px !important
    }

    .ms-sm-2 {
        margin-left: 5px !important
    }

    .ms-sm-3 {
        margin-left: 10px !important
    }

    .ms-sm-4 {
        margin-left: 15px !important
    }

    .ms-sm-5 {
        margin-left: 30px !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: 2.5px !important
    }

    .p-sm-2 {
        padding: 5px !important
    }

    .p-sm-3 {
        padding: 10px !important
    }

    .p-sm-4 {
        padding: 15px !important
    }

    .p-sm-5 {
        padding: 30px !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: 2.5px !important;
        padding-left: 2.5px !important
    }

    .px-sm-2 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .px-sm-3 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .px-sm-4 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .px-sm-5 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: 2.5px !important
    }

    .pt-sm-2 {
        padding-top: 5px !important
    }

    .pt-sm-3 {
        padding-top: 10px !important
    }

    .pt-sm-4 {
        padding-top: 15px !important
    }

    .pt-sm-5 {
        padding-top: 30px !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: 2.5px !important
    }

    .pe-sm-2 {
        padding-right: 5px !important
    }

    .pe-sm-3 {
        padding-right: 10px !important
    }

    .pe-sm-4 {
        padding-right: 15px !important
    }

    .pe-sm-5 {
        padding-right: 30px !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: 2.5px !important
    }

    .ps-sm-2 {
        padding-left: 5px !important
    }

    .ps-sm-3 {
        padding-left: 10px !important
    }

    .ps-sm-4 {
        padding-left: 15px !important
    }

    .ps-sm-5 {
        padding-left: 30px !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media screen and (min-width: 577px) {
    .swiper-basement {
        margin-top: 30px
    }

    .swiper-basement__arrow i {
        font-size: 22px
    }

    .swiper-basement__info {
        margin-left: 70px
    }

    .card-inline__col--num {
        flex: 0 0 auto;
        width: 12.5%
    }

    .card-inline__col--title {
        flex: 0 0 auto;
        width: 87.5%
    }

    .card-inline__col--text {
        flex: 0 0 auto;
        width: 87.5%
    }

    .card-feature__col--title {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .card-feature__col--info {
        flex: 0 0 auto;
        width: 54.16666667%
    }

    .filter__col {
        flex: 0 0 auto;
        width: 50%
    }

    .accordion-org__col--main {
        margin-left: 8.33333333%;
        flex: 0 0 auto;
        width: 62.5%
    }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
    .card-inline__col--text {
        margin-left: 12.5%
    }
}

@media screen and (min-width: 641px) {
    .btn-lg:after {
        transform: translateY(-6px)
    }

    .footer-basement__col--copyright {
        flex: 0 0 auto;
        width: 50%
    }

    .footer-basement__col--dev {
        flex: 0 0 auto;
        width: 50%
    }

    .hero {
        padding-top: calc(35px + var(--header_height))
    }

    .figure-wide__content {
        padding-right: 20px
    }

    .grid-preview__item {
        flex: 0 0 auto;
        width: 45.83333333%
    }

    .grid-preview__item:nth-child(2n+2) {
        margin-left: 8.33333333%
    }

    .accordion-org__col--img-w {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .accordion-org__col--intro {
        flex: 0 0 auto;
        width: 75%;
        margin-left: 25%
    }

    .accordion-org__col--arrow {
        margin-left: 8.33333333%
    }

    .accordion__text {
        margin-left: 25%
    }

    .partner__col--logo {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .partner__col--name {
        flex: 0 0 auto;
        width: 75%;
        margin-left: 8.33333333%
    }

    .partner__col--content {
        margin-left: 25%;
        flex: 0 0 auto;
        width: 75%
    }
}

@media only screen and (min-width: 768px) {
    .ui.selection.dropdown .menu {
        max-height: 10.68571429rem
    }

    .ui.search.dropdown .menu {
        max-height: 10.68571429rem
    }

    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        max-height: 15.42857143rem
    }
}

@media screen and (min-width: 768px) {
    .card-inline__col--title {
        flex: 0 0 auto;
        width: 37.5%
    }

    .card-inline__col--text {
        flex: 0 0 auto;
        width: 50%
    }

    .card-news__col--date {
        flex: 0 0 auto;
        width: 16.66666667%;
        margin-left: 11.11111111%
    }

    .card-news__col--type {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .card-news__col--content {
        flex: 0 0 auto;
        width: 72.22222222%
    }

    .locations__item {
        width: 470px;
        position: absolute;
        top: 20px;
        bottom: 20px;
        left: 20px;
        z-index: 2;
        overflow: auto
    }

    .card-location {
        padding: 50px 30px 20px 40px
    }

    .card-location__close {
        right: 20px
    }

    .card-location__close i {
        font-size: 28px
    }

    .card-location__title {
        margin-bottom: 50px
    }

    .card-location__more {
        margin-top: 50px
    }
}

@media screen and (min-width: 768px) and (max-width: 1380px) {
    .card-news__type {
        padding: 0 20px
    }
}

@media screen and (min-width: 769px) {
    .article__container {
        flex: 0 0 auto;
        width: 74.07407407%
    }
}

@media screen and (min-width: 769px) and (max-width: 1160px) {
    .footer__wrap {
        display: flex
    }

    .footer-main {
        flex: 0 0 auto;
        width: 50%
    }

    .footer-secondary {
        flex: 0 0 auto;
        width: 50%;
        margin-top: 0;
        padding-top: 12px;
        padding-left: 60px
    }

    .footer-basement__col--dev {
        padding-left: 60px
    }
}

@media screen and (min-width: 801px) {
    .panel__col--form {
        flex: 0 0 auto;
        width: 40.74074074%;
        margin-left: 3.7037037%
    }

    .header--home:before {
        display: none
    }

    .header:not(.header--home):before {
        width: 92.5925925926%
    }

    .nav__extra {
        display: none
    }

    .page-head--mode_img .page-head__col--content {
        padding-bottom: 40px
    }

    .page-head--mode_img .page-head__col--img-w img {
        min-height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .page-head__col--content {
        flex: 0 0 auto;
        width: 48%;
        padding-right: 30px
    }

    .page-head__col--img-w {
        flex: 0 0 auto;
        width: 52%
    }

    .page-head__back:first-child {
        margin-top: calc(146px - var(--header_height))
    }

    .page-head__content {
        max-width: 640px
    }

    .list-figures__item:nth-child(2n+1) .figure__col--content {
        margin-left: 4.16666667%
    }

    .list-figures__item:nth-child(2n+2) .figure__col--img-w {
        margin-left: 4.16666667%;
        order: 1
    }

    .figure--reversed .figure__col--img-w {
        order: 1;
        margin-left: 4.16666667%
    }

    .figure__col--img-w {
        flex: 0 0 auto;
        width: 50%
    }

    .figure__col--content {
        flex: 0 0 auto;
        width: 45.83333333%
    }

    .figure-wide__col--img-w {
        flex: 0 0 auto;
        width: 51.85185185%
    }

    .figure-wide__col--content {
        flex: 0 0 auto;
        width: 40.74074074%;
        margin-left: 3.7037037%;
        padding-bottom: 35px
    }

    .card-preview__title {
        margin-top: 40px
    }

    .filter__col {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .request__col--form {
        flex: 0 0 auto;
        width: 50%
    }

    .request__col .form {
        max-width: 570px
    }

    .grid-contacts__item {
        flex: 0 0 auto;
        width: 33.33333333%
    }
}

@media screen and (min-width: 801px) and (max-width: 1481px) {
    .section-head__title {
        font-size: 6vw !important
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 3.7037037%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 7.40740741%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 11.11111111%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 14.81481481%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 18.51851852%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 22.22222222%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 25.92592593%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 29.62962963%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 37.03703704%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 40.74074074%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 44.44444444%
    }

    .col-lg-13 {
        flex: 0 0 auto;
        width: 48.14814815%
    }

    .col-lg-14 {
        flex: 0 0 auto;
        width: 51.85185185%
    }

    .col-lg-15 {
        flex: 0 0 auto;
        width: 55.55555556%
    }

    .col-lg-16 {
        flex: 0 0 auto;
        width: 59.25925926%
    }

    .col-lg-17 {
        flex: 0 0 auto;
        width: 62.96296296%
    }

    .col-lg-18 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-19 {
        flex: 0 0 auto;
        width: 70.37037037%
    }

    .col-lg-20 {
        flex: 0 0 auto;
        width: 74.07407407%
    }

    .col-lg-21 {
        flex: 0 0 auto;
        width: 77.77777778%
    }

    .col-lg-22 {
        flex: 0 0 auto;
        width: 81.48148148%
    }

    .col-lg-23 {
        flex: 0 0 auto;
        width: 85.18518519%
    }

    .col-lg-24 {
        flex: 0 0 auto;
        width: 88.88888889%
    }

    .col-lg-25 {
        flex: 0 0 auto;
        width: 92.59259259%
    }

    .col-lg-26 {
        flex: 0 0 auto;
        width: 96.2962963%
    }

    .col-lg-27 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 3.7037037%
    }

    .offset-lg-2 {
        margin-left: 7.40740741%
    }

    .offset-lg-3 {
        margin-left: 11.11111111%
    }

    .offset-lg-4 {
        margin-left: 14.81481481%
    }

    .offset-lg-5 {
        margin-left: 18.51851852%
    }

    .offset-lg-6 {
        margin-left: 22.22222222%
    }

    .offset-lg-7 {
        margin-left: 25.92592593%
    }

    .offset-lg-8 {
        margin-left: 29.62962963%
    }

    .offset-lg-9 {
        margin-left: 33.33333333%
    }

    .offset-lg-10 {
        margin-left: 37.03703704%
    }

    .offset-lg-11 {
        margin-left: 40.74074074%
    }

    .offset-lg-12 {
        margin-left: 44.44444444%
    }

    .offset-lg-13 {
        margin-left: 48.14814815%
    }

    .offset-lg-14 {
        margin-left: 51.85185185%
    }

    .offset-lg-15 {
        margin-left: 55.55555556%
    }

    .offset-lg-16 {
        margin-left: 59.25925926%
    }

    .offset-lg-17 {
        margin-left: 62.96296296%
    }

    .offset-lg-18 {
        margin-left: 66.66666667%
    }

    .offset-lg-19 {
        margin-left: 70.37037037%
    }

    .offset-lg-20 {
        margin-left: 74.07407407%
    }

    .offset-lg-21 {
        margin-left: 77.77777778%
    }

    .offset-lg-22 {
        margin-left: 81.48148148%
    }

    .offset-lg-23 {
        margin-left: 85.18518519%
    }

    .offset-lg-24 {
        margin-left: 88.88888889%
    }

    .offset-lg-25 {
        margin-left: 92.59259259%
    }

    .offset-lg-26 {
        margin-left: 96.2962963%
    }

    .g-lg-1 {
        --bs-gutter-x: 10px
    }

    .g-lg-1 {
        --bs-gutter-y: 10px
    }

    .g-lg-2 {
        --bs-gutter-x: 30px
    }

    .g-lg-2 {
        --bs-gutter-y: 30px
    }

    .g-lg-3 {
        --bs-gutter-x: 50px
    }

    .g-lg-3 {
        --bs-gutter-y: 50px
    }

    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: 2.5px !important
    }

    .m-lg-2 {
        margin: 5px !important
    }

    .m-lg-3 {
        margin: 10px !important
    }

    .m-lg-4 {
        margin: 15px !important
    }

    .m-lg-5 {
        margin: 30px !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: 2.5px !important
    }

    .mt-lg-2 {
        margin-top: 5px !important
    }

    .mt-lg-3 {
        margin-top: 10px !important
    }

    .mt-lg-4 {
        margin-top: 15px !important
    }

    .mt-lg-5 {
        margin-top: 30px !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: 2.5px !important
    }

    .me-lg-2 {
        margin-right: 5px !important
    }

    .me-lg-3 {
        margin-right: 10px !important
    }

    .me-lg-4 {
        margin-right: 15px !important
    }

    .me-lg-5 {
        margin-right: 30px !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: 2.5px !important
    }

    .mb-lg-2 {
        margin-bottom: 5px !important
    }

    .mb-lg-3 {
        margin-bottom: 10px !important
    }

    .mb-lg-4 {
        margin-bottom: 15px !important
    }

    .mb-lg-5 {
        margin-bottom: 30px !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: 2.5px !important
    }

    .ms-lg-2 {
        margin-left: 5px !important
    }

    .ms-lg-3 {
        margin-left: 10px !important
    }

    .ms-lg-4 {
        margin-left: 15px !important
    }

    .ms-lg-5 {
        margin-left: 30px !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: 2.5px !important
    }

    .p-lg-2 {
        padding: 5px !important
    }

    .p-lg-3 {
        padding: 10px !important
    }

    .p-lg-4 {
        padding: 15px !important
    }

    .p-lg-5 {
        padding: 30px !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: 2.5px !important;
        padding-left: 2.5px !important
    }

    .px-lg-2 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .px-lg-3 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .px-lg-4 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .px-lg-5 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: 2.5px !important
    }

    .pt-lg-2 {
        padding-top: 5px !important
    }

    .pt-lg-3 {
        padding-top: 10px !important
    }

    .pt-lg-4 {
        padding-top: 15px !important
    }

    .pt-lg-5 {
        padding-top: 30px !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: 2.5px !important
    }

    .pe-lg-2 {
        padding-right: 5px !important
    }

    .pe-lg-3 {
        padding-right: 10px !important
    }

    .pe-lg-4 {
        padding-right: 15px !important
    }

    .pe-lg-5 {
        padding-right: 30px !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: 2.5px !important
    }

    .ps-lg-2 {
        padding-left: 5px !important
    }

    .ps-lg-3 {
        padding-left: 10px !important
    }

    .ps-lg-4 {
        padding-left: 15px !important
    }

    .ps-lg-5 {
        padding-left: 30px !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media only screen and (min-width: 992px) {
    .ui.selection.dropdown .menu {
        max-height: 16.02857143rem
    }

    .ui.search.dropdown .menu {
        max-height: 16.02857143rem
    }

    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        max-height: 20.57142857rem
    }
}

@media screen and (min-width: 992px) {
    .panel__col--form {
        flex: 0 0 auto;
        width: 37.03703704%;
        margin-left: 7.40740741%
    }

    .swiper__pagination {
        left: -65px
    }

    .swiper__pagination > span {
        display: block
    }

    .section-blinds {
        padding-bottom: 100vh
    }

    .replacable__block--mobile {
        display: none
    }

    .page-head__more {
        margin-top: 56px
    }

    .hero {
        height: 200vh
    }

    .hero__banner {
        flex: 0 0 auto;
        width: 70.37037037%;
        margin-left: 29.62962963%;
        margin-top: -7.34vh
    }

    .card-order__num {
        margin-bottom: 20px
    }

    .card-inline__col--num {
        margin-left: 12.5%
    }

    .card-inline__col--title {
        flex: 0 0 auto;
        width: 29.16666667%
    }

    .card-inline__col--text {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .news__col {
        margin-left: 12.5%
    }

    .article__container {
        margin-left: 11.11111111%
    }

    .article__slider .swiper__pagination {
        font-size: max(20px, 1.875vw);
        left: -3.38vw
    }

    .card-feature__col--title {
        margin-left: 12.5%
    }

    .card-feature__col--info {
        flex: 0 0 auto;
        width: 41.66666667%
    }
}

@media screen and (min-width: 1025px) {
    .swiper-basement__arrow i {
        font-size: 28px
    }

    .swiper-basement__arrow--next {
        margin-left: 60px
    }

    .figure-wide__col--content {
        margin-left: 7.40740741%
    }

    .news-index__pager {
        margin-left: 37.5%
    }

    .card-news__col--content {
        display: flex
    }

    .card-news__text {
        padding-right: 30px
    }

    .card-news__more {
        display: none
    }

    .grid-preview__item {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .grid-preview__item:nth-child(2n+2) {
        margin-left: 8.33333333%
    }

    .accordion-org__col--main {
        flex: 0 0 auto;
        width: 20.83333333%
    }

    .accordion-org__col--intro {
        margin-left: 4.16666667%;
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .accordion-org__col--arrow {
        margin-left: 4.16666667%
    }

    .accordion-org__intro {
        padding-top: 30px
    }

    .accordion__text {
        margin-left: 50%
    }

    .request__col--form {
        flex: 0 0 auto;
        width: 41.66666667%;
        margin-left: 8.33333333%
    }

    .partner__col--name {
        flex: 0 0 auto;
        width: 25%
    }

    .partner__col--content {
        flex: 0 0 auto;
        width: 44.44444444%;
        margin-left: 0
    }
}

@media screen and (min-width: 1025px) and (max-width: 1481px) {
    .figure-wide__title {
        font-size: 44px !important
    }
}

@media screen and (min-width: 1161px) {
    .footer-main__col--left {
        flex: 0 0 auto;
        width: 45.83333333%
    }

    .footer-secondary__col--left {
        flex: 0 0 auto;
        width: 45.83333333%
    }

    .footer-secondary__col--right {
        flex: 0 0 auto;
        width: 54.16666667%
    }

    .footer-contacts__col--address {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .footer-contacts__col--connection {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .footer-basement__offset {
        margin-left: 45.83333333%
    }

    .footer-basement__col--copyright {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .footer-basement__col--dev {
        flex: 0 0 auto;
        width: 33.33333333%
    }
}

@media screen and (min-width: 1201px) {
    .nav {
        padding-top: calc(var(--header_height) + 20px)
    }

    .nav__inner {
        margin: auto 0
    }

    .nav__col {
        flex: 0 0 auto;
        width: 20%
    }

    .menu-list__link--mobile {
        display: none
    }

    .subnav__item:first-child {
        padding-top: 30px
    }

    .subnav__item--to-section {
        display: none
    }
}

@media screen and (min-width: 1281px) {
    .header__col--menu {
        flex: 0 0 auto;
        width: 7.40740741%;
        margin-left: 48.14814815%
    }

    .header__col--rightbar {
        margin-left: 7.40740741%;
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .breadcrumbs__item:nth-last-child(1n+2):after {
        top: 10px
    }

    .card-order__more {
        margin-top: 44px
    }

    .grid-preview__item {
        flex: 0 0 auto;
        width: 37.5%
    }

    .grid-preview__item:nth-child(2n+2) {
        margin-left: 12.5%
    }

    .grid-contacts__item {
        flex: 0 0 auto;
        width: 25%
    }
}

@media screen and (min-width: 1381px) {
    .card-order__text {
        margin-top: 60px
    }

    .news-index__pager {
        margin-left: 45.83333333%
    }

    .news__col {
        margin-left: 25%
    }

    .card-feature__col--title {
        flex: 0 0 auto;
        width: 33.33333333%;
        margin-left: 25%
    }

    .filter__col {
        flex: 0 0 auto;
        width: auto;
        width: 100%;
        max-width: 500px
    }
}

@media screen and (min-width: 1482px) {
    .form__row:nth-child(1n+2) {
        margin-top: 30px
    }

    .panel__inner {
        margin: auto 0 0
    }

    .panel__col--img-w {
        margin-left: 14.81481481%
    }

    .card-inline__col--num {
        flex: 0 0 auto;
        width: 7.40740741%;
        margin-left: 25%
    }

    .card-inline__col--title {
        flex: 0 0 auto;
        width: 25%
    }

    .grid-contacts__item {
        flex: 0 0 auto;
        width: 25%
    }
}

@media screen and (min-width: 1601px) {
    .header__col--rightbar {
        margin-left: 14.81481481%;
        flex: 0 0 auto;
        width: 25.92592593%
    }

    .header__rightbar {
        justify-content: space-between
    }

    .header__feedback {
        margin-left: 60px
    }
}

@media only screen and (min-width: 1920px) {
    .ui.selection.dropdown .menu {
        max-height: 21.37142857rem
    }

    .ui.search.dropdown .menu {
        max-height: 21.37142857rem
    }

    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        max-height: 20.57142857rem
    }
}

@media screen and (max-width: 1800px) {
    .menu-list__item:nth-child(1n+2) {
        margin-top: 24px
    }

    .menu-list__link {
        font-size: 30px
    }

    .subnav__item:nth-child(1n+2) {
        margin-top: 26px
    }

    .subnav__link {
        font-size: 16px
    }
}

@media screen and (max-width: 1700px) {
    .panel__close {
        top: 16px;
        right: 16px
    }
}

@media screen and (max-width: 1481px) {
    body {
        font-size: 16px
    }

    .input {
        font-size: 16px
    }

    .input:-ms-input-placeholder {
        font-size: 16px
    }

    .input:-moz-placeholder {
        font-size: 16px
    }

    .input::-moz-placeholder {
        font-size: 16px
    }

    .input::-webkit-input-placeholder {
        font-size: 16px
    }

    .input::-moz-placeholder {
        font-size: 16px
    }

    .input::-ms-input-placeholder {
        font-size: 16px
    }

    .input::placeholder {
        font-size: 16px
    }

    .ui.dropdown > i.dropdown.icon {
        font-size: 8px
    }

    .card-inline {
        --bs-gutter-x: 30px
    }

    .card-inline__num {
        font-size: 8.1vw
    }

    .grid-contacts {
        --bs-gutter-x: 40px;
        --bs-gutter-y: 80px
    }
}

@media screen and (max-width: 1380px) {
    :root {
        --responsive_scale: 0.8
    }

    .news-index__floating-w {
        display: none
    }

    .card-feature {
        --bs-gutter-x: 30px
    }

    .filter__row {
        --bs-gutter-x: 40px
    }
}

@media screen and (max-width: 1280px) {
    .card-inline__num, .section-head__title, h1 {
        font-size: 108px
    }

    .figure-wide__title, .hero-lines, .page-head__title, h2 {
        font-size: 54px
    }

    .accordion-org__name, .accordion__title, .card-contact__title, .card-feature__title, .card-inline__title, .card-location__title, .card-news__text, .card-order__num, .card-order__title, .card-preview__title, .download-docs__title, .figure-wide__num, .figure-wide__subtitle, .figure__num, .menu-list__link, .notfound__title, .page-head__subtitle, .partner__name, .section-head__num, .swiper-basement__title, .swiper__pagination, h3 {
        font-size: 32px
    }

    h4 {
        font-size: 19px
    }

    h5 {
        font-size: 16px
    }

    .footer-nav__col:last-child .footer-nav__link, .footer-nav__item:first-child .footer-nav__link, .footer-social__link, .hamburger__text, .link-back, .link-blank, .video-wrap__btn {
        font-size: 18px
    }

    :root {
        --responsive_scale: 0.7
    }

    .logo {
        max-width: 3.9vw;
        left: 20px
    }

    .logo-line {
        width: 13px
    }

    .header__row:after {
        content: "";
        order: 2;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
        flex: 0 0 auto;
        width: 3.7037037%
    }

    .header__col--menu {
        order: 1;
        margin-left: 60px
    }

    .footer {
        font-size: 12px
    }

    .breadcrumbs__link {
        font-size: 12px
    }

    .page-head__title + .page-head__subtitle {
        margin-top: 90px
    }

    .page-head__text {
        margin-top: 90px
    }

    .grid-preview {
        --bs-gutter-y: 60px
    }

    .card-preview__arrow {
        font-size: 22px;
        margin-top: 20px
    }
}

@media screen and (max-width: 1200px) {
    .menu-list__link--desktop {
        display: none
    }

    .subnav {
        height: 0;
        overflow: hidden;
        max-width: 600px
    }
}

@media screen and (max-width: 1160px) {
    .footer-main__col--right {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .card-inline__num, .section-head__title, h1 {
        font-size: 96px
    }

    .figure-wide__title, .hero-lines, .page-head__title, h2 {
        font-size: 48px
    }

    .accordion-org__name, .accordion__title, .card-contact__title, .card-feature__title, .card-inline__title, .card-location__title, .card-news__text, .card-order__num, .card-order__title, .card-preview__title, .download-docs__title, .figure-wide__num, .figure-wide__subtitle, .figure__num, .menu-list__link, .notfound__title, .page-head__subtitle, .partner__name, .section-head__num, .swiper-basement__title, .swiper__pagination, h3 {
        font-size: 28px
    }

    h4 {
        font-size: 17px
    }

    h5 {
        font-size: 14px
    }

    .btn {
        font-size: 16px
    }

    .btn:after {
        font-size: 12px
    }

    .btn-lg:after {
        font-size: 22px;
        margin-left: 14px;
        margin-right: 14px
    }

    :root {
        --header_height: 60px;
        --responsive_scale: 0.6
    }

    .header__row {
        align-items: flex-end
    }

    .hamburger__box-w {
        width: 38px;
        height: 10px
    }

    .hamburger__text-w {
        margin-left: 20px
    }

    .hamburger__text {
        font-size: 16px
    }

    .nav-extra__materials {
        font-size: 16px
    }

    .nav-extra__feedback {
        font-size: 16px
    }

    .card-news__arrow-w {
        display: none
    }

    .accordion-org__col--intro {
        order: 2
    }

    .request__row {
        --bs-gutter-x: 40px
    }
}

@media screen and (max-width: 991px) {
    .map {
        height: 500px
    }

    .blinds {
        display: none
    }

    .replacable__block--desktop {
        display: none
    }

    .news-list__item:nth-child(1n+2) {
        margin-top: 50px
    }
}

@media screen and (max-width: 800px) {
    .accordion-org__name, .accordion__title, .card-contact__title, .card-feature__title, .card-inline__title, .card-location__title, .card-news__text, .card-order__num, .card-order__title, .card-preview__title, .download-docs__title, .figure-wide__num, .figure-wide__subtitle, .figure__num, .menu-list__link, .notfound__title, .page-head__subtitle, .partner__name, .section-head__num, .swiper-basement__title, .swiper__pagination, h3 {
        font-size: 22px
    }

    .btn-lg:after {
        font-size: 2.75vw;
        margin-left: 1.75vw;
        margin-right: 1.75vw
    }

    .panel__col--img-w {
        display: none
    }

    :root {
        --responsive_scale: 0.5
    }

    .fullscreen-image-wrap {
        flex: 0 0 auto;
        width: 88.88888889%
    }

    .logo {
        max-width: 32px;
        top: 12px
    }

    .logo-line {
        top: 12px
    }

    .header__col--menu {
        margin-left: auto
    }

    .header__col--rightbar {
        display: none
    }

    .page-head__col--break-disabled {
        display: none
    }

    .hero-lines {
        font-size: calc(6vw - 4px)
    }

    .figure__content {
        padding-top: 0 !important
    }

    .grid-preview {
        --bs-gutter-y: 50px
    }

    .card-preview__arrow {
        font-size: 18px;
        margin-top: 18px
    }

    .request__col--img {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .card-inline__num, .section-head__title, h1 {
        font-size: 84px
    }

    .figure-wide__title, .hero-lines, .page-head__title, h2 {
        font-size: 42px
    }

    .panel {
        padding-bottom: 40px
    }

    .footer-subscribe {
        max-width: 380px
    }

    .footer-subscribe__title {
        margin-bottom: 40px
    }

    .footer-subscribe__submit {
        margin-top: 32px
    }

    .footer-secondary__row {
        --bs-gutter-y: 40px
    }

    .page-head__title + .page-head__subtitle {
        margin-top: 80px
    }

    .page-head__text {
        margin-top: 80px
    }

    .card-inline__title br {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .ui.selection.dropdown .menu {
        max-height: 8.01428571rem
    }

    .ui.search.dropdown .menu {
        max-height: 8.01428571rem
    }

    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        max-height: 10.28571429rem
    }

    .ui.wide.popup, .ui[class*="very wide"].popup {
        max-width: 250px
    }
}

@media screen and (max-width: 767px) {
    .card-news {
        --bs-gutter-x: 30px
    }
}

@media screen and (max-width: 640px) {
    .card-inline__num, .section-head__title, h1 {
        letter-spacing: 2.6px
    }

    .btn-lg:focus:after, .btn-lg:hover:after {
        transform: translateX(4px) translateY(-3px)
    }

    .map {
        height: 400px
    }

    .nav__row {
        --bs-gutter-y: 18px
    }

    .subnav__item:nth-child(1n+2) {
        margin-top: 18px
    }

    .page-head__title + .page-head__subtitle {
        margin-top: 60px
    }

    .page-head__text {
        margin-top: 60px
    }

    .figure {
        --bs-gutter-y: 40px
    }

    .figure-wide {
        --bs-gutter-y: 40px
    }

    .accordion-org__col--intro {
        display: none
    }

    .partner__col--name {
        padding-bottom: 20px
    }

    .partner__logo {
        max-width: 200px
    }
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:0px) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

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

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@media screen and (max-width: 576px) {
    .card-inline__num, .section-head__title, h1 {
        /* font-size: calc(15vw - 2px) !important */
    }

    .pager__arrow {
        display: none
    }

    .swiper-basement__arrows {
        position: absolute;
        top: 7px;
        right: 0
    }

    .section-head__title {
        font-size: calc(15vw - 2px)
    }
}

@media screen and (max-width: 480px) {
    .card-inline__num, .section-head__title, h1 {
        font-size: 72px
    }

    .figure-wide__title, .hero-lines, .page-head__title, h2 {
        font-size: 36px
    }

    .map {
        height: 350px
    }

    .pager-nav__item:nth-child(1n+2) {
        margin-left: 36px
    }

    .form__submit {
        margin-top: 40px
    }

    .footer {
        padding-top: 56px
    }

    .footer-subscribe__title {
        margin-bottom: 30px
    }

    .footer-basement {
        padding-top: 56px
    }

    .card-inline {
        align-items: baseline
    }

    .accordion-org__col--main {
        order: 1
    }

    .accordion-org__col--arrow {
        margin-left: 58.33333333%
    }
}

@media screen and (max-width: 380px) {
    .card-inline__num, .section-head__title, h1 {
        font-size: 60px
    }

    .figure-wide__title, .hero-lines, .page-head__title, h2 {
        font-size: 30px
    }

    .footer-social {
        --bs-gutter-x: 24px
    }

    .grid-preview {
        --bs-gutter-y: 40px
    }
}

@media (pointer: fine) {
    .accordion__head:focus .accordion-org__arrow, .accordion__head:hover .accordion-org__arrow {
        color: #ef4836
    }
}

@media all and (-ms-high-contrast: none) {
    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        min-width: calc(100% - 17px)
    }
}
/* End */


/* Start:/local/templates/frontside_new/assets/build/css/custom.css?17744218722162*/
.mb0 {
    margin-bottom: 0 !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mt30 {
    margin-top: 30px !important;
}


/* .header  */

@media screen and (min-width: 1601px) {
    .header .header__feedback {
        margin-left: 0;
    }

    .header .header__col--rightbar {
        margin-left: 5.814815%;
        flex: 0 0 auto;
    }
}

@media screen and (max-width: 1600px) {
    .header .header__feedback {
        margin-left: 0;
        margin-right: 25px;
    }

    .header .header__col--rightbar {
        margin-left: 1.814815%;
        flex: 0 0 auto;
    }

    .header__rightbar .header__materials {
        margin-right: 25px;
    }

    .header__materials, .header__feedback {
        overflow: visible;
    }
}

@media screen and (max-width: 1400px) {
    .header .header__col--rightbar  .btn {
        font-size: 17px;
    }
}

@media screen and (max-width: 1280px) {

    .header__row {
        justify-content: space-between;
    }

    .header .header__feedback {
        margin-left: 0;
    }

    .header .header__col--rightbar {
        margin-left: 0;
        flex: 0 0 auto;
    }

    .header__rightbar .header__materials {
        margin-right: 25px;
    }

    .header__materials {
        overflow: visible;
    }

    .header__rightbar {
        justify-content: flex-start;
    }

    .header__col--menu {
        order: 1;
        margin-right: 3.5vw;
    }
}
@media screen and (min-width: 1401px) {
    .header .header__rightbar{
        gap: 60px;
    }
}
@media (min-width: 918px) {
    .header__row{
        justify-content: right;
    }
    .header__col--menu{
        margin-left: 0;
        display: flex;
        align-items: center;
    }
    .header .header__col--rightbar{
        width: auto;
    }
    .header .header__rightbar{
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 917px) {
    .header .header__col--rightbar {
        display: none;
    }

    .header__col--menu {
        margin-right: 3.5vw;
    }
}
/* .header end */


/* panel__col--form */

#panel-form--work-us .panel__col--form .form {
    margin-bottom: 30px;
}
/* panel__col--form end */
/* End */


/* Start:/local/templates/frontside_new/assets/js/magnific-popup/magnific-popup.css?17744218726951*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

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

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

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

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

.mfp-ajax-cur {
  cursor: progress; }

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

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

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

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

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

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

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

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

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

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

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

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

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

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

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

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

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

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

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

/* End */


/* Start:/local/templates/frontside_new/css/custom.css?17744218728268*/

/* Подписка на рассылку -> Скрытое поле */
.footer-subscribe__form
.footer-subscribe__input-w.footer-subscribe__input-w-name {
    display: none;
}

/* Форма "Материалы для скачивания" -> Скрытое поле */
.form__row.form__row-fake {
    display: none;
}

/* Подписка на рассылку -> Попап успешной отправки/ошибки */
.subscribe-form-success-popup {
    position: relative;
    width: 846px;
    padding: 42px 40px 45px;
    margin: 0 auto;
    border-radius: 10px;

    background-color: #fff;
}

.subscribe-form-success-popup
.subscribe-form-success-popup-close {
    position: absolute;
    right: 20px;
    top: 25px;

    width: 15px;
    height: 15px;

    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMTU1Nzg4IDE0Ljg0MjlDMC4yMDU1NDQgMTQuODkyNyAwLjI2NDYyOSAxNC45MzIyIDAuMzI5NjY2IDE0Ljk1OTJDMC4zOTQ3MDQgMTQuOTg2MSAwLjQ2NDQxOCAxNSAwLjUzNDgyMiAxNUMwLjYwNTIyNiAxNSAwLjY3NDkzOSAxNC45ODYxIDAuNzM5OTc3IDE0Ljk1OTJDMC44MDUwMTQgMTQuOTMyMiAwLjg2NDEgMTQuODkyNyAwLjkxMzg1NSAxNC44NDI5TDcuNDk4MDUgOC4yNTkyOEwxNC4wODQ5IDE0Ljg0MjlDMTQuMTg1NSAxNC45NDM0IDE0LjMyMTggMTQuOTk5OSAxNC40NjQgMTQuOTk5OUMxNC42MDYxIDE0Ljk5OTkgMTQuNzQyNSAxNC45NDM0IDE0Ljg0MyAxNC44NDI5QzE0Ljk0MzUgMTQuNzQyNCAxNSAxNC42MDYgMTUgMTQuNDYzOUMxNSAxNC4zMjE3IDE0Ljk0MzUgMTQuMTg1NCAxNC44NDMgMTQuMDg0OUw4LjI1NjEyIDcuNTAxMjhMMTQuODQwMyAwLjkxNDk4NkMxNC45NDA4IDAuODE0NDY5IDE0Ljk5NzMgMC42NzgxMzkgMTQuOTk3MyAwLjUzNTk4NkMxNC45OTczIDAuMzkzODM0IDE0Ljk0MDggMC4yNTc1MDQgMTQuODQwMyAwLjE1Njk4N0MxNC43Mzk4IDAuMDU2NDY5OCAxNC42MDM1IDAgMTQuNDYxMyAwQzE0LjMxOTEgMCAxNC4xODI4IDAuMDU2NDY5OCAxNC4wODIzIDAuMTU2OTg3TDcuNDk4MDUgNi43NDMyOEwwLjkxMTE3NiAwLjE1OTY2NUMwLjgwODY4OSAwLjA3MTkwNTMgMC42NzY4NTcgMC4wMjYwNDcyIDAuNTQyMDI1IDAuMDMxMjU0N0MwLjQwNzE5MyAwLjAzNjQ2MjIgMC4yNzkyOTIgMC4wOTIzNTE3IDAuMTgzODggMC4xODc3NTVDMC4wODg0Njg3IDAuMjgzMTU4IDAuMDMyNTc0MSAwLjQxMTA0OCAwLjAyNzM2NjIgMC41NDU4NjhDMC4wMjIxNTgyIDAuNjgwNjg4IDAuMDY4MDIwNSAwLjgxMjUwOCAwLjE1NTc4OCAwLjkxNDk4Nkw2LjczOTk5IDcuNTAxMjhMMC4xNTU3ODggMTQuMDg3NkMwLjA1NjAwNjggMTQuMTg3OSAwIDE0LjMyMzcgMCAxNC40NjUyQzAgMTQuNjA2NyAwLjA1NjAwNjggMTQuNzQyNSAwLjE1NTc4OCAxNC44NDI5WiIgZmlsbD0iI0E4QThBOCIvPgo8L3N2Zz4K);

    cursor: pointer;
    outline: none;
    border: none;
    user-select: none;
}

.subscribe-form-success-popup
.subscribe-form-success-popup-close:hover {

}

.subscribe-form-success-popup
.mfp-close {
    display: none;
}

.subscribe-form-success-popup
.subscribe-form-success-popup-title-wrapper {
    margin: 0 0 35px 0;
}

.subscribe-form-success-popup
.subscribe-form-success-popup-title {
    font-size: 32px;
    line-height: normal;
    font-weight: 700;
}

.subscribe-form-success-popup
.subscribe-form-success-popup-text-wrapper {

}

.subscribe-form-success-popup
.subscribe-form-success-popup-text {
    font-size: 14px;
    line-height: normal;
    font-weight: 700;
}

@media (max-width: 846px) {
    .subscribe-form-success-popup {
        width: calc(100% - 40px);
    }
}

/* Отключаем кастомный скролл */
html:not(.--is-touch-device) {
    overflow: visible;
}

/* Кнопка "Наверх" */
.up-button {
    position: fixed;
    right: 0;
    bottom: 150px;
    z-index: 20;
}

.up-button__inner {
    width: 50px;
    height: 50px;
    background-color: #EF4836;
    background-image: url('/local/templates/frontside_new/css/../img/arrow.svg');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: default;
    opacity: 0;
    transition: opacity 0.3s ease-in;
}

.up-button--is-active .up-button__inner {
    opacity: 1;
    cursor: pointer;
}

@media (max-width: 767px) {
    .up-button__inner {
        width: 36px;
        height: 36px;
        background-size: 20px 12px;
    }
}
/* / Кнопка "Наверх" */
.section-blinds,
.section-blinds .list-figures {
    padding-bottom: unset;
}

/* Каталог -> Список (Плитка) - в 3 столбца */
.grid-preview-2 {
    gap: 30px;
    margin: 50px 0 0 0;
}

.grid-preview-2
.grid-preview__item {
    width: calc(29.7% - 30px);
    margin-left: 0;
    margin-top: 0;
}

@media screen and (max-width: 1280px)  {
    .grid-preview-2
    .grid-preview__item {
        width: calc(31.3% - 30px);
    }
}

@media screen and (max-width: 1024px)  {
    .grid-preview-2
    .grid-preview__item {
        width: calc(34.4% - 30px);
    }
}

@media screen and (max-width: 640px)  {
    .grid-preview-2 {
        margin: 0;
        gap: 0;
    }

    .grid-preview-2
    .grid-preview__item {
        width: 91.66666667%;
        margin-top: var(--bs-gutter-y);
    }

    .card-preview__img-w {
        height: unset;
    }

    .card-preview:focus .card-preview__img-w img,.card-preview:hover .card-preview__img-w img {
        transform: scale(1.02);
    }

    .card-preview__img-w img {
        position: static;
        transform: unset;
    }
}


/* / Каталог -> Список (Плитка) - в 3 столбца */



/* Слайдер на главной mk-task-19 */
@media screen and (max-width: 991px) {
    .slider-main {
        padding-top: 0;
    }
}
@media screen and (min-width: 641px) {
    .hero {
        padding-top: calc(15px + var(--header_height));
    }
}

@media screen and (max-width: 500px) {
    .hero {
        padding-top: calc(5px + var(--header_height));
    }
}

.slider-main {
    margin-bottom: 60px;
    overflow: hidden;
    width: 100%;
    margin-left: 30px;
}

@media screen and (max-width: 1024px) {
    .slider-main {
        margin-left: 20px;
    }
}


.slider-main .swiper-button-next,
.slider-main .swiper-button-prev {
    width: 60px;
    height: 60px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}

.slider-main .swiper-button-next:hover,
.slider-main .swiper-button-prev:hover {
    opacity: 1;
}


@media screen and (max-width: 490px) {
    .slider-main .swiper-button-next,
    .slider-main .swiper-button-prev {
        width: 40px;
        height: 40px;
    }
}

.slider-main .swiper-slide .slide,
.slider-main .swiper-slide picture{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    /*min-height: 244px;*/
}

.slider-main .swiper-slide .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.slider-main .swiper-button-next::after,
.slider-main .swiper-button-prev::after {
    display: none;
}

.slider-main .swiper-button-next {
    right: 0;
}

.slider-main .swiper-button-prev {
    left: 0;
}
/* Слайдер на главной mk-task-19 */


.footer-contacts__list li {
    margin-top: 20px;
}

.footer-contacts__list li:first-child {
    margin-top: 0;
}

.card-contact__connection-email-item {
    margin-top: 20px;
}

.card-contact__connection-email-item--first {
    margin-top: 0;
}

/* Виджет - dreamjob */
.dream-job-button {

}

.dream-job-button--margin-top {
    margin-top: calc(140px* var(--responsive_scale));
}
/* / Виджет - dreamjob */

.cookie-popup{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.08);
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 17px;
    gap: 40px;
}
.cookie-popup__text{
    color: #494949;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}
.cookie-popup__text a:hover{
    text-decoration: underline;
}
.cookie-popup__btn{
    padding: 12px 30px 9px 31px;
    background: #EF4836;
    color: #FFF;
    text-align: center;
    font-family: var(--sec-font);
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.4px;
}
@media (max-width: 980px) {
    .cookie-popup{
        padding: 15px 20px;
        gap: 16px;
    }
    .cookie-popup__text{
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .cookie-popup{
        padding: 10px 12px;
    }
    .cookie-popup__text{
        font-size: 13px;
    }
}

/* End */


/* Start:/local/templates/frontside_new/components/bitrix/search.form/header/style.css?17744218722011*/
.header .header__row {
    align-items: center;
}
.header__col--search {
    width: 48px;
}

.header__search {
    position: relative;
    width: 48px;
}
.header__search-btn {
    width: 48px;
    height: 48px;
    cursor: pointer;
}

.header__search-panel{
    background-color: #fff;
    min-width: 320px;
    width: 100vw;
    position: absolute;
    right: 0;
    top: -150px;
    transition: top .5s ease;
}

.header__search-panel.__active{
    top: 0;
}

.header__search-form{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: 11%;
}
.header__search-input{
    background-color: #fff;
    border: 1px solid #DBDBDB;
    width: 100%;
    height: 52px;
    font-size: 14px;
    padding: 5px 50px 5px 25px;
}
.header__search-input::placeholder{
    color: #969696;
    position: relative;
    top: 0;
    font-size: 12px;
}
.header__search-input:focus::placeholder{
    opacity: 0;
}

.header__search-btn{
    width: 48px;
    height: 48px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (min-width: 1601px) {
    .header__col--search{
        margin-left: 5.814815%;
        flex: 0 0 auto;
    }
}
@media screen and (max-width: 1280px) {
    .header__rightbar .header__search {
        display: none;
    }
    .header__col--search {
        order: 2;
        margin-right: 0;
    }

    .header__col--menu {
        order: 1;
        margin-right: 1.5vw;
    }

    .header__row {
        justify-content: flex-end;
    }
    .header__search-input{
        height: 40px;
        padding-right: 70px;
    }

    .header__search-btn {
        width: 40px;
        height: 40px;
        right: 15px;
    }
}

@media screen and (max-width: 640px) {
    .header__search-form {
        padding-left: 16%;
    }
}

@media screen and (max-width: 430px) {
    .header__search-form {
        padding-left: 25%;
    }

    .header__search-panel.__active{
        top: -10px;
    }

}
/* End */


/* Start:/local/templates/frontside_new/styles.css?17798547313897*/
:root {
  --sec-font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --Red: #ef4836;
  --dark-red: #c0392b;
  --Black: #231f20;
  --gray: #bbbdc0;
  --dark-gray: #343538;
  --header_height: 148px;
  --light-grey: #f1f1f1;
}

@media screen and (max-width: 1279px) {
  :root {
    --header_height: 180px;
  }
}

@media screen and (max-width: 1023px) {
  :root {
    --header_height: 108px;
  }
}

* {
  box-sizing: border-box;
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: solomon, sans-serif;
  scroll-behavior: smooth;
  font-display: swap;
}

.btn {
  font-family: var(--sec-font);
  padding: 15px;
  text-transform: none;
  font-display: swap;
}

a.btn {
  transition: all 0.3s ease;
}

.btn_white {
  color: white;
}

.btn_white:hover {
  color: var(--Black);
}

.btn_red {
  background-color: var(--Red);
  color: white !important;
}

.border-red {
  border: 1px solid var(--Red);
}

a.border-red:hover,
button.border-red:hover {
  border-color: var(--Black);
}

.border-white {
  border: 1px solid white;
}

a.border-white:hover,
button.border-white:hover {
  border-color: var(--Red);
}

.swiper {
  overflow: hidden;
  width: 100%;
}

.swiper-full {
  margin-left: -60px;
  margin-right: -60px;
  padding-left: 60px;
  padding-right: 60px;
  width: calc(100% + 120px);
}

.swiper-pagination {
  display: flex;
  gap: 10px;
  padding: 10px;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--gray);
  opacity: 1;
  transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
  background-color: white;
}

.swiper-pagination-clickable .swiper-pagination-bullet:hover {
  background-color: var(--Red);
  cursor: pointer;
}

@media screen and (max-width: 1279px) {
  .swiper-full {
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 40px;
    padding-right: 40px;
    width: calc(100% + 80px);
  }
}

@media screen and (max-width: 767px) {
  .swiper-full {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    width: calc(100% + 32px);
  }
}

.color-red {
  color: var(--Red);
}

.color-white {
  color: white;
}

pre {
  padding: 20px;
  overflow-x: auto;
  border-radius: 8px;
  font-size: 16px;
  border: 1px solid var(--Red);
}

.panel__close {
  z-index: 10;
}

.theme-white {
  color: white;
}

.theme-white .input {
  color: white;
  border-bottom: 1px solid white;
}

.theme-white .input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.theme-white label,
.theme-white .float1--focused .float1__label {
  color: white;
}

.theme-white label.checkbox [type="checkbox"]:not(:checked) + span:before {
  border: 1px solid white;
}

.js-close-popup * {
  pointer-events: none;
}

.file-input__wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
}

.file-input__label {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  font-family: var(--sec-font);
  font-display: swap;
  letter-spacing: 7%;
  padding: 15px;
  background-color: transparent;
  color: black;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  white-space: nowrap;
  border: 1px solid #bbbdc0;
}

.file-input__label svg path {
  stroke: currentColor !important;
  transition: all 0.3s ease;
}

.file-input__label:hover,
.file-input__label:focus {
  background-color: var(--Red);
  color: white;
}
.file-input__label:hover svg * {
  fill: #fff;
}

.file-input__label_selected {
  background-color: var(--dark-red);
  color: white;
}

.file-input__field {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.file-input__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 3%;
}

.nowrap {
  white-space: nowrap;
}
/* End */


/* Start:/local/templates/frontside_new/template_styles.css?177908037552813*/
/* HEADER */

.header {
  width: 100%;
  background-color: transparent;
  padding-top: 0;
  z-index: 100;
}

.header:has(.header__search-panel.__active) {
  background-color: white;
}

.header:not(.header--home)::before {
  content: unset;
  background-color: transparent;
}

body.header-white .header {
  background-color: white;
  transition: all 0.3s ease;
}

.header__wrapper {
  background-color: transparent;
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 60px;
}

.header__logo-container {
  background: white;
  width: fit-content;
}

.header .logo {
  position: relative;
  left: auto;
  top: auto;
  max-width: unset;
}

.header .btn {
  color: white;
}

.header .btn:hover {
  color: var(--Red);
}

.header .btn.btn--head_red:hover {
  color: #fff;
}

.header__search-btn__big {
  color: white;
  transition: all 0.3s ease;
}

.header__search-btn__big:hover {
  color: var(--Red);
}

.header__search-btn {
  color: var(--Red);
}

.header__search-btn:hover {
  color: var(--dark-red);
}

.hamburger__text {
  color: white;
  font-family: var(--sec-font);
  text-transform: none;
}

.hamburger__box .line {
  background: white;
}

.hamburger:hover .hamburger__box .line {
  background: var(--Red);
}

.hamburger:hover .hamburger__text {
  color: var(--Red);
}

.header__col--menu {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-grow: 1;
}

.header:has(.hamburger--active),
body.header-white .header,
.page:not(.page--home) {
  .hamburger__box .line {
    background: var(--Red);
  }

  .hamburger__text {
    color: var(--Red);
  }

  .btn {
    color: var(--Red);
  }

  .btn:hover {
    color: var(--Black);
  }

  .header__search-btn__big {
    color: var(--Red);
  }

  .header__search-btn__big:hover {
    color: var(--Black);
  }

  .border-white {
    border-color: var(--Red) !important;
  }

  .btn--head_red {
    background-color: unset;
    border: 1px solid var(--Red);
  }

  .border-white:hover {
    border-color: var(--Black) !important;
  }

  .hamburger:hover .hamburger__box .line {
    background: var(--Black);
  }

  .hamburger:hover .hamburger__text {
    color: var(--Black);
  }
}

.page:not(.page--home) .header {
  background-color: white;
}

.header .header__col--rightbar {
  margin: 0;
}

.nav {
  z-index: 99;
}

.subnav__item:nth-child(n + 2) {
  margin-top: 16px;
}

.header__rightbar .header__materials,
.header .header__feedback {
  margin-right: 0;
}

.header__rightbar .btn--arrow_none {
  padding-left: 0;
  padding-right: 0;
}

.header__col--search,
.header__search {
  width: auto;
}

.header__search-form {
  padding-left: 350px;
}

@media screen and (max-width: 1599px) {
  .header .header__rightbar {
    gap: 20px;
  }
}

@media screen and (max-width: 1279px) {
  .header__rightbar .header__materials:nth-child(1),
  .header__rightbar .header__materials:nth-child(2) {
    display: none;
  }

  .header__col--rightbar {
    order: 2;
  }

  .header__wrapper {
    padding: 16px 40px;
  }

  .header .header__col--rightbar {
    display: flex;
  }

  .header .header__col--rightbar .btn {
    font-size: 14px;
    line-height: 1.2;
  }

  .hamburger__box-w {
    width: 30px;
  }

  .header__search-form {
    padding-left: 250px;
  }
}

@media screen and (max-width: 1023px) {
  .hamburger__text {
    display: none;
  }

  .header .logo {
    width: 68px;
    height: 76px;
  }

  .header__col--menu {
    flex-grow: unset;
    order: 3;
  }

  .header__wrapper {
    gap: 20px;
  }

  .header__search-btn__big svg {
    width: 24px;
    height: 24px;
  }

  .header__search-form {
    padding-left: 160px;
  }
}

@media screen and (max-width: 767px) {
  .header__feedback {
    display: none;
  }

  .header__wrapper {
    padding: 16px;
  }

  .header__materials .btn {
    padding: 8px 0;
  }
}

/* MAIN */

.main {
  margin-top: var(--header_height);
}

.page:has(.top-slider) .main {
  margin-top: 0;
}

.main > section:nth-child(1) {
  margin-top: 0;
  padding-top: 0;
}

.main > .page-head {
  margin-top: 0;
  padding-top: 0;
}

/* TOP SLIDER */

.top-slider {
  background: var(--dark-gray);
  padding: 0;
}

.top-slider picture::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
  pointer-events: none;
}

.top-slider picture,
.top-slider picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 1920/868;
  max-height: unset;
}

.top-slider__text {
  position: absolute;
  top: 33.18%;
  left: 144px;
  max-width: 1000px;
  color: white;
  font-family: var(--sec-font);
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0.03em;
  z-index: 10;
}

.top-slider__title {
  font-family: var(--sec-font);
  font-weight: 700;
  font-size: clamp(40px, 4.6875vw, 90px);
  line-height: 0.8;
  letter-spacing: 0.03em;
  text-transform: none;
  width: 64.896vw;
}

.top-slider__desc {
  margin-top: 25px;
  font-family: var(--sec-font);
  font-weight: 700;
  font-size: clamp(24px, 1.875vw, 36px);
  line-height: 1.2;
  letter-spacing: 0.03em;
  text-transform: none;
}

.top-slider__btn {
  margin-top: 130px;
}

.top-slider__btn-mobile {
  display: none;
}

.top-slider__btn:hover {
  background: var(--Red);
  color: white;
  border-color: var(--Red) !important;
}

.top-slider__video {
  display: flex;
  gap: 20px;
  padding: 60px;
  background: white;
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 600px;
  max-width: 778px;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.03em;
  z-index: 10;
}

.top-slider__video p + p {
  margin-top: 10px;
}

.top-slider__video-title {
  color: var(--gray);
}

.top-slider__video-desc {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.03em;
}

.top-slider__video .video-preview {
  flex-shrink: 0;
}

.top-slider__slider-counter {
  position: absolute;
  top: 36.87%;
  right: clamp(20px, 15.21vw, 292px);
  color: white;
  z-index: 10;
  display: flex;
  align-items: flex-start;
  gap: 23px;
  font-family: var(--sec-font);
}

.top-slider__total-slides {
  color: white;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
  letter-spacing: 0.03em;
}

.top-slider__time-bar {
  width: 5px;
  height: 99px;
  position: relative;
  background: white;
}

.top-slider__time-bar-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  background-color: var(--Red);
  transform-origin: bottom;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-duration: 5s;
}

.top-slider__time-bar.animate .top-slider__time-bar-bg {
  animation-name: timeBarAnimation;
}

@keyframes timeBarAnimation {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}

.top-slider__pagination {
  position: absolute;
  top: 33.18%;
  left: 108px;
  flex-direction: column;
  z-index: 10;
  margin-top: 10px;
}

@media screen and (max-width: 1599px) {
  .top-slider__video {
    padding: 40px;
  }

  .top-slider__slider-counter {
    right: 60px;
  }
}

@media screen and (max-width: 1279px) {
  .top-slider__slider-counter {
    top: auto;
    right: 40px;
    bottom: 265px;
  }

  .top-slider picture,
  .top-slider picture img {
    height: 824px;
    aspect-ratio: unset;
  }

  .top-slider__pagination {
    left: 40px;
  }

  .top-slider__text {
    left: 76px;
  }

  .top-slider__btn {
    display: none;
  }

  .top-slider__btn-mobile {
    display: block;
    position: absolute;
    left: 76px;
    bottom: 265px;
  }

  .top-slider__desc {
    margin-top: 16px;
  }

  .top-slider__video {
    height: 225px;
  }

  .top-slider__video-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .top-slider__video-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .top-slider__total-slides {
    font-size: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .top-slider__video {
    left: 0;
    max-width: unset;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .top-slider__pagination {
    left: 16px;
    top: 138px;
  }

  .top-slider__text {
    top: 138px;
    left: 54px;
  }

  .top-slider__video {
    padding: 16px;
    flex-direction: column;
    gap: 20px;
    height: auto;
  }

  .top-slider__video-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.03em;
  }

  .top-slider__video-desc {
    -webkit-line-clamp: 3;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.03em;
    margin-top: 8px;
  }

  .top-slider__slider-counter {
    right: 16px;
    bottom: 304px;
  }

  .top-slider picture,
  .top-slider picture img {
    height: 668px;
    aspect-ratio: unset;
  }

  .top-slider__btn-mobile {
    display: block;
    position: absolute;
    left: 54px;
    bottom: 304px;
  }

  .top-slider__time-bar {
    height: 46px;
  }

  .top-slider__total-slides {
    font-size: 18px;
  }

  .top-slider__slider-counter {
    gap: 16px;
  }

  .top-slider__video .video-preview {
    width: 100%;
    height: 145px;
  }

  .top-slider__title {
    font-size: 32px;
  }

  .top-slider__desc {
    font-size: 24px;
  }
}

/* COUNTER */

.counter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--sec-font);
  font-weight: 700;
  font-size: 80px;
  line-height: 96px;
  height: 96px;
  overflow: hidden;
  position: relative;
}

.counter__number {
  transition: unset;
}

.counter.animate .counter__number {
  transform: translateY(-100%);
  transition: transform 0.5s ease;
}

@media screen and (max-width: 1279px) {
  .counter {
    font-size: 48px;
    line-height: 58px;
    height: 58px;
    align-self: center;
  }
}

@media screen and (max-width: 1279px) {
  .counter {
    font-size: 32px;
    line-height: 1.2;
    height: 38px;
    align-self: center;
  }
}

/* VIDEO PREVIEW */

.video-preview {
  position: relative;
  width: 228px;
  height: 145px;
}

.video-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.video-preview__btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: all 0.3s ease;
}

.video-preview:hover .video-preview__btn {
  transform: translate(-50%, -50%) scale(1.2);
}

.video-preview__btn::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: all 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16V1L16 8.28571L4 16Z' fill='%23EF4836'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* ACCORDION */

.accordion {
  display: flex;
  flex-direction: column;
  gap: 60px;
  max-width: 1026px;
}

.accordion__item,
.accordion__item:first-child {
  border: none;
}

.accordion__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
  padding: 0;
}

.accordion__title {
  font-family: var(--sec-font);
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0.03em;
  display: flex;
  align-items: center;
  gap: 40px;
}

.accordion__item-point {
  width: 12px;
  height: 12px;
  background-color: var(--Red);
  border-radius: 50%;
  margin: 0 8px;
  flex-shrink: 0;
}

.accordion__head * {
  pointer-events: none;
}

.accordion__icon {
  width: 27px;
  height: 27px;
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 57 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40.2613 44.5911C36.6297 48.2227 32.9988 51.8549 29.3666 55.485C28.5121 56.3382 28.488 56.3373 27.6368 55.4904C27.2887 55.1435 26.957 54.7809 26.5935 54.4526C26.2172 54.113 26.0838 53.7103 26.0946 53.2034C26.1404 50.9706 26.1585 48.7379 26.1907 46.5054C26.2792 40.2997 26.306 34.0936 26.3574 27.8879C26.3856 24.4089 26.3799 20.9297 26.453 17.4508C26.5596 12.3965 26.5653 7.34338 26.6185 2.28989C26.6201 2.1248 26.626 1.96115 26.6377 1.79641C26.6545 1.5701 26.7902 1.44696 27.0084 1.44862C27.8774 1.457 28.746 1.47211 29.6143 1.49373C29.8708 1.5008 29.9829 1.67037 29.9962 1.9116C30.0045 2.07599 30.0072 2.23979 30.0052 2.40488C29.93 11.69 29.8983 20.976 29.7619 30.2605C29.6696 36.5601 29.6541 42.8592 29.5652 49.1588C29.5625 49.2995 29.5517 49.4414 29.5659 49.5811C29.5855 49.7789 29.4829 50.048 29.744 50.1327C29.9783 50.2092 30.1216 49.9842 30.2746 49.845C30.4834 49.6528 30.6803 49.4476 30.881 49.2469C36.8054 43.3225 42.7292 37.3987 48.6544 31.4747C48.8714 31.2578 49.0911 31.041 49.3239 30.8399C49.5729 30.6263 49.8492 30.6204 50.0924 30.8336C50.654 31.3271 51.1843 31.8545 51.6742 32.4176C51.8899 32.665 51.8631 32.9376 51.6449 33.1829C51.4707 33.3771 51.2886 33.5634 51.1051 33.7469C47.4902 37.3626 43.8758 40.9771 40.2609 44.5919L40.2613 44.5911Z' fill='%23231F20'/%3E%3Cpath d='M23.3346 51.4713C23.0299 51.3705 22.8787 51.1525 22.7001 50.9739C17.4167 45.6947 12.1354 40.4135 6.85521 35.1311C6.05166 34.3276 6.05465 34.2891 6.88697 33.4535C7.2378 33.1005 7.58173 32.7408 7.94943 32.4081C8.31037 32.0805 8.50693 32.0838 8.87349 32.3823C9.03599 32.5139 9.18091 32.6686 9.32944 32.8171C13.7859 37.2723 18.2337 41.737 22.7079 46.1753C23.2839 46.7458 23.5708 47.335 23.5123 48.1566C23.4501 49.0232 23.4931 49.8951 23.478 50.7647C23.4743 50.9903 23.5422 51.2353 23.3346 51.4713Z' fill='%23231F20'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(180deg);
  flex-shrink: 0;
}

.accordion__item.active .accordion__icon {
  transform: rotate(0);
}

.accordion__title {
  font-family: var(--sec-font);
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
  letter-spacing: 0.03em;
}

.accordion__content {
  padding: 0 38px 0 0;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.03em;
}

.accordion__item:has(.accordion__item-point) .accordion__content {
  padding-left: 68px;
}

.accordion__item.active .accordion__content {
  padding: 20px 38px 0 0;
  height: auto;
}

.accordion__item:has(.accordion__item-point).active .accordion__content {
  padding: 20px 38px 0 68px;
}

.accordion__button {
  padding: 15px;
  border: 1px solid var(--Red);
}

.accordion__button:hover {
  color: var(--black);
  border-color: var(--Black);
}

.accordion__item.active .accordion__button {
  margin-top: 60px;
}

@media screen and (max-width: 1279px) {
  .accordion__title {
    font-size: 24px;
    gap: 16px;
  }

  .accordion__content {
    font-size: 16px;
  }

  .accordion__item.active .accordion__button {
    margin-top: 40px;
  }

  .accordion__item:has(.accordion__item-point) .accordion__content {
    padding-left: 44px;
  }
}

@media screen and (max-width: 767px) {
  .accordion__title {
    font-size: 18px;
  }

  .accordion__item.active .accordion__button {
    margin-top: 20px;
  }
}

/* SECTION */

section {
  margin-top: 80px;
}

.section__wrapper {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 104px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.section__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 120px;
  align-items: flex-start;
  position: relative;
}

.section__grid .accordion,
.section__form {
  margin-top: 60px;
}

.reveal {
  transition: all 0.3s ease;
}

.section__grid .reveal {
  position: sticky;
  top: 0;
}

.section__title {
  font-family: var(--sec-font);
  font-weight: 700;
  font-size: 60px;
  line-height: 76px;
  letter-spacing: 0.03em;
  text-transform: none;
  margin-bottom: 60px;
}

.section__title > span {
  display: block;
}

@media screen and (max-width: 1279px) {
  section {
    margin-top: 80px;
  }

  .section__wrapper {
    padding: 0 40px;
    gap: 40px;
  }

  .section__title {
    font-size: 40px;
    line-height: 1.2;
  }

  .section__grid {
    gap: 60px;
  }

  .section__grid .accordion,
  .section__form {
    margin-top: 40px;
  }

  .section .slider__col {
    margin: 0;
  }
}

@media screen and (max-width: 1023px) {
  section {
    margin-top: 64px;
  }

  .section__grid {
    gap: 30px;
    grid-template-columns: 1fr;
  }

  .section__grid .accordion,
  .section__form {
    margin-top: 0;
  }

  .section__grid .reveal {
    position: relative;
    top: auto;
  }
}

@media screen and (max-width: 767px) {
  .section__wrapper {
    padding: 0 16px;
    gap: 16px;
  }

  .section__title {
    font-size: 24px;
  }
}

/* SWIPER */

.swiper-basement__arrows {
  gap: 60px;
}

.swiper-basement__arrows:has(.swiper-basement__pagination) {
  gap: 30px;
}

.swiper-basement__pagination {
  white-space: nowrap;
}

.swiper-basement__arrow--next {
  margin: 0 !important;
}

.swiper-basement__title {
  font-family: var(--sec-font);
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
  letter-spacing: 0.03em;
  text-transform: none;
}

@media screen and (max-width: 1023px) {
  .swiper-basement__arrows {
    gap: 40px;
  }

  .swiper-basement__title {
    font-size: 24px;
  }

  .swiper-basement__arrows {
    position: relative;
    top: auto;
    left: auto;
  }
}

@media screen and (max-width: 767px) {
  .main-projects-slider .swiper-basement,
  .new-swiper .swiper-basement {
    flex-direction: column-reverse;
    gap: 32px;
    margin-top: 40px;
  }
}

/* NEWS */

.card-news__text {
  font-family: var(--sec-font);
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0.03em;
  text-transform: none;
}

@media screen and (max-width: 1279px) {
  .card-news__text {
    font-size: 24px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 767px) {
  .card-news__text {
    font-size: 18px;
    line-height: 1.2;
  }
}

/* ADVANTAGES */

.advantages {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.advantages__block {
  display: flex;
  gap: 40px;
}

.advantages__block_wide {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.advantages__picture {
  height: 368px;
  width: 100%;
  flex-grow: 1;
  object-fit: cover;
  object-position: center;
}

.advantages__picture_bottom {
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 150%;
}

.advantages__picture_top {
  background-position: 15% -20px;
  background-repeat: no-repeat;
  background-size: 210%;
  min-width: 620px;
}

.advantages__picture_top-wide {
  background-position: 75% 90%;
  background-repeat: no-repeat;
  background-size: 105%;
}

.advantages__picture_mid {
  background-position: 85% 25%;
  background-repeat: no-repeat;
  background-size: 140%;
  min-width: 620px;
}

.advantages__picture_mid-wide {
  background-position: 0 70%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.advantages__content {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.54px;
  border: 2px solid var(--gray);
  background: white;
  padding: 60px;
  display: flex;
  align-items: center;
  max-width: 470px;
}

.advantages__content_title {
  font-family: var(--sec-font);
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 1.08px;
  padding: 40px;
  color: white;
  border: none;
  background: var(--Red);
  min-width: 377px;
}

.advantages__picture_mobile {
  display: none;
}

.advantages__block_wide .advantages__picture {
  object-position: left center;
}

.advantages__block_wide .advantages__content_title {
  max-width: unset;
  min-width: unset;
}

@media screen and (max-width: 1599px) {
  .advantages__content {
    padding: 40px;
    font-size: 16px;
    line-height: 1.2;
  }

  .advantages__content_title {
    font-size: 28px;
    line-height: 1.2;
  }

  .advantages__picture_mid {
    background-position: 35% 25%;
    height: 300px;
  }
}

@media screen and (max-width: 1279px) {
  .advantages {
    gap: 20px;
  }

  .advantages__picture_mobile {
    display: block;
  }

  .advantages__picture_desktop {
    display: none;
  }

  .advantages__block {
    flex-direction: column;
    gap: 8px;
  }

  .advantages__block_wide {
    display: flex;
  }

  .advantages__picture {
    order: 1;
    width: 100%;
    height: auto;
    height: 457px;
  }

  .advantages__picture_top,
  .advantages__picture_mid,
  .advantages__picture_bottom {
    background-size: cover;
    background-position: center;
    min-width: unset;
  }

  .advantages__content {
    order: 3;
    max-width: unset;
    padding: 24px;
  }

  .advantages__content_title {
    order: 2;
    font-size: 18px;
    line-height: 1.2;
    padding-right: 252px;
  }

  .advantages__block:has(.advantages__content) .advantages__picture {
    max-width: unset;
  }

  .advantages__block:not(:has(.advantages__content)) {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .advantages__content {
    padding: 20px;
  }

  .advantages__block:has(.advantages__content) .advantages__picture {
    max-width: unset;
  }

  .advantages__content_title {
    min-width: unset;
  }
}

/* СLIENTS */

.clients-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.clients-swiper__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 60px;
  min-height: 160px;
  background: white;
  border: 1px solid var(--light-grey);
  width: auto;
}

.clients-swiper__slide img {
  max-height: 100px;
  width: auto;
  height: 100%;
  object-fit: contain;
  object-position: center;
  user-select: none;
}

@media screen and (max-width: 1023px) {
  .clients-swiper__slide {
    padding: 0 50px;
  }

  .clients-swiper__slide img {
    max-height: 60px;
  }
}

@media screen and (max-width: 767px) {
  .clients-swiper__slide {
    padding: 0 40px;
  }

  .clients-swiper__slide img {
    max-height: 50px;
  }
}

/* FOOTER */

.footer__wrapper {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 60px;
}

.footer-subscribe__title {
  font-family: var(--sec-font);
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0.03em;
  text-transform: none;
}

.footer-nav__item:first-child .footer-nav__link,
.footer-nav__col:last-child .footer-nav__link {
  font-family: var(--sec-font);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.03em;
  text-transform: none;
}

@media screen and (max-width: 1279px) {
  .footer__wrapper {
    padding: 0 40px;
  }

  .footer-subscribe__title {
    font-size: 24px;
    line-height: 1.2;
  }

  .footer-main__col--right {
    width: auto;
    flex: unset;
  }

  .footer-main__col--right .footer-nav {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 32px;
  }

  .footer-main__col--right .footer-nav__col:nth-child(3) {
    grid-column: span 2;
  }

  .footer-secondary {
    padding-left: 0;
    padding-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .footer__wrapper {
    padding: 0 16px;
  }
}

/* PANEL */

.panel {
  z-index: 110;
}

/* CERTIFICATES */

.certificate__image {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  background: white;
  border: 1px solid var(--light-grey);
  aspect-ratio: 1/1;
}

.certificate__title {
  color: var(--Black);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.03em;
  margin-top: 20px;
}

.certificate__slide {
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: space-between;
}

a.certificate__link {
  padding-left: 0;
}

.certificate .swiper-basement {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  .certificate__title {
    font-size: 16px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 767px) {
  .certificate__title {
    font-size: 12px;
  }

  a.certificate__link {
    padding: 6px 0 0 0;
    font-size: 12px;
  }

  a.certificate__link::after {
    font-size: 10px;
    margin-left: 2px;
  }
}

/* FORM */

.form__title {
  font-family: var(--sec-font);
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0.03em;
}

.form-section__reveal img {
  height: 820px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.section__form .form__title {
  margin: 0;
}

.section__form .form__description {
  margin: 20px 0 0;
}

.form__privacy {
  position: relative;
}

.form__privacy:has(.input-validation-error) span,
.form__row:has(.input-validation-error) span {
  color: #f50000;
}

@media screen and (max-width: 1279px) {
  .form-section__reveal img {
    height: 600px;
  }

  .form__title {
    font-size: 24px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 1023px) {
  .form-section__reveal img {
    height: 376px;
    order: 2;
  }

  .form-section .reveal {
    order: 2;
  }
}

@media screen and (max-width: 767px) {
  .form__title {
    font-size: 18px;
  }
}

/* OTHER */

.main-projects-slide,
.new-swiper {
  .swiper-slide {
    height: auto;
  }

  .swiper-slide img {
    height: 100%;
  }
}

.swiper-slide img.product-slider__overlow-bg {
  position: absolute;
  top: 0;
  object-fit: fill;
}

/* SOCIALS */

.social {
  display: flex;
  align-items: center;
  gap: 5px;
}

.social__link-icon {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* BREADCRUMBS */

.breadcrumbs {
  margin: 0 0 0 64px;
}

@media screen and (max-width: 1279px) {
  .breadcrumbs {
    margin: 0;
  }
}

/* TEXT */

.text {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.03em;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 40px;

  h1 {
    display: none;
  }

  h2,
  h3,
  h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.03em;
  }

  p {
    margin: 0;
  }

  ul,
  ol {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  ul li,
  ol li {
    position: relative;
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  ul li::before,
  ol li::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 8px;
    height: 8px;
    background: var(--Red);
    border-radius: 50%;
  }
}

@media screen and (max-width: 1279px) {
  .text {
    font-size: 16px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 767px) {
  .text {
    font-size: 12px;
  }
}

/* TAB */

.tab {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.tab .text {
  margin-top: 0;
}

.tab__content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.tab__content-wrapper:has(.tab__item_img) {
  margin-left: 0;
}

.tab__head {
  display: flex;
  align-items: center;
  gap: 16px 60px;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  top: 119px;
  z-index: 10;
  left: 0;
  right: 0;
  position: sticky;
  padding: 0 0 30px 0;
}

.tab__button {
  font-family: var(--sec-font);
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0.03em;
  background: transparent;
  color: var(--gray);
  padding: 0;
  border: none;
  cursor: pointer;
}

.tab__button.active,
.tab__button:hover {
  color: var(--Black);
}

.tab__content {
  display: none;
}

.tab__content.active {
  display: block;
}

.tab__item {
  display: grid;
  grid-template-columns: minmax(250px, 544px) 1fr;
  gap: 180px;
}

.tab__content-wrapper:has(.tab__item_img) .tab__item {
  grid-template-columns: 1fr 1fr;
}

.tab__title {
  font-family: var(--sec-font);
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0.03em;
}

.tab__title_text {
  position: relative;
  padding-left: 104px;
  font-size: 36px;
  line-height: 48px;
}

.tab__title_text::before {
  content: " ";
  width: 56px;
  height: 56px;
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.284 0.00305315C39.4695 0.00305315 46.6538 0.00181459 53.8394 0.0038802C55.5336 0.0038802 55.5851 0.0555172 55.5913 1.69685C55.5947 2.41609 55.5788 3.13451 55.5892 3.85541C55.5968 4.4784 55.3796 4.98117 54.9249 5.42775C49.7582 10.5005 44.6032 15.5823 39.4444 20.662C39.3039 20.8008 39.1579 20.9334 39.0173 21.0718C30.5136 29.4128 22.0087 37.7529 13.5079 46.0971C10.3839 49.1625 7.26905 52.2373 4.15045 55.3068C3.98688 55.4684 3.81996 55.6257 3.6543 55.7869C3.36649 56.0628 3.07451 56.0773 2.78503 55.7922C1.94085 54.9619 1.08329 54.1439 0.262117 53.2895C-0.126088 52.8863 -0.0938752 52.7517 0.431121 52.2258C1.63966 51.0149 2.86325 49.8197 4.08308 48.6192C4.59888 48.1115 5.12346 47.6128 5.64093 47.1059C15.3615 37.562 25.0817 28.0164 34.8015 18.4717C36.3982 16.9051 37.9924 15.3348 39.5946 13.7724C42.302 11.1292 45.0186 8.49477 47.7197 5.845C47.9812 5.58887 48.4986 5.35546 48.2916 4.92622C48.1017 4.53128 47.5766 4.68785 47.1968 4.68785C35.1763 4.68041 23.1578 4.68124 11.1373 4.67918C10.7081 4.67918 10.2755 4.69281 9.84717 4.65439C9.22052 4.60027 9.00341 4.41478 8.97915 3.80418C8.9415 2.8255 8.94151 1.84186 8.97706 0.863173C8.99924 0.234815 9.19626 0.0699795 9.83587 0.0191655C10.1969 -0.00975302 10.5629 0.00263962 10.9277 0.00263962C18.0467 0.00140026 25.1654 0.00263962 32.2844 0.00263962L32.284 0.00305315Z' fill='%23F15642'/%3E%3Cpath d='M55.9912 26.9771C55.9912 32.1105 55.992 37.2456 55.9899 42.3803C55.9891 44.0191 55.9259 44.0753 54.238 44.0795C53.5758 44.0803 52.9119 44.096 52.2505 44.0646C51.4946 44.0315 51.3206 43.8514 51.265 43.1285C51.2449 42.8682 51.2524 42.6046 51.2524 42.3435C51.2524 33.5143 51.2671 24.6834 51.2344 15.8542C51.2298 14.7929 51.5009 13.9769 52.3166 13.2627C53.28 12.4178 54.1493 11.4672 55.0721 10.5757C55.2717 10.3828 55.4574 10.018 55.7871 10.1766C56.0903 10.3229 55.9782 10.7021 55.9845 10.9843C55.9992 11.737 55.9908 12.4885 55.9908 13.2412V26.9771H55.9912Z' fill='%23F15642'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

.tab__title:not(.tab__title_text) + .tab__text {
  margin-top: 60px;
}

.tab__content-wrapper:has(.tab__item_img) .tab__title {
  margin-top: 60px;
}

.tab__note {
  width: 100%;
  border-left: 4px solid var(--Red);
  display: flex;
  align-items: center;
  justify-content: center;
  /* Segoe UI/H4/desktop */
  font-family: var(--sec-font);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 128.571% */
  letter-spacing: 0.84px;
  padding-left: 20px;
}

.tab__desc-title {
  font-family: var(--sec-font);
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0.03em;
  padding-bottom: 40px;
}

.project-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
}

.project-container__image {
  grid-column-start: 1;
  grid-column-end: 8;
  width: 100%;
  grid-row-start: 1;
}

.project-container__desc {
  padding: 80px;
  width: 50%;
  color: var(--black, #231f20);
  font-family: solomon, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
  letter-spacing: 0.54px;
  background: var(--light-grey, #f1f1f1);
  grid-column-start: 6;
  grid-column-end: 13;
  width: 100%;
  grid-row-start: 1;
  margin-top: 120px;
  z-index: 1;
}

.project-container__title {
  margin-bottom: 40px;
}

.project-container__content {
  margin-bottom: 60px;
}

h2.project-container__title,
h3.project-container__title,
h4.project-container__title,
h5.project-container__title,
h6.project-container__title {
  color: var(--black);
  font-family: var(--sec-font);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px; /* 133.333% */
  letter-spacing: 1.08px;
}

.tab-button .btn {
  width: fit-content;
}

.section:has(.tab__content.active[data-tab-id="tab-1"]) .tab-button span {
  display: none;
}

@media screen and (max-width: 1599px) {
  .tab__item {
    gap: 60px;
  }

  .tab-button {
    gap: 60px;
  }
}

@media screen and (max-width: 1439px) {
  .tab__content-wrapper {
    margin-left: 0;
  }

  .tab__item {
    gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .tab-button {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-left: 0;
  }

  .tab__button {
    font-size: 24px;
  }
}

@media screen and (max-width: 1279px) {
  .tab__head {
    top: 112px;
  }
}

@media screen and (max-width: 1259px) {
  .tab {
    gap: 32px;
  }

  .tab__content-wrapper {
    margin-left: 0;
    gap: 32px;
  }

  .tab__title,
  .tab__title_text {
    font-size: 24px;
    line-height: 1.2;
  }

  .tab__image {
    order: 2;
  }

  .tab__content-wrapper:has(.tab__item_img) .tab__item,
  .tab__item {
    grid-template-columns: 1fr;
  }

  .tab-button {
    grid-template-columns: 1fr;
  }

  .tab-button span {
    display: none;
  }

  .tab__content-wrapper:has(.tab__item_img) .tab__title {
    margin-top: 0;
  }

  .tab__title:not(.tab__title_text) + .tab__text {
    margin-top: 32px;
  }

  .tab__button {
    font-size: 24px;
    line-height: 1.2;
  }

  .tab__head {
    gap: 16px 24px;
  }

  .tab__title_text {
    padding-left: 104px;
  }

  .project-container {
    display: flex;
    flex-direction: column;
  }

  .project-container__desc {
    margin-top: 0;
  }
}

@media screen and (max-width: 1023px) {
  .tab__head {
    top: 108px;
  }
}

@media screen and (max-width: 767px) {
  .project-container__desc {
    padding: 40px 20px;
    font-size: 12px;
  }

  h2.project-container__title,
  h3.project-container__title,
  h4.project-container__title,
  h5.project-container__title,
  h6.project-container__title {
    font-size: 18px;
    line-height: 120%; /* 21.6px */
  }

  .tab__item {
    gap: 24px;
  }

  .tab__button {
    font-size: 18px;
  }

  .tab__head {
    gap: 16px 40px;
  }

  .tab__title,
  .tab__title_text {
    font-size: 18px;
  }

  .tab__title_text {
    padding-left: 77px;
  }

  .tab__title_text::before {
    content: " ";
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.2868 0.00220227C28.4698 0.00220227 33.6519 0.00130888 38.835 0.00279883C40.057 0.00279883 40.0941 0.0400452 40.0987 1.22396C40.1011 1.74276 40.0896 2.26096 40.0971 2.78095C40.1026 3.23032 39.946 3.59297 39.618 3.9151C35.8912 7.57411 32.1728 11.2397 28.4517 14.9038C28.3503 15.0039 28.245 15.0995 28.1436 15.1994C22.0098 21.2158 15.8751 27.2316 9.74343 33.2504C7.49002 35.4614 5.24325 37.6794 2.99376 39.8934C2.87578 40.01 2.75538 40.1235 2.63589 40.2397C2.42829 40.4388 2.21768 40.4492 2.00888 40.2436C1.39996 39.6446 0.781387 39.0546 0.189068 38.4384C-0.0909485 38.1475 -0.0677132 38.0504 0.310973 37.671C1.18271 36.7976 2.06529 35.9355 2.94517 35.0696C3.31722 34.7034 3.69561 34.3437 4.06887 33.9781C11.0804 27.0939 18.0917 20.2086 25.1027 13.3238C26.2544 12.1938 27.4044 11.0612 28.56 9.93419C30.5129 8.02765 32.4724 6.12737 34.4208 4.21607C34.6094 4.03132 34.9826 3.86295 34.8333 3.55334C34.6963 3.26846 34.3176 3.3814 34.0436 3.3814C25.373 3.37604 16.704 3.37663 8.03344 3.37514C7.72386 3.37514 7.41186 3.38498 7.10288 3.35727C6.65087 3.31823 6.49426 3.18443 6.47676 2.744C6.4496 2.03806 6.44961 1.32855 6.47526 0.622616C6.49125 0.169375 6.63337 0.050477 7.09473 0.0138243C7.35513 -0.00703496 7.61916 0.00190399 7.88228 0.00190399C13.0173 0.00101002 18.1521 0.00190399 23.2871 0.00190399L23.2868 0.00220227Z' fill='%23F15642'/%3E%3Cpath d='M40.3843 19.4589C40.3843 23.1617 40.3849 26.8657 40.3834 30.5695C40.3828 31.7516 40.3372 31.7921 39.1197 31.7951C38.642 31.7957 38.1632 31.807 37.6861 31.7844C37.1409 31.7605 37.0153 31.6306 36.9752 31.1091C36.9607 30.9214 36.9661 30.7313 36.9661 30.5429C36.9661 24.1743 36.9767 17.8045 36.9532 11.4359C36.9498 10.6703 37.1454 10.0818 37.7338 9.56657C38.4287 8.95718 39.0557 8.27151 39.7214 7.62845C39.8653 7.48929 39.9993 7.22616 40.237 7%0A.34059C40.4558 7.44608 40.3749 7.71963 40.3795 7.92316C40.39 8.4661 40.384 9.00814 40.384 9.55108V19.4589H40.3843Z' fill='%23F15642'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
  }

  .tab__title:not(.tab__title_text) + .tab__text {
    margin-top: 24px;
  }

  .tab-button {
    display: flex;
    justify-content: center;
  }
}

/* FEEDBACK */

.section.feedback {
  position: relative;
  width: 100%;
  padding: 0;
  margin-top: 60px;
}

.panel.feedback {
  padding: 0;
  margin: 0;
  max-height: 100vh;
  max-height: 100svh;
}

.feedback__bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/local/templates/frontside_new/./assets/img/feedback_bg.jpg);
  z-index: 1;
}

.panel .feedback__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(35, 31, 32, 0.7);
}

.feedback__left-side {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px;
  color: white;
}

.feedback__form {
  background: rgba(255, 255, 255, 0.8);
  padding: 140px 128px;
  position: relative;
  z-index: 2;
  margin-top: 0;
}

.panel .feedback__form {
  background: transparent;
  padding: 120px;
  max-height: 100vh;
  max-height: 100svh;
  height: 100%;
}

main:has(.section.feedback) + footer {
  margin-top: 0;
}

.feedback__grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 0;
}

.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  padding: 0;
}

.popup.active {
  opacity: 1;
  visibility: visible;
}

.popup__wrapper {
  max-width: 580px;
  width: 100%;
  background: white;
  position: relative;
  padding: 60px 40px 40px;
  height: 100%;
  max-height: 95vh;
  max-height: 95svh;
}

.popup-wrapper-video-iframe {
  background-color: white;
  border-radius: 24px;
  padding: 24px;
  max-width: 800px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s;
  transform: scale(0.9);
}

.popup.active .popup-wrapper-video-iframe {
  transform: scale(1);
}

.popup-wrapper-video-iframe__preview-text {
  margin-bottom: 20px;
  font-size: 24px;
  color: #666;
  line-height: 1.5;
  padding-right: 47px;
  font-family: var(--sec-font);
}

.popup-wrapper-video-iframe__container-iframe {
  position: relative;
  width: 100%;
  /* padding-bottom: 56.25%; */
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 8px;
}

.popup__wrapper.popup__wrapper_video-frame .panel__close {
  top: -40px;
  right: 0;
}

.popup-wrapper-video-iframe__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.play-button-module__startScreen___mHIFK {
  background-color: #ef4836 !important;
}

.popup .panel__close {
  top: 20px;
  right: 20px;
  color: white;
  background-color: var(--Red);
  padding: 5px;
}

.popup .panel__close i {
  font-size: 22px;
}

.feedback-popup .form__title {
  margin-bottom: 20px;
}

.feedback-popup .feedback__form {
  padding: 0;
  overflow-y: auto;
  height: 100%;
}

@media screen and (max-width: 1900px) {
  .feedback__form,
  .panel .feedback__form,
  .feedback__left-side {
    padding: 80px;
  }
}

@media screen and (max-width: 1279px) {
  .feedback__form,
  .panel .feedback__form,
  .feedback__left-side {
    padding: 60px;
  }
}

@media screen and (max-width: 1023px) {
  .feedback__grid {
    grid-template-columns: 1fr;
  }

  .feedback__left-side {
    display: none;
  }

  .panel .feedback__left-side {
    display: block;
    padding: 40px;
  }

  .feedback__form,
  .panel .feedback__form {
    padding: 40px;
  }

  .feedback-popup .feedback__form {
    padding: 0;
  }

  body:has(.popup.active) {
    overflow: hidden;
  }

  .popup__wrapper {
    padding: 30px 20px 20px;
    height: 100vh;
    height: 100svh;
    max-height: 100vh;
    max-height: 100svh;
  }
}

.stage-list {
  display: flex;
  overflow-x: auto;
  padding-right: 37px;
}

.stage-item {
  padding: 0 20px;
  position: relative;
  min-width: 243px;
  width: 100%;
  transition: background-color 0.3s ease;
}

.stage-item:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 60px solid #f1f1f1;
  border-top: 87px solid transparent;
  border-bottom: 87px solid transparent;
  bottom: 0;
  top: -30px;
  margin: auto;
  right: -37px;
  z-index: 1;
  transition: border 0.3s ease;
}

.stage-item__icon {
  display: flex;
  justify-content: center;
  padding: 60px 0;
}

.stage-item:nth-child(1n) {
  background-color: #f1f1f1;
}

.stage-item:nth-child(1n):after {
  border-left: 60px solid #f1f1f1;
  border-top: 87px solid transparent;
  border-bottom: 87px solid transparent;
}

.stage-item:nth-child(2n) {
  background-color: #bbbdc0;
}

.stage-item:nth-child(2n):after {
  border-left: 60px solid #bbbdc0;
  border-top: 87px solid transparent;
  border-bottom: 87px solid transparent;
}

.stage-item:last-child,
.stage-item:hover {
  background-color: #ef4836;
}

.stage-item.stage-item_last:after,
.stage-item:hover::after {
  border-left: 60px solid #ef4836;
  border-top: 87px solid transparent;
  border-bottom: 87px solid transparent;
}

.stage-item:first-child:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 60px solid #fff;
  border-top: 87px solid transparent;
  border-bottom: 87px solid transparent;
  bottom: 0;
  top: -30px;
  margin: auto;
  left: -23px;
  z-index: 1;
}

.stage-item__number {
  font-family: var(--sec-font);
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  padding: 40px 0 40px;
}

.stage-item__title {
  font-family: var(--sec-font);
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  padding: 20px 0 0 0;
  height: 148px;
}

.stage-item__action-list {
  padding: 40px 0;
}

.stage-item__action-item {
  position: relative;
  padding: 20px 0 20px 40px;
  color: #231f20;
}

.stage-item__action-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.96777 0.000848096C10.9638 0.000848096 12.9594 0.000504052 14.9554 0.00107783C15.426 0.00107783 15.4403 0.0154214 15.442 0.471347C15.443 0.671137 15.4385 0.870698 15.4415 1.07095C15.4435 1.244 15.3832 1.38366 15.2569 1.50771C13.8217 2.9168 12.3898 4.32841 10.9568 5.73945C10.9177 5.77801 10.8772 5.81485 10.8381 5.85329C8.47601 8.17021 6.11353 10.4869 3.7522 12.8047C2.88441 13.6562 2.01918 14.5104 1.1529 15.363C1.10747 15.4079 1.0611 15.4516 1.01508 15.4964C0.935137 15.573 0.854031 15.577 0.77362 15.4978C0.539126 15.2672 0.300913 15.04 0.0728103 14.8027C-0.0350244 14.6906 -0.0260764 14.6532 0.119756 14.5072C0.455461 14.1708 0.795347 13.8388 1.13419 13.5053C1.27747 13.3643 1.42318 13.2258 1.56693 13.085C4.26709 10.4339 6.96714 7.78234 9.66707 5.13102C10.1106 4.69586 10.5534 4.25967 10.9985 3.82567C11.7506 3.09146 12.5052 2.35966 13.2555 1.62361C13.3281 1.55246 13.4718 1.48763 13.4143 1.3684C13.3616 1.25869 13.2157 1.30218 13.1102 1.30218C9.77118 1.30012 6.43273 1.30035 3.09369 1.29977C2.97446 1.29977 2.85431 1.30356 2.73532 1.29289C2.56126 1.27785 2.50095 1.22633 2.49421 1.05672C2.48375 0.784861 2.48375 0.511627 2.49363 0.23977C2.49979 0.0652263 2.55452 0.0194387 2.73219 0.00532375C2.83247 -0.00270917 2.93415 0.000733228 3.03547 0.000733228C5.01298 0.00038896 6.99038 0.000733228 8.96789 0.000733228L8.96777 0.000848096Z' fill='%23F15642'/%3E%3Cpath d='M15.5518 7.49401C15.5518 8.91996 15.552 10.3464 15.5515 11.7727C15.5512 12.2279 15.5337 12.2435 15.0648 12.2447C14.8809 12.2449 14.6965 12.2493 14.5127 12.2405C14.3028 12.2314 14.2544 12.1813 14.239 11.9805C14.2334 11.9082 14.2355 11.835 14.2355 11.7625C14.2355 9.30991 14.2395 6.85688 14.2305 4.40432C14.2292 4.10951 14.3045 3.88286 14.5311 3.68445C14.7987 3.44978 15.0402 3.18572 15.2965 2.93808C15.3519 2.88449 15.4035 2.78316 15.4951 2.82722C15.5793 2.86785 15.5482 2.97319 15.55 3.05157C15.554 3.26066 15.5517 3.4694 15.5517 3.67848V7.49401H15.5518Z' fill='%23F15642'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}

.stage-item.stage-item_last .stage-item__number,
.stage-item:hover .stage-item__number {
  color: #fff;
}

.stage-item.stage-item_last .stage-item__title,
.stage-item:hover .stage-item__title {
  color: #fff;
}

.stage-item:hover .stage-item__icon path {
  fill: #fff;
}

.stage-item.stage-item_last .stage-item__action-item,
.stage-item:hover .stage-item__action-item {
  color: #fff;
}

.stage-item.stage-item_last .stage-item__action-item:before,
.stage-item:hover .stage-item__action-item:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.96777 0.000848096C10.9638 0.000848096 12.9594 0.000504052 14.9554 0.00107783C15.426 0.00107783 15.4403 0.0154214 15.442 0.471347C15.443 0.671137 15.4385 0.870698 15.4415 1.07095C15.4435 1.244 15.3832 1.38366 15.2569 1.50771C13.8217 2.9168 12.3898 4.32841 10.9568 5.73945C10.9177 5.77801 10.8772 5.81485 10.8381 5.85329C8.47601 8.17021 6.11353 10.4869 3.7522 12.8047C2.88441 13.6562 2.01918 14.5104 1.1529 15.363C1.10747 15.4079 1.0611 15.4516 1.01508 15.4964C0.935137 15.573 0.854031 15.577 0.77362 15.4978C0.539126 15.2672 0.300913 15.04 0.0728103 14.8027C-0.0350244 14.6906 -0.0260764 14.6532 0.119756 14.5072C0.455461 14.1708 0.795347 13.8388 1.13419 13.5053C1.27747 13.3643 1.42318 13.2258 1.56693 13.085C4.26709 10.4339 6.96714 7.78234 9.66707 5.13102C10.1106 4.69586 10.5534 4.25967 10.9985 3.82567C11.7506 3.09146 12.5052 2.35966 13.2555 1.62361C13.3281 1.55246 13.4718 1.48763 13.4143 1.3684C13.3616 1.25869 13.2157 1.30218 13.1102 1.30218C9.77118 1.30012 6.43273 1.30035 3.09369 1.29977C2.97446 1.29977 2.85431 1.30356 2.73532 1.29289C2.56126 1.27785 2.50095 1.22633 2.49421 1.05672C2.48375 0.784861 2.48375 0.511627 2.49363 0.23977C2.49979 0.0652263 2.55452 0.0194387 2.73219 0.00532375C2.83247 -0.00270917 2.93415 0.000733228 3.03547 0.000733228C5.01298 0.00038896 6.99038 0.000733228 8.96789 0.000733228L8.96777 0.000848096Z' fill='%23FFF'/%3E%3Cpath d='M15.5518 7.49401C15.5518 8.91996 15.552 10.3464 15.5515 11.7727C15.5512 12.2279 15.5337 12.2435 15.0648 12.2447C14.8809 12.2449 14.6965 12.2493 14.5127 12.2405C14.3028 12.2314 14.2544 12.1813 14.239 11.9805C14.2334 11.9082 14.2355 11.835 14.2355 11.7625C14.2355 9.30991 14.2395 6.85688 14.2305 4.40432C14.2292 4.10951 14.3045 3.88286 14.5311 3.68445C14.7987 3.44978 15.0402 3.18572 15.2965 2.93808C15.3519 2.88449 15.4035 2.78316 15.4951 2.82722C15.5793 2.86785 15.5482 2.97319 15.55 3.05157C15.554 3.26066 15.5517 3.4694 15.5517 3.67848V7.49401H15.5518Z' fill='%23FFF'/%3E%3C/svg%3E%0A");
}

.product-detail-text {
  font-family: var(--sec-font);
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
}

.product-functions {
  display: flex;
  gap: 40px;
}

.product-function {
  border-left: 4px #ef4836 solid;
  padding: 40px;
  width: 33.3333%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.product-function__title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  font-family: var(--sec-font), sans-serif;
}

.product-function__text {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  font-family: solomon, sans-serif;
}

@media screen and (max-width: 1599px) {
  .stage-item__title {
    font-size: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .product-functions {
    flex-direction: column;
    gap: 16px;
  }

  .product-function {
    width: 100%;
  }
}

.section__wrapper_hello-text {
  overflow: hidden;
}

/*
.hello-text {
  position: relative;
  text-align: center;
  height: 150px;
}

.hello-text__title {
  font-family: var(--sec-font), sans-serif;
  font-weight: 700;
  font-size: 104px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #EF4836 0%, #FFC0AE 100%);
  transform: translate(-150%, 0);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: absolute;
  left: 50%;
  width: 100%;
  line-height: 1;
}

.hello-text__slogan {
  font-family: var(--sec-font), sans-serif;
  font-weight: 400;
  font-size: 48px;
  transform: translate(50%, 0);
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  line-height: 1;
}
*/

.hello-text {
  position: relative;
  text-align: center;
}

.hello-text__title {
  font-family: var(--sec-font), sans-serif;
  font-weight: 700;
  font-size: 150px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #ef4836 0%, #ffc0ae 100%);
  transform: translate(-150%, 0);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  line-height: 1;
  display: inline-block;
}

.hello-text__slogan {
  font-family: var(--sec-font), sans-serif;
  font-weight: 700;
  font-size: 35px;
  transform: translate(50%, 0);
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  bottom: 17px;
  width: 100%;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .hello-text__slogan {
    position: static;
  }
}

@media screen and (max-width: 1599px) {
  .hello-text__title {
    font-size: 126px;
  }

  .hello-text__slogan {
    font-size: 29px;
  }
}

@media screen and (max-width: 1279px) {
  .hello-text__title {
    font-size: 87px;
  }

  .hello-text__slogan {
    font-size: 24px;
    bottom: 7px;
  }
}

@media screen and (max-width: 1023px) {
  .hello-text__title {
    font-size: 70px;
  }

  .hello-text__slogan {
    font-size: 22px;
    bottom: 5px;
  }
}

@media screen and (max-width: 767px) {
  .hello-text__title {
    transform: translate(0%, 0);
    font-size: 80px;
  }

  .hello-text__slogan {
    transform: translate(0%, 0);
    font-size: 28px;
  }
}

@media screen and (min-width: 768px) {
  .hello-text__title.animate {
    animation: moveFromLeft 1.5s ease-out forwards;
  }

  .hello-text__slogan.animate {
    animation: moveFromRight 1.5s ease-out forwards;
  }

  @keyframes moveFromLeft {
    0% {
      transform: translate(-150%, 0);
      opacity: 0;
    }
    100% {
      transform: translate(-44%, 0); /* Центр по X, смещение по Y */
      opacity: 1;
    }
  }

  @keyframes moveFromRight {
    0% {
      transform: translate(50%, 0);
      opacity: 0;
    }
    100% {
      transform: translate(-47%, 0); /* Центр по X, смещение по Y */
      opacity: 1;
    }
  }
}

.video-container {
  position: relative;
  width: 100%;
  max-width: 1279px;
  margin: auto;
  overflow: hidden;
  cursor: pointer;
  background-color: #000;
}

.video-player {
  width: 100%;
  max-height: 720px;
  height: auto;
  display: block;
  pointer-events: auto;
}

.custom-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  filter: drop-shadow(0 8px 16px rgba(239, 72, 54, 0.4));
  transition:
    opacity 0.2s ease,
    transform 0.15s ease;
  z-index: 20;
}

.custom-play-button svg {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

.video-container.video-playing .custom-play-button {
  opacity: 0;
  pointer-events: none;
}

.video-container.video-playing:hover .custom-play-button {
  opacity: 1;
  pointer-events: auto;
}

.custom-play-button:hover {
  transform: translate(-50%, -50%) scale(1.05);
  filter: drop-shadow(0 10px 20px rgba(239, 72, 54, 0.7));
}

.video-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.2);
  background-blend-mode: overlay;
}

.video-container.preview-hidden .video-preview {
  opacity: 0;
  visibility: hidden;
}

/* End */
/* /local/templates/frontside_new/assets/build/css/screen.css?1779855430217728 */
/* /local/templates/frontside_new/assets/build/css/custom.css?17744218722162 */
/* /local/templates/frontside_new/assets/js/magnific-popup/magnific-popup.css?17744218726951 */
/* /local/templates/frontside_new/css/custom.css?17744218728268 */
/* /local/templates/frontside_new/components/bitrix/search.form/header/style.css?17744218722011 */
/* /local/templates/frontside_new/styles.css?17798547313897 */
/* /local/templates/frontside_new/template_styles.css?177908037552813 */