@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

main {
    display: block
}

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

hr {
    height: 0;
    overflow: visible
}

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

a {
    background-color: rgba(0,0,0,0)
}

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

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

input {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

body {
    font-family: "Inter",sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #353535
}

html {
    font-size: 62.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,body {
    height: 100%
}

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

h1,h2,h3,h4,h5,h6,p,img,ol,ul,li,figure {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ul,li {
    list-style: none
}

a {
    display: inline-block;
    color: inherit;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer
}

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

input:focus {
    outline: none
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0
}

textarea:focus {
    outline: none
}

button {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer
}

section {
    clear: both
}

input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    -webkit-text-size-adjust: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: .4s;
    transition: .4s
}

body.overflow-hidden {
    overflow: hidden
}

body b {
    font-weight: 700;
    color: #000
}

::-webkit-scrollbar {
    width: 0;
    height: 0
}

@media(min-width: 1024px) {
    ::-webkit-scrollbar {
        width: 8px;
        height: 10px
    }
}

::-webkit-scrollbar-thumb {
    background: #008c59;
    border-radius: 30px
}

::-webkit-scrollbar-track {
    background: #f7f7f7
}

* {
    scrollbar-width: thin;
    scrollbar-color: #008c59 #f7f7f7
}

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

main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: max(100vh - 614px,650px)
}

@media(min-width: 744px) {
    main {
        min-height: max(100vh - 614px,570px)
    }
}

@media(min-width: 1024px) {
    main {
        margin-top: 20px
    }
}

.hide {
    display: none !important
}

#page {
    position: relative;
    min-width: 360px;
    min-height: 100%;
    max-width: 100%
}

@media(max-width: 1023px) {
    #page {
        padding-bottom: 76px
    }
}

#page::before {
    content: "";
    background: rgba(0,0,0,0);
    display: block;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#page.bg-overlay::before {
    background: rgba(0,0,0,.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

section {
    padding: 30px 0
}

@media(min-width: 744px) {
    section {
        padding: 40px 0
    }
}

@media(min-width: 1024px) {
    section {
        padding: 60px 0
    }
}

@media(min-width: 1300px) {
    section {
        padding: 72px 0
    }
}

.section-gray {
    background: #f8f8f8
}

.container {
    margin: 0 auto;
    padding: 0 12px;
    position: relative;
    width: 100%;
    max-width: 1264px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media(min-width: 744px) {
    .container {
        padding: 0 20px
    }
}

@media(min-width: 1024px) {
    .container {
        padding: 0 32px
    }
}

.button-style {
    padding: 14px;
    font-weight: 600;
    text-align: center;
    border: 1px solid;
    border-radius: 33px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media(min-width: 744px) {
    .button-style {
        padding: 16px
    }
}

.button-style--green {
    border-color: #008c59;
    color: #008c59
}

.button-style--orange {
    background: #fff;
    color: #ff754a
}

.button-style--green:hover {
    border-color: #004a4a;
    color: #004a4a
}

.button-style--fill-green {
    background: #008c59;
    border: none;
    color: #fff
}

.button-style--fill-green:hover {
    background: #004a4a
}

.button-style--gray {
    border-color: #a1a1a1
}

.button-style--gray:hover {
    border-color: #999;
    color: #999
}

.button-style--fill-white {
    background: #fff;
    border: none
}

.button-style--fill-orange {
    background: #ff754a;
    color: #fff;
    border: none
}

.button-style--fill-orange:hover {
    background: #ff5e3b
}

.bg-violet {
    background: #c9fa4f
}

.bg-yellow {
    background: #ffb057
}

.bg-orange {
    background: #ff5e3b
}

.bg-green {
    background: #c9fa4f
}

.bg-darkgreen {
    background: #008c59
}

.bg-pink {
    background: #3c6
}

.title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%
}

@media(min-width: 744px) {
    .title {
        margin-bottom: 24px
    }
}

@media(min-width: 1024px) {
    .title {
        margin-bottom: 28px;
        font-size: 28px
    }
}

@media(min-width: 1300px) {
    .title {
        margin-bottom: 40px;
        font-size: 32px
    }
}

.slider-navigation {
    display: none
}

@media(min-width: 744px) {
    .slider-navigation {
        position: absolute;
        top: calc(50% - 16px);
        left: -16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: calc(100% + 32px)
    }
}

@media(min-width: 1300px) {
    .slider-navigation {
        left: -52px;
        width: calc(100% + 104px)
    }
}

.slider-nav {
    background: #008c59;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    cursor: pointer;
    z-index: 1
}

.slider-nav:hover {
    background: #004a4a
}

.slider-nav.swiper-button-disabled {
    background: #fff
}

.slider-nav img.disabled {
    display: none
}

.slider-nav.swiper-button-disabled img {
    display: none
}

.slider-nav.swiper-button-disabled img.disabled {
    display: block
}

.slider-nav-prev:not(.swiper-button-disabled) {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slider-nav-next.swiper-button-disabled {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.add_basket.active {
    background: #008c59;
    pointer-events: none
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination__arrow {
    background: #008c59;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%
}

.pagination__arrow.left {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pagination__arrow.disabled {
    background: #f8f8f8
}

.pagination__arrow.disabled.left {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset
}

.pagination__arrow.disabled.right {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pagination__arrow img {
    height: 12px
}

.pagination__arrow img.disabled-icon {
    display: none
}

.pagination__arrow.disabled img.disabled-icon {
    display: block
}

.pagination__arrow.disabled img:not(.disabled-icon) {
    display: none
}

.pagination__items {
    margin: 0 20px;
    padding: 6px;
    background: #f8f8f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 42px
}

.pagination__item {
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.pagination__item:first-child {
    margin-left: 0
}

.pagination__item.active {
    background: #008c59;
    color: #fff;
    border-radius: 50%
}

.cluster {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #fff
}

@media(min-width: 744px) {
    .cluster {
        font-size: 18px
    }
}

.select-custom {
    margin-top: 16px;
    background: #fff;
    position: relative;
    border: 1px solid #e1e1e1;
    border-radius: 52px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

@media(min-width: 1300px) {
    .select-custom {
        margin-top: 20px
    }
}

.select-custom.active {
    border-color: rgba(0,0,0,0)
}

.select-value {
    padding: 18px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    line-height: 150%;
    color: #a1a1a1;
    cursor: pointer
}

@media(min-width: 744px) {
    .select-value {
        padding: 18px 32px
    }
}

.select-custom:has(.active) .select-value {
    color: #353535
}

.select-value::after {
    content: "";
    background: url("../images/chevron-down.svg") no-repeat;
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    z-index: 2;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.select-custom.active .select-value::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-variants {
    padding: 18px 32px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-height: 300px;
    overflow-y: scroll
}

.select-custom.active .select-variants {
    position: absolute;
    top: -1px;
    left: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e1e1e1;
    border-radius: 30px;
    z-index: 1
}

.select-option {
    line-height: 150%;
    cursor: pointer
}

.select-option~.select-option {
    margin-top: 12px
}

.select-option.active {
    color: #008c59;
    line-height: 150%
}

ul.list-style li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

ul.list-style li::before {
    content: "";
    margin-right: 8px;
    background: #008c59;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px)
}

.agreement-style {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.agreement-style input {
    display: none !important
}

.agreement-style label {
    margin-right: 8px;
    background: url("../images/checkbox.svg") no-repeat;
    background-position: center;
    background-size: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    cursor: pointer
}

.agreement-style input:checked+label {
    background: url("../images/check-active.svg") no-repeat;
    background-position: center;
    background-size: contain
}

.agreement-style p {
    font-size: 14px
}

input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*.8);
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media(prefers-reduced-motion: reduce),print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-name: headShake;
    animation-name: headShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        opacity: .7;
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInDown {
    0% {
        opacity: .7;
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInLeft {
    0% {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInRight {
    0% {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        opacity: .7;
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInUp {
    0% {
        opacity: .7;
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7)
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7)
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7)
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7)
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

@keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

.animate__animated.animate__flip {
    -webkit-animation-name: flip;
    animation-name: flip;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg)
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg)
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg)
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg)
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg)
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg)
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg)
    }

    40%,80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0)
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg)
    }

    40%,80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0)
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    }
}

@keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)
    }
}

@keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)
    }
}

@keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    }
}

@keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)
    }
}

@keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)
    }
}

@keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

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

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

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

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.swiper-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

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

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

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

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

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

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

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

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

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

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

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

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

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

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

.swiper-centered>.swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

: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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    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-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

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

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

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

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s transform,.2s top;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform,.2s left;
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform,.2s right;
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: rgba(0,0,0,0)
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

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

.swiper-grid>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

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

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

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

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

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

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

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

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity,height,-webkit-transform;
    transition-property: opacity,height,-webkit-transform;
    transition-property: transform,opacity,height;
    transition-property: transform,opacity,height,-webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.carousel {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.carousel *,.carousel *:before,.carousel *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.carousel.is-draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.carousel.is-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.carousel__viewport {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}

.carousel__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.carousel__slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: var(--carousel-slide-width, 60%);
    max-width: 100%;
    padding: 1rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.has-dots {
    margin-bottom: calc(0.5rem + 22px)
}

.carousel__dots {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.carousel__dots .carousel__dot {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.carousel__dots .carousel__dot:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: currentColor;
    opacity: .25;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button {
    width: var(--carousel-button-width, 48px);
    height: var(--carousel-button-height, 48px);
    padding: 0;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    color: var(--carousel-button-color, currentColor);
    background: var(--carousel-button-bg, transparent);
    border-radius: var(--carousel-button-border-radius, 50%);
    -webkit-box-shadow: var(--carousel-button-shadow, none);
    box-shadow: var(--carousel-button-shadow, none);
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease
}

.carousel__button.is-prev,.carousel__button.is-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    width: var(--carousel-button-svg-width, 50%);
    height: var(--carousel-button-svg-height, 50%);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    -webkit-filter: var(--carousel-button-svg-filter, none);
    filter: var(--carousel-button-svg-filter, none);
    pointer-events: none
}

html.with-fancybox {
    scroll-behavior: auto
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    -ms-touch-action: none;
    touch-action: none
}

.fancybox__container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    margin: 0;
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--fancybox-color, #fff);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    overflow: hidden;
    z-index: 1050;
    outline: none;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))
}

.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.fancybox__container :focus {
    outline: none
}

body:not(.is-using-mouse) .fancybox__container :focus {
    -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
    box-shadow: 0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))
}

@media all and (min-width: 1024px) {
    .fancybox__container {
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }
}

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-bg, rgba(24, 24, 27, 0.92))
}

.fancybox__carousel {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(0.5rem + 22px)
}

.fancybox__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    cursor: default
}

.fancybox__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.fancybox__slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 48px 8px 8px 8px;
    position: relative;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    outline: 0;
    overflow: auto;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px
}

.fancybox__slide::before,.fancybox__slide::after {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0px;
    flex: 0 0 0;
    margin: auto
}

@media all and (min-width: 1024px) {
    .fancybox__slide {
        padding: 64px 100px
    }
}

.fancybox__content {
    margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
    padding: 36px;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    position: relative;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: thin dotted;
    -webkit-box-shadow: none;
    box-shadow: none
}

.fancybox__caption {
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 100%;
    margin: 0;
    padding: 1rem 0 0 0;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    visibility: visible;
    cursor: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow-wrap: anywhere
}

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container>.carousel__dots {
    top: 100%;
    color: var(--fancybox-color, #fff)
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px
    }
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left: 40px
    }
}

.carousel__button.is-close {
    position: absolute;
    top: 8px;
    right: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    z-index: 40
}

@media all and (min-width: 1024px) {
    .carousel__button.is-close {
        right: 40px
    }
}

.fancybox__content>.carousel__button.is-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: var(--fancybox-color, #fff)
}

.fancybox__no-click,.fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    color: var(--fancybox-color, currentColor)
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    -webkit-animation: fancybox-rotate 2s linear infinite;
    animation: fancybox-rotate 2s linear infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: fancybox-dash 1.5s ease-in-out infinite;
    animation: fancybox-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: currentColor
}

