@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont/iconfont.eot);
    src: url(../fonts/iconfont/iconfont.eot?#iefix) format("eot"), url(../fonts/iconfont/iconfont.woff) format("woff"), url(../fonts/iconfont/iconfont.ttf) format("truetype"), url(../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: "\e001"
}

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

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

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

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

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

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

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

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

@font-face {
    font-family: solomon;
    src: url(../fonts/Solomon-Sans-Normal.eot);
    src: url(../fonts/Solomon-Sans-Normal.eot?#iefix) format("embedded-opentype"), url(../fonts/Solomon-Sans-Normal.woff) format("woff"), url(../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;
    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;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

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

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

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

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

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(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: "\e003"
}

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

.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: "\e004"
}

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: 720px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.swiper-basement {
    display: flex;
    align-items: flex-start
}

.swiper-basement__arrows {
    display: flex
}

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

.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;
    height: var(--header_height)
}

.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;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

    .breadcrumbs__item {
        max-width: 360px
    }

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

    .slider__col {
        margin-left: 12.5%
    }

    .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) {
    .slider__col {
        margin-left: 25%
    }

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