@-webkit-keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close {
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
    -webkit-animation: .15s ease backwards fancybox-fadeIn;
    animation: .15s ease backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close {
    -webkit-animation: .15s ease both fancybox-fadeOut;
    animation: .15s ease both fancybox-fadeOut
}

.fancybox-fadeIn {
    -webkit-animation: .15s ease both fancybox-fadeIn;
    animation: .15s ease both fancybox-fadeIn
}

.fancybox-fadeOut {
    -webkit-animation: .1s ease both fancybox-fadeOut;
    animation: .1s ease both fancybox-fadeOut
}

.fancybox-zoomInUp {
    -webkit-animation: .2s ease both fancybox-zoomInUp;
    animation: .2s ease both fancybox-zoomInUp
}

.fancybox-zoomOutDown {
    -webkit-animation: .15s ease both fancybox-zoomOutDown;
    animation: .15s ease both fancybox-zoomOutDown
}

.fancybox-throwOutUp {
    -webkit-animation: .15s ease both fancybox-throwOutUp;
    animation: .15s ease both fancybox-throwOutUp
}

.fancybox-throwOutDown {
    -webkit-animation: .15s ease both fancybox-throwOutDown;
    animation: .15s ease both fancybox-throwOutDown
}

@-webkit-keyframes fancybox-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fancybox-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@-webkit-keyframes fancybox-zoomInUp {
    from {
        -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fancybox-zoomInUp {
    from {
        -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fancybox-zoomOutDown {
    to {
        -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0
    }
}

@keyframes fancybox-zoomOutDown {
    to {
        -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0
    }
}

@-webkit-keyframes fancybox-throwOutUp {
    to {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutUp {
    to {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
        opacity: 0
    }
}

@-webkit-keyframes fancybox-throwOutDown {
    to {
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutDown {
    to {
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        opacity: 0
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-width: thin;
    scrollbar-color: #ccc rgba(255,255,255,.1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,.1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2);
    box-shadow: inset 0 0 4px rgba(0,0,0,.2)
}

.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__image {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: none;
    transition: none
}

.has-image .fancybox__content {
    padding: 0;
    background: rgba(0,0,0,0);
    min-height: 1px
}

.is-closing .has-image .fancybox__content {
    overflow: visible
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    -ms-touch-action: none;
    touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    max-width: 100%;
    height: auto
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    -ms-touch-action: none;
    touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
    width: 100%;
    height: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    max-width: 100%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    width: 100%;
    height: 80%
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24,24,27,.9);
    color: #fff
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0)
}

.fancybox-placeholder {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.fancybox__thumbs {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    padding: 0px 3px;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    -webkit-animation: .15s ease-in backwards fancybox-fadeIn;
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: var(--fancybox-thumbs-width, 96px);
    margin: 0;
    padding: 8px 3px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: visible;
    cursor: pointer
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
    border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    opacity: 0;
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease;
    border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
    opacity: .92
}

.fancybox__thumbs .carousel__slide>* {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__thumb {
    position: relative;
    width: 100%;
    padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
    background-size: cover;
    background-position: center center;
    background-color: rgba(255,255,255,.1);
    background-repeat: no-repeat;
    border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 0%, 0)), color-stop(8.1%, hsla(0, 0%, 0%, 0.006)), color-stop(15.5%, hsla(0, 0%, 0%, 0.021)), color-stop(22.5%, hsla(0, 0%, 0%, 0.046)), color-stop(29%, hsla(0, 0%, 0%, 0.077)), color-stop(35.3%, hsla(0, 0%, 0%, 0.114)), color-stop(41.2%, hsla(0, 0%, 0%, 0.155)), color-stop(47.1%, hsla(0, 0%, 0%, 0.198)), color-stop(52.9%, hsla(0, 0%, 0%, 0.242)), color-stop(58.8%, hsla(0, 0%, 0%, 0.285)), color-stop(64.7%, hsla(0, 0%, 0%, 0.326)), color-stop(71%, hsla(0, 0%, 0%, 0.363)), color-stop(77.5%, hsla(0, 0%, 0%, 0.394)), color-stop(84.5%, hsla(0, 0%, 0%, 0.419)), color-stop(91.9%, hsla(0, 0%, 0%, 0.434)), to(hsla(0, 0%, 0%, 0.44)));
    background: linear-gradient(to top, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, 0.006) 8.1%, hsla(0, 0%, 0%, 0.021) 15.5%, hsla(0, 0%, 0%, 0.046) 22.5%, hsla(0, 0%, 0%, 0.077) 29%, hsla(0, 0%, 0%, 0.114) 35.3%, hsla(0, 0%, 0%, 0.155) 41.2%, hsla(0, 0%, 0%, 0.198) 47.1%, hsla(0, 0%, 0%, 0.242) 52.9%, hsla(0, 0%, 0%, 0.285) 58.8%, hsla(0, 0%, 0%, 0.326) 64.7%, hsla(0, 0%, 0%, 0.363) 71%, hsla(0, 0%, 0%, 0.394) 77.5%, hsla(0, 0%, 0%, 0.419) 84.5%, hsla(0, 0%, 0%, 0.434) 91.9%, hsla(0, 0%, 0%, 0.44) 100%);
    padding: 0;
    -ms-touch-action: none;
    touch-action: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))
}

@media all and (min-width: 1024px) {
    .fancybox__toolbar {
        padding: 8px
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    -webkit-animation: .15s ease-in backwards fancybox-fadeIn;
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fancybox__toolbar__items--left {
    margin-right: auto
}

.fancybox__toolbar__items--center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
    margin-left: auto
}

@media(max-width: 640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display: none
    }
}

.fancybox__counter {
    min-width: 72px;
    padding: 0 10px;
    line-height: var(--carousel-button-height, 48px);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__container:-webkit-full-screen::backdrop {
    opacity: 0
}

.fancybox__container:-ms-fullscreen::backdrop {
    opacity: 0
}

.fancybox__container:fullscreen::-webkit-backdrop {
    opacity: 0
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__button--slideshow g:nth-child(2) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}

.header {
    padding: 12px 0 16px;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 9
}

@media(min-width: 744px) {
    .header {
        padding: 20px 0
    }
}

@media(min-width: 1024px) {
    .header {
        padding-bottom: 0
    }
}

.header__top-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__logo {
    -ms-flex-preferred-size: 107px;
    flex-basis: 107px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(min-width: 744px) {
    .header__logo {
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px
    }
}

@media(min-width: 1300px) {
    .header__logo {
        -ms-flex-preferred-size: 200px;
        flex-basis: 200px
    }
}

@media(min-width: 1024px) {
    .header__logo a {
        width: 100%
    }
}

@media(min-width: 1024px) {
    .header__logo img {
        width: 100%
    }
}

.header__location {
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    position: relative
}

.header__location-value {
    margin-left: 5px;
    font-size: 12px;
    line-height: 150%;
    color: #a1a1a1
}

@media(min-width: 744px) {
    .header__location-value {
        font-size: 14px
    }
}

.header__location-options {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    padding: 20px;
    border-radius: 12px;
    background: #f8f8f8;
    border: 1px solid #e1e1e1;
    z-index: 10;
    min-width: 200px;
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in
}

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

.header__location-city {
    font-size: 13px;
    line-height: 150%;
    color: #a1a1a1;
    margin-bottom: 5px
}

@media(min-width: 744px) {
    .header__location-city {
        font-size: 14px
    }
}

.header__location-city:last-child {
    margin-bottom: 0
}

.header__location-city:hover {
    color: #008c59;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.location-question {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.question-box {
    padding: 25px 18px 14px;
    background-color: #fff;
    width: 276px;
    -webkit-box-shadow: 3px 5px 15px rgba(0,0,0,.15);
    box-shadow: 3px 5px 15px rgba(0,0,0,.15);
    border-radius: 15px
}

.question-title {
    margin-bottom: 22px;
    font-size: 16px;
    font-weight: 600;
    white-space: normal
}

.question-title span {
    color: #008c59
}

.question-actions {
    padding-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.action-button {
    width: 106px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 10px
}

.action-button.button-style--green {
    background: 0
}

.question-note {
    color: #484949;
    font-size: 11px;
    white-space: normal
}

.header__phone {
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer
}

@media(min-width: 744px) {
    .header__phone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        cursor: initial
    }
}

@media(min-width: 744px) {
    .header__phone-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.header__phone-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px
}

@media(min-width: 744px) {
    .header__phone-icon {
        margin-right: 6px;
        width: 16px;
        height: 16px
    }
}

@media(min-width: 1300px) {
    .header__phone-icon {
        width: 20px;
        height: 20px
    }
}

.header__phone-value {
    display: none
}

@media(min-width: 744px) {
    .header__phone-value {
        display: block;
        font-weight: 700;
        font-size: 14px;
        line-height: 150%
    }
}

@media(min-width: 1300px) {
    .header__phone-value {
        font-size: 16px
    }
}

.header__phone-action {
    display: none
}

@media(min-width: 744px) {
    .header__phone-action {
        margin-left: auto;
        display: inline-block;
        font-weight: 700;
        font-size: 12px;
        line-height: 150%;
        color: #a1a1a1;
        cursor: pointer
    }
}

@media(min-width: 1300px) {
    .header__phone-action {
        font-size: 14px
    }
}

.header__burger {
    margin-left: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    cursor: pointer
}

@media(min-width: 744px) {
    .header__burger {
        margin-left: 99px;
        width: 40px;
        height: 40px
    }
}

@media(min-width: 1024px) {
    .header__burger {
        margin-left: 20px
    }
}

@media(min-width: 1300px) {
    .header__burger {
        margin-left: 62px
    }
}

.header__burger .close,.header__burger.opened img {
    display: none
}

.header__burger.opened .close {
    display: block
}

.header__menu {
    --top: 130px;
    padding: 14px 0 10px;
    background: #fff;
    position: fixed;
    top: var(--top);
    display: none;
    width: 100%;
    height: calc(100% - var(--top));
    z-index: 1;
    overflow-y: scroll
}

@media(max-width: 1023px) {
    .header__menu {
        padding-bottom: 76px
    }
}

@media(min-width: 744px) {
    .header__menu {
        --top: 150px
    }
}

@media(min-width: 1024px) {
    .header__menu {
        --top: 144px;
        padding: 14px 0 40px;
        height: auto;
        overflow: hidden
    }
}

@media(min-width: 1300px) {
    .header__menu {
        --top: 161px;
        padding: 14px 0 60px
    }
}

.header__menu-phone {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 1024px) {
    .header__menu-phone {
        display: none
    }
}

.header__menu-phone::before {
    content: "";
    background: url("../images/phone.svg") no-repeat;
    display: block;
    width: 24px;
    height: 24px
}

.header__menu-action {
    padding: 16px 40px;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #008c59;
    border-radius: 33px;
    border: 1px solid #008c59;
    cursor: pointer
}

@media(min-width: 1024px) {
    .header__menu-action {
        display: none
    }
}

@media(max-width: 1023px) {
    .nav {
        margin-top: 30px
    }
}

@media(min-width: 1024px) {
    .nav {
        margin-left: -20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 410px
    }
}

@media(min-width: 1300px) {
    .nav {
        margin-left: -30px
    }
}

.nav__item {
    margin-bottom: 30px
}

@media(min-width: 1024px) {
    .nav__item {
        margin-left: 20px;
        width: calc(25% - 20px)
    }
}

@media(min-width: 1300px) {
    .nav__item {
        margin-left: 30px;
        width: calc(25% - 30px)
    }
}

.nav__item.has-submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.nav__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 1024px) {
    .nav__item-link {
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .nav__item-link {
        font-size: 20px
    }
}

@media(max-width: 1023px) {
    .nav__item.has-submenu .nav__item-link p {
        pointer-events: none
    }
}

@media(max-width: 1023px) {
    .nav__item.has-submenu .nav__item-link .arrow-down {
        margin-left: 12px;
        pointer-events: none;
        cursor: pointer
    }
}

@media(max-width: 1023px) {
    .nav__item.has-submenu .nav__item-link .arrow-down::after {
        content: "";
        background: url("../images/chevron-down.svg") no-repeat;
        display: block;
        width: 20px;
        height: 20px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }
}

@media(max-width: 1023px) {
    .nav__item.has-submenu.opened .nav__item-link .arrow-down::after {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

@media(max-width: 1023px) {
    .nav__submenu {
        display: none
    }
}

.nav__submenu-item {
    margin-top: 12px;
    font-size: 15px;
    line-height: 150%
}

@media(min-width: 1024px) {
    .nav__submenu-item {
        font-size: 16px
    }
}

@media(min-width: 1300px) {
    .nav__submenu-item {
        margin-top: 16px
    }
}

.nav__submenu-item:first-child {
    margin-top: 16px
}

@media(min-width: 1300px) {
    .nav__submenu-item:first-child {
        margin-top: 20px
    }
}

.nav__item:first-child .nav__submenu-item {
    font-weight: 700
}

.nav__submenu-item.highlight,.nav__item:first-child .nav__submenu-item:first-child,.nav__item:first-child .nav__submenu-item:last-child {
    color: #008c59
}

.header__bottom {
    margin-top: 20px
}

@media(min-width: 1024px) {
    .header__bottom {
        margin-top: 12px;
        background: #f8f8f8
    }
}

@media(min-width: 1300px) {
    .header__bottom {
        margin-top: 20px
    }
}

@media(min-width: 1024px) {
    .header__bottom-inner {
        padding: 12px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1300px) {
    .header__bottom-inner {
        padding: 16px 0
    }
}

.header__search {
    position: relative;
    display: none
}

@media(min-width: 1024px) {
    .header__search {
        margin-left: 28px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: block;
        width: 100%;
        max-width: 379px
    }
}

@media(min-width: 1300px) {
    .header__search {
        margin-left: 50px;
        max-width: 481px
    }
}

.header__search--mobile {
    display: block
}

@media(min-width: 1024px) {
    .header__search--mobile {
        display: none
    }
}

.header__search input {
    padding: 13px 45px 13px 20px;
    width: 100%;
    height: 50px;
    border: 1px solid #008c59;
    border-radius: 52px;
    color: #a1a1a1
}

.header__search button {
    background: #008c59;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.header__services {
    display: none
}

@media(min-width: 1024px) {
    .header__services {
        display: block
    }
}

@media(min-width: 1024px) {
    .header__services-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(min-width: 1024px) {
    .header__services-nav li~li {
        margin-left: 28px
    }
}

.header__services-nav li a {
    font-weight: 700;
    font-size: 14px;
    line-height: 150%
}

@media(min-width: 1300px) {
    .header__services-nav li a {
        font-size: 16px
    }
}

.header__action {
    display: none
}

@media(min-width: 1024px) {
    .header__action {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(min-width: 1024px) {
    .header__results {
        padding: 11px 22px;
        background: #ff754a;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #fff;
        border-radius: 33px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        cursor: pointer
    }
}

@media(min-width: 1300px) {
    .header__results {
        font-size: 15px;
        line-height: 18px
    }
}

.header__results:hover {
    background: #ff5e3b
}

@media(min-width: 1024px) {
    .header__profile {
        margin-left: 24px;
        width: 24px;
        height: 24px;
        cursor: pointer
    }
}

@media(min-width: 1300px) {
    .header__profile {
        margin-left: 26px;
        width: 28px;
        height: 28px
    }
}

.header__cart {
    position: relative
}

@media(min-width: 1024px) {
    .header__cart {
        margin-left: 24px;
        width: 24px;
        height: 24px;
        cursor: pointer
    }
}

@media(min-width: 1300px) {
    .header__cart {
        width: 28px;
        height: 28px
    }
}

.header__cart::before {
    content: attr(data-count);
    background: #ff754a;
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    font-weight: 700;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    border-radius: 50%
}

@media(min-width: 1300px) {
    .header__cart::before {
        width: 18px;
        height: 18px
    }
}

@media(min-width: 744px) {
    .footer {
        background: #f8f8f8
    }
}

@media(max-width: 743px) {
    .footer .container {
        padding: 0
    }
}

@media(min-width: 744px) {
    .footer__menu {
        margin-left: -5px;
        padding: 44px 0 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 468px;
        overflow: hidden
    }
}

@media(min-width: 1024px) {
    .footer__menu {
        margin-left: -20px;
        padding: 52px 0 30px;
        max-height: 500px
    }
}

@media(min-width: 1300px) {
    .footer__menu {
        margin-left: -30px;
        padding: 60px 0 50px
    }
}

.footer__tabs {
    margin-bottom: 12px;
    padding: 7px
}

@media(min-width: 744px) {
    .footer__tabs {
        display: none
    }
}

@media(max-width: 743px) {
    .footer__tabs .swiper-slide {
        padding: 7px;
        background: #f8f8f8;
        width: auto
    }
}

@media(max-width: 743px) {
    .footer__tabs .swiper-slide:first-child {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px
    }
}

@media(max-width: 743px) {
    .footer__tabs .swiper-slide:last-child {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px
    }
}

.footer__tab-item {
    padding: 12px 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #a1a1a1;
    border-radius: 33px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.footer__tab-item.active {
    background: #008c59;
    color: #fff
}

@media(max-width: 743px) {
    .footer__block {
        padding: 0 12px;
        display: none
    }
}

@media(min-width: 744px) {
    .footer__block {
        margin-left: 5px;
        margin-bottom: 20px;
        width: calc(25% - 12px)
    }
}

@media(min-width: 1024px) {
    .footer__block {
        margin-left: 20px;
        width: calc(25% - 16px)
    }
}

@media(min-width: 1300px) {
    .footer__block {
        margin-left: 30px;
        width: 278px
    }
}

@media(max-width: 743px) {
    .footer__block.active {
        display: block
    }
}

.footer__block-title {
    display: none
}

@media(min-width: 744px) {
    .footer__block-title {
        margin-bottom: 12px;
        display: inline-block;
        font-weight: 700;
        font-size: 14px;
        line-height: 150%;
        color: #008c59;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }
}

@media(min-width: 1024px) {
    .footer__block-title {
        margin-bottom: 20px;
        font-size: 16px
    }
}

.footer__block-title:hover {
    color: #004a4a
}

@media(max-width: 743px) {
    .footer__menu-list {
        margin-left: -5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 166px;
        overflow: hidden
    }
}

.footer__menu-list li {
    margin-bottom: 8px;
    margin-left: 5px;
    width: calc(50% - 8px)
}

@media(min-width: 744px) {
    .footer__menu-list li {
        margin-left: 0;
        margin-bottom: 10px;
        width: auto
    }
}

@media(min-width: 1024px) {
    .footer__menu-list li {
        margin-bottom: 16px
    }
}

.footer__menu-list a {
    font-size: 14px;
    line-height: 150%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

@media(min-width: 1024px) {
    .footer__menu-list a {
        font-size: 16px
    }
}

.footer__menu-list a:hover {
    color: #999
}

.footer__services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}

@media(max-width: 743px) {
    .footer__services {
        padding: 12px
    }
}

@media(min-width: 744px) {
    .footer__services {
        padding: 28px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1024px) {
    .footer__services {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media(min-width: 1300px) {
    .footer__services {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.footer__contacts {
    padding-top: 12px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width: 744px) {
    .footer__contacts {
        padding: 0;
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
        display: block
    }
}

@media(min-width: 1024px) {
    .footer__contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.footer__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 744px) {
    .footer__phone-icon {
        width: 24px;
        height: 24px
    }
}

.footer__phone-icon img {
    width: 100%
}

.footer__phone-value {
    margin-left: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%
}

@media(min-width: 744px) {
    .footer__phone-value {
        margin-left: 10px;
        font-size: 20px
    }
}

.footer__callback {
    margin-top: 12px;
    padding-left: 28px;
    padding-right: 28px;
    display: inline-block
}

@media(min-width: 744px) {
    .footer__callback {
        margin-top: 20px;
        width: 277px
    }
}

.footer__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media(min-width: 744px) {
    .footer__socials {
        margin-top: 32px
    }
}

@media(min-width: 1024px) {
    .footer__socials {
        margin-top: 0;
        margin-left: 46px
    }
}

@media(min-width: 1300px) {
    .footer__socials {
        margin-left: 38px
    }
}

.footer__social-vk {
    margin-left: 12px
}

.footer__buttons {
    margin-top: 4px;
    padding-bottom: 12px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e1e1e1
}

@media(min-width: 744px) {
    .footer__buttons {
        margin: 0;
        padding: 0;
        border: none;
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
        display: block
    }
}

@media(min-width: 1300px) {
    .footer__buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.footer__buttons .button-style {
    width: 100%;
    font-size: 15px;
    line-height: 18px
}

.footer__prices,.footer__results {
    width: calc(50% - 3px)
}

@media(min-width: 744px) {
    .footer__prices,.footer__results {
        width: 277px
    }
}

.footer__results {
    margin-left: 6px
}

@media(min-width: 744px) {
    .footer__results {
        margin-top: 16px;
        margin-left: 0
    }
}

@media(min-width: 1300px) {
    .footer__results {
        margin-top: 0;
        margin-left: 16px
    }
}

@media(max-width: 743px) {
    .footer__bottom {
        padding: 12px 12px 17px
    }
}

@media(min-width: 744px) {
    .footer__bottom {
        padding: 28px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(min-width: 1024px) {
    .footer__bottom {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(min-width: 1300px) {
    .footer__bottom {
        border-top: 1px solid #e1e1e1
    }
}

.footer__logo {
    margin-bottom: 20px;
    width: 167px
}

@media(min-width: 744px) {
    .footer__logo {
        margin-bottom: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media(min-width: 1300px) {
    .footer__logo {
        margin-right: 60px
    }
}

.footer__logo a {
    display: block
}

.footer__logo img {
    width: 100%
}

@media(min-width: 744px) {
    .footer__bottom-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1300px) {
    .footer__bottom-wrap {
        margin-left: 0;
        width: 100%
    }
}

.footer__devs {
    font-size: 11px;
    line-height: 13px;
    letter-spacing: .01em;
    text-transform: uppercase
}

@media(min-width: 744px) {
    .footer__devs {
        margin: 0 44px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 168px
    }
}

@media(min-width: 1024px) {
    .footer__devs {
        margin: 0 54px
    }
}

@media(min-width: 1300px) {
    .footer__devs {
        margin: 0;
        margin-right: 60px
    }
}

.footer__devs span {
    margin-top: 8px;
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: #373737
}

@media(min-width: 1300px) {
    .footer__copy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.footer__copyright {
    margin-top: 12px;
    font-size: 14px;
    line-height: 150%
}

@media(min-width: 744px) {
    .footer__copyright {
        margin-top: 0;
        color: #686868
    }
}

@media(min-width: 1300px) {
    .footer__copyright {
        margin-right: 60px
    }
}

.footer__policy {
    margin-top: 12px;
    font-size: 14px;
    line-height: 150%
}

@media(min-width: 744px) {
    .footer__policy {
        margin-top: 6px;
        color: #686868
    }
}

@media(min-width: 1024px) {
    .footer__policy {
        margin-top: 0
    }
}

.breadcrumbs {
    padding-bottom: 30px
}

@media(min-width: 744px) {
    .breadcrumbs {
        padding-bottom: 30px
    }
}

@media(min-width: 1024px) {
    .breadcrumbs {
        padding-bottom: 40px
    }
}

@media(min-width: 1300px) {
    .breadcrumbs {
        padding-bottom: 50px
    }
}

.breadcrumbs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbs-item {
    margin-right: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #a1a1a1
}

.breadcrumbs-item:first-child {
    color: #008c59
}

.breadcrumbs-item:last-child {
    cursor: default
}

.breadcrumbs-item:not(:first-child)::before {
    content: "/";
    margin-right: 3px;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #a1a1a1;
    cursor: default
}

@media(max-width: 1023px) {
    .breadcrumbs-item a {
        max-width: 130px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.breadcrumbs-item span {
    display: inline-block;
    max-width: 195px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: none !important
}

body.compensate-for-scrollbar {
    padding-right: 0 !important;
    overflow: unset !important
}

.fancybox__slide {
    padding: 0 !important
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 11
}

.popup.opened {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.popup-inner {
    padding: 46px 20px;
    background: #fff;
    position: relative;
    border-radius: 20px
}

.popup-close-icon {
    background: url("../images/close-x.svg") no-repeat;
    background-position: center;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    cursor: pointer
}

.popup-icon {
    margin: 0 auto 14px;
    width: 60px;
    height: 60px
}

.popup-wrap {
    width: 290px
}

.popup-title {
    margin: 0 auto 40px;
    max-width: 188px;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    text-align: center
}

.popup-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

@media(min-width: 744px) {
    .popup-text {
        font-size: 20px
    }
}

.popup-btn-cart {
    padding: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup-btn-cart::before {
    content: "";
    margin-right: 4px;
    background: url("../images/shopping-cart.svg") no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px
}

.popup-btn-back {
    margin-top: 10px;
    padding: 13px
}

.popup-success {
    margin: 0 8px;
    padding: 20px;
    position: relative;
    width: auto;
    height: auto;
    border-radius: 24px
}

@media(min-width: 744px) {
    .popup-success {
        padding: 40px
    }
}

.popup-success button.is-close {
    top: 10px !important;
    right: 10px !important;
    color: #008c59 !important;
    --carousel-button-svg-filter: none
}

@media(min-width: 744px) {
    .popup-success button.is-close {
        top: 20px !important;
        right: 20px !important
    }
}

.popup-success .popup-inner {
    padding: 0
}

.popup-success .popup-wrap {
    width: auto
}

.popup-success .popup-title {
    margin-bottom: 14px;
    max-width: 100%
}

@media(min-width: 744px) {
    .popup-success .popup-title {
        margin-bottom: 20px
    }
}

.popup-success .popup-text {
    text-align: center
}

@media(max-width: 743px) {
    .popup-success .popup-text {
        font-size: 14px
    }
}

.popup-callback,.popup-vacancy {
    margin: 0 8px;
    padding: 80px 20px;
    position: relative;
    width: auto;
    height: auto;
    border-radius: 24px
}

@media(min-width: 744px) {
    .popup-callback,.popup-vacancy {
        padding: 40px
    }
}

.popup-callback button.is-close,.popup-vacancy button.is-close {
    top: 10px !important;
    right: 10px !important;
    color: #008c59 !important;
    --carousel-button-svg-filter: none
}

@media(min-width: 744px) {
    .popup-callback button.is-close,.popup-vacancy button.is-close {
        top: 20px !important;
        right: 20px !important
    }
}

.popup-callback .popup-inner,.popup-vacancy .popup-inner {
    padding: 0
}

.popup-callback .popup-wrap,.popup-vacancy .popup-wrap {
    width: auto
}

.popup-callback .popup-title,.popup-vacancy .popup-title {
    margin-left: 0;
    margin-bottom: 40px;
    max-width: 270px;
    font-size: 32px;
    text-align: left
}

.popup-callback .input-style,.popup-vacancy .input-style {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup-callback .input-style~.input-style,.popup-vacancy .input-style~.input-style {
    margin-top: 20px
}

.popup-callback .input-style label,.popup-vacancy .input-style label {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #353535
}

.popup-callback .input-style input,.popup-vacancy .input-style input {
    padding: 18px 24px;
    border-radius: 8px;
    border: 1px solid #e1e1e1
}

.popup-callback .button-style,.popup-vacancy .button-style {
    margin-top: 40px;
    padding: 21px 50px;
    display: inline-block
}

.popup-callback .agreement-style,.popup-vacancy .agreement-style {
    margin-top: 20px
}

.popup-auth {
    padding: 80px 20px;
    position: relative
}

@media(min-width: 744px) {
    .popup-auth {
        padding: 40px;
        width: auto;
        height: auto;
        border-radius: 24px
    }
}

.popup-auth button.is-close {
    top: 10px !important;
    right: 10px !important;
    color: #008c59 !important;
    --carousel-button-svg-filter: none
}

@media(min-width: 744px) {
    .popup-auth button.is-close {
        top: 20px !important;
        right: 20px !important
    }
}

.popup-auth .popup-inner {
    padding: 0
}

@media(min-width: 744px) {
    .popup-auth .popup-inner {
        margin-top: 30px;
        width: 360px;
        height: 450px
    }
}

.popup-auth .popup-tabs {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.popup-auth .popup-tab {
    color: #686868;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    cursor: pointer
}

.popup-auth .popup-tab.active {
    color: #008c59
}

.popup-auth .popup-tab~.popup-tab {
    margin-left: 40px
}

.popup-auth .popup-wrap {
    display: none;
    width: auto
}

.popup-auth .popup-wrap.active {
    display: block
}

.popup-auth .input-style {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup-auth .input-style~.input-style {
    margin-top: 20px
}

.popup-auth .input-style label {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #353535
}

.popup-auth .input-style input {
    padding: 18px 50px 18px 24px;
    border-radius: 8px;
    border: 1px solid #e1e1e1
}

.popup-auth .input-style .error {
    position: absolute;
    top: calc(100% + 2px);
    font-size: 12px;
    color: #b00
}

.popup-auth .input-style .pass-eyes {
    position: absolute;
    bottom: 14px;
    right: 24px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.popup-auth .input-style .pass-eyes svg {
    pointer-events: none
}

.popup-auth .popup-bottom {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.popup-auth .button-style {
    padding: 14px 30px;
    display: inline-block;
    font-size: 15px
}

@media(min-width: 744px) {
    .popup-auth .button-style {
        padding: 18px 40px
    }
}

.popup-auth .forgot-pass {
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    color: #008c59;
    cursor: pointer
}

.popup-request {
    padding: 0 20px
}

@media(min-width: 744px) {
    .popup-request {
        padding: 40px;
        position: relative;
        width: auto;
        height: auto;
        border-radius: 12px
    }
}

.popup-request .carousel__button.is-close {
    top: 20px;
    right: 20px;
    color: #ff754a;
    --carousel-button-width: 20px;
    --carousel-button-height: 20px
}

@media(min-width: 744px) {
    .popup-request .carousel__button.is-close {
        top: 40px;
        right: 40px
    }
}

.popup-request .carousel__button svg {
    -webkit-filter: none;
    filter: none
}

.popup-request .popup-inner {
    padding: 0
}

.popup-request .popup-wrap {
    width: auto
}

@media(min-width: 744px) {
    .popup-request .popup-wrap {
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 608px
    }
}

.popup-request .popup-title {
    margin-bottom: 30px;
    max-width: 100%;
    font-size: 24px;
    text-align: left
}

@media(min-width: 744px) {
    .popup-request .popup-title {
        margin-top: 40px;
        grid-column: 1/4;
        width: 100%
    }
}

@media(min-width: 744px) {
    .popup-request .input-style {
        grid-column: 1/4
    }
}

.popup-request .input-style~.input-style {
    margin-top: 20px
}

.popup-request .input-style label {
    margin-bottom: 8px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    color: #686868
}

.popup-request .input-style input {
    padding: 18px;
    background: #fff;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 8px
}

.popup-request .button-style {
    margin-top: 30px;
    width: 100%;
    height: 60px
}

@media(min-width: 744px) {
    .popup-request .button-style {
        width: 180px
    }
}

.popup-request .agreement-style {
    margin-top: 30px;
    line-height: 150%
}

@media(min-width: 744px) {
    .popup-request .agreement-style {
        grid-column: 2/3;
        max-width: 220px
    }
}

.popup-request .agreement-style label {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px)
}

.section-banner {
    padding-top: 0
}

@media(max-width: 743px) {
    .section-banner .container {
        padding: 0
    }
}

.banner {
    color: #fff
}

@media(min-width: 1024px) {
    .banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.banner__slider {
    background: linear-gradient(234deg, #3C6 0%, #008C59 100%)
}

@media(min-width: 744px) {
    .banner__slider {
        margin-bottom: 16px;
        border-radius: 12px
    }
}

@media(min-width: 1024px) {
    .banner__slider {
        margin-bottom: 0;
        width: calc(50% - 10px)
    }
}

@media(min-width: 1300px) {
    .banner__slider {
        width: calc(50% - 15px)
    }
}

@media(min-width: 1024px) {
    .banner__slider .swiper {
        height: 100%
    }
}

.banner__slider-item {
    padding: 12px;
    padding-bottom: 230px;
    position: relative;
    height: 100%;
    overflow: hidden
}

@media(min-width: 744px) {
    .banner__slider-item {
        padding: 20px;
        padding-bottom: 110px;
        border-radius: 12px
    }
}

@media(min-width: 1024px) {
    .banner__slider-item {
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width: 1300px) {
    .banner__slider-item {
        padding: 30px
    }
}

.banner__slider-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 265px;
    text-align: right
}

@media(min-width: 744px) {
    .banner__slider-bg {
        right: 0px;
        bottom: 0;
        width: 375px;
        height: 100%
    }
}

@media(min-width: 1024px) {
    .banner__slider-bg {
        bottom: -20px;
        width: 400px;
        height: 284px
    }
}

@media(min-width: 1300px) {
    .banner__slider-bg {
        bottom: 0;
        width: auto;
        height: 418px
    }
}

.banner__slider-bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 744px) {
    .banner__slider-bg img {
        width: 100%
    }
}

@media(min-width: 1024px) {
    .banner__slider-wrap {
        display: grid;
        grid-template-areas: "a a a" "b b c";
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        grid-template-rows: -webkit-max-content;
        grid-template-rows: max-content;
        width: 100%
    }
}

.banner__slider-title {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%
}

@media(min-width: 744px) {
    .banner__slider-title {
        margin-bottom: 10px;
        font-size: 24px;
        max-width: 290px
    }
}

@media(min-width: 1024px) {
    .banner__slider-title {
        grid-area: a
    }
}

.banner__slider-text {
    max-width: unset;
    font-size: 14px;
    line-height: 150%
}

@media(min-width: 744px) {
    .banner__slider-text {
        max-width: 290px
    }
}

@media(min-width: 1024px) {
    .banner__slider-text {
        max-width: 345px;
        grid-area: b
    }
}

.banner__slider .button-style {
    margin-top: 12px;
    margin-bottom: 16px;
    padding: 0 30px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 39px;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #008c59
}

@media(max-width: 743px) {
    .banner__slider .button-style {
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 144px
    }
}

@media(min-width: 744px) {
    .banner__slider .button-style {
        margin-top: 20px;
        margin-bottom: 0
    }
}

@media(min-width: 1024px) {
    .banner__slider .button-style {
        margin-top: 0;
        padding: 0 20px;
        grid-area: c;
        height: 46px
    }
}

@media(min-width: 1300px) {
    .banner__slider .button-style {
        padding: 14px 30px;
        font-size: 15px;
        line-height: 18px
    }
}

.banner .button-style {
    border: 1px solid rgba(0,0,0,0)
}

.banner .button-style:hover {
    background: rgba(0,0,0,0);
    border-color: #fff;
    color: #fff
}

.banner-navigation {
    display: none
}

@media(min-width: 744px) {
    .banner-navigation {
        position: absolute;
        left: 28px;
        bottom: 28px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 1
    }
}

@media(min-width: 1300px) {
    .banner-navigation {
        left: 33px;
        bottom: 40px
    }
}

@media(min-width: 744px) {
    .banner__nav {
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        cursor: pointer
    }
}

@media(min-width: 744px) {
    .banner__nav-next {
        margin-left: 20px
    }
}

.banner-pagination {
    position: absolute;
    bottom: 2px !important;
    text-align: center;
    z-index: 1
}

@media(min-width: 744px) {
    .banner-pagination {
        display: none
    }
}

.banner-pagination .swiper-pagination-bullet {
    background: #fff;
    width: 6px;
    height: 6px;
    -webkit-box-shadow: 0px 0px 4px rgba(25,26,31,.15);
    box-shadow: 0px 0px 4px rgba(25,26,31,.15)
}

.banner__block {
    margin: 0 12px
}

@media(min-width: 744px) {
    .banner__block {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1024px) {
    .banner__block {
        display: block;
        width: calc(50% - 10px)
    }
}

@media(min-width: 1300px) {
    .banner__block {
        width: calc(50% - 15px)
    }
}

.banner__item {
    margin-top: 12px;
    position: relative;
    border-radius: 12px;
    overflow: hidden
}

@media(min-width: 744px) {
    .banner__item {
        margin-top: 0;
        width: calc(50% - 8px)
    }
}

@media(min-width: 1024px) {
    .banner__item {
        width: 100%
    }
}

@media(min-width: 1024px) {
    .banner__item~.banner__item {
        margin-top: 20px
    }
}

@media(min-width: 1300px) {
    .banner__item~.banner__item {
        margin-top: 30px
    }
}

.banner__item-bg {
    position: absolute;
    right: -40px;
    bottom: 0;
    height: 100%
}

@media(min-width: 744px) {
    .banner__item-bg {
        width: 220px
    }
}

@media(min-width: 1024px) {
    .banner__item-bg {
        right: 0;
        bottom: 0;
        width: auto
    }
}

@media(min-width: 1300px) {
    .banner__item-bg {
        height: 100%
    }
}

.banner__item-bg img {
    width: 100%;
    height: 100%
}

@media(min-width: 744px) {
    .banner__item-bg img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.banner__item-wrap {
    padding: 15px;
    position: relative;
    width: calc(100% - 136px);
    height: 100%;
    z-index: 1
}

@media(min-width: 744px) {
    .banner__item-wrap {
        padding: 15px 15px 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width: 1024px) {
    .banner__item-wrap {
        padding: 20px;
        width: calc(100% - 230px);
        height: 225px
    }
}

@media(min-width: 1300px) {
    .banner__item-wrap {
        width: calc(100% - 300px);
        height: 277.5px
    }
}

.banner__block .banner__item:first-child .banner__item-wrap {
    background: linear-gradient(245deg, #FFAF57 35.49%, #FF5F3B 100%)
}

.banner__block .banner__item:last-child .banner__item-wrap {
    background: linear-gradient(258deg, #FBEC9C 0%, #C9FA4F 100%)
}

@media(max-width: 743px) {
    .banner__block .banner__item:last-child .banner__item-wrap {
        padding-bottom: 50px
    }
}

.banner__item-title {
    margin-bottom: 6px;
    position: relative;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%
}

@media(min-width: 744px) {
    .banner__item-title {
        margin-bottom: 8px
    }
}

@media(min-width: 1024px) {
    .banner__item-title {
        font-size: 20px
    }
}

.banner__block .banner__item:last-child .banner__item-title {
    color: #008c59
}

.banner__item-text {
    position: relative;
    font-size: 14px;
    line-height: 150%
}

@media(min-width: 744px) {
    .banner__item-text {
        margin-bottom: 14px;
        max-width: 254px;
        font-size: 16px
    }
}

@media(min-width: 1024px) {
    .banner__item-text {
        font-size: 14px
    }
}

@media(min-width: 1300px) {
    .banner__item-text {
        margin-bottom: 0;
        font-size: 16px
    }
}

.banner__block .banner__item:last-child .banner__item-text {
    color: #008c59
}

.banner__block .button-style {
    margin-top: 25px;
    padding: 11px 22px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #ff754a
}

@media(min-width: 744px) {
    .banner__block .button-style {
        margin-top: auto
    }
}

@media(min-width: 1300px) {
    .banner__block .button-style {
        margin-top: 45px;
        padding: 14px 30px;
        font-size: 15px;
        line-height: 18px
    }
}

.popular__head {
    margin-bottom: 18px
}

@media(min-width: 744px) {
    .popular__head {
        margin-bottom: 26px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1024px) {
    .popular__head {
        margin-bottom: 30px
    }
}

@media(min-width: 1300px) {
    .popular__head {
        margin-bottom: 40px
    }
}

@media(min-width: 744px) {
    .popular__title {
        margin-bottom: 0
    }
}

.popular__tab {
    padding: 5px;
    background: #fff;
    border-radius: 51px
}

.popular__tab-item {
    padding: 12px 27px;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #686868;
    cursor: pointer
}

.popular__tab-item.active {
    background: #008c59;
    color: #fff;
    border-radius: 33px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.popular__tab-item.active:hover {
    background: #004a4a
}

.popular__slider {
    display: none;
    position: relative
}

.popular__slider.active {
    display: block
}

@media(max-width: 743px) {
    .section-popular .container {
        padding: 0
    }
}

@media(max-width: 743px) {
    .popular__head {
        padding: 0 12px
    }
}

.popular__block {
    padding: 20px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 294px;
    border: 1px solid #e1e1e1;
    border-radius: 12px
}

@media(max-width: 743px) {
    .popular__block {
        width: 279px
    }
}

@media(min-width: 744px) {
    .popular__block {
        height: 300px
    }
}

@media(min-width: 1024px) {
    .popular__block {
        height: 290px
    }
}

@media(min-width: 1300px) {
    .popular__block {
        height: 325px
    }
}

.popular__block-code {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 150%;
    color: #a1a1a1
}

.popular__block-label {
    margin-bottom: 25px;
    max-width: 240px;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical
}

@media(min-width: 744px) {
    .popular__block-label {
        margin-bottom: 20px;
        max-width: 304px
    }
}

@media(min-width: 1300px) {
    .popular__block-label {
        font-size: 16px
    }
}

.popular__block-time,.popular__block-home {
    margin-bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 150%;
    color: #a1a1a1
}

.popular__block-time {
    margin-top: auto
}

.popular__block-time p,.popular__block-home p {
    margin-left: 8px
}

.popular__block-bottom {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.popular__block-price {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px
}

.popular__block-btn {
    padding: 14px 24px;
    font-size: 15px;
    line-height: 18px
}

.services__block {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr)
}

@media(min-width: 744px) {
    .services__block {
        grid-template-columns: repeat(4, 1fr)
    }
}

.services__item {
    margin-bottom: 8px;
    position: relative;
    width: auto;
    height: 164px;
    border-radius: 12px
}

@media(min-width: 744px) {
    .services__item {
        margin-bottom: 0
    }
}

@media(min-width: 1024px) {
    .services__item {
        height: 225px
    }
}

@media(min-width: 1300px) {
    .services__item {
        height: 278px
    }
}

.services__item a {
    padding: 16px;
    display: block;
    width: 100%;
    height: 100%
}

@media(min-width: 1024px) {
    .services__item a {
        padding: 20px
    }
}

@media(min-width: 1300px) {
    .services__item a {
        padding: 30px
    }
}

.services__item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    color: #fff
}

@media(min-width: 1024px) {
    .services__item-title {
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .services__item-title {
        font-size: 20px
    }
}

.services__item.bg-violet .services__item-title {
    color: #008c59
}

.services__item-icon {
    position: absolute;
    left: 16px;
    bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px
}

@media(min-width: 744px) {
    .services__item-icon {
        width: 40px;
        height: 40px
    }
}

@media(min-width: 1024px) {
    .services__item-icon {
        left: 20px;
        bottom: 20px
    }
}

@media(min-width: 1300px) {
    .services__item-icon {
        left: 30px;
        bottom: 30px
    }
}

.services__item-icon::before {
    content: "";
    background: #fff;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .1;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.services__item.bg-violet .services__item-icon::before {
    background: #008c59
}

.services__item:hover .services__item-icon::before {
    opacity: .2
}

.services__item-icon::after {
    content: "";
    background: #fff;
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    opacity: .2;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media(min-width: 744px) {
    .services__item-icon::after {
        width: 30px;
        height: 30px
    }
}

.services__item.bg-violet .services__item-icon::after {
    background: #008c59
}

.services__item:hover .services__item-icon::after {
    opacity: .3
}

.services__item-icon img {
    height: 8px
}

.services__item.bg-violet .services__item-icon img {
    -webkit-filter: brightness(0) saturate(100%) invert(27%) sepia(67%) saturate(7497%) hue-rotate(157deg) brightness(102%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(27%) sepia(67%) saturate(7497%) hue-rotate(157deg) brightness(102%) contrast(101%)
}

.services__item-img {
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 60px;
    height: 60px
}

@media(min-width: 744px) {
    .services__item-img {
        right: 16px;
        bottom: 16px
    }
}

@media(min-width: 1024px) {
    .services__item-img {
        right: 20px;
        bottom: 20px;
        width: 80px;
        height: 80px
    }
}

@media(min-width: 1300px) {
    .services__item-img {
        right: 30px;
        bottom: 30px;
        width: 100px;
        height: 100px
    }
}

.services__item-img img {
    width: 100%
}

.services__banner {
    margin-top: 22px;
    padding: 30px 20px 280px;
    position: relative;
    background: #008c59;
    color: #fff;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #fff
}

@media(min-width: 744px) {
    .services__banner {
        margin-top: 16px;
        padding: 30px 30px 56px
    }
}

@media(min-width: 1024px) {
    .services__banner {
        margin-top: 20px;
        padding: 85px 50px
    }
}

@media(min-width: 1300px) {
    .services__banner {
        margin-top: 30px;
        padding: 120px 77px
    }
}

.services__banner-title {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%
}

@media(min-width: 744px) {
    .services__banner-title {
        margin-bottom: 12px;
        position: relative;
        z-index: 1
    }
}

@media(min-width: 1024px) {
    .services__banner-title {
        font-size: 28px
    }
}

@media(min-width: 1300px) {
    .services__banner-title {
        font-size: 32px
    }
}

.services__banner-text {
    max-width: 300px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%
}

@media(min-width: 744px) {
    .services__banner-text {
        position: relative;
        max-width: 260px;
        z-index: 1
    }
}

@media(min-width: 1300px) {
    .services__banner-text {
        font-size: 20px;
        max-width: 350px
    }
}

.services__banner-btn {
    margin-top: 20px;
    padding: 14px 30px;
    background: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    border: none
}

@media(min-width: 744px) {
    .services__banner-btn {
        margin-top: 40px
    }
}

@media(min-width: 1024px) {
    .services__banner-btn {
        margin-top: 52px;
        padding: 16px 40px
    }
}

@media(min-width: 1300px) {
    .services__banner-btn {
        padding: 21px 50px;
        margin-top: 60px
    }
}

.services__banner-img {
    position: absolute;
    right: -24px;
    bottom: 0;
    width: 378px;
    height: 253px
}

@media(min-width: 744px) {
    .services__banner-img {
        right: -64px;
        width: 441px;
        height: 294px
    }
}

@media(min-width: 1024px) {
    .services__banner-img {
        width: 598px;
        height: 398px
    }
}

@media(min-width: 1300px) {
    .services__banner-img {
        width: 784px;
        height: 522px
    }
}

.services__banner-img img {
    width: 100%;
    height: 100%
}

.programs__title {
    margin-bottom: 16px
}

@media(min-width: 744px) {
    .programs__title {
        margin-bottom: 28px
    }
}

@media(min-width: 1300px) {
    .programs__title {
        margin-bottom: 36px
    }
}

@media(min-width: 744px) {
    .programs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 744px) {
    .programs__wrapper {
        width: calc(50% - 8px)
    }
}

@media(min-width: 1024px) {
    .programs__wrapper {
        width: calc(41.6666666667% - 10px)
    }
}

@media(min-width: 1300px) {
    .programs__wrapper {
        width: 483px
    }
}

.programs__item a {
    position: relative;
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 124px
}

.programs__item~.programs__item {
    margin-top: 8px
}

.programs__item-img {
    padding: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 44px;
    height: 44px;
    border-radius: 50%
}

@media(min-width: 1024px) {
    .programs__item-img {
        padding: 11.5px;
        width: 52px;
        height: 52px
    }
}

@media(min-width: 1300px) {
    .programs__item-img {
        padding: 13px;
        width: 60px;
        height: 60px
    }
}

.programs__item-label {
    margin-left: 12px;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media(min-width: 1024px) {
    .programs__item-label {
        margin-left: 20px;
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .programs__item-label {
        margin-left: 24px;
        font-size: 20px
    }
}

.programs__item-arrow {
    position: absolute;
    right: 24px;
    -webkit-transition: right .3s ease;
    transition: right .3s ease
}

.programs__item a:hover .programs__item-arrow {
    right: 16px
}

.programs__images {
    display: none
}

@media(min-width: 744px) {
    .programs__images {
        display: block;
        width: calc(50% - 8px)
    }
}

@media(min-width: 1024px) {
    .programs__images {
        width: calc(50% + 10px)
    }
}

@media(min-width: 1300px) {
    .programs__images {
        width: 585px
    }
}

@media(min-width: 744px) {
    .advantages {
        margin-top: -20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1300px) {
    .advantages {
        margin-top: -30px
    }
}

.advantages__title {
    margin-bottom: 16px;
    color: #353535
}

@media(min-width: 744px) {
    .advantages__title {
        margin-top: 77px;
        margin-bottom: 0
    }
}

@media(min-width: 1300px) {
    .advantages__title {
        margin-top: 71px
    }
}

.advantages__item {
    margin-top: 8px;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    border-radius: 12px
}

@media(min-width: 744px) {
    .advantages__item {
        margin-top: 20px;
        padding: 24px 16px;
        display: block;
        width: calc(33.3333333333% - 10.6666666667px);
        min-height: 224px
    }
}

@media(min-width: 1024px) {
    .advantages__item {
        padding: 24px 24px 40px;
        width: calc(33.3333333333% - 13.3333333333px);
        min-height: 256px
    }
}

@media(min-width: 1300px) {
    .advantages__item {
        margin-top: 30px;
        padding: 30px;
        width: calc(33.3333333333% - 20px)
    }
}

.advantages__item:first-child {
    margin-top: 0;
    padding: 0
}

.advantages__icon {
    padding: 10px;
    background: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 43px;
    height: 43px;
    border-radius: 50%
}

@media(min-width: 744px) {
    .advantages__icon {
        padding: 14px;
        width: 60px;
        height: 60px
    }
}

@media(max-width: 743px) {
    .advantages__desc {
        margin-left: 12px
    }
}

.advantages__desc-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 120%
}

@media(min-width: 744px) {
    .advantages__desc-title {
        margin-top: 24px;
        font-size: 14px
    }
}

@media(min-width: 1024px) {
    .advantages__desc-title {
        margin-top: 32px;
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .advantages__desc-title {
        font-size: 20px
    }
}

.advantages__desc-text {
    margin-top: 4px;
    font-size: 16px;
    line-height: 150%
}

@media(min-width: 744px) {
    .advantages__desc-text {
        font-size: 14px
    }
}

@media(min-width: 1024px) {
    .advantages__desc-text {
        margin-top: 8px;
        font-size: 16px
    }
}

.section-useful {
    padding-top: 0
}

.useful__title {
    margin-bottom: 16px
}

@media(min-width: 744px) {
    .useful__title {
        margin-bottom: 24px
    }
}

@media(min-width: 1024px) {
    .useful__title {
        margin-bottom: 28px
    }
}

@media(min-width: 1300px) {
    .useful__title {
        margin-bottom: 40px
    }
}

.useful {
    position: relative
}

.useful__item {
    width: 280px
}

.useful__item-img {
    height: 158px;
    border-radius: 12px;
    overflow: hidden
}

@media(min-width: 744px) {
    .useful__item-img {
        height: 135px
    }
}

@media(min-width: 1024px) {
    .useful__item-img {
        height: 186px
    }
}

@media(min-width: 1300px) {
    .useful__item-img {
        height: 230px
    }
}

.useful__item-img img {
    width: 100%;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.useful__item:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.useful__item-title {
    margin-top: 16px;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%
}

@media(min-width: 1024px) {
    .useful__item-title {
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .useful__item-title {
        font-size: 20px
    }
}

.useful__item-date {
    margin-top: 8px;
    font-size: 14px;
    line-height: 150%;
    color: #a1a1a1
}

@media(min-width: 744px) {
    .useful__item-date {
        margin-top: 12px
    }
}

@media(min-width: 744px) {
    .useful .slider-navigation {
        top: 52px
    }
}

@media(min-width: 1024px) {
    .useful .slider-navigation {
        top: 83px
    }
}

@media(min-width: 1300px) {
    .useful .slider-navigation {
        top: 99px
    }
}

@media(min-width: 1300px) {
    .section-faq {
        padding: 60px 0
    }
}

@media(min-width: 1024px) {
    .faq {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.faq__title {
    margin-bottom: 16px
}

@media(min-width: 744px) {
    .faq__title {
        margin-bottom: 24px
    }
}

@media(min-width: 1024px) {
    .faq__title {
        margin-bottom: 0;
        width: calc(33.3333333333% - 10px)
    }
}

@media(min-width: 1300px) {
    .faq__title {
        width: calc(41.6666666667% - 15px);
        max-width: 375px
    }
}

@media(min-width: 1024px) {
    .faq__wrapper {
        width: calc(66.6666666667% - 10px)
    }
}

@media(min-width: 1300px) {
    .faq__wrapper {
        width: calc(58.3333333333% - 15px)
    }
}

.faq__item {
    padding: 14px 20px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media(min-width: 744px) {
    .faq__item {
        padding: 22px 24px
    }
}

.faq__item~.faq__item {
    margin-top: 8px
}

.faq__question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.faq__question-text {
    font-weight: 700;
    font-size: 16px;
    line-height: 120%
}

@media(min-width: 1024px) {
    .faq__question-text {
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .faq__question-text {
        font-size: 20px
    }
}

.faq__question-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px
}

.faq__question-icon .minus {
    display: none
}

.faq__item.expanded .minus {
    display: block
}

.faq__item.expanded .plus {
    display: none
}

.faq__answer {
    padding-top: 0px;
    max-height: 0px;
    line-height: 150%;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.faq__item.expanded .faq__answer {
    padding-top: 16px;
    max-height: 500px
}

@media(min-width: 1024px) {
    .faq__item.expanded .faq__answer {
        padding-top: 20px
    }
}

.main-page .section-map {
    padding-bottom: 0
}

.map__wrapper {
    position: relative;
    height: 600px
}

@media(min-width: 744px) {
    .map__wrapper {
        padding: 0 20px
    }
}

@media(min-width: 1024px) {
    .map__wrapper {
        padding: 0 32px
    }
}

@media(min-width: 1600px) {
    .map__wrapper {
        padding: 0 54px
    }
}

.map__title {
    margin-bottom: 16px
}

@media(min-width: 744px) {
    .map__title {
        margin-bottom: 24px
    }
}

@media(min-width: 1024px) {
    .map__title {
        margin-bottom: 28px
    }
}

@media(min-width: 1300px) {
    .map__title {
        margin-bottom: 40px
    }
}

.map__dropdown {
    margin-bottom: 16px;
    max-width: 475px
}

@media(min-width: 744px) {
    .map__dropdown {
        margin-bottom: 24px
    }
}

@media(min-width: 1024px) {
    .map__dropdown {
        margin-bottom: 28px
    }
}

@media(min-width: 1300px) {
    .map__dropdown {
        margin-bottom: 40px
    }
}

@media(max-width: 743px) {
    .section-seo {
        display: none
    }
}

@media(min-width: 744px) {
    .seo__title {
        margin-bottom: 24px
    }
}

@media(min-width: 1024px) {
    .seo__title {
        margin-bottom: 28px
    }
}

@media(min-width: 1300px) {
    .seo__title {
        margin-bottom: 40px
    }
}

.section-seo h3 {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

@media(min-width: 744px) {
    .section-seo h3 {
        font-size: 22px
    }
}

@media(min-width: 1300px) {
    .section-seo h3 {
        font-size: 24px
    }
}

.section-seo p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%
}

.section-subscribe {
    margin-top: auto;
    padding-top: 0
}

@media(max-width: 743px) {
    .section-subscribe .container {
        padding: 0
    }
}

.subscribe {
    padding: 30px 12px;
    background: #008c59;
    color: #fff
}

@media(min-width: 744px) {
    .subscribe {
        padding: 40px 30px;
        position: relative;
        border-radius: 20px;
        overflow: hidden
    }
}

@media(min-width: 1300px) {
    .subscribe {
        padding: 40px 80px 40px
    }
}

@media(min-width: 744px) {
    .subscribe-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.subscribe__title {
    margin-bottom: 16px
}

@media(min-width: 744px) {
    .subscribe__title {
        margin-bottom: 0;
        max-width: 230px
    }
}

@media(min-width: 1024px) {
    .subscribe__title {
        max-width: 330px
    }
}

@media(min-width: 744px) {
    .subscribe__wrapper {
        margin-left: 40px
    }
}

@media(min-width: 1024px) {
    .subscribe__wrapper {
        margin-left: 0;
        width: 505px
    }
}

.subscribe__input {
    background: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 52px;
    overflow: hidden
}

@media(min-width: 744px) {
    .subscribe__input {
        height: 60px
    }
}

.subscribe__input input {
    padding: 13px 160px 16px 20px;
    width: 100%;
    height: 56px;
    font-size: 14px;
    line-height: 150%;
    border: none
}

@media(min-width: 744px) {
    .subscribe__input input {
        padding: 18px 185px 18px 28px
    }
}

@media(min-width: 1024px) {
    .subscribe__input input {
        height: 60px
    }
}

.subscribe__input input::-webkit-input-placeholder {
    color: #a1a1a1
}

.subscribe__input input::-moz-placeholder {
    color: #a1a1a1
}

.subscribe__input input:-ms-input-placeholder {
    color: #a1a1a1
}

.subscribe__input input::-ms-input-placeholder {
    color: #a1a1a1
}

.subscribe__input input::placeholder {
    color: #a1a1a1
}

.subscribe__input button {
    padding: 14px 24px;
    position: absolute;
    top: 2px;
    right: 2px;
    height: 46px
}

@media(min-width: 744px) {
    .subscribe__input button {
        padding: 16px 40px;
        top: calc(50% - 25px);
        right: 4px;
        height: 50px;
        font-size: 15px;
        line-height: 18px
    }
}

.subscribe__agreement {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 15px
}

@media(min-width: 744px) {
    .subscribe__agreement {
        margin-top: 12px
    }
}

@media(min-width: 1024px) {
    .subscribe__agreement {
        margin-top: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 215px
    }
}

.subscribe__agreement p {
    margin-left: 8px;
    font-size: 12px;
    line-height: 120%
}

@media(min-width: 744px) {
    .subscribe__agreement p {
        font-size: 14px
    }
}

@media(min-width: 744px) {
    .subscribe-success {
        max-width: 368px
    }
}

@media(min-width: 744px) {
    .subscribe-success::after {
        content: "";
        background: url("../images/Message.svg") no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: calc(50% - 72px);
        right: 30px;
        display: block;
        width: 140px;
        height: 145px
    }
}

@media(min-width: 1300px) {
    .subscribe-success::after {
        right: 80px
    }
}

.subscribe-success__title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    text-align: center
}

@media(min-width: 744px) {
    .subscribe-success__title {
        margin-bottom: 16px;
        font-size: 28px;
        text-align: unset
    }
}

@media(min-width: 1300px) {
    .subscribe-success__title {
        margin-bottom: 20px;
        font-size: 32px
    }
}

.subscribe-success__text {
    font-size: 20px;
    line-height: 150%;
    text-align: center
}

@media(min-width: 744px) {
    .subscribe-success__text {
        text-align: unset
    }
}

.section-catalog {
    padding-top: 0
}

@media(min-width: 1024px) {
    .catalog {
        display: grid;
        grid-template-areas: "a a a a a a a a b b b b" "c c c c c c c c b b b b" "d d d d d d d d b b b b";
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
        grid-template-rows: auto 1fr
    }
}

@media(min-width: 1300px) {
    .catalog {
        grid-template-areas: "a a a a a a a 0 b b b b" "c c c c c c c 0 b b b b" "d d d d d d d 0 b b b b";
        -webkit-column-gap: 68px;
        -moz-column-gap: 68px;
        column-gap: 68px
    }
}

.catalog__support {
    grid-area: a
}

.catalog__support:last-child {
    grid-area: d
}

.catalog__menu {
    grid-area: b
}

.catalog__block {
    grid-area: c
}

.catalog__support {
    padding: 20px 16px;
    background: #eef8f0;
    border-radius: 12px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media(min-width: 744px) {
    .catalog__support {
        padding: 20px
    }
}

@media(min-width: 1300px) {
    .catalog__support {
        width: 686px
    }
}

.catalog__support-title {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%
}

@media(min-width: 1024px) {
    .catalog__support-title {
        margin-bottom: 8px;
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .catalog__support-title {
        font-size: 20px
    }
}

.catalog__support-text {
    font-size: 14px;
    line-height: 150%
}

.catalog__support-actions {
    margin-top: 12px
}

@media(min-width: 744px) {
    .catalog__support-actions {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width: 1024px) {
    .catalog__support-actions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.catalog__support-actions .button-style {
    margin-bottom: 13px;
    padding: 13px 22px 11px 18px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center
}

@media(min-width: 744px) {
    .catalog__support-actions .button-style {
        margin-bottom: 0
    }
}

.catalog__support-actions .button-style::before {
    content: "";
    margin-right: 4px;
    display: inline-block;
    width: 20px;
    height: 20px
}

.catalog__support-actions-chat {
    margin-right: 13px
}

@media(min-width: 1300px) {
    .catalog__support-actions-chat {
        margin-right: 20px
    }
}

.catalog__support-actions-chat::before {
    background: url("../images/annotation.svg") no-repeat
}

.catalog__support-actions-callback::before {
    background: url("../images/phone-white.svg") no-repeat
}

.catalog__support-actions-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%
}

@media(min-width: 744px) {
    .catalog__support-actions-phone {
        margin-left: 13px
    }
}

@media(min-width: 1024px) {
    .catalog__support-actions-phone {
        margin-top: 13px;
        margin-left: 0;
        width: 100%
    }
}

@media(min-width: 1300px) {
    .catalog__support-actions-phone {
        margin-top: 0;
        margin-left: 20px;
        width: auto
    }
}

.catalog__support-actions-phone img {
    margin-right: 4px;
    width: 20px;
    height: 20px
}

.catalog__menu {
    margin-top: 24px
}

@media(min-width: 744px) {
    .catalog__menu {
        margin-top: 30px
    }
}

@media(min-width: 1024px) {
    .catalog__menu {
        margin-top: 0
    }
}

.catalog__menu-item {
    margin-bottom: 12px
}

.catalog__menu-title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 30px
}

.catalog__menu-item.expanded .catalog__menu-title {
    color: #008c59
}

.catalog__menu-title:hover {
    color: #008c59
}

.catalog__menu-icon {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer
}

.catalog__menu-icon::before {
    content: "";
    margin-right: 12px;
    background: url("../images/chevron-right-green.svg") no-repeat;
    background-size: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.catalog__menu-item.expanded .catalog__menu-icon::before {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.catalog__list {
    padding-left: 32px;
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.catalog__menu-item.expanded .catalog__list {
    max-height: 2000px
}

.catalog__list-item {
    margin-top: 20px
}

.catalog__list-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #686868;
    cursor: default
}

.catalog__list-link {
    margin-top: 8px;
    font-size: 16px;
    line-height: 150%
}

.catalog__block {
    margin: 24px 0
}

@media(min-width: 744px) {
    .catalog__block {
        margin: 30px 0
    }
}

@media(min-width: 1300px) {
    .catalog__block {
        margin: 40px 0;
        width: 686px
    }
}

.catalog__title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

@media(min-width: 1024px) {
    .catalog__title {
        margin-bottom: 24px;
        font-size: 22px
    }
}

@media(min-width: 1300px) {
    .catalog__title {
        margin-bottom: 32px;
        font-size: 24px
    }
}

.catalog__item {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e1e1e1
}

@media(max-width: 743px) {
    .catalog__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width: 744px) {
    .catalog__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.catalog__item:last-child {
    margin-top: 0;
    border-bottom: 1px solid #e1e1e1
}

@media(max-width: 743px) {
    .catalog__item-info {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media(min-width: 744px) {
    .catalog__item-info {
        width: 66.6666666667%
    }
}

@media(min-width: 1024px) {
    .catalog__item-info {
        width: calc(62.5% + 25px)
    }
}

.catalog__item-code {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 150%;
    color: #686868
}

.catalog__item-title {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%
}

@media(min-width: 744px) {
    .catalog__item-title {
        margin-bottom: 20px;
        font-size: 16px
    }
}

.catalog__item-bottom {
    margin-bottom: 16px
}

@media(min-width: 744px) {
    .catalog__item-bottom {
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.catalog__item-bottom div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.catalog__item-bottom img {
    margin-right: 8px;
    width: 16px;
    height: 16px
}

.catalog__item-bottom p {
    font-size: 14px;
    line-height: 150%;
    color: #686868
}

.catalog__item-home {
    margin-top: 4px
}

@media(min-width: 744px) {
    .catalog__item-home {
        margin-top: 0;
        margin-left: 20px
    }
}

.catalog__item-buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 743px) {
    .catalog__item-buy {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media(min-width: 744px) {
    .catalog__item-buy {
        display: block;
        width: calc(33.3333333333% - 80px)
    }
}

@media(min-width: 1024px) {
    .catalog__item-buy {
        width: calc(37.5% - 67px)
    }
}

@media(min-width: 1300px) {
    .catalog__item-buy {
        width: 155px
    }
}

.catalog__item-price {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px
}

@media(min-width: 744px) {
    .catalog__item-price {
        margin-bottom: 16px;
        font-weight: 700;
        font-size: 20px;
        line-height: 120%
    }
}

.catalog__item-btn {
    padding: 14px 24px;
    font-size: 15px;
    line-height: 18px;
    text-align: center
}

@media(min-width: 744px) {
    .catalog__item-btn {
        padding: 16px 40px
    }
}

@media(min-width: 1024px) {
    .catalog__item-btn {
        padding: 16px 30px
    }
}

@media(min-width: 1300px) {
    .catalog__item-btn {
        padding: 16px 40px
    }
}

.catalog__item-img {
    margin-bottom: 20px;
    padding-bottom: 49.71%;
    position: relative;
    overflow: hidden;
    border-radius: 12px
}

@media(max-width: 743px) {
    .catalog__item-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media(min-width: 744px) {
    .catalog__item-img {
        margin-top: 20px;
        margin-bottom: 0;
        width: 100%
    }
}

.catalog__item-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.proposal {
    position: relative
}

.proposal__item {
    position: relative;
    width: 279px;
    height: auto;
    border-radius: 12px;
    overflow: hidden
}

@media(min-width: 744px) {
    .proposal__item {
        width: 344px
    }
}

.proposal__item--text-green .proposal__item-title,.proposal__item--text-green .proposal__item-text {
    color: #008c59
}

.proposal__item-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 118px;
    height: 100%
}

@media(min-width: 744px) {
    .proposal__item-bg {
        width: 154px
    }
}

@media(min-width: 1024px) {
    .proposal__item-bg {
        width: 224px
    }
}

@media(min-width: 1300px) {
    .proposal__item-bg {
        width: 175px
    }
}

.proposal__item-bg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.proposal__item-wrap {
    padding: 12px;
    max-width: 160px
}

@media(min-width: 744px) {
    .proposal__item-wrap {
        padding: 15px;
        max-width: 190px
    }
}

@media(min-width: 1024px) {
    .proposal__item-wrap {
        padding: 20px;
        max-width: 240px
    }
}

@media(min-width: 1300px) {
    .proposal__item-wrap {
        padding: 15px;
        max-width: 205px
    }
}

.proposal__item-title {
    margin-bottom: 6px;
    position: relative;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    color: #fff
}

@media(min-width: 744px) {
    .proposal__item-title {
        margin-bottom: 8px
    }
}

@media(min-width: 1024px) {
    .proposal__item-title {
        font-size: 20px
    }
}

.proposal__item-text {
    margin-bottom: 25px;
    position: relative;
    max-width: 205px;
    font-size: 12px;
    line-height: 150%;
    color: #fff
}

@media(min-width: 744px) {
    .proposal__item-text {
        margin-bottom: 35px;
        max-width: 250px;
        font-size: 14px
    }
}

.proposal .button-style {
    margin-top: auto;
    padding: 11px 2.2rem;
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #ff754a
}

.catalog-inner-page .popular__slider {
    display: block
}

.catalog-inner-page .section-advantages {
    padding: 0
}

.section-catalog-inner {
    padding-top: 0
}

.back-to-desc {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #008c59
}

@media(min-width: 744px) {
    .back-to-desc {
        position: absolute;
        top: 4px;
        right: 20px
    }
}

@media(min-width: 1024px) {
    .back-to-desc {
        right: 32px
    }
}

.back-to-desc::before {
    content: "";
    margin-right: 8px;
    background: url("../images/arrow-down.svg") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media(min-width: 744px) {
    .cat-inner {
        width: 83.3333333333%
    }
}

@media(min-width: 1024px) {
    .cat-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: auto
    }
}

.cat__aside {
    max-width: 584px;
    font-size: 14px;
    line-height: 150%
}

@media(min-width: 744px) {
    .cat__aside {
        max-width: unset
    }
}

@media(min-width: 1024px) {
    .cat__aside {
        width: calc(33.3333333333% - 10px)
    }
}

@media(min-width: 1300px) {
    .cat__aside {
        width: 380px
    }
}

@media(min-width: 1024px) {
    .cat__aside>div {
        position: sticky;
        top: 165px
    }
}

@media(min-width: 1024px) {
    .cat__aside>div {
        top: 182px
    }
}

.cat__aside span {
    font-weight: 700;
    color: #008c59
}

.cat__aside-inner {
    padding: 20px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 12px
}

@media(min-width: 1300px) {
    .cat__aside-inner {
        padding: 20px 32px
    }
}

.cat__aside-wrap:not(:first-child) {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #e1e1e1
}

.cat__aside-code {
    margin-bottom: 14px;
    color: #686868
}

.cat__aside-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cat__aside-time::before {
    content: "";
    margin-right: 8px;
    background: url("../images/clock.svg") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px
}

.cat__aside-time-info {
    margin-left: 12px;
    background: url("../images/info.svg") no-repeat;
    position: relative;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.cat__aside-time-info p {
    padding: 15px;
    background: #fff;
    position: absolute;
    bottom: 100%;
    width: 250px;
    font-weight: 400 !important;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    overflow: hidden
}

@media(max-width: 743px) {
    .cat__aside-time-info p {
        -webkit-transform: translateX(-30%);
        -ms-transform: translateX(-30%);
        transform: translateX(-30%)
    }
}

.cat__aside-time-info:hover p {
    opacity: 1;
    visibility: visible
}

.cat__aside-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cat__aside-price-main {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.cat__aside-price-small {
    margin-left: 16px;
    font-size: 14px;
    line-height: 150%;
    color: #008c59
}

.cat__aside-text {
    margin-top: 8px
}

.cat__aside-btn {
    margin-top: 20px;
    padding: 16px 50px;
    display: inline-block;
    font-size: 15px;
    line-height: 18px
}

.cat__aside-sale {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cat__aside-sale p {
    font-weight: 700
}

.cat__aside-homevisit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cat__aside-homevisit::before {
    margin-right: 8px;
    content: "";
    background: url("../images/home.svg") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px
}

.cat__aside-homevisit span {
    margin-left: 8px
}

.cat__aside-discount {
    margin-top: 8px
}

.cat__aside-discount::before {
    content: "";
    margin-right: 8px;
    background: url("../images/percent.svg") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px
}

.cat__aside-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cat__aside-features::before {
    content: "";
    margin-right: 8px;
    background: url("../images/check.svg") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px
}

.cat__aside-features:not(:last-child) {
    margin-bottom: 8px
}

.cat__aside-features:not(:last-child) span {
    margin-left: 5px
}

.cat__aside-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cat__aside-download::before {
    content: "";
    margin-right: 8px;
    background: url("../images/download.svg") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px
}

.cat__aside-find-office {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    color: #008c59;
    cursor: pointer
}

.cat__aside-find-office::before {
    content: "";
    margin-right: 8px;
    background: url("../images/arrow-down.svg") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px
}

.cat__main {
    margin-top: 40px
}

@media(min-width: 744px) {
    .cat__main {
        margin-top: 20px
    }
}

@media(min-width: 1024px) {
    .cat__main {
        margin-top: 0;
        width: calc(66.6666666667% - 10px)
    }
}

@media(min-width: 1300px) {
    .cat__main {
        width: 790px
    }
}

.cat__tabs {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2
}

@media(min-width: 1024px) {
    .cat__tabs {
        background: #f8f8f8;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        border-radius: 51px
    }
}

.cat__tabs-select {
    padding: 18px 32px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-size: 16px;
    line-height: 150%;
    color: #008c59;
    border: 1px solid #0a9260;
    border-radius: 52px;
    cursor: pointer
}

@media(min-width: 1024px) {
    .cat__tabs-select {
        display: none
    }
}

.cat__tabs-select::after {
    content: "";
    background: url("../images/chevron-down-green.svg") no-repeat;
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    z-index: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.cat__tabs.active .cat__tabs-select::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cat__tabs-variants {
    padding: 18px 32px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media(min-width: 1024px) {
    .cat__tabs-variants {
        padding: 6px;
        background: unset;
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media(max-width: 1023px) {
    .cat__tabs.active .cat__tabs-variants {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #0a9260;
        border-radius: 24px
    }
}

.cat__tabs-btn {
    margin-top: 12px;
    font-size: 16px;
    line-height: 150%;
    cursor: pointer
}

@media(min-width: 1024px) {
    .cat__tabs-btn {
        margin-top: 0;
        padding: 12px 10px;
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        border-radius: 33px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
}

@media(min-width: 1300px) {
    .cat__tabs-btn {
        padding: 12px 20px;
        font-size: 15px
    }
}

.cat__tabs-btn:first-child {
    margin-top: 0
}

.cat__tabs-btn.active {
    color: #008c59
}

@media(min-width: 1024px) {
    .cat__tabs-btn.active {
        background: #008c59;
        color: #fff
    }
}

.cat__content {
    margin-top: 30px;
    display: none
}

@media(min-width: 744px) {
    .cat__content {
        margin-top: 40px
    }
}

@media(min-width: 1300px) {
    .cat__content {
        max-width: 686px
    }
}

.cat__content.active {
    display: block
}

.cat__content h4 {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%
}

@media(min-width: 1300px) {
    .cat__content h4 {
        font-size: 20px
    }
}

.cat__content h3 {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 22px;
    line-height: 120%
}

@media(min-width: 1300px) {
    .cat__content h3 {
        font-size: 24px
    }
}

.cat__content {
    font-size: 16px;
    line-height: 150%
}

.cat__content img {
    display: block
}

.cat__content small {
    margin: 12px 0 30px;
    display: inline-block;
    font-size: 14px;
    line-height: 150%;
    color: #686868
}

@media(min-width: 744px) {
    .cat__content small {
        margin: 12px 0 40px
    }
}

.cat__content ul li~li {
    margin-top: 12px
}

.cat__content ul li::before {
    content: "";
    margin-right: 12px;
    background: #008c59;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.cat__content ol {
    counter-reset: number
}

.cat__content ol li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 150%
}

.cat__content ol li~li {
    margin-top: 12px
}

.cat__content ol li::before {
    content: counter(number) ".";
    counter-increment: number;
    margin-right: 13px;
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #008c59
}

@media(max-width: 743px) {
    .table {
        overflow-x: scroll
    }
}

table {
    margin-bottom: 16px;
    width: 584px;
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    border-radius: 12px
}

@media(min-width: 744px) {
    table {
        width: auto
    }
}

table th,table td {
    padding: 14px 12px
}

tbody {
    border-bottom: 1px solid #e1e1e1
}

th {
    background: #f8f8f8;
    width: 33.3333333333%;
    font-weight: 700
}

th~th {
    border-left: 1px solid #e1e1e1
}

tr {
    border-bottom: 1px solid #e1e1e1
}

tr:last-child {
    border-bottom: 0
}

tr td {
    width: 33.3333333333%
}

tr td~td {
    border-left: 1px solid #e1e1e1
}

.section-sales {
    padding-top: 0
}

.sales__banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    color: #fff;
    border-radius: 12px;
    overflow: hidden
}

@media(min-width: 744px) {
    .sales__banner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media(min-width: 744px) {
    .sales__banner-bg {
        width: 65%
    }
}

@media(min-width: 1024px) {
    .sales__banner-bg {
        width: 48%
    }
}

@media(min-width: 1300px) {
    .sales__banner-bg {
        width: 700px
    }
}

.sales__desc {
    padding: 20px 20px 26px
}

@media(min-width: 744px) {
    .sales__desc {
        margin-left: 25px;
        padding-left: 0
    }
}

@media(min-width: 1024px) {
    .sales__desc {
        margin-left: 30px
    }
}

@media(min-width: 1300px) {
    .sales__desc {
        margin-left: 48px
    }
}

.sales__title {
    margin-bottom: 16px;
    color: #008c59
}

@media(min-width: 1024px) {
    .sales__title {
        max-width: 400px
    }
}

.sales__subtitle {
    margin-top: 16px;
    max-width: 275px;
    font-size: 18px;
    line-height: 150%;
    color: #008c59
}

@media(min-width: 1024px) {
    .sales__subtitle {
        max-width: 350px;
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .sales__subtitle {
        margin-top: 20px;
        font-size: 20px
    }
}

.sales__wrap {
    width: 100%
}

@media(min-width: 1024px) {
    .sales__wrap {
        margin-top: 22px
    }
}

@media(min-width: 1300px) {
    .sales__wrap {
        margin-top: 12px
    }
}

.sales__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 744px) {
    .sales__block {
        margin-left: -16px
    }
}

@media(min-width: 1024px) {
    .sales__block {
        margin-left: -20px
    }
}

@media(min-width: 1300px) {
    .sales__block {
        margin-left: -30px
    }
}

.sales__item {
    margin-top: 30px;
    width: 100%
}

@media(min-width: 744px) {
    .sales__item {
        width: calc(33.3333333333% - 16px);
        margin-left: 16px
    }
}

@media(min-width: 1024px) {
    .sales__item {
        width: calc(33.3333333333% - 20px);
        margin-left: 20px
    }
}

@media(min-width: 1300px) {
    .sales__item {
        margin-top: 40px;
        width: calc(33.3333333333% - 30px);
        margin-left: 30px
    }
}

.sales__item a {
    display: block
}

.sales__item-img {
    border-radius: 12px;
    overflow: hidden
}

@media(min-width: 744px) {
    .sales__item-img {
        height: 135px
    }
}

@media(min-width: 1024px) {
    .sales__item-img {
        height: 186px
    }
}

@media(min-width: 1300px) {
    .sales__item-img {
        height: 230px
    }
}

.sales__item-img img {
    width: 100%;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.sales__item-img:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.sales__item-title {
    margin-top: 16px;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%
}

@media(min-width: 1024px) {
    .sales__item-title {
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .sales__item-title {
        font-size: 20px
    }
}

.sales__item-date {
    margin-top: 8px;
    font-size: 14px;
    line-height: 150%;
    color: #686868
}

@media(min-width: 744px) {
    .sales__item-date {
        margin-top: 12px
    }
}

.sales__loadmore {
    margin: 30px auto 0;
    padding: 15px 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 192px !important;
    font-size: 15px;
    line-height: 18px
}

@media(min-width: 744px) {
    .sales__loadmore {
        display: none
    }
}

.sales__loadmore::after {
    content: "";
    background: url(../images/arrow-down-white.svg) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px
}

.section-sales .pagination {
    display: none
}

@media(min-width: 744px) {
    .section-sales .pagination {
        margin-top: 36px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width: 1024px) {
    .section-sales .pagination {
        margin-top: 50px
    }
}

.section-sales-content {
    padding-top: 0
}

.sales-content__img {
    border-radius: 12px;
    overflow: hidden
}

.sales-content__expire {
    margin-top: 20px;
    padding: 12px 15px;
    background: #eef8f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 310px;
    border-radius: 12px
}

@media(min-width: 744px) {
    .sales-content__expire {
        margin-top: 24px;
        padding: 16px
    }
}

@media(min-width: 1024px) {
    .sales-content__expire {
        margin-top: 28px;
        padding: 20px;
        width: 346px
    }
}

@media(min-width: 1300px) {
    .sales-content__expire {
        margin-top: 40px;
        width: 375px
    }
}

.expire-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 120%
}

@media(min-width: 1024px) {
    .expire-title {
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .expire-title {
        font-size: 20px
    }
}

.expire-date {
    padding: 10px;
    background: #008c59;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    color: #fff;
    border-radius: 5px
}

@media(min-width: 1024px) {
    .expire-date {
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .expire-date {
        font-size: 20px
    }
}

.sales-content__either {
    margin-top: 20px
}

@media(min-width: 744px) {
    .sales-content__either {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.either-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%
}

@media(min-width: 744px) {
    .either-title {
        margin-right: 15px
    }
}

.either-title::before {
    content: "";
    margin-right: 8px;
    background: url("../images/thumb-up.svg") no-repeat;
    width: 24px;
    height: 24px
}

.either-cities {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #008c59
}

.sales-content__text {
    margin-top: 20px
}

@media(min-width: 744px) {
    .sales-content__text {
        margin-top: 24px;
        max-width: 584px
    }
}

@media(min-width: 1024px) {
    .sales-content__text {
        margin-top: 28px;
        max-width: 790px
    }
}

@media(min-width: 1300px) {
    .sales-content__text {
        margin-top: 35px
    }
}

.sales-content__text a {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #008c59
}

.section-analyzes {
    padding-top: 0
}

.analyzes__title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%
}

@media(min-width: 744px) {
    .analyzes__title {
        margin-bottom: 24px;
        font-size: 24px
    }
}

@media(min-width: 1024px) {
    .analyzes__title {
        margin-bottom: 28px
    }
}

@media(min-width: 1300px) {
    .analyzes__title {
        margin-bottom: 40px;
        font-size: 32px
    }
}

.analyzes__item {
    padding: 20px 0;
    border-bottom: 1px solid #e1e1e1
}

@media(min-width: 744px) {
    .analyzes__item {
        padding: 24px 0
    }
}

@media(min-width: 1024px) {
    .analyzes__item {
        padding: 30px 0
    }
}

@media(min-width: 1300px) {
    .analyzes__item {
        padding: 40px 0
    }
}

.analyzes__item:first-child {
    padding-top: 0
}

.analyzes__item-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media(min-width: 1024px) {
    .analyzes__item-title {
        font-size: 22px
    }
}

@media(min-width: 1300px) {
    .analyzes__item-title {
        font-size: 24px
    }
}

.analyzes__item.expanded .analyzes__item-title {
    color: #008c59
}

.analyzes__item-title::after {
    content: "";
    background: url("../images/plus.svg") no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px
}

.analyzes__item.expanded .analyzes__item-title::after {
    background: url("../images/minus.svg") no-repeat
}

.analyzes__item-wrap {
    margin-top: 20px;
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

@media(min-width: 744px) {
    .analyzes__item-wrap {
        margin-bottom: -16px;
        margin-left: -16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media(min-width: 1024px) {
    .analyzes__item-wrap {
        margin-bottom: -20px;
        margin-left: -20px
    }
}

@media(min-width: 1300px) {
    .analyzes__item-wrap {
        margin-top: 30px;
        margin-bottom: -30px;
        margin-left: -30px
    }
}

.analyzes__item.expanded .analyzes__item-wrap {
    max-height: 1000px
}

.analyzes__block {
    margin-bottom: 8px;
    padding: 20px;
    background: #fff;
    width: auto;
    border: 1px solid #e1e1e1;
    border-radius: 12px
}

@media(min-width: 744px) {
    .analyzes__block {
        margin-bottom: 16px;
        margin-left: 16px;
        width: calc(50% - 16px)
    }
}

@media(min-width: 1024px) {
    .analyzes__block {
        margin-bottom: 20px;
        margin-left: 20px;
        width: calc(33.3333333333% - 20px)
    }
}

@media(min-width: 1300px) {
    .analyzes__block {
        margin-bottom: 30px;
        margin-left: 30px;
        width: calc(25% - 30px)
    }
}

.analyzes__block-code {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 150%;
    color: #a1a1a1
}

.analyzes__block-label {
    margin-bottom: 25px;
    max-width: 240px;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical
}

@media(min-width: 744px) {
    .analyzes__block-label {
        margin-bottom: 20px;
        max-width: 304px;
        font-size: 16px
    }
}

.analyzes__block-time {
    margin-bottom: 4px
}

.analyzes__block-time,.analyzes__block-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 150%;
    color: #a1a1a1
}

.analyzes__block-time p,.analyzes__block-home p {
    margin-left: 8px
}

.analyzes__block-bottom {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.analyzes__block-price {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px
}

.analyzes__block-btn {
    padding: 14px 24px;
    font-size: 15px;
    line-height: 18px
}

.section-terms {
    padding-top: 0
}

.terms {
    padding: 20px;
    background: #f8f8f8;
    border-radius: 20px
}

@media(min-width: 744px) {
    .terms {
        padding: 30px
    }
}

@media(min-width: 1024px) {
    .terms {
        padding: 40px;
        max-width: 790px
    }
}

@media(min-width: 744px) {
    .terms__content {
        max-width: 644px
    }
}

@media(min-width: 1024px) {
    .terms__content {
        max-width: 710px
    }
}

.terms__title {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%
}

@media(min-width: 1024px) {
    .terms__title {
        margin-bottom: 20px;
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .terms__title {
        font-size: 20px
    }
}

.terms ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 150%
}

.terms ul li::before {
    content: "";
    margin-right: 8px;
    background: #008c59;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.terms ul li~li {
    margin-top: 12px
}

.section-contacts {
    padding-top: 0
}

.contacts__map {
    width: 100%;
    height: 600px
}

@media(min-width: 744px) {
    .contacts__map {
        height: 740px
    }
}

.contacts-map {
    padding: 12px 16px;
    background: #fff;
    border-radius: 8px
}

.contacts-map>div {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 14px;
    line-height: 150%
}

.contacts-map .button-style {
    padding: 11px 22px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

[class*=balloon] {
    border-radius: 8px
}

[class$=balloon__content] * {
    width: auto !important;
    height: auto !important
}

@media(min-width: 1024px) {
    .contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.contacts__aside {
    padding: 12px;
    background: #f8f8f8;
    border-radius: 12px
}

@media(min-width: 744px) {
    .contacts__aside {
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1024px) {
    .contacts__aside {
        padding: 30px 20px;
        display: block;
        width: calc(33.3333333333% - 10px)
    }
}

@media(min-width: 1300px) {
    .contacts__aside {
        padding: 30px 43px;
        width: 380px;
        text-align: center
    }
}

.contacts__aside-title {
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%
}

@media(min-width: 1024px) {
    .contacts__aside-title {
        margin-bottom: 9px;
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .contacts__aside-title {
        font-size: 20px
    }
}

.contacts__aside-text {
    font-size: 16px;
    line-height: 150%
}

.contacts__aside-btn {
    margin-top: 30px;
    padding: 14px 30px;
    display: inline-block
}

@media(min-width: 744px) {
    .contacts__aside-btn {
        margin-top: 0
    }
}

@media(min-width: 1024px) {
    .contacts__aside-btn {
        margin-top: 30px;
        padding: 21px 37px;
        font-size: 15px;
        line-height: 18px
    }
}

@media(min-width: 1300px) {
    .contacts__aside-btn {
        padding: 21px 50px
    }
}

.contacts__left {
    margin-top: 20px
}

@media(min-width: 1024px) {
    .contacts__left {
        margin-top: 0;
        width: calc(66.6666666667% - 10px);
        max-width: 552px
    }
}

@media(min-width: 1300px) {
    .contacts__left {
        width: 790px;
        max-width: unset
    }
}

.contacts__left-login {
    padding: 12px 16px;
    background: #f8f8f8;
    font-size: 16px;
    line-height: 150%;
    border-radius: 12px
}

@media(min-width: 1024px) {
    .contacts__left-login {
        padding: 20px 30px
    }
}

@media(min-width: 1300px) {
    .contacts__left-login {
        max-width: 640px
    }
}

.contacts__left-login a {
    font-weight: 700;
    color: #008c59
}

.contacts__tab {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 744px) {
    .contacts__tab {
        margin-top: 24px
    }
}

@media(min-width: 1024px) {
    .contacts__tab {
        margin-top: 28px
    }
}

@media(min-width: 1300px) {
    .contacts__tab {
        margin-top: 32px
    }
}

.contacts__tab-btn {
    padding: 15px;
    background: #f8f8f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    border-radius: 41px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.contacts__tab-btn~.contacts__tab-btn {
    margin-left: 20px
}

.contacts__tab-btn::before {
    content: "";
    margin-right: 8px;
    display: inline-block;
    width: 24px;
    height: 24px
}

.contacts__tab-btn.list::before {
    background: url("../images/view-list.svg") no-repeat
}

.contacts__tab-btn.map::before {
    background: url("../images/location-marker.svg") no-repeat
}

.contacts__tab-btn.active {
    background: #008c59;
    color: #fff
}

.contacts__tab-btn.active::before {
    -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(1047%) hue-rotate(249deg) brightness(124%) contrast(100%);
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(1047%) hue-rotate(249deg) brightness(124%) contrast(100%)
}

.contacts__offices {
    margin-top: 20px
}

@media(min-width: 1300px) {
    .contacts__offices {
        margin-top: 25px
    }
}

.contacts__section {
    margin-top: 30px;
    display: none
}

@media(min-width: 1024px) {
    .contacts__section {
        margin-top: 40px
    }
}

@media(min-width: 1300px) {
    .contacts__section {
        margin-top: 50px
    }
}

.contacts__section.active {
    display: block
}

@media(min-width: 744px) {
    .contacts__list {
        margin-bottom: -16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1024px) {
    .contacts__list {
        margin-bottom: -20px;
        margin-left: -20px;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset
    }
}

@media(min-width: 1300px) {
    .contacts__list {
        margin-bottom: -30px;
        margin-left: -30px
    }
}

.contacts__block {
    margin-bottom: 8px;
    padding: 20px;
    background: #f8f8f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 12px
}

@media(min-width: 744px) {
    .contacts__block {
        margin-bottom: 16px;
        width: calc(50% - 8px)
    }
}

@media(min-width: 1024px) {
    .contacts__block {
        margin-bottom: 20px;
        margin-left: 20px;
        width: calc(33.3333333333% - 20px)
    }
}

@media(min-width: 1300px) {
    .contacts__block {
        margin-bottom: 30px;
        margin-left: 30px;
        padding: 30px;
        width: calc(33.3333333333% - 30px)
    }
}

@media(max-width: 743px) {
    .contacts__block:last-child {
        margin-bottom: 0
    }
}

.contacts__block div {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 14px;
    line-height: 150%
}

.contacts__block div::before,.contacts-map div::before {
    content: "";
    margin-right: 10px;
    background-position: center;
    background-size: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 20px;
    height: 20px
}

div.contacts__block-title {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%
}

.contacts__block-metro {
    font-weight: 700
}

div.contacts__block-title::before {
    content: none
}

.contacts__block-metro::before {
    background: url("../images/moscow-metro.svg") no-repeat
}

.contacts__block-address::before {
    background: url("../images/location-marker.svg") no-repeat;
    -webkit-filter: brightness(0) saturate(100%) invert(44%) sepia(100%) saturate(359%) hue-rotate(106deg) brightness(98%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(44%) sepia(100%) saturate(359%) hue-rotate(106deg) brightness(98%) contrast(101%)
}

.contacts__block-phone::before {
    background: url("../images/phone.svg") no-repeat;
    -webkit-filter: brightness(0) saturate(100%) invert(44%) sepia(100%) saturate(359%) hue-rotate(106deg) brightness(98%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(44%) sepia(100%) saturate(359%) hue-rotate(106deg) brightness(98%) contrast(101%)
}

.contacts__block-mail::before {
    background: url("../images/mail.svg") no-repeat
}

.contacts__block-worktime::before {
    background: url("../images/clock.svg") no-repeat
}

.contacts__block-dayoff::before {
    background: url("../images/clock.svg") no-repeat;
    -webkit-filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(164deg) brightness(98%) contrast(82%);
    filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(164deg) brightness(98%) contrast(82%)
}

div.contacts__block-note::before {
    content: none
}

div.contacts__block-btn::before {
    content: none
}

.contacts__block-dayoff {
    color: #686868
}

div.contacts__block-note {
    margin-bottom: 25px;
    font-weight: 700
}

.contacts__block-note span {
    margin-right: 5px;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.contacts__block .contacts__block-bottom {
    margin-bottom: 0;
    margin-top: auto
}

.contacts__block .contacts__block-bottom::before {
    content: none
}

.contacts__block .contacts__block-bottom div.contacts__block-btn {
    margin-top: auto;
    margin-bottom: 0;
    padding: 11px 22px;
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    color: #686868;
    border-color: #686868
}

.contacts__block .contacts__block-bottom .contacts__block-connect {
    cursor: pointer;
    padding: 11px 22px;
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    height: 41px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 20px
}

.contacts__block .contacts__block-bottom .contacts__block-connect::before {
    content: none
}

.contacts-inner-page .section-proposal {
    padding: 0
}

.section-contacts-map {
    padding-top: 0
}

@media(min-width: 744px) {
    .c-map {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 744px) {
    .c-map__title {
        max-width: 584px
    }
}

@media(min-width: 1024px) {
    .c-map__title {
        max-width: 800px
    }
}

@media(min-width: 1300px) {
    .c-map__title {
        max-width: 1000px
    }
}

.c-map__title span {
    color: #008c59
}

@media(min-width: 744px) {
    .c-map__contacts {
        width: calc(50% - 8px)
    }
}

@media(min-width: 1024px) {
    .c-map__contacts {
        width: calc(41.6666666667% - 10px)
    }
}

@media(min-width: 1300px) {
    .c-map__contacts {
        width: 380px
    }
}

.c-map__contacts-title {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 120%
}

@media(min-width: 744px) {
    .c-map__contacts-title {
        margin-bottom: 30px
    }
}

@media(min-width: 1024px) {
    .c-map__contacts-title {
        font-size: 22px
    }
}

@media(min-width: 1300px) {
    .c-map__contacts-title {
        font-size: 24px
    }
}

.c-map .contacts__block {
    margin: 0;
    padding: 0;
    background: unset
}

@media(min-width: 744px) {
    .c-map .contacts__block {
        width: auto
    }
}

.c-map .contacts__block div {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 150%
}

@media(min-width: 744px) {
    .c-map .contacts__block div {
        margin-bottom: 20px
    }
}

@media(min-width: 1024px) {
    .c-map .contacts__block div {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.c-map .contacts__block div:not(.contacts__block-metro)::before {
    margin-right: 12px;
    width: 24px;
    height: 24px
}

@media(min-width: 1024px) {
    .c-map div.contacts__block-metro {
        font-size: 20px
    }
}

.c-map div.contacts__block-mail {
    margin: 0
}

.c-map__contacts-worktime {
    margin-top: 24px;
    display: inline-block;
    border: 1px solid #008c59;
    border-radius: 33px;
    cursor: pointer
}

@media(min-width: 744px) {
    .c-map__contacts-worktime {
        margin-top: 30px
    }
}

.c-map__contacts-worktime a {
    padding: 13px 18px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #008c59
}

.c-map__contacts-worktime a::after {
    content: "";
    background: url("../images/arrow-down.svg") no-repeat;
    background-position: center;
    display: inline-block;
    width: 20px;
    height: 20px
}

.c-map__office-map {
    margin-top: 16px;
    height: 380px;
    overflow: hidden
}

@media(min-width: 744px) {
    .c-map__office-map {
        margin-top: 0;
        width: calc(50% - 8px)
    }
}

@media(min-width: 1024px) {
    .c-map__office-map {
        width: calc(58.3333333333% - 10px)
    }
}

@media(min-width: 1300px) {
    .c-map__office-map {
        width: 790px
    }
}

.section-route {
    padding: 0
}

@media(min-width: 1024px) {
    .route {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.route__banner {
    margin-bottom: 30px;
    padding: 30px 20px 253px;
    background: linear-gradient(258deg, #FBEC9C 0%, #C9FA4F 100%);
    position: relative;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    overflow: hidden
}

@media(min-width: 744px) {
    .route__banner {
        padding: 30px 20px 40px;
        text-align: unset
    }
}

@media(min-width: 1024px) {
    .route__banner {
        margin-bottom: 0;
        padding: 30px 20px 240px;
        width: 305px;
        text-align: center
    }
}

@media(min-width: 1300px) {
    .route__banner {
        padding: 40px 43px 273px;
        width: 380px
    }
}

.route__banner-title {
    margin-bottom: 9px;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #008c59
}

@media(min-width: 1300px) {
    .route__banner-title {
        font-size: 20px
    }
}

.route__banner-text {
    font-size: 16px;
    line-height: 150%;
    color: #008c59
}

.route__banner-btn {
    margin-top: 20px;
    padding: 16px 40px;
    background: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    border: none
}

@media(min-width: 744px) {
    .route__banner-btn {
        margin-top: 30px
    }
}

@media(min-width: 1024px) {
    .route__banner-btn {
        padding: 21px 40px
    }
}

.route__banner-img {
    position: absolute;
    right: 0;
    bottom: -1px;
    height: 223px
}

@media(min-width: 744px) {
    .route__banner-img {
        width: 307px;
        height: 205px
    }
}

@media(min-width: 1024px) {
    .route__banner-img {
        width: 341px;
        height: 227px
    }
}

@media(min-width: 1300px) {
    .route__banner-img {
        width: 380px;
        height: 253px
    }
}

@media(min-width: 1024px) {
    .route__desc {
        width: calc(66.6666666667% - 15px)
    }
}

@media(min-width: 1300px) {
    .route__desc {
        width: 688px
    }
}

.route__desc h4 {
    margin: 24px 0 8px;
    font-size: 20px;
    line-height: 120%
}

@media(min-width: 1300px) {
    .route__desc h4 {
        margin: 30px 0 8px
    }
}

.route__desc p {
    font-size: 16px;
    line-height: 150%
}

.schedule-notice {
    padding: 20px;
    background: #ffebe8;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    border-radius: 12px
}

.schedule-notice span {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #eb5757
}

.schedule__table {
    margin-top: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 20px
}

@media(max-width: 743px) {
    .table_head {
        display: none
    }
}

.table__row {
    padding: 12px 20px;
    border-bottom: 1px solid #e1e1e1
}

@media(min-width: 744px) {
    .table__row {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.table__row:last-child {
    border: none
}

.table__cell {
    margin-top: 4px;
    font-size: 12px;
    line-height: 150%
}

@media(min-width: 744px) {
    .table__cell {
        margin-top: 0;
        padding: 10px 12px;
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 66px;
        flex-basis: 66px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-weight: 700;
        text-align: center;
        border-left: 1px solid #e1e1e1
    }
}

@media(min-width: 1024px) {
    .table__cell {
        font-size: 14px
    }
}

.table__cell:first-child {
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%
}

@media(min-width: 744px) {
    .table__cell:first-child {
        margin-bottom: 0;
        padding: 20px 12px;
        -ms-flex-preferred-size: 240px;
        flex-basis: 240px;
        text-align: left;
        border: none
    }
}

@media(min-width: 1024px) {
    .table__cell:first-child {
        padding: 20px;
        -ms-flex-preferred-size: 388px;
        flex-basis: 388px;
        font-size: 16px
    }
}

@media(min-width: 1300px) {
    .table__cell:first-child {
        -ms-flex-preferred-size: 585px;
        flex-basis: 585px
    }
}

.table__cell:last-child,.table__cell:nth-last-child(2) {
    color: #686868
}

@media(min-width: 744px) {
    .table_head .table__cell {
        font-size: 16px;
        line-height: 150%
    }
}

@media(min-width: 744px) {
    .table__cell.unavailable::after {
        content: "";
        background: url("../images/minus-circle.svg") no-repeat;
        background-color: #fff;
        background-position: center;
        position: absolute;
        left: calc(50% - 16px);
        display: block;
        width: 32px;
        height: 32px
    }
}

@media(min-width: 1024px) {
    .table__cell.unavailable::after {
        left: calc(50% - 20px);
        width: 40px;
        height: 40px
    }
}

@media(min-width: 744px) {
    .table__cell span {
        display: none
    }
}

.table__cell a {
    font-weight: 700;
    color: #008c59
}

@media(max-width: 743px) {
    .table__cell p {
        display: inline-block
    }
}

.table__cell:first-child p {
    margin-top: 6px;
    display: block;
    font-weight: 400
}

.table__cell .button-style {
    margin-top: 12px;
    padding: 11px 22px;
    display: inline-block;
    font-size: 14px;
    line-height: 17px
}

@media(min-width: 744px) {
    .table__cell .button-style {
        padding: 14px 30px;
        -ms-flex-item-align: start;
        align-self: flex-start;
        font-size: 15px;
        line-height: 18px
    }
}

@media(min-width: 1300px) {
    .table__cell .button-style {
        margin-top: 0;
        position: absolute;
        right: 20px
    }
}

.section-additional {
    padding: 0
}

.additional__block~.additional__block {
    margin-top: 28px
}

.additional__label {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #008c59
}

@media(min-width: 1024px) {
    .additional__label {
        font-size: 22px
    }
}

@media(min-width: 1300px) {
    .additional__label {
        font-size: 24px
    }
}

.additional__item {
    padding: 12px 0;
    border-top: 1px solid #e1e1e1
}

@media(min-width: 744px) {
    .additional__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1300px) {
    .additional__item {
        padding: 16px 0
    }
}

.additional__item:last-child {
    border-bottom: 1px solid #e1e1e1
}

@media(min-width: 1024px) {
    .additional__item-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 66.6666666667%
    }
}

.additional__item-label {
    font-weight: 700;
    font-size: 16px;
    line-height: 120%
}

@media(min-width: 1024px) {
    .additional__item-label {
        width: 310px;
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .additional__item-label {
        width: 380px;
        font-size: 20px
    }
}

@media(min-width: 1024px) {
    .additional__item-inner {
        margin-left: 20px
    }
}

@media(min-width: 1300px) {
    .additional__item-inner {
        margin-left: 30px
    }
}

.additional__item-name {
    margin-top: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%
}

@media(min-width: 1024px) {
    .additional__item-name {
        margin-top: 0;
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .additional__item-name {
        font-size: 20px
    }
}

.additional__item-skill {
    margin-top: 8px;
    font-size: 16px;
    line-height: 150%
}

.additional__item-btn {
    margin-top: 20px;
    padding: 11px 22px;
    display: inline-block;
    font-size: 14px;
    line-height: 17px
}

@media(min-width: 744px) {
    .additional__item-btn {
        margin-top: 0;
        padding: 14px 30px
    }
}

.gallery {
    position: relative
}

.gallery__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    border-radius: 12px;
    overflow: hidden
}

.info p {
    margin-top: 8px;
    font-size: 16px;
    line-height: 150%
}

@media(min-width: 1024px) {
    .info p {
        margin-top: 12px
    }
}

@media(min-width: 1300px) {
    .info p {
        margin-top: 21px
    }
}

.info p:has(b) {
    margin-top: 0
}

.s-info__title {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

@media(min-width: 1024px) {
    .s-info__title {
        font-size: 22px
    }
}

@media(min-width: 1300px) {
    .s-info__title {
        margin-bottom: 30px;
        font-size: 24px
    }
}

@media(min-width: 744px) {
    .info__wrap {
        margin-top: -12px;
        margin-left: -16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media(min-width: 1024px) {
    .info__wrap {
        margin-top: -16px;
        margin-left: -20px
    }
}

@media(min-width: 1300px) {
    .info__wrap {
        margin-top: -21px;
        margin-left: -30px
    }
}

.info__item {
    margin-top: 12px
}

@media(min-width: 744px) {
    .info__item {
        margin-left: 16px;
        width: calc(50% - 16px)
    }
}

@media(min-width: 1024px) {
    .info__item {
        margin-top: 16px;
        margin-left: 20px;
        width: calc(41.6666666667% - 20px)
    }
}

@media(min-width: 1300px) {
    .info__item {
        margin-top: 21px;
        margin-left: 30px;
        width: 385px
    }
}

.info__text {
    margin-top: 20px
}

@media(min-width: 1300px) {
    .info__text {
        margin-top: 40px
    }
}

.section-preparation {
    padding-top: 0
}

@media(min-width: 744px) {
    .preparation {
        max-width: calc(83.3333333333% - 40px)
    }
}

@media(min-width: 1300px) {
    .preparation {
        max-width: 790px
    }
}

.preparation p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%
}

.preparation p:first-child {
    font-size: 18px
}

@media(min-width: 1300px) {
    .preparation p:first-child {
        font-size: 20px
    }
}

.preparation h3 {
    margin-top: 24px;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

@media(min-width: 744px) {
    .preparation h3 {
        margin-bottom: 16px
    }
}

@media(min-width: 1024px) {
    .preparation h3 {
        margin-top: 28px;
        margin-bottom: 24px;
        font-size: 22px
    }
}

@media(min-width: 1300px) {
    .preparation h3 {
        margin-top: 40px;
        margin-bottom: 30px;
        font-size: 24px
    }
}

.preparation h4 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%
}

@media(min-width: 1024px) {
    .preparation h4 {
        margin-bottom: 12px;
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .preparation h4 {
        margin-bottom: 16px;
        font-size: 20px
    }
}

.preparation ul {
    margin-bottom: 20px
}

.preparation ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 150%
}

.preparation ul li~li {
    margin-top: 10px
}

.preparation ul li::before {
    content: "";
    margin-right: 8px;
    background: #008c59;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px)
}

.preparation ul li ul li {
    margin-top: 12px
}

.preparation ul li ul li::before {
    width: 4px;
    height: 4px;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.preparation__select-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%
}

.preparation__select {
    margin-bottom: 20px
}

@media(min-width: 744px) {
    .preparation__select {
        margin-bottom: 24px
    }
}

@media(min-width: 1024px) {
    .preparation__select {
        margin-bottom: 28px
    }
}

@media(min-width: 1300px) {
    .preparation__select {
        margin-bottom: 30px
    }
}

.preparation__content {
    display: none
}

.preparation__content.active {
    display: block
}

.section-cart {
    padding-top: 0
}

.cart {
    max-width: 584px
}

@media(min-width: 1024px) {
    .cart {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: unset
    }
}

@media(min-width: 1024px) {
    .cart__main {
        width: calc(58.3333333333% - 20px)
    }
}

.cart__main .title {
    margin-bottom: 28px
}

@media(min-width: 1300px) {
    .cart__main .title {
        margin-bottom: 40px
    }
}

.cart__clear {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #686868;
    cursor: pointer
}

.cart__clear::before {
    content: "";
    margin-right: 7px;
    background: url("../images/trash.svg") no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px
}

.cart__item {
    padding: 16px 0;
    position: relative;
    color: #686868;
    border-top: 1px solid #e1e1e1
}

.cart__item:last-child {
    border-bottom: 1px solid #e1e1e1
}

.cart__item-num {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 150%;
    color: #686868
}

.cart__item-title {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #353535;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical
}

@media(min-width: 744px) {
    .cart__item-title {
        font-size: 16px
    }
}

@media(min-width: 1024px) {
    .cart__item-title {
        margin-bottom: 30px
    }
}

.cart__item-price {
    margin-bottom: 6px
}

.cart__item-price-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart__item-price-main {
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #353535
}

@media(min-width: 744px) {
    .cart__item-price-main {
        font-size: 16px
    }
}

.cart__item-price-old {
    margin-left: 12px;
    font-size: 14px;
    line-height: 150%;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.cart__item-price-bonus {
    margin-top: 4px;
    font-size: 14px;
    line-height: 150%;
    color: #008c59
}

.cart__item-discount {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 150%
}

.cart__item-extra {
    font-weight: 700;
    font-size: 14px;
    line-height: 150%
}

.cart__item-remove {
    position: absolute;
    right: 0;
    bottom: 16px;
    cursor: pointer
}

.cart__item-remove::before {
    content: "";
    background: url("../images/x.svg") no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px
}

.cart__promocode {
    margin: 30px 0;
    background: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 480px;
    border-radius: 52px;
    border: 1px solid #e1e1e1
}

@media(min-width: 744px) {
    .cart__promocode {
        margin: 40px 0
    }
}

@media(min-width: 1024px) {
    .cart__promocode {
        margin: 40px 0 60px
    }
}

.cart__promocode input {
    padding: 16px 200px 16px 28px;
    width: 100%;
    height: 56px;
    font-size: 16px;
    line-height: 150%;
    border: none
}

@media(min-width: 744px) {
    .cart__promocode input {
        padding: 18px 160px 18px 28px
    }
}

@media(min-width: 1024px) {
    .cart__promocode input {
        height: 60px
    }
}

.cart__promocode input::-webkit-input-placeholder {
    color: #a1a1a1
}

.cart__promocode input::-moz-placeholder {
    color: #a1a1a1
}

.cart__promocode input:-ms-input-placeholder {
    color: #a1a1a1
}

.cart__promocode input::-ms-input-placeholder {
    color: #a1a1a1
}

.cart__promocode input::placeholder {
    color: #a1a1a1
}

.cart__promocode .button-style {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 145px;
    height: 46px
}

@media(min-width: 744px) {
    .cart__promocode .button-style {
        width: 165px;
        height: 50px
    }
}

.cart__tab {
    margin-bottom: 20px;
    padding: 6px;
    background: #f8f8f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 336px;
    border-radius: 51px
}

.cart__tab-item {
    padding: 12px;
    width: 50%;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #686868;
    cursor: pointer
}

.cart__tab-item.active {
    background: #008c59;
    color: #fff;
    border-radius: 33px
}

.cart__place {
    display: none
}

.cart__place.active {
    display: block
}

.cart__place p {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #686868
}

@media(min-width: 1300px) {
    .cart__address {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.cart__address-wrap {
    margin-bottom: 24px
}

@media(min-width: 1300px) {
    .cart__address-wrap {
        margin-bottom: 0;
        max-width: 360px
    }
}

.cart__address-office input {
    margin-bottom: 8px;
    background: inherit;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: inherit;
    border: none
}

.cart__address-office p {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #353535
}

.cart__address-text input {
    background: inherit;
    width: 100%;
    color: inherit;
    border: none
}

.cart__address-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #353535
}

.cart__address-btn {
    padding: 16px 40px;
    display: inline-block
}

.cart__input input {
    padding: 18px 16px;
    background: #fff;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 8px
}

@media(min-width: 744px) {
    .cart__input input {
        padding: 18px 24px
    }
}

.cart__place-btn {
    padding: 16px;
    max-width: 290px;
    font-size: 15px;
    line-height: 18px
}

.cart__personal {
    margin-top: 30px
}

@media(min-width: 744px) {
    .cart__personal {
        margin-top: 40px
    }
}

@media(min-width: 1024px) {
    .cart__personal {
        margin-top: 60px
    }
}

.cart__login {
    margin-bottom: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #008c59;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.cart__login::before {
    content: "";
    margin-right: 7px;
    background: url("../images/user-green.svg") no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    width: 24px;
    height: 24px
}

.cart__personal-form {
    padding: 16px;
    background: #f8f8f8;
    position: relative;
    border-radius: 12px
}

@media(min-width: 744px) {
    .cart__personal-form {
        padding: 30px
    }
}

@media(min-width: 1300px) {
    .cart__personal-form {
        padding: 40px
    }
}

.cart__personal-form.no-edit {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cart__personal-edit {
    position: absolute;
    top: 16px;
    right: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

@media(min-width: 744px) {
    .cart__personal-edit {
        top: 30px;
        right: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(min-width: 1300px) {
    .cart__personal-edit {
        top: 40px;
        right: 40px
    }
}

.cart__personal-edit::before {
    content: "";
    background: url("../images/check.svg") no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px
}

.cart__personal-form.no-edit .cart__personal-edit::before {
    background: url("../images/pencil-alt.svg") no-repeat;
    background-size: cover;
    background-position: center
}

.cart__personal-edit span {
    display: none
}

@media(min-width: 744px) {
    .cart__personal-edit span {
        margin-left: 7px;
        font-weight: 700;
        font-size: 14px;
        line-height: 150%;
        color: #686868
    }
}

@media(min-width: 744px) {
    .cart__personal-form.no-edit .action-edit {
        display: block
    }
}

@media(min-width: 744px) {
    .cart__personal-form .action-save {
        display: block
    }
}

@media(min-width: 744px) {
    .cart__personal-form.no-edit .action-save {
        display: none
    }
}

.cart__form-input {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.cart__form-input~.cart__form-input {
    margin-top: 20px
}

.cart__personal-form.no-edit .cart__form-input:not(.input-date) {
    cursor: default;
    pointer-events: none
}

.cart__personal-form.no-edit .cart__form-input~.cart__form-input {
    margin-top: 8px
}

.cart__form-input label {
    margin-bottom: 8px;
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #686868
}

.cart__personal-form.no-edit .cart__form-input:not(.input-date) label {
    display: none
}

.cart__personal-form.no-edit .cart__form-input.input-name {
    margin-bottom: 12px
}

.cart__personal-form.no-edit .cart__form-input.input-date {
    margin-top: 24px
}

@media(min-width: 744px) {
    .cart__personal-form.no-edit .cart__form-input.input-date {
        margin-top: 32px
    }
}

.cart__form-input input {
    padding: 18px 24px;
    background: #fff;
    width: 100%;
    font-size: 16px;
    line-height: 150%;
    color: #353535;
    border: 1px solid #e1e1e1;
    border-radius: 8px
}

.cart__personal-form.no-edit .cart__form-input:not(.input-date) input {
    padding: 0;
    background: none;
    width: auto;
    font-size: 14px;
    border: none
}

.cart__personal-form.no-edit .cart__form-input.input-name input {
    font-weight: 700;
    font-size: 16px
}

@media(max-width: 1023px) {
    .cart__total {
        margin-top: 30px
    }
}

@media(min-width: 1024px) {
    .cart__total {
        width: 307px
    }
}

@media(min-width: 1300px) {
    .cart__total {
        width: 380px
    }
}

.cart__total-wrap {
    padding: 28px 16px;
    font-size: 14px;
    line-height: 150%;
    border: 1px solid #e1e1e1;
    border-radius: 12px
}

@media(min-width: 1024px) {
    .cart__total-wrap {
        position: sticky;
        top: 165px
    }
}

@media(min-width: 1300px) {
    .cart__total-wrap {
        padding: 32px 20px;
        top: 182px
    }
}

.cart__total-title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #353535
}

@media(min-width: 1300px) {
    .cart__total-title {
        font-size: 20px
    }
}

.cart__total-item {
    margin-bottom: 12px;
    padding-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e1e1e1
}

@media(min-width: 744px) {
    .cart__total-item {
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset
    }
}

.cart__total-item-name {
    width: 128px
}

@media(min-width: 1024px) {
    .cart__total-item-name {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media(min-width: 1300px) {
    .cart__total-item-name {
        width: 185px
    }
}

.cart__total-item-quantity {
    width: 64px
}

@media(min-width: 744px) {
    .cart__total-item-quantity {
        margin-left: 20px
    }
}

@media(min-width: 1024px) {
    .cart__total-item-quantity {
        width: 50px
    }
}

.cart__total-item-value {
    font-weight: 700
}

@media(min-width: 744px) {
    .cart__total-item-value {
        margin-left: auto
    }
}

@media(min-width: 1300px) {
    .cart__total-item-value {
        font-size: 16px
    }
}

.cart__total-discount {
    margin-bottom: 12px;
    padding-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #686868;
    border-bottom: 1px solid #e1e1e1
}

.cart__total-final {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 700
}

@media(min-width: 744px) {
    .cart__total-final {
        max-width: 268px
    }
}

@media(min-width: 1024px) {
    .cart__total-final {
        max-width: unset
    }
}

.cart__total-final-value {
    font-size: 20px;
    line-height: 120%
}

.cart__total .button-style {
    margin: 40px auto 0;
    padding: 16px 40px;
    display: block;
    width: 300px;
    font-size: 15px;
    line-height: 18px
}

@media(min-width: 744px) {
    .cart__total .button-style {
        margin: 40px 0 0;
        width: 272px
    }
}

@media(min-width: 1024px) {
    .cart__total .button-style {
        width: 100%;
        height: 60px
    }
}

.popup-offices {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

.popup-offices .popup-inner {
    padding: 50px 12px 0;
    width: 100%;
    overflow: hidden
}

@media(max-width: 1023px) {
    .popup-offices .popup-inner {
        height: 100%;
        border-radius: 0
    }
}

@media(min-width: 744px) {
    .popup-offices .popup-inner {
        padding: 30px
    }
}

@media(min-width: 1024px) {
    .popup-offices .popup-inner {
        padding: 32px 0 0 48px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        max-width: 960px
    }
}

@media(min-width: 1300px) {
    .popup-offices .popup-inner {
        max-width: 1152px
    }
}

.popup-offices .popup-wrap {
    width: 100%;
    height: 100%
}

.popup-offices .popup-close-icon {
    background-size: contain;
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px
}

@media(min-width: 744px) {
    .popup-offices .popup-close-icon {
        top: 30px;
        right: 30px
    }
}

@media(min-width: 1024px) {
    .popup-offices .popup-close-icon {
        top: 47px;
        right: 38px
    }
}

.popup-offices__wrapper {
    display: grid;
    grid-template-areas: "map" "top" "items";
    width: 100%;
    height: 100%
}

@media(min-width: 1024px) {
    .popup-offices__wrapper {
        grid-template-areas: "top top top" "items map map"
    }
}

.popup-offices__top {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-area: top
}

@media(min-width: 1024px) {
    .popup-offices__top {
        margin-top: 0;
        margin-bottom: 32px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-column: 1/span 10
    }
}

.popup-offices__title {
    color: #353535;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 12px
}

@media(min-width: 1024px) {
    .popup-offices__title {
        margin-bottom: 0;
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .popup-offices__title {
        font-size: 20px
    }
}

.popup-offices__search {
    position: relative
}

@media(min-width: 1024px) {
    .popup-offices__search {
        min-width: 380px;
        margin-right: 70px
    }
}

.popup-offices__search input {
    width: 100%;
    padding: 18px 24px;
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    background: #fff
}

.popup-offices__search input::-webkit-input-placeholder {
    color: #353535;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.popup-offices__search input::-moz-placeholder {
    color: #353535;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.popup-offices__search input:-ms-input-placeholder {
    color: #353535;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.popup-offices__search input::-ms-input-placeholder {
    color: #353535;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.popup-offices__search input::placeholder {
    color: #353535;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.search-suggest {
    padding: 4px 0;
    background: #fff;
    position: absolute;
    display: none;
    width: 100%;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 10px 20px -5px rgba(0,0,0,.2);
    box-shadow: 0 10px 20px -5px rgba(0,0,0,.2);
    z-index: 1
}

.search-suggest-item {
    padding: 0 9px;
    font-size: 13px;
    line-height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.search-suggest-item:hover {
    background: #ffeba0
}

.popup-offices__content {
    padding-bottom: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

@media(min-width: 1024px) {
    .popup-offices__content {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 30px
    }
}

.popup-offices__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: scroll;
    margin-top: 20px;
    grid-area: items
}

.popup-offices__items::-webkit-scrollbar-track {
    background-color: #fff
}

.popup-offices__items::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #ccc
}

.popup-offices__items::-webkit-scrollbar {
    width: 6px;
    height: 100%;
    background: #f8f8f8;
    color: red
}

@media(min-width: 1024px) {
    .popup-offices__items {
        margin-top: 0;
        max-width: 295px;
        height: 476px
    }
}

.popup-offices__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 0;
    border-bottom: 1px solid #e1e1e1;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media(min-width: 1024px) {
    .popup-offices__item {
        padding: 16px 20px 16px 0;
        max-width: 255px
    }

    .popup-offices__item:first-child {
        border-top: 1px solid #e1e1e1
    }
}

.popup-offices__item::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%
}

.popup-offices__item-title {
    color: #353535;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 15px
}

.popup-offices__location {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 14px;
    line-height: 150%
}

.popup-offices__location::before {
    content: "";
    margin-right: 10px;
    background-position: center;
    background-size: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background: url(../images/location-marker.svg) no-repeat;
    -webkit-filter: brightness(0) saturate(100%) invert(44%) sepia(100%) saturate(359%) hue-rotate(106deg) brightness(98%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(44%) sepia(100%) saturate(359%) hue-rotate(106deg) brightness(98%) contrast(101%);
    background-size: contain
}

.popup-offices .contacts-map {
    width: 280px !important
}

.popup-offices__worktime {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 14px;
    line-height: 150%
}

.popup-offices__worktime::before {
    content: "";
    margin-right: 10px;
    background-position: center;
    background-size: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background: url(../images/clock.svg) no-repeat;
    -webkit-filter: brightness(0) saturate(100%) invert(44%) sepia(100%) saturate(359%) hue-rotate(106deg) brightness(98%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(44%) sepia(100%) saturate(359%) hue-rotate(106deg) brightness(98%) contrast(101%);
    background-size: contain
}

.popup-offices__worktime-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup-offices__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 14px;
    line-height: 150%
}

.popup-offices__phone::before {
    content: "";
    margin-right: 10px;
    background-position: center;
    background-size: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background: url(../images/phone.svg) no-repeat;
    -webkit-filter: brightness(0) saturate(100%) invert(44%) sepia(100%) saturate(359%) hue-rotate(106deg) brightness(98%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(44%) sepia(100%) saturate(359%) hue-rotate(106deg) brightness(98%) contrast(101%);
    background-size: contain
}

.popup-offices__map {
    height: 315px;
    grid-area: map;
    margin-top: 12px;
    border-radius: 12px;
    overflow: hidden
}

@media(min-width: 744px) {
    .popup-offices__map {
        margin-top: 0;
        width: calc(100% - 50px);
        height: 476px
    }
}

@media(min-width: 1024px) {
    .popup-offices__map {
        width: 100%;
        grid-column: 2/span 10
    }
}

@media(min-width: 744px) {
    .cart-page .call-us {
        margin-bottom: 30px
    }
}

@media(min-width: 1024px) {
    .cart-page .call-us {
        margin-bottom: 60px
    }
}

@media(min-width: 1300px) {
    .cart-page .call-us {
        margin-bottom: 70px
    }
}

.section-cart-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 934px;
    margin: 0 auto
}

.cart-empty__content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cart-empty__content .button-style {
    max-width: 200px;
    margin: 0 auto
}

@media(min-width: 744px) {
    .cart-empty__content .button-style {
        margin-right: auto;
        margin-left: 0
    }
}

@media(min-width: 744px) {
    .cart-empty__content {
        width: 50%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.cart-empty__content-title {
    color: #353535;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 20px;
    text-align: center
}

@media(min-width: 1024px) {
    .cart-empty__content-title {
        font-size: 28px;
        margin-bottom: 30px
    }
}

@media(min-width: 1300px) {
    .cart-empty__content-title {
        margin-bottom: 40px;
        font-size: 32px
    }
}

.cart-empty__img {
    margin-top: 40px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 744px) {
    .cart-empty__img {
        width: 50%
    }
}

.section-cart-success {
    max-width: 993px
}

.section-cart-success .cart-empty__content-title {
    margin-bottom: 20px
}

@media(min-width: 744px) {
    .section-cart-success .cart-empty__content-title {
        text-align: left
    }
}

.cart-success__text {
    color: #353535;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px;
    text-align: center
}

@media(min-width: 744px) {
    .cart-success__text {
        text-align: left
    }
}

@media(min-width: 1024px) {
    .cart-success__text {
        margin-bottom: 30px;
        max-width: 390px
    }
}

@media(min-width: 1300px) {
    .cart-success__text {
        margin-bottom: 40px;
        max-width: 420px
    }
}

.search-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search-input input {
    padding: 11px 15px;
    width: 100%;
    font-size: 16px;
    line-height: 150%;
    border: 1px solid #e1e1e1;
    border-radius: 52px
}

@media(min-width: 744px) {
    .search-input input {
        padding: 18px 25px
    }
}

.search-input .button-style {
    margin-left: 8px;
    padding: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 115px;
    font-size: 15px;
    line-height: 18px
}

@media(min-width: 744px) {
    .search-input .button-style {
        margin-left: 20px;
        padding: 21px;
        width: 174px
    }
}

@media(min-width: 1300px) {
    .search-input .button-style {
        margin-left: 30px
    }
}

@media(min-width: 1024px) {
    .search-page .catalog {
        display: block;
        max-width: 594px
    }
}

@media(min-width: 1300px) {
    .search-page .catalog {
        margin-top: 40px;
        max-width: 680px
    }
}

.section-franchise {
    padding: 0
}

.franchise-banner {
    padding: 30px 11px;
    background: #008c59;
    color: #fff;
    border-radius: 20px
}

@media(min-width: 744px) {
    .franchise-banner {
        padding: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1024px) {
    .franchise-banner {
        padding: 30px 40px
    }
}

@media(min-width: 1300px) {
    .franchise-banner {
        padding: 30px 80px
    }
}

@media(min-width: 744px) {
    .franchise-banner__wrap {
        width: calc(50% - 10px)
    }
}

@media(min-width: 1024px) {
    .franchise-banner__wrap {
        width: 348px
    }
}

@media(min-width: 1300px) {
    .franchise-banner__wrap {
        width: 380px
    }
}

.franchise-banner__title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%
}

@media(min-width: 744px) {
    .franchise-banner__title {
        max-width: 275px
    }
}

@media(min-width: 1024px) {
    .franchise-banner__title {
        margin-bottom: 15px;
        max-width: 380px;
        font-size: 28px
    }
}

@media(min-width: 1300px) {
    .franchise-banner__title {
        margin-bottom: 20px;
        font-size: 32px
    }
}

.franchise-banner__text {
    font-size: 18px;
    line-height: 150%
}

@media(min-width: 1300px) {
    .franchise-banner__text {
        font-size: 20px
    }
}

.franchise-banner__btn {
    margin-top: 30px;
    padding: 16px 40px;
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    color: #008c59
}

@media(min-width: 1024px) {
    .franchise-banner__btn {
        padding: 21px 50px
    }
}

@media(min-width: 1300px) {
    .franchise-banner__btn {
        margin-top: 40px
    }
}

.franchise-banner__img {
    margin-top: 50px
}

@media(min-width: 744px) {
    .franchise-banner__img {
        margin-top: 0;
        width: calc(50% - 10px);
        height: 228px;
        text-align: right
    }
}

@media(min-width: 1024px) {
    .franchise-banner__img {
        height: 312px
    }
}

@media(min-width: 1300px) {
    .franchise-banner__img {
        height: 362px
    }
}

.franchise-banner__img img {
    height: 100%
}

.franchise-text {
    margin-top: 50px;
    font-size: 18px;
    line-height: 150%
}

@media(min-width: 744px) {
    .franchise-text {
        max-width: 584px
    }
}

@media(min-width: 1024px) {
    .franchise-text {
        margin-top: 60px;
        max-width: 634px
    }
}

@media(min-width: 1300px) {
    .franchise-text {
        margin-top: 72px;
        max-width: 686px;
        font-size: 20px
    }
}

.franchise-features {
    margin-top: 42px;
    margin-left: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 744px) {
    .franchise-features {
        margin-top: 34px;
        margin-left: -16px
    }
}

@media(min-width: 1024px) {
    .franchise-features {
        margin-top: 40px
    }
}

@media(min-width: 1300px) {
    .franchise-features {
        margin-top: 72px;
        margin-left: -8px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.franchise-features__item {
    --margin: 8px;
    margin-top: var(--margin);
    margin-left: var(--margin);
    padding: 30px 12px;
    background: #f8f8f8;
    width: calc(50% - var(--margin));
    border-radius: 12px
}

@media(min-width: 744px) {
    .franchise-features__item {
        --margin: 16px;
        width: calc(25% - var(--margin))
    }
}

@media(min-width: 1024px) {
    .franchise-features__item {
        --margin: 20px;
        height: 130px
    }
}

@media(min-width: 1300px) {
    .franchise-features__item {
        --margin: 8px;
        margin-top: 0;
        width: calc(14.2857142857% - var(--margin));
        height: 150px
    }
}

.franchise-features__item p:first-child {
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #008c59
}

.franchise-features__item p:last-child {
    font-size: 14px;
    line-height: 150%
}

@media(min-width: 1024px) {
    .invest-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1024px) {
    .invest-main {
        width: calc(50% - 10px)
    }
}

@media(min-width: 1300px) {
    .invest-main {
        width: calc(50% - 15px)
    }
}

@media(min-width: 1300px) {
    .invest-main__title {
        margin-bottom: 20px;
        max-width: 480px
    }
}

.invest-main__subtitle {
    font-size: 18px;
    line-height: 150%
}

@media(min-width: 744px) {
    .invest-main__subtitle {
        max-width: 584px
    }
}

@media(min-width: 1300px) {
    .invest-main__subtitle {
        font-size: 20px
    }
}

@media(min-width: 744px) {
    .invest {
        margin-left: -16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width: 1024px) {
    .invest {
        margin-top: -20px;
        margin-left: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: calc(50% - 10px)
    }
}

.invest__item {
    margin-top: 16px;
    padding: 12px;
    background: #008c59;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    border-radius: 12px
}

@media(min-width: 744px) {
    .invest__item {
        margin-left: 16px;
        padding: 20px 15px;
        display: block;
        width: calc(25% - 16px);
        height: 226px
    }
}

@media(min-width: 1024px) {
    .invest__item {
        margin-left: 0;
        margin-top: 20px;
        padding: 20px;
        width: calc(50% - 10px);
        height: 205px
    }
}

.invest__item-icon {
    margin-right: 12px;
    padding: 10px;
    background: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 43px;
    height: 43px;
    border-radius: 50%
}

@media(min-width: 744px) {
    .invest__item-icon {
        margin-bottom: 20px;
        padding: 13px;
        width: 60px;
        height: 60px
    }
}

.invest__item-title {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 16px
}

@media(min-width: 744px) {
    .invest__item-title {
        margin-bottom: 8px;
        font-size: 22px
    }
}

@media(min-width: 1300px) {
    .invest__item-title {
        font-size: 24px
    }
}

.invest__item-text {
    line-height: 150%
}

.invest-block {
    margin-top: 50px
}

@media(min-width: 1024px) {
    .invest-block {
        margin-top: 60px
    }
}

@media(min-width: 1300px) {
    .invest-block {
        margin-top: 72px
    }
}

@media(min-width: 744px) {
    .invest-block__wrapper {
        margin-top: -15px;
        margin-left: -15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto
    }
}

@media(min-width: 1024px) {
    .invest-block__wrapper {
        margin-top: -20px;
        margin-left: -20px
    }
}

@media(min-width: 1300px) {
    .invest-block__wrapper {
        margin-top: -30px;
        margin-left: -30px
    }
}

.invest-block__item {
    padding: 30px 20px;
    background: #f8f8f8;
    height: auto;
    border-radius: 12px
}

@media(min-width: 744px) {
    .invest-block__item {
        margin-top: 15px;
        margin-left: 15px;
        width: calc(50% - 15px)
    }
}

@media(min-width: 1024px) {
    .invest-block__item {
        margin-top: 20px;
        margin-left: 20px;
        width: calc(50% - 20px)
    }
}

@media(min-width: 1300px) {
    .invest-block__item {
        margin-top: 30px;
        margin-left: 30px;
        padding: 40px 30px;
        width: calc(50% - 30px)
    }
}

.invest-block__item h4 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px
}

@media(min-width: 1024px) {
    .invest-block__item h4 {
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .invest-block__item h4 {
        font-size: 20px
    }
}

.invest-block__item ul li~li {
    margin-top: 10px
}

.invest-block__item p {
    line-height: 150%
}

@media(max-width: 743px) {
    .invest-block .slider-navigation {
        margin-top: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(min-width: 744px) {
    .invest-block .slider-navigation {
        display: none
    }
}

@media(max-width: 743px) {
    .invest-block .slider-nav-next {
        margin-left: 20px
    }
}

@media(min-width: 744px) {
    .format {
        position: relative
    }
}

.format__block {
    padding: 20px 15px;
    background: #fff;
    height: auto;
    border-radius: 12px
}

@media(min-width: 744px) {
    .format__block {
        padding: 40px
    }
}

.format__block-icon {
    margin-bottom: 20px;
    padding: 14px;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

@media(min-width: 744px) {
    .format__block-icon {
        margin-bottom: 40px;
        padding: 19px;
        width: 80px;
        height: 80px
    }
}

.format__block-label {
    font-size: 14px;
    line-height: 150%;
    color: #008c59
}

.format__block-title {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 1300px) {
    .format__block-title {
        font-size: 24px
    }
}

.format__block-text {
    margin-bottom: 20px;
    line-height: 150%;
    color: #686868
}

@media(min-width: 1300px) {
    .format__block-text {
        margin-bottom: 30px
    }
}

.format__block-list~.format__block-list {
    margin-top: 20px
}

.format__block-list ul li~li {
    margin-top: 10px
}

.format__block-list-title {
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 150%
}

.format .slider-navigation {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 744px) {
    .format .slider-navigation {
        margin-top: 0;
        top: -56px;
        left: unset;
        right: 0;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        width: auto
    }
}

@media(min-width: 1024px) {
    .format .slider-navigation {
        top: -62px
    }
}

@media(min-width: 1300px) {
    .format .slider-navigation {
        top: -72px
    }
}

.format .slider-nav-next {
    margin-left: 20px
}

@media(min-width: 1300px) {
    .franchise-page .programs__wrapper {
        width: calc(41.6666666667% - 15px)
    }
}

.franchise-page .programs__item-wrap {
    position: relative;
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 124px;
    cursor: pointer
}

.franchise-page .programs__item-arrow {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-filter: brightness(0) saturate(100%) invert(17%) sepia(26%) saturate(0%) hue-rotate(274deg) brightness(100%) contrast(92%);
    filter: brightness(0) saturate(100%) invert(17%) sepia(26%) saturate(0%) hue-rotate(274deg) brightness(100%) contrast(92%)
}

@media(min-width: 744px) {
    .franchise-page .programs__item-arrow {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@media(max-width: 743px) {
    .franchise-page .programs__item.active .programs__item-arrow {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-filter: unset;
        filter: unset
    }
}

@media(min-width: 744px) {
    .franchise-page .programs__item.active .programs__item-arrow {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-filter: unset;
        filter: unset
    }
}

@media(min-width: 1024px) {
    .franchise-page .programs__images {
        width: calc(58.3333333333% - 10px)
    }
}

@media(min-width: 1300px) {
    .franchise-page .programs__images {
        width: calc(58.3333333333% - 15px)
    }
}

.programs__item-content {
    margin-top: 12px;
    overflow: hidden
}

@media(max-width: 743px) {
    .programs__item-content {
        max-height: 0px;
        -webkit-transition: max-height .4s ease;
        transition: max-height .4s ease
    }
}

@media(min-width: 744px) {
    .programs__item-content {
        display: none;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
}

@media(max-width: 743px) {
    .programs__item.active .programs__item-content {
        max-height: 1000px
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.programs__item-content-img {
    margin-bottom: 30px;
    border-radius: 12px;
    overflow: hidden
}

.programs__item-content-list ul.list-style li {
    margin-bottom: 12px;
    line-height: 150%
}

.programs__item-content-list ul.list-style li::before {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px)
}

@media(min-width: 744px) {
    .programs__images-content {
        display: none
    }
}

.programs__images-content.active {
    display: block
}

@media(min-width: 744px) {
    .programs__images-img {
        margin-bottom: 30px;
        height: 280px;
        border-radius: 12px;
        overflow: hidden
    }
}

@media(min-width: 1300px) {
    .programs__images-img {
        height: 348px
    }
}

@media(min-width: 744px) {
    .programs__images-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media(min-width: 1024px) {
    .vantage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.vantage__img {
    max-width: 470px
}

@media(min-width: 1024px) {
    .vantage__img {
        margin-right: 20px;
        width: 100%
    }
}

@media(min-width: 1300px) {
    .vantage__img {
        margin-right: 30px;
        max-width: 585px
    }
}

@media(min-width: 1024px) {
    .vantage__block {
        width: 50%
    }
}

.vantage__block-item {
    padding: 20px;
    background: #eef8f0;
    font-size: 16px;
    line-height: 150%;
    border-radius: 12px
}

.vantage__block-item~.vantage__block-item {
    margin-top: 10px
}

.vantage-tiles {
    margin-top: 30px
}

@media(min-width: 744px) {
    .vantage-tiles {
        margin-bottom: -20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1024px) {
    .vantage-tiles {
        margin-bottom: 0
    }
}

.vantage-tiles__item {
    padding: 12px;
    background: #008c59;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    border-radius: 12px
}

@media(min-width: 744px) {
    .vantage-tiles__item {
        margin-bottom: 20px;
        padding: 20px 15px;
        display: block;
        width: calc(50% - 10px)
    }
}

@media(min-width: 1024px) {
    .vantage-tiles__item {
        margin-bottom: 0;
        width: calc(25% - 15px)
    }
}

@media(min-width: 1300px) {
    .vantage-tiles__item {
        padding: 30px 20px;
        width: calc(25% - 22.5px)
    }
}

@media(max-width: 743px) {
    .vantage-tiles__item~.vantage-tiles__item {
        margin-top: 10px
    }
}

.vantage-tiles__item-icon {
    margin-right: 12px;
    padding: 10px;
    background: #fff;
    width: 43px;
    height: 43px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%
}

@media(min-width: 744px) {
    .vantage-tiles__item-icon {
        margin-bottom: 32px;
        padding: 14px;
        width: 60px;
        height: 60px
    }
}

.vantage-tiles__item-title {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 744px) {
    .vantage-tiles__item-title {
        margin-bottom: 8px;
        font-size: 20px
    }
}

.vantage-tiles__item-text {
    line-height: 150%
}

.briefcase {
    margin-top: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width: 744px) {
    .briefcase {
        margin-top: -16px
    }
}

@media(min-width: 1024px) {
    .briefcase {
        margin-top: -20px
    }
}

@media(min-width: 1300px) {
    .briefcase {
        margin-top: -30px
    }
}

.briefcase__item {
    margin-top: 8px;
    padding: 20px 12px;
    background: #fff;
    width: calc(50% - 4px);
    border: 1px solid #e1e1e1;
    border-radius: 12px
}

@media(min-width: 744px) {
    .briefcase__item {
        margin-top: 16px;
        padding: 30px 20px;
        width: calc(33.3333333333% - 10.6666666667px)
    }
}

@media(min-width: 1024px) {
    .briefcase__item {
        margin-top: 20px;
        width: calc(25% - 15px)
    }
}

@media(min-width: 1300px) {
    .briefcase__item {
        margin-top: 30px;
        width: calc(25% - 22.5px)
    }
}

@media(min-width: 1024px) {
    .briefcase__item:first-child {
        width: calc(50% - 10px)
    }
}

@media(min-width: 1300px) {
    .briefcase__item:first-child {
        width: calc(50% - 15px)
    }
}

.briefcase__item-icon {
    margin-bottom: 20px;
    width: 40px;
    height: 40px
}

@media(min-width: 744px) {
    .briefcase__item-icon {
        width: 48px;
        height: 48px
    }
}

.briefcase__item-icon img {
    width: 100%
}

.briefcase__item-text {
    line-height: 150%
}

.associate {
    --margin-minus: -8px;
    margin-top: var(--margin-minus);
    margin-left: var(--margin-minus);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 744px) {
    .associate {
        --margin-minus: -16px
    }
}

@media(min-width: 1024px) {
    .associate {
        --margin-minus: -30px
    }
}

.associate__item {
    --margin: 8px;
    margin-top: var(--margin);
    margin-left: var(--margin);
    padding: 40px 20px;
    background: #f8f8f8;
    width: calc(50% - var(--margin));
    border-radius: 12px
}

@media(min-width: 744px) {
    .associate__item {
        --margin: 16px
    }
}

@media(min-width: 1024px) {
    .associate__item {
        --margin: 30px;
        width: calc(25% - var(--margin))
    }
}

@media(max-width: 743px) {
    .associate__item:last-child {
        width: 100%
    }
}

.associate__item-label {
    margin-bottom: 20px;
    background: #008c59;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    color: #fff;
    border-radius: 50%
}

.associate__item-text {
    line-height: 150%
}

.f-form-wrapper {
    padding: 40px 0;
    color: #fff
}

@media(min-width: 744px) {
    .f-form-wrapper {
        padding: 60px 0
    }
}

@media(min-width: 1024px) {
    .f-form-wrapper {
        padding: 80px 0
    }
}

@media(min-width: 1300px) {
    .f-form-wrapper {
        padding: 100px 0
    }
}

@media(min-width: 1024px) {
    .f-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.f-form__top {
    max-width: 464px
}

@media(min-width: 1024px) {
    .f-form__top {
        width: calc(41.6666666667% - 10px)
    }
}

@media(min-width: 1300px) {
    .f-form__top {
        width: calc(41.6666666667% - 15px)
    }
}

.f-form__title {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 1024px) {
    .f-form__title {
        margin-bottom: 20px;
        font-size: 28px
    }
}

@media(min-width: 1300px) {
    .f-form__title {
        font-size: 32px
    }
}

.f-form__subtitle {
    line-height: 150%
}

@media(min-width: 1024px) {
    .f-form__subtitle {
        max-width: 390px
    }
}

@media(min-width: 1024px) {
    .f-form__inner {
        width: calc(58.3333333333% - 10px)
    }
}

@media(min-width: 1300px) {
    .f-form__inner {
        width: calc(58.3333333333% - 15px)
    }
}

@media(min-width: 744px) {
    .f-form__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1024px) {
    .f-form__wrap {
        margin-top: -20px
    }
}

.f-form .input-style {
    margin-top: 20px
}

@media(min-width: 744px) {
    .f-form .input-style {
        width: 100%
    }
}

@media(min-width: 744px) {
    .f-form .input-style:first-child,.f-form .input-style:first-child+.input-style {
        width: calc(50% - 8px)
    }
}

.f-form .input-style label {
    margin-bottom: 8px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%
}

.f-form .input-style input {
    padding: 18px 20px;
    background: rgba(255,255,255,.1);
    width: 100%;
    color: #fff;
    border-radius: 8px;
    border: none;
    outline: none
}

.f-form .input-style input::-webkit-input-placeholder, .f-form .input-style textarea::-webkit-input-placeholder {
    color: #fff
}

.f-form .input-style input::-moz-placeholder, .f-form .input-style textarea::-moz-placeholder {
    color: #fff
}

.f-form .input-style input:-ms-input-placeholder, .f-form .input-style textarea:-ms-input-placeholder {
    color: #fff
}

.f-form .input-style input::-ms-input-placeholder, .f-form .input-style textarea::-ms-input-placeholder {
    color: #fff
}

.f-form .input-style input::placeholder,.f-form .input-style textarea::placeholder {
    color: #fff
}

.f-form .input-style textarea {
    padding: 18px 20px;
    background: rgba(255,255,255,.1);
    width: 100%;
    height: 144px;
    color: #fff;
    border-radius: 8px;
    border: none;
    outline: none
}

.f-form__submit {
    margin-top: 40px
}

@media(min-width: 744px) {
    .f-form__submit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width: 1024px) {
    .f-form__submit {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.f-form__submit button {
    margin-bottom: 20px;
    padding: 21px 50px;
    width: 100%;
    max-width: 351px;
    font-size: 15px;
    border-radius: 33px;
    border: none
}

@media(min-width: 744px) {
    .f-form__submit button {
        margin-bottom: 0;
        margin-right: 20px;
        max-width: 226px
    }
}

.f-form__submit .subscribe__agreement {
    font-size: 14px
}

@media(min-width: 744px) {
    .f-form__submit .subscribe__agreement {
        margin-top: 0
    }
}

@media(min-width: 1024px) {
    .f-form__submit .subscribe__agreement {
        max-width: 280px
    }
}

.not-found-page .section-subscribe {
    padding-top: 50px
}

@media(min-width: 1024px) {
    .not-found-page .section-subscribe {
        padding-top: 60px
    }
}

@media(min-width: 1300px) {
    .not-found-page .section-subscribe {
        padding-top: 70px
    }
}

.page404-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page404__left {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 744px) {
    .page404__left {
        width: 50%
    }
}

.page404__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 16px;
    text-align: center
}

@media(min-width: 744px) {
    .page404__title {
        text-align: left
    }
}

@media(min-width: 1024px) {
    .page404__title {
        font-size: 28px;
        font-weight: 700;
        line-height: 120%
    }
}

@media(min-width: 1300px) {
    .page404__title {
        font-size: 32px
    }
}

.page404__text {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 20px;
    text-align: center
}

.page404__text:last-child {
    margin-bottom: 0
}

@media(min-width: 744px) {
    .page404__text {
        text-align: left
    }
}

@media(min-width: 1024px) {
    .page404__text {
        max-width: 483px
    }
}

.button-style--error {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 300;
    margin: auto;
    padding-left: 36px;
    padding-right: 36px;
    margin-top: 20px
}

.button-style--error img {
    margin-right: 10px
}

@media(min-width: 744px) {
    .button-style--error {
        margin: unset;
        margin-top: 20px
    }
}

.page404__right {
    width: 100%;
    margin-top: 40px
}

@media(min-width: 744px) {
    .page404__right {
        width: 50%
    }
}

.call-us {
    background: #eef8f0
}

@media(min-width: 744px) {
    .call-us {
        padding: 0;
        background: none
    }
}

.call-us-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 744px) {
    .call-us-wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 30px 40px;
        border-radius: 12px;
        background: #eef8f0
    }
}

@media(min-width: 1024px) {
    .call-us-wrapper {
        padding: 40px 60px;
        max-width: 789px;
        margin: auto
    }
}

.call-us__left {
    width: 100%;
    font-size: 20px;
    font-family: Inter;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 20px
}

@media(min-width: 744px) {
    .call-us__left {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 196px
    }
}

.call-us__middle {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 744px) {
    .call-us__middle {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
        margin-right: 40px
    }
}

@media(min-width: 744px) {
    .call-us__middle .button-style {
        min-width: 215px
    }
}

@media(min-width: 1024px) {
    .call-us__middle .button-style {
        min-width: 277px
    }
}

.call-us__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: Inter;
    font-weight: 700;
    line-height: 150%
}

.call-us__phone img {
    margin-right: 8px
}

.call-us__right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 20px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media(min-width: 744px) {
    .call-us__right {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-top: auto
    }
}

.call-us__icon {
    margin-right: 12px;
    width: 40px;
    height: 40px
}

.sidebar-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px
}

.sidebar-page-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 1024px) {
    .sidebar-page-wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.sidebar-page__nav {
    width: 100%
}

@media(min-width: 1024px) {
    .sidebar-page__nav {
        width: 33.3333333333%
    }
}

.sidebar-page__list {
    background: #f8f8f8;
    padding: 20px 20px 20px 20px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.sidebar-page__list li {
    font-size: 16px;
    font-family: Inter;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 16px
}

.sidebar-page__list li:last-child {
    margin-bottom: 0
}

.sidebar-page__list li.active {
    color: #c9fa4f
}

.sidebar-page__content {
    width: 100%;
    margin-top: 20px
}

@media(min-width: 1024px) {
    .sidebar-page__content {
        width: 64.1666666667%;
        margin-top: 0
    }
}

.sidebar-page__content * {
    width: 100%
}

.sidebar-page__content p,.sidebar-page__content ul,.sidebar-page__content ol {
    margin-bottom: 20px
}

.sidebar-page__content li {
    margin-bottom: 15px
}

.sidebar-page__content h2 {
    margin-bottom: 30px
}

.sidebar-page__content a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.sidebar-page__content p a {
    color: #008c59;
    font-weight: 600
}

.sidebar-page__content ul li~li {
    margin-top: 12px
}

.sidebar-page__content ul li::before {
    content: "";
    margin-right: 12px;
    background: #008c59;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.sidebar-page__content ol {
    counter-reset: number
}

.sidebar-page__content ol li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 150%
}

.sidebar-page__content ol li~li {
    margin-top: 12px
}

.sidebar-page__content ol li::before {
    content: counter(number) ".";
    counter-increment: number;
    margin-right: 13px;
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #008c59
}

.sidebar-page__content h3 {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 120%
}

.sidebar-page__content .table-container {
    margin-bottom: 20px
}

.sidebar-page__content h4 {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 120%
}

.sidebar-page__content p {
    font-size: 16px;
    line-height: 150%
}

.text-page-wrapper {
    padding-top: 0
}

@media(min-width: 744px) {
    .text-page-inner {
        max-width: 680px
    }
}

@media(min-width: 1024px) {
    .text-page-inner {
        max-width: 790px
    }
}

@media(min-width: 1300px) {
    .text-page-inner {
        max-width: 1024px
    }
}

.text-page-inner p,.text-page-inner ul,.text-page-inner ol {
    margin-bottom: 20px
}

.text-page-inner li {
    margin-bottom: 15px
}

.text-page-inner h2 {
    margin-bottom: 30px
}

.text-page-inner a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.text-page-inner p a {
    color: #008c59;
    font-weight: 600
}

.text-page-inner ul li~li {
    margin-top: 12px
}

.text-page-inner ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.text-page-inner ul li::before {
    content: "";
    margin-right: 12px;
    background: #008c59;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.text-page-inner ol {
    counter-reset: number
}

.text-page-inner ol li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 150%
}

.text-page-inner ol li~li {
    margin-top: 12px
}

.text-page-inner ol li::before {
    content: counter(number) ".";
    counter-increment: number;
    margin-right: 13px;
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #008c59
}

.text-page-inner h3 {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 120%
}

.text-page-inner h4 {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 120%
}

.text-page-inner p {
    font-size: 16px;
    line-height: 150%
}

.partner-news__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 744px) {
    .partner-news__items {
        max-width: 584px
    }
}

@media(min-width: 1024px) {
    .partner-news__items {
        max-width: 100%
    }
}

.partner-news__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 20px;
    border: 1px solid #e1e1e1;
    padding: 20px;
    margin-bottom: 20px
}

@media(min-width: 744px) {
    .partner-news__item {
        padding: 30px
    }
}

@media(min-width: 1024px) {
    .partner-news__item {
        margin-bottom: 30px
    }
}

@media(min-width: 1300px) {
    .partner-news__item {
        padding: 40px
    }
}

.partner-news__item-img {
    max-width: 300px;
    margin-bottom: 40px
}

.partner-news__item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.partner-news__item-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 16px
}

@media(min-width: 1024px) {
    .partner-news__item-title {
        font-size: 18px;
        line-height: 120%
    }
}

.partner-news__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.partner-news__item-link span {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 5px
}

.partner-news__item-link div {
    font-size: 16px;
    line-height: 150%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.partner-news__item-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.partner-news__item-phone a {
    font-size: 16px;
    line-height: 150%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 16px
}

.partner-news__item-phone span {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 16px
}

.partner-news__item-content p:last-child {
    margin-bottom: 0
}

.science-articles-inner .section-subscribe {
    padding-top: 30px
}

@media(min-width: 744px) {
    .science-articles-inner .section-subscribe {
        padding-top: 50px
    }
}

@media(min-width: 1024px) {
    .science-articles-inner .section-subscribe {
        padding-top: 60px
    }
}

@media(min-width: 1300px) {
    .science-articles-inner .section-subscribe {
        padding-top: 70px
    }
}

.text-page-inner blockquote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 20px;
    border-radius: 20px;
    background: #f8f8f8;
    margin: 0;
    margin-bottom: 30px
}

.text-page-inner blockquote::before {
    position: absolute;
    content: "";
    background: url(../images/quotes.svg);
    width: 25px;
    height: 25px;
    background-size: contain;
    top: 20px;
    left: 25px
}

.text-page-inner .blockquote__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-style: italic;
    line-height: 150%;
    margin-bottom: 12px;
    margin-top: 40px
}

.text-page-inner .blockquote__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.text-page-inner .blockquote__author-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%
}

.text-page-inner .blockquote__author-position {
    font-size: 14px;
    line-height: 150%;
    color: #686868
}

.hided-table-wrapper {
    margin-bottom: 30px
}

.hided-table-wrapper table {
    background-color: rgba(0,0,0,0);
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: hidden
}

.hided-table-wrapper table th {
    padding: 14px 12px;
    width: 50%;
    min-width: 50%;
    text-align: left
}

.hided-table-wrapper table td,.hided-table-wrapper table th {
    border: 1px solid #dee2e6
}

.hided-table-wrapper table td {
    padding: 14px 12px
}

.hided-table-wrapper table td:nth-child(1),.hided-table-wrapper table td:nth-child(3) {
    max-width: 80px;
    width: 80px
}

.hided-table-wrapper table td:nth-child(2),.hided-table-wrapper table td:nth-child(4) {
    width: calc(50% - 160px)
}

.hided-table-wrapper table td a {
    color: #c9fa4f
}

.hided-table-wrapper table .bg-gray {
    background: #f8f8f8
}

.table-row p,.table-head p {
    margin: 0
}

.hided-table-wrapper {
    border-radius: 10px;
    border: 1px solid #dee2e6;
    overflow: hidden
}

.hided-table-wrapper tr:nth-child(6)~tr {
    display: none
}

.hided-table__show-all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 14px 12px;
    background: #c9fa4f;
    cursor: pointer
}

.hided-table__show-all img {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-top: 3px
}

.hided-table__show-all span {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    line-height: 150%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.table-allergent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 12px;
    border: 1px solid #e1e1e1;
    margin-bottom: 30px
}

.table-allergent__item {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.table-allergent__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 80px);
    padding: 12px 14px
}

.table-allergent__item-content a {
    color: #c9fa4f;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 150%
}

.table-allergent__item-content img {
    border-radius: 12px;
    overflow: hidden
}

.table-allergent__item-number {
    width: 80px;
    height: 100%;
    padding: 12px 14px;
    border-right: 1px solid #e1e1e1;
    background: #f8f8f8;
    font-size: 14px;
    line-height: 150%
}

.table-panels {
    margin-bottom: 30px;
    border-radius: 10px;
    border: 1px solid #dee2e6;
    overflow: hidden
}

.table-panels table {
    background-color: rgba(0,0,0,0);
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: hidden
}

.table-panels table th {
    padding: 14px 12px;
    width: 50%;
    min-width: 50%;
    text-align: left
}

.table-panels table td,.table-panels table th {
    border: 1px solid #dee2e6
}

.table-panels table td {
    padding: 14px 12px
}

.table-panels table td:nth-child(1),.table-panels table td:nth-child(3) {
    max-width: 80px;
    width: 80px
}

.table-panels table td:nth-child(2),.table-panels table td:nth-child(4) {
    width: calc(50% - 160px)
}

.table-panels table td a {
    color: #c9fa4f
}

.table-panels table .bg-gray {
    background: #f8f8f8
}

.table-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px
}

.table-images img {
    border-radius: 12px;
    overflow: hidden;
    margin-right: 15px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.table-images img:last-child {
    margin-right: 0
}

.home-visit-page .services__banner {
    margin-top: 0;
    background: linear-gradient(245deg, #FFAF57 35.49%, #FF5F3B 100%)
}

@media(min-width: 744px) {
    .home-visit-page .services__banner {
        padding: 40px
    }
}

@media(min-width: 1024px) {
    .home-visit-page .services__banner {
        padding: 68px 40px 68px 60px
    }
}

@media(min-width: 1300px) {
    .home-visit-page .services__banner {
        padding: 105px 77px
    }
}

.home-visit-page .services__banner-title {
    color: #fff;
    max-width: 300px
}

@media(min-width: 1024px) {
    .home-visit-page .services__banner-title {
        max-width: 400px
    }
}

@media(min-width: 1300px) {
    .home-visit-page .services__banner-title {
        max-width: 438px
    }
}

.home-visit-page .services__banner-text {
    color: #fff;
    max-width: 300px
}

@media(min-width: 1024px) {
    .home-visit-page .services__banner-text {
        max-width: 400px
    }
}

@media(min-width: 1300px) {
    .home-visit-page .services__banner-text {
        max-width: 438px
    }
}

.home-visit-page .services__banner-text~.services__banner-text {
    margin-top: 10px
}

@media(min-width: 744px) {
    .home-visit-page .services__banner-text~.services__banner-text {
        margin-top: 20px
    }
}

.home-visit-page .services__banner-btn {
    margin-top: 30px;
    width: 296px;
    color: #ff754a
}

@media(min-width: 744px) {
    .home-visit-page .services__banner-btn {
        width: 200px
    }
}

@media(min-width: 1024px) {
    .home-visit-page .services__banner-btn {
        margin-top: 40px;
        width: 217px
    }
}

.home-visit-page .services__banner-img {
    right: 0;
    width: 100%
}

@media(min-width: 744px) {
    .home-visit-page .services__banner-img {
        width: 350px;
        height: 100%
    }
}

@media(min-width: 1024px) {
    .home-visit-page .services__banner-img {
        width: 464px
    }
}

@media(min-width: 1300px) {
    .home-visit-page .services__banner-img {
        width: 642px
    }
}

.home-visit-page .services__banner-img img {
    -o-object-fit: cover;
    object-fit: cover
}

.home-visit-page .section-faq {
    margin-top: 40px
}

@media(min-width: 744px) {
    .home-visit-page .section-faq {
        margin-top: 50px
    }
}

@media(min-width: 1024px) {
    .home-visit-page .section-faq {
        margin-top: 60px
    }
}

@media(min-width: 1300px) {
    .home-visit-page .section-faq {
        margin-top: 70px
    }
}

@media(max-width: 743px) {
    .section-delivery-zones .container {
        padding: 0
    }
}

@media(min-width: 1024px) {
    .delivery-zones {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

@media(max-width: 743px) {
    .delivery-zones__desc {
        padding: 0 12px
    }
}

@media(max-width: 1023px) {
    .delivery-zones__desc {
        max-width: 360px
    }
}

@media(min-width: 1024px) {
    .delivery-zones__desc {
        width: 41.6666666667%
    }
}

.delivery-zones__item {
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 2px;
    border-bottom: 1px solid #e1e1e1
}

.zone-color {
    margin-right: 10px;
    width: 15px;
    height: 15px;
    border-radius: 50%
}

.zone-text {
    max-width: 270px;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px)
}

.zone-price {
    margin-left: auto;
    font-weight: 700
}

.zone-desc {
    margin-left: 25px;
    width: 100%;
    font-size: 14px;
    font-weight: 700
}

.delivery-zones__map {
    overflow: hidden;
    border-radius: 20px
}

@media(max-width: 1023px) {
    .delivery-zones__map {
        margin-top: 30px
    }
}

@media(min-width: 1024px) {
    .delivery-zones__map {
        width: 58.3333333333%
    }
}

.home-visit__cost {
    margin-top: 40px
}

@media(min-width: 744px) {
    .home-visit__cost {
        margin-top: 50px
    }
}

@media(min-width: 1024px) {
    .home-visit__cost {
        margin-top: 60px
    }
}

@media(min-width: 1300px) {
    .home-visit__cost {
        margin-top: 70px
    }
}

@media(min-width: 1024px) {
    .home-visit__cost .title {
        margin-bottom: 40px
    }
}

@media(min-width: 1300px) {
    .home-visit__cost .title {
        margin-bottom: 50px
    }
}

.home-visit__cost-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home-visit__cost-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid #e1e1e1
}

@media(min-width: 744px) {
    .home-visit__cost-item {
        padding: 20px 0
    }
}

.home-visit__cost-item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.home-visit__cost-item-row span {
    color: #353535;
    font-size: 16px;
    line-height: 150%
}

.home-visit__cost-item-row div {
    margin-top: 5px;
    color: #353535;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%
}

.home-visit__cost-item-price {
    color: #353535;
    text-align: right;
    font-size: 16px;
    word-wrap: normal;
    font-weight: 700
}

@media(min-width: 744px) {
    .home-visit__cost-item-price {
        font-size: 20px
    }
}

.home-visit__advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px;
    border-radius: 20px;
    background: #f8f8f8;
    margin-top: 40px;
    row-gap: 20px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width: 744px) {
    .home-visit__advantages {
        margin-top: 50px
    }
}

@media(min-width: 1024px) {
    .home-visit__advantages {
        margin-top: 60px;
        padding: 30px
    }
}

@media(min-width: 1300px) {
    .home-visit__advantages {
        margin-top: 70px;
        padding: 40px
    }
}

.home-visit__advantage {
    width: calc(50% - 20px)
}

@media(min-width: 744px) {
    .home-visit__advantage {
        width: calc(25% - 20px)
    }
}

.home-visit__advantage-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 20px
}

.home-visit__advantage-title {
    color: #353535;
    font-size: 16px;
    line-height: 150%;
    max-width: 245px
}

.home-visit__advantage-title a {
    color: #008c59;
    font-weight: 700
}

.home-visit__steps {
    margin-top: 40px
}

@media(min-width: 744px) {
    .home-visit__steps {
        margin-top: 50px
    }
}

@media(min-width: 1024px) {
    .home-visit__steps {
        margin-top: 60px
    }
}

@media(min-width: 1300px) {
    .home-visit__steps {
        margin-top: 70px
    }
}

@media(min-width: 1024px) {
    .home-visit__steps .title {
        margin-bottom: 40px
    }
}

@media(min-width: 1300px) {
    .home-visit__steps .title {
        margin-bottom: 50px
    }
}

.home-visit__steps-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 744px) {
    .home-visit__steps-items {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        row-gap: 20px;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

.home-visit__step {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px
}

.home-visit__step .button-style {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 20px
}

@media(min-width: 744px) {
    .home-visit__step {
        width: calc(50% - 30px)
    }
}

@media(min-width: 1024px) {
    .home-visit__step {
        width: calc(25% - 30px)
    }
}

.home-visit__step-number {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    background: #008c59;
    margin-bottom: 20px
}

.home-visit__step-title {
    color: #353535;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 15px
}

.home-visit__step-text {
    color: #353535;
    font-size: 16px;
    line-height: 150%
}

.home-visit__step-link {
    color: #008c59;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    margin-top: 10px
}

.home-visit__step-list li {
    margin-bottom: 10px;
    list-style-type: disc;
    margin-left: 20px
}

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

.home-visit__step-list li::marker {
    color: #008c59
}

.check-group {
    display: block;
    margin-bottom: 15px
}

@media(min-width: 744px) {
    .check-group {
        margin-bottom: 0
    }
}

.check-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.check-group label {
    position: relative;
    cursor: pointer
}

.check-group label:before {
    content: "";
    -webkit-appearance: none;
    border: 2px solid #fff;
    padding: 5px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px
}

.check-group input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 7px;
    width: 6px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.home-visit__form {
    padding: 30px 20px;
    border-radius: 12px;
    background: #008c59;
    margin-top: 40px
}

@media(min-width: 744px) {
    .home-visit__form {
        margin-top: 50px;
        padding: 40px
    }
}

@media(min-width: 1024px) {
    .home-visit__form {
        margin-top: 60px
    }
}

@media(min-width: 1300px) {
    .home-visit__form {
        margin-top: 70px
    }
}

.home-visit__form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.home-visit__form-title {
    color: #fff;
    margin-bottom: 30px
}

@media(min-width: 1024px) {
    .home-visit__form-title {
        margin-bottom: 40px
    }
}

.home-visit__form-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 744px) {
    .home-visit__form-middle {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.home-visit__form-col {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
}

@media(min-width: 744px) {
    .home-visit__form-col {
        width: calc(50% - 10px)
    }
}

.home-visit__form-col label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
}

.home-visit__form-col label:last-child {
    margin-bottom: 0
}

.home-visit__form-col label span {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 8px
}

.home-visit__form-col label input {
    padding: 18px 24px;
    border-radius: 8px;
    background: rgba(255,255,255,.1);
    border: none;
    outline: none;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.home-visit__form-col label input::-webkit-input-placeholder {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.home-visit__form-col label input::-moz-placeholder {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.home-visit__form-col label input:-ms-input-placeholder {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.home-visit__form-col label input::-ms-input-placeholder {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.home-visit__form-col label input::placeholder {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.home-visit__form-col label input[type=date]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    -webkit-filter: invert(1);
    filter: invert(1)
}

.home-visit__form-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 744px) {
    .home-visit__form-bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 20px
    }
}

.home-visit__form-bottom button {
    height: 60px;
    max-width: 226px;
    margin-top: 10px
}

@media(min-width: 744px) {
    .home-visit__form-bottom button {
        margin-top: 0;
        width: 226px
    }
}

.check-group-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

@media(min-width: 744px) {
    .check-group-wrapper {
        margin-top: 0;
        margin-left: 40px
    }
}

.check-group__text {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: 8px
}

.our-laboratory-page .section-subscribe {
    padding-top: 30px
}

@media(min-width: 744px) {
    .our-laboratory-page .section-subscribe {
        padding-top: 50px
    }
}

.our-laboratory__advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
}

.our-laboratory__advantage {
    padding: 30px 20px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(50% - 4px);
    border-radius: 12px;
    background: #f8f8f8
}

@media(min-width: 744px) {
    .our-laboratory__advantage {
        width: calc(25% - 4px)
    }
}

.our-laboratory__advantage-number {
    color: #008c59;
    font-size: 18px;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 6px
}

.our-laboratory__advantage-text {
    color: #353535;
    font-size: 14px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.our-labolatory__peculiarities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
}

.our-labolatory__peculiaritie {
    padding: 20px;
    border-radius: 12px;
    background: #eef8f0;
    margin-bottom: 8px;
    color: #353535;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    width: 100%
}

@media(min-width: 744px) {
    .our-labolatory__peculiaritie {
        width: calc(50% - 5px)
    }
}

@media(min-width: 744px) {
    .our-labolatory__peculiaritie:last-child {
        width: 100%
    }
}

.our-laboratory__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.our-laboratory__name:last-child {
    border: none
}

.our-laboratory__name div {
    color: #353535;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%
}

.our-laboratory__name span {
    color: #353535;
    font-size: 16px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: 10px
}

.our-laboratory__authorities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.our-laboratory__authoritie {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
}

.our-laboratory__authoritie-title {
    margin-bottom: 10px;
    color: #353535;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%
}

.our-laboratory__authoritie-text {
    color: #353535;
    margin-bottom: 15px;
    font-size: 16px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.our-laboratory__authoritie-text:last-child {
    margin-bottom: 0
}

.covid-page .franchise-banner {
    padding: 0;
    background: linear-gradient(245deg, #FFAF57 35.49%, #FF5F3B 100%);
    overflow: hidden
}

.covid-page .franchise-banner__img {
    margin-top: 0;
    height: 150px
}

@media(min-width: 744px) {
    .covid-page .franchise-banner__img {
        width: 392px;
        height: 288px
    }
}

@media(min-width: 1024px) {
    .covid-page .franchise-banner__img {
        width: 541px;
        height: 422px
    }
}

@media(min-width: 1300px) {
    .covid-page .franchise-banner__img {
        width: 636px
    }
}

.covid-page .franchise-banner__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.covid-page .franchise-banner__wrap {
    padding: 20px 20px 25px
}

@media(min-width: 744px) {
    .covid-page .franchise-banner__wrap {
        padding: 30px
    }
}

.covid-page .franchise-banner__btn {
    color: #ff754a
}

.covid-page .section-useful {
    padding-top: 40px
}

@media(min-width: 744px) {
    .covid-page .section-useful {
        padding-top: 50px
    }
}

@media(min-width: 1024px) {
    .covid-page .section-useful {
        padding-top: 60px
    }
}

@media(min-width: 1300px) {
    .covid-page .section-useful {
        padding-top: 70px
    }
}

.covid-page__simptomes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.covid-page__about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width: 744px) {
    .covid-page__about {
        padding-top: 50px
    }
}

@media(min-width: 1024px) {
    .covid-page__about {
        padding-top: 60px
    }
}

@media(min-width: 1300px) {
    .covid-page__about {
        padding-top: 70px
    }
}

.covid-page__about-content {
    width: 100%;
    margin-bottom: 15px
}

@media(min-width: 744px) {
    .covid-page__about-content {
        width: 46.6666666667%
    }
}

@media(min-width: 1300px) {
    .covid-page__about-content {
        width: 41.6666666667%
    }
}

.covid-page__about-content p {
    color: #353535;
    font-size: 16px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.covid-page__about-img {
    width: 100%
}

@media(min-width: 744px) {
    .covid-page__about-img {
        width: 50%
    }
}

@media(min-width: 1300px) {
    .covid-page__about-img {
        width: 56.6666666667%
    }
}

.covid-page__simptomes {
    padding-top: 40px;
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 744px) {
    .covid-page__simptomes {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media(min-width: 1024px) {
    .covid-page__simptomes {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media(min-width: 1300px) {
    .covid-page__simptomes {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.covid-page__simptomes-text {
    color: #353535;
    font-size: 18px;
    font-family: Inter;
    font-style: normal;
    line-height: 120%;
    max-width: 688px
}

.covid-page__simptomes-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}

.covid-page__simptomes-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    border-radius: 12px;
    background: #f8f8f8;
    margin-bottom: 8px;
    width: calc(50% - 4px)
}

@media(min-width: 744px) {
    .covid-page__simptomes-item {
        width: calc(25% - 16px);
        margin-bottom: 16px
    }
}

@media(min-width: 1024px) {
    .covid-page__simptomes-item {
        width: calc(25% - 20px);
        margin-bottom: 25px
    }
}

.covid-page__simptomes-item-icon {
    width: 60px;
    height: 60px
}

.covid-page__simptomes-item-title {
    margin-top: 20px;
    color: #353535;
    font-size: 16px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.covid-page__simptomes-important {
    color: #353535;
    font-size: 16px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 20px 20px 20px 30px;
    border-radius: 12px;
    background: #ffebe8;
    position: relative;
    margin-top: 20px
}

.covid-page__simptomes-important::before {
    content: "!";
    color: var(--status-cancel, #EB5757);
    font-size: 20px;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    width: 5px;
    height: 24px;
    top: 20px;
    left: 20px;
    position: absolute
}

@media(min-width: 1024px) {
    .covid-page__simptomes-important {
        padding-left: 35px
    }
}

.section-covid-status {
    padding-top: 40px;
    padding-bottom: 40px
}

@media(min-width: 744px) {
    .section-covid-status {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media(min-width: 1024px) {
    .section-covid-status {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media(min-width: 1300px) {
    .section-covid-status {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.section-covid-status__text {
    color: #353535;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.section-covid-status__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px
}

.section-covid-status__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 20px;
    border-radius: 12px;
    background: #fff;
    margin-bottom: 10px
}

@media(min-width: 744px) {
    .section-covid-status__item {
        width: calc(50% - 10px)
    }
}

@media(min-width: 1024px) {
    .section-covid-status__item {
        width: calc(50% - 15px)
    }
}

.section-covid-status__item-title {
    color: #008c59;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 10px
}

.section-covid-status__item-text {
    color: #353535;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.section-covid__attention {
    padding-top: 40px;
    padding-bottom: 40px
}

@media(min-width: 744px) {
    .section-covid__attention {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media(min-width: 1024px) {
    .section-covid__attention {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media(min-width: 1300px) {
    .section-covid__attention {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.section-covid__attention-text {
    color: #353535;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 30px
}

.section-covid__attention-content {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width: 744px) {
    .section-covid__attention-content {
        margin-bottom: 50px
    }
}

@media(min-width: 1024px) {
    .section-covid__attention-content {
        margin-bottom: 60px
    }
}

@media(min-width: 1300px) {
    .section-covid__attention-content {
        margin-bottom: 70px
    }
}

.section-covid__attention-content p {
    color: #353535;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 15px
}

.section-covid__attention-content ul {
    margin-bottom: 20px
}

.section-covid__attention-content li {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 10px;
    color: #353535;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.section-covid__attention-content li::marker {
    color: #008c59
}

.section-covid__attention-content-left {
    width: 100%
}

@media(min-width: 1024px) {
    .section-covid__attention-content-left {
        width: 48%
    }
}

.section-covid__attention-content-img {
    width: 100%
}

@media(min-width: 1024px) {
    .section-covid__attention-content-img {
        width: 50%
    }
}

.section-covid__attention-content-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.section-covid__attention-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-covid__attention-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 10px;
    border-radius: 12px;
    background: #ffebe8;
    margin-bottom: 8px;
    width: calc(50% - 4px)
}

@media(min-width: 744px) {
    .section-covid__attention-item {
        width: calc(33.3333333333% - 10px);
        margin-bottom: 16px;
        padding: 30px 20px
    }
}

@media(min-width: 1024px) {
    .section-covid__attention-item {
        width: calc(25% - 20px);
        margin-bottom: 25px
    }
}

.section-covid__attention-item-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 20px
}

.section-covid__attention-item-title {
    color: #353535;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    word-break: break-word
}

.section-covid__ways {
    padding-top: 40px;
    padding-bottom: 40px
}

@media(min-width: 744px) {
    .section-covid__ways {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media(min-width: 1024px) {
    .section-covid__ways {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media(min-width: 1300px) {
    .section-covid__ways {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.section-covid__ways-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-bottom: 60px
}

.section-covid__ways-block:last-child {
    margin-bottom: 0
}

.section-covid__ways-block-title {
    margin-bottom: 20px
}

.section-covid__ways-block-text {
    max-width: 633px
}

.section-covid__ways-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}

.section-covid__ways-wrapper-col-3 .section-covid__ways-item {
    width: 100%
}

@media(min-width: 744px) {
    .section-covid__ways-wrapper-col-3 .section-covid__ways-item {
        width: calc(33.3333333333% - 16px);
        margin-bottom: 16px
    }
}

@media(min-width: 1024px) {
    .section-covid__ways-wrapper-col-3 .section-covid__ways-item {
        width: calc(33.3333333333% - 20px);
        margin-bottom: 25px
    }
}

.section-covid__ways-wrapper-col-4 .section-covid__ways-item {
    margin-bottom: 8px;
    width: calc(50% - 4px)
}

@media(min-width: 744px) {
    .section-covid__ways-wrapper-col-4 .section-covid__ways-item {
        width: calc(25% - 16px);
        margin-bottom: 16px
    }
}

@media(min-width: 1024px) {
    .section-covid__ways-wrapper-col-4 .section-covid__ways-item {
        width: calc(25% - 20px);
        margin-bottom: 25px
    }
}

.section-covid__ways-item {
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 12px;
    background: #fff;
    border-radius: 12px
}

.section-covid__ways-item-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 20px
}

.section-covid__ways-item-title {
    color: #353535;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 10px
}

.section-covid__ways-item-text {
    color: #353535;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.documents__content {
    margin-top: 30px
}

@media(min-width: 1024px) {
    .documents__content {
        margin-top: 0
    }
}

.documents-items {
    display: grid;
    row-gap: 40px
}

@media(min-width: 1300px) {
    .documents-items {
        row-gap: 50px
    }
}

.documents-items__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    color: #353535
}

@media(min-width: 1024px) {
    .documents-items__title {
        font-size: 22px
    }
}

@media(min-width: 1300px) {
    .documents-items__title {
        font-size: 24px
    }
}

.documents-items-images {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px
}

@media(min-width: 744px) {
    .documents-items-images {
        gap: 16px
    }
}

@media(min-width: 1024px) {
    .documents-items-images {
        gap: 20px
    }
}

@media(min-width: 1300px) {
    .documents-items-images {
        gap: 30px
    }
}

.documents-items-images__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.documents-items-images__img img {
    -o-object-fit: cover;
    object-fit: cover
}

.certificates__content {
    margin-top: 30px
}

@media(min-width: 1024px) {
    .certificates__content {
        margin-top: 0
    }
}

.certificates-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 30px
}

@media(min-width: 744px) {
    .certificates-items {
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

@media(min-width: 1024px) {
    .certificates-items {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        row-gap: 40px
    }
}

@media(min-width: 1300px) {
    .certificates-items {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        row-gap: 20px
    }
}

.certificates-items__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.certificates-items__img img {
    -o-object-fit: cover;
    object-fit: cover
}

.vacancies__content {
    margin-top: 40px;
    display: grid;
    row-gap: 30px
}

@media(min-width: 1024px) {
    .vacancies__content {
        margin-top: 0;
        row-gap: 0
    }
}

.vacancies__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 1024px) {
    .vacancies__title {
        font-size: 22px;
        margin-bottom: 30px
    }
}

@media(min-width: 1300px) {
    .vacancies__title {
        font-size: 24px
    }
}

@media(min-width: 1024px) {
    .vacancies-wrapper {
        margin-bottom: 40px
    }
}

.vacancies__item {
    padding: 13px 19px;
    border: 1px solid #e1e1e1;
    border-radius: 5px
}

.vacancies__item+.vacancies__item {
    margin-top: 10px
}

.vacancies__item.expanded .plus {
    opacity: 0
}

.vacancies__item.expanded .minus {
    opacity: 1
}

.vacancies-question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.vacancies-question__title {
    width: calc(100% - 20px);
    font-size: 16px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 744px) {
    .vacancies-question__title {
        width: calc(100% - 40px)
    }
}

@media(min-width: 1024px) {
    .vacancies-question__title {
        font-size: 18px
    }
}

@media(min-width: 1300px) {
    .vacancies-question__title {
        font-size: 20px
    }
}

.vacancies-question__icon {
    position: relative;
    width: 20px;
    height: 20px
}

.vacancies-question__icon .plus {
    -webkit-transition: .5s;
    transition: .5s
}

.vacancies-question__icon .minus {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.vacancies-answer {
    display: none;
    margin-top: 20px
}

.vacancies-answer__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    color: #008c59
}

.vacancies-answer__list li {
    margin-top: 10px !important;
    margin-bottom: 0;
    line-height: 150%
}

.vacancies-answer__text {
    line-height: 150%
}

.vacancies-answer__btn {
    width: 100% !important;
    padding: 16px 0;
    border-radius: 33px;
    background-color: #008c59;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

@media(min-width: 744px) {
    .vacancies-answer__btn {
        width: -webkit-max-content !important;
        width: -moz-max-content !important;
        width: max-content !important;
        padding: 16px 40px
    }
}

@media(min-width: 1024px) {
    .vacancies-answer__btn:hover {
        background-color: #004a4a
    }
}

.vacancies-contacts {
    border-radius: 12px;
    background-color: #eef8f0;
    padding: 20px
}

@media(min-width: 744px) {
    .vacancies-contacts {
        padding: 30px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.vacancies-contacts__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 1024px) {
    .vacancies-contacts__title {
        font-size: 22px
    }
}

@media(min-width: 1300px) {
    .vacancies-contacts__title {
        font-size: 24px
    }
}

.vacancies-contacts__descr {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.vacancies-contacts-content {
    margin-top: 30px
}

@media(min-width: 744px) {
    .vacancies-contacts-content {
        margin-top: 0
    }
}

.vacancies-contacts-content__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 1024px) {
    .vacancies-contacts-content__title {
        font-size: 18px
    }
}

.vacancies-contacts-content__subtitle {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

.vacancies-contacts-content-items {
    margin-top: 20px;
    display: grid;
    row-gap: 12px
}

.vacancies-contacts-content-items__link {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vacancies-contacts-content-items__icon {
    width: 24px;
    height: 24px
}

.vacancies-contacts-content-items__text {
    width: calc(100% - 36px)
}

.reviews__content {
    margin-top: 30px
}

@media(min-width: 1024px) {
    .reviews__content {
        margin-top: 0
    }
}

.reviews__content .pagination {
    display: none
}

@media(min-width: 744px) {
    .reviews__content .pagination {
        margin: 40px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.reviews__content .pagination__item {
    width: 44px
}

.reviews__content .pagination__arrow {
    width: 44px
}

.reviews__content .pagination__items {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.reviews-wrapper {
    display: grid;
    row-gap: 30px
}

.reviews-descr {
    padding: 20px;
    border-radius: 12px;
    background-color: #f8f8f8;
    display: grid;
    row-gap: 30px
}

.reviews-descr__text {
    line-height: 150%
}

@media(min-width: 744px) {
    .reviews-descr__text {
        width: 425px
    }
}

@media(min-width: 1300px) {
    .reviews-descr__text {
        width: 100%
    }
}

.reviews-descr__btn {
    padding: 16px 40px;
    border-radius: 33px;
    background-color: #008c59;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

@media(min-width: 1024px) {
    .reviews-descr__btn:hover {
        background-color: #004a4a
    }
}

.reviews-items {
    display: grid;
    row-gap: 10px
}

.reviews-items__block {
    position: relative;
    padding: 29px 19px;
    border-radius: 12px;
    border: 1px solid #e1e1e1
}

.reviews-items__block::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 18px;
    height: 14px;
    background-image: url(../images/quotes-green.svg)
}

@media(min-width: 744px) {
    .reviews-items__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.reviews-items__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 744px) {
    .reviews-items__title {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

@media(min-width: 1300px) {
    .reviews-items__title {
        font-size: 20px
    }
}

.reviews-items__date {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    color: #686868
}

@media(min-width: 744px) {
    .reviews-items__date {
        margin-top: 0;
        margin-left: 20px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

.reviews-items__text {
    margin-top: 12px;
    line-height: 150%
}

.reviews__btn {
    margin: 40px auto
}

.reviews-form form {
    padding: 30px 20px;
    background-color: #f8f8f8
}

@media(min-width: 744px) {
    .reviews-form form {
        padding: 40px 30px
    }
}

@media(min-width: 1300px) {
    .reviews-form form {
        padding: 60px 40px
    }
}

.reviews-form__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 1024px) {
    .reviews-form__title {
        font-size: 28px
    }
}

@media(min-width: 1300px) {
    .reviews-form__title {
        font-size: 32px
    }
}

.reviews-form__subtitle {
    margin-top: 16px;
    line-height: 150%
}

.reviews-form-inputs {
    margin: 20px 0;
    display: grid;
    row-gap: 20px
}

@media(min-width: 744px) {
    .reviews-form-inputs {
        grid-template-columns: repeat(2, 1fr);
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

@media(min-width: 1300px) {
    .reviews-form-inputs {
        margin-top: 30px
    }
}

.reviews-form-inputs__item {
    display: grid;
    row-gap: 8px
}

.reviews-form-inputs__item label {
    font-size: 14px;
    font-weight: 700;
    line-height: 150%
}

.reviews-form-inputs__item input {
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    padding: 17px 23px;
    background-color: #fff;
    font-size: 16px;
    line-height: 150%;
    -webkit-transition: .5s;
    transition: .5s
}

.reviews-form-inputs__item input:focus {
    border-color: #a1a1a1
}

@media(min-width: 1024px) {
    .reviews-form-inputs__item input:hover {
        border-color: #a1a1a1
    }
}

.reviews-form__textarea {
    display: grid;
    row-gap: 8px
}

.reviews-form__textarea label {
    font-size: 14px;
    font-weight: 700;
    line-height: 150%
}

.reviews-form__textarea textarea {
    resize: none;
    height: 144px;
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    padding: 17px 23px;
    background-color: #fff;
    font-size: 16px;
    line-height: 150%;
    -webkit-transition: .5s;
    transition: .5s
}

.reviews-form__textarea textarea:focus {
    border-color: #a1a1a1
}

@media(min-width: 1024px) {
    .reviews-form__textarea textarea:hover {
        border-color: #a1a1a1
    }
}

@media(min-width: 744px) {
    .reviews-form__btn {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

.reviews-form__btn input {
    padding: 21px 0;
    border-radius: 33px;
    background-color: #ff754a;
    border: none;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer
}

@media(min-width: 744px) {
    .reviews-form__btn input {
        padding: 21px 50px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

@media(min-width: 1024px) {
    .reviews-form__btn input:hover {
        background-color: #ff5e3b
    }
}

.reviews-form-accept {
    margin-top: 20px
}

@media(min-width: 744px) {
    .reviews-form-accept {
        margin-top: 0;
        margin-left: 20px
    }
}

.reviews-form-accept label,.reviews-form-accept label span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer
}

.reviews-form-accept input[name^=acceptance-reviews] {
    display: none
}

.reviews-form-accept input[name^=acceptance-reviews]:checked~.reviews-form-accept__checkbox,.reviews-form-accept input[name^=acceptance-reviews]:checked~span .reviews-form-accept__checkbox {
    border-color: #fff
}

.reviews-form-accept input[name^=acceptance-reviews]:checked~.reviews-form-accept__checkbox::before,.reviews-form-accept input[name^=acceptance-reviews]:checked~span .reviews-form-accept__checkbox::before {
    opacity: 1
}

.reviews-form-accept__checkbox {
    display: block !important;
    margin-top: 4px;
    border-radius: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #353535;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s
}

.reviews-form-accept__checkbox::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 17px;
    height: 17px;
    background-image: url(../images/check-square-black.svg);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.reviews-form-accept__text {
    display: block !important;
    width: calc(100% - 22px);
    margin-left: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

@media(min-width: 744px) {
    .reviews-form-accept__text {
        display: grid !important
    }
}

.reviews-form-footer {
    margin-top: 30px
}

@media(min-width: 744px) {
    .reviews-form-footer {
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.reviews-form {
    margin-top: 30px
}

@media(min-width: 744px) {
    .questions__content {
        margin-top: 30px
    }
}

@media(min-width: 1024px) {
    .questions__content {
        margin-top: 0
    }
}

.questions-tabs {
    padding: 6px
}

.questions-tabs__item {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 12px 10px;
    border-radius: 33px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    -webkit-transition: .5s;
    transition: .5s
}

@media(min-width: 1300px) {
    .questions-tabs__item {
        padding: 12px 27px
    }
}

.questions-tabs__item.active {
    background-color: #008c59;
    color: #fff
}

.questions-content {
    display: none
}

.questions-content.active {
    display: block;
    margin: 20px 0
}

@media(min-width: 744px) {
    .questions-content.active {
        margin: 30px 0
    }
}

.section-commercial {
    margin: 0;
    padding: 0
}

.commercial-banner {
    background: linear-gradient(245deg, #FFAF57 35.49%, #FF5F3B 100%);
    position: relative;
    color: #fff;
    border-radius: 20px;
    overflow: hidden
}

@media(min-width: 744px) {
    .commercial-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

@media(min-width: 1024px) {
    .commercial-banner {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

@media(min-width: 1300px) {
    .commercial-banner {
        -webkit-column-gap: 44px;
        -moz-column-gap: 44px;
        column-gap: 44px
    }
}

.commercial-banner__wrap {
    padding: 32px 20px
}

@media(min-width: 744px) {
    .commercial-banner__wrap {
        padding: 44px 20px;
        width: 50%
    }
}

@media(min-width: 1024px) {
    .commercial-banner__wrap {
        padding: 44px 40px
    }
}

@media(min-width: 1300px) {
    .commercial-banner__wrap {
        padding: 78px 40px
    }
}

.commercial-banner h1 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700
}

@media(min-width: 1300px) {
    .commercial-banner h1 {
        font-size: 24px
    }
}

.commercial-banner p {
    line-height: 150%
}

.commercial-banner b {
    display: inline-block;
    color: #fff;
    line-height: 150%
}

.commercial-banner .button-style {
    margin-top: 20px;
    width: 296px;
    height: 50px;
    border: 0
}

@media(min-width: 744px) {
    .commercial-banner .button-style {
        width: 216px
    }
}

.commercial-banner__img {
    width: 100%
}

@media(min-width: 744px) {
    .commercial-banner__img {
        width: 50%
    }
}

@media(max-width: 743px) {
    .commercial-banner__img>div {
        padding-bottom: 100%;
        position: relative
    }
}

@media(min-width: 744px) {
    .commercial-banner__img>div {
        height: 100%
    }
}

.commercial-banner__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 743px) {
    .commercial-banner__img img {
        position: absolute
    }
}

.section-partner-benefits {
    padding-bottom: 0
}

.section-partner-benefits h2 {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 1024px) {
    .section-partner-benefits h2 {
        margin-bottom: 40px;
        font-size: 28px
    }
}

@media(min-width: 1300px) {
    .section-partner-benefits h2 {
        margin-bottom: 50px;
        font-size: 32px
    }
}

@media(min-width: 744px) {
    .partner-benefits {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px
    }
}

@media(min-width: 1024px) {
    .partner-benefits {
        gap: 20px
    }
}

@media(min-width: 1300px) {
    .partner-benefits {
        gap: 30px
    }
}

@media(max-width: 743px) {
    .partner-benefits ul~ul {
        margin-top: 20px
    }
}

.partner-benefits ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 150%
}

.partner-benefits ul li::before {
    content: "";
    margin-right: 7px;
    background: url("../images/check.svg") no-repeat;
    background-size: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px)
}

.partner-benefits ul li~li {
    margin-top: 20px
}

.section-partner-labor {
    padding-bottom: 0
}

.section-partner-labor h2 {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 1024px) {
    .section-partner-labor h2 {
        margin-bottom: 40px;
        font-size: 28px
    }
}

@media(min-width: 1300px) {
    .section-partner-labor h2 {
        margin-bottom: 50px;
        font-size: 32px
    }
}

@media(min-width: 1024px) {
    .partner-labor {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px
    }
}

@media(min-width: 1300px) {
    .partner-labor {
        grid-template-columns: 5fr 7fr;
        gap: 30px
    }
}

.partner-labor__text {
    line-height: 150%
}

.partner-labor__features {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px
}

@media(min-width: 1024px) {
    .partner-labor__features {
        margin-top: 0
    }
}

.partner-labor__features-item {
    padding: 30px 12px;
    background: #f8f8f8;
    border-radius: 12px
}

.partner-labor__features-item p {
    font-size: 14px;
    line-height: 150%
}

.partner-labor__features-item p:first-child {
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    color: #008c59
}

.section-partner-contact {
    padding-bottom: 0
}

.partner-contact {
    padding: 30px 20px;
    background: #008c59;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
    color: #fff;
    border-radius: 12px
}

@media(min-width: 744px) {
    .partner-contact {
        padding: 40px
    }
}

@media(min-width: 1024px) {
    .partner-contact {
        padding: 40px 30px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.partner-contact .button-style {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 296px;
    height: 60px;
    color: #008c59
}

@media(min-width: 744px) {
    .partner-contact .button-style {
        width: 236px
    }
}

.partner-contact__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 1024px) {
    .partner-contact__title {
        width: 33%
    }
}

@media(min-width: 1300px) {
    .partner-contact__title {
        width: 388px;
        font-size: 24px
    }
}

.partner-contact__info p {
    line-height: 150%
}

.section-partner-reviews h2 {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 1024px) {
    .section-partner-reviews h2 {
        margin-bottom: 40px;
        font-size: 28px
    }
}

@media(min-width: 1300px) {
    .section-partner-reviews h2 {
        margin-bottom: 50px;
        font-size: 32px
    }
}

.partner-reviews {
    position: relative
}

.partner-reviews__item {
    border-radius: 12px;
    overflow: hidden
}

.partner-reviews__item>div {
    padding-bottom: 142.65%;
    position: relative
}

.partner-reviews__item img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.section-partner-contacts {
    padding-top: 0
}

.partner-contacts {
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #e1e1e1
}

@media(min-width: 744px) {
    .partner-contacts {
        padding: 22px 24px
    }
}

.partner-contacts__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

@media(min-width: 1024px) {
    .partner-contacts__title {
        font-size: 28px
    }
}

@media(min-width: 1300px) {
    .partner-contacts__title {
        font-size: 32px
    }
}

.partner-contacts__title::after {
    content: "";
    background: url("../images/plus.svg") no-repeat;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px
}

.partner-contacts__title.active::after {
    background: url("../images/minus.svg") no-repeat
}

.partner-contacts__content {
    margin-top: 20px
}

@media(min-width: 744px) {
    .partner-contacts__content {
        max-width: 773px
    }
}

@media(min-width: 1300px) {
    .partner-contacts__content {
        max-width: 766px
    }
}

.partner-contacts__content p {
    line-height: 150%
}

.partner-contacts__content a,.partner-contacts__content b {
    font-weight: 700;
    color: #008c59
}

.navigation {
    display: none
}

@media(max-width: 1023px) {
    .navigation {
        padding: 16px 12px 20px;
        background: #008c59;
        position: fixed;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        z-index: 10
    }
}

@media(max-width: 1023px) {
    .navigation__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(20% - 4px);
        font-size: 10px;
        font-weight: 700;
        color: #fff
    }
}

@media(max-width: 1023px) {
    .navigation__link~.navigation__link {
        margin-left: 4px
    }
}

@media(max-width: 1023px) {
    .navigation__link svg {
        width: 24px
    }
}

@media(max-width: 1023px) {
    .navigation__link p {
        margin-top: 4px
    }
}

@media(max-width: 1023px) {
    .navigation__link p[data-count] {
        position: relative
    }
}

@media(max-width: 1023px) {
    .navigation__link p[data-count]::before {
        content: attr(data-count);
        background: #ff754a;
        position: absolute;
        left: 8px;
        bottom: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        font-weight: 700;
        font-size: 10px;
        line-height: 1;
        color: #fff;
        border-radius: 50%
    }
}