/* Start:/local/templates/saimala/template_styles.css?1768402675138474*/
@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
}

pre {
    display: none !important;
}

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

.swiper,
:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    overflow: hidden;
    list-style: none;
    padding: 0
}

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}


.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

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

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

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

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

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

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

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.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-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

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

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

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

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

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

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

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

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

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

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

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

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

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.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: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

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

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

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: 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;
    font-variant: normal;
    line-height: 1
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

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

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

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

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 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: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2)
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2)
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-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: flex;
    justify-content: 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%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

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

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

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

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

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

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

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

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    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-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    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;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.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-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-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;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

@font-face {
    font-family: Circe;
    src: url(/local/templates/saimala/common/fonts/Circe-Regular.13bbfad0e7f851273f3cf30569c7eb3a.eot);
    src: local("Circe"), local("Circe-Regular"), url(/local/templates/saimala/common/fonts/Circe-Regular.13bbfad0e7f851273f3cf30569c7eb3a.eot?#iefix) format("embedded-opentype"), url(/local/templates/saimala/common/fonts/Circe-Regular.b3583e41e063203a7e743d708b1bf47e.woff) format("woff"), url(/local/templates/saimala/common/fonts/Circe-Regular.814e4dd4329ffdb6c9ed90c49299d4aa.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Circe;
    src: url(/local/templates/saimala/common/fonts/Circe-ExtraLight.0f3ca43ce4ca34c99c00feaf7d1cff64.eot);
    src: local("Circe ExtraLight"), local("Circe-ExtraLight"), url(/local/templates/saimala/common/fonts/Circe-ExtraLight.0f3ca43ce4ca34c99c00feaf7d1cff64.eot?#iefix) format("embedded-opentype"), url(/local/templates/saimala/common/fonts/Circe-ExtraLight.27c9b3b45aa9e134e9d17dc144a0bfac.woff) format("woff"), url(/local/templates/saimala/common/fonts/Circe-ExtraLight.d95151f8b96ed97a96811cc21e636de4.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Circe;
    src: url(/local/templates/saimala/common/fonts/Circe-Thin.00bb023a19a35602c7face64d5e4c6b3.eot);
    src: local("Circe Thin"), local("Circe-Thin"), url(/local/templates/saimala/common/fonts/Circe-Thin.00bb023a19a35602c7face64d5e4c6b3.eot?#iefix) format("embedded-opentype"), url(/local/templates/saimala/common/fonts/Circe-Thin.1f69b3e567fba63f038e4f4813cad5e6.woff) format("woff"), url(/local/templates/saimala/common/fonts/Circe-Thin.4272af7797a43baa082078abd1353503.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Circe;
    src: url(/local/templates/saimala/common/fonts/Circe-Light.e4ca0f7a178447eed594331d33a3ac5d.eot);
    src: local("Circe Light"), local("Circe-Light"), url(/local/templates/saimala/common/fonts/Circe-Light.e4ca0f7a178447eed594331d33a3ac5d.eot?#iefix) format("embedded-opentype"), url(/local/templates/saimala/common/fonts/Circe-Light.61755338a0e56c46dab8b0132e4d2f3b.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Circe;
    src: url(/local/templates/saimala/common/fonts/Circe-Bold.23b8280ab15052d5ba11eeb37bfebdd8.eot);
    src: local("Circe Bold"), local("Circe-Bold"), url(/local/templates/saimala/common/fonts/Circe-Bold.23b8280ab15052d5ba11eeb37bfebdd8.eot?#iefix) format("embedded-opentype"), url(/local/templates/saimala/common/fonts/Circe-Bold.8a1c4d2d35cdd2d6704b0b9fa4485655.woff) format("woff"), url(/local/templates/saimala/common/fonts/Circe-Bold.63396ee791f60623acbfa96b07ab9724.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Circe;
    src: url(/local/templates/saimala/common/fonts/Circe-ExtraBold.4c74fd73e7d5ee9eee7d072f6a8c084a.eot);
    src: local("Circe ExtraBold"), local("Circe-ExtraBold"), url(/local/templates/saimala/common/fonts/Circe-ExtraBold.4c74fd73e7d5ee9eee7d072f6a8c084a.eot?#iefix) format("embedded-opentype"), url(/local/templates/saimala/common/fonts/Circe-ExtraBold.02f7b8cbfff901e3f58862d5fbbaed25.woff) format("woff"), url(/local/templates/saimala/common/fonts/Circe-ExtraBold.87e2d898df4f6a61b4b855a53aeafaa2.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
mark,
menu,
nav,
nav li,
nav ul,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

html {
    box-sizing: border-box;
    height: 100%
}

body {
    font-family: Circe, sans-serif;
    font-size: 20px;
    font-weight: 400;
    height: auto;
    margin: 0 auto;
    background: #fff;
    color: #244545;
    line-height: 1.2;
    max-width: 2560px;
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

@media (max-width: 1199px) {
    body {
        font-size: 18px
    }
}

@media (max-width: 576px) {
    body {
        font-size: 16px
    }
}

main {
    flex-grow: 1
}

picture {
    display: flex;
    flex-direction: column
}

strong {
    font-weight: 700
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

ul {
    margin-bottom: 22px
}

ul li {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.502 0L0 3.5v3.286L6.79 0H3.502zm4.575 0L0 8.071v3.286L11.365 0H8.077zM0 0v2.25L2.252 0H0zm.608 12h3.288l8.077-8.071V.643L.608 12zm7.862 0l3.503-3.5V5.214L5.183 12H8.47zm3.503 0V9.75L9.72 12h2.252z' fill='%23A4AA96'/%3E%3C/svg%3E");
    background-position: 0 5px;
    background-repeat: no-repeat;
    padding-left: 20px
}

@media (max-width: 1399px) {
    ul li {
        background-position: 0 4px
    }
}

@media (max-width: 1199px) {
    ul li {
        background-position: 0 3px
    }
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ""
}

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

input[type=submit] {
    -webkit-appearance: none
}

img {
    border: 0;
    max-width: 100%
}

a {
    color: #59a4a4;
    -webkit-transition: all .15s ease 0s;
    transition: all .15s ease 0s;
    text-decoration: none;
    cursor: pointer
}

a:hover {
    text-decoration: underline;
    -webkit-transition: all .2s ease .05s;
    transition: all .2s ease .05s
}

a:active,
a:focus,
a:focus-visible,
a:focus-within,
a:target,
a:visited {
    outline: none
}

hr {
    margin: 0;
    height: 0
}

input[type=button],
input[type=submit],
input[type=text],
textarea {
    -webkit-appearance: none;
    border-radius: 0
}

p {
    line-height: 1.4;
    margin-bottom: 22px
}

button:focus {
    outline: 0
}

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

sup {
    font-size: 75%;
    top: -.5em;
    position: relative
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

b,
strong {
    font-weight: 700
}

._fz-15 {
    font-size: 15px
}

._fz-20 {
    font-size: 20px
}

@media (max-width: 1199px) {
    ._fz-20 {
        font-size: 18px
    }
}

@media (max-width: 576px) {
    ._fz-20 {
        font-size: 16px
    }
}

._fz-24 {
    font-size: 24px
}

@media (max-width: 1199px) {
    ._fz-24 {
        font-size: 20px
    }
}

@media (max-width: 576px) {
    ._fz-24 {
        font-size: 18px
    }
}

._strong {
    font-weight: 600
}

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

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

._mb-10 {
    margin-bottom: 10px !important
}

._w50 {
    width: 50%
}

._color-base1 {
    color: #244545
}

._color-base2 {
    color: #8f9980
}

._bg-lightgreen {
    background-color: #eaeee2
}

._bg-darkgreen {
    background-color: #244545
}

._rel {
    position: relative
}

._text-center {
    text-align: center
}

.section-title {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase
}

.section-title>a {
    text-decoration: none;
    color: currentColor;
}

.section-title>a:hover {
    color: #3f6969;
}

@media (max-width: 1199px) {
    .section-title {
        font-size: 30px
    }
}

@media (max-width: 767px) {
    .section-title {
        font-size: 25px
    }
}

@media (max-width: 576px) {
    .section-title {
        font-size: 20px
    }
}

.section-title._lowercase {
    text-transform: none
}

.section-subtitle {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .section-subtitle {
        font-size: 25px;
    }
}

@media (max-width: 767px) {
    .section-subtitle {
        font-size: 20px;
    }
}

@media (max-width: 576px) {
    .section-subtitle {
        font-size: 18px;
    }
}

.section-text {
    font-size: 20px
}

@media (max-width: 1199px) {
    .section-text {
        font-size: 18px
    }
}

@media (max-width: 576px) {
    .section-text {
        font-size: 16px
    }
}

.page-btn {
    padding: 14px 24px;
    border: none;
    outline: none;
    cursor: pointer;
    display: inline-block;
    transition: .25s
}

.page-btn:hover {
    text-decoration: none
}

.page-btn:disabled {
    opacity: .5
}

.page-btn._green {
    background-color: #244545;
    color: #fff
}

.page-btn._green:hover {
    background-color: #3f6969
}

.page-btn._green:active,
.page-btn._green:focus {
    background-color: #1a3434
}

.page-btn._brown {
    background-color: #a86f5f;
    color: #fff
}

.page-btn._brown:hover {
    background-color: #cf8f7d
}

.page-btn._brown:active,
.page-btn._brown:focus {
    background-color: #945d4e
}

@media (min-width: 768px) {
    ._show-767 {
        display: none !important
    }
}

@media (max-width: 767px) {
    ._hide-767 {
        display: none !important
    }
}

@media (min-width: 992px) {
    ._show-991 {
        display: none !important
    }
}

@media (max-width: 991px) {
    ._hide-991 {
        display: none !important
    }
}

@media (min-width: 1200px) {
    ._show-1199 {
        display: none !important
    }
}

@media (max-width: 1199px) {
    ._hide-1199 {
        display: none !important
    }
}

@media (min-width: 992px) {
    .toTop {
        position: fixed;
        right: 100px;
        bottom: 100px;
        cursor: pointer;
        z-index: 50;
        display: none;
        border-radius: 50%
    }

    .toTop,
    .toTop:hover {
        -webkit-transition: .25s;
        transition: .25s
    }

    .toTop:hover svg circle {
        fill: transparent
    }

    .toTop.active {
        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-shadow: 2px 2px 20px rgba(0, 0, 0, .15);
        box-shadow: 2px 2px 20px rgba(0, 0, 0, .15)
    }
}

@media (max-width: 991px) {
    .toTop.active {
        height: 0;
        width: 0;
        display: none
    }
}

.white-mosaic-line {
    height: 120px;
    background: url(/local/templates/saimala/common/img/white-mosaic.svg) repeat-x 0 0;
    background-size: contain;
    width: 100%
}

@media (max-width: 991px) {
    .white-mosaic-line {
        height: 60px
    }
}

@media (max-width: 767px) {
    .white-mosaic-line {
        background-color: #244545
    }
}

.color-mosaic-line {
    height: 90px;
    background: url(/local/templates/saimala/common/img/color-mosaic.svg) repeat-x 0 0;
    width: 100%
}

@media (max-width: 991px) {
    .color-mosaic-line {
        height: 45px;
        background-size: contain
    }
}

.swiper-button-wrap {
    display: flex;
    justify-content: center
}

.swiper-button-wrap._hide {
    display: none
}

.swiper-button-next,
.swiper-button-prev {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 18px;
    border: 1px solid #244545;
    width: 16px;
    height: 16px;
    position: static;
    margin: 0 8px;
    transition: .25s
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none
}

.swiper-button-next:not(:disabled):hover,
.swiper-button-prev:not(:disabled):hover {
    background-color: #3f6969
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1L4 9l8 8' stroke='%23244545' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.swiper-button-prev:not(:disabled):hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1L4 9l8 8' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1l8 8-8 8' stroke='%23244545' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.swiper-button-next:not(:disabled):hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1l8 8-8 8' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.c-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 577px) {
    .c-container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .c-container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .c-container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .c-container {
        max-width: 1140px
    }
}

@media (min-width: 1300px) {
    .c-container {
        max-width: 1280px;
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1700px) {
    .c-container {
        max-width: 1640px
    }
}

.c-container-fluid {
    max-width: 2560px;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

body.overflow {
    height: 100vh;
    overflow: hidden
}

@media (min-width: 520px) {
    .c-modal-dialog.c-modal-sm {
        width: 500px
    }
}

.c-modal {
    overflow: hidden;
    opacity: 0;
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8)
}

.c-modal .close {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 24px;
    height: 24px;
    opacity: .6;
    transition: .25s
}

.c-modal .close:hover {
    opacity: 1;
    transition: .25s
}

.c-modal-dialog {
    position: absolute;
    left: 50%;
    top: -100%;
    transform: translateX(-50%);
    height: auto;
    width: calc(100vw - 30px);
    background-color: #e4e6e0;
    transition: .25s
}

@media (min-width: 1150px) {
    .c-modal-dialog {
        max-width: 1000px;
        width: 100%
    }
}

.c-modal.c-modal-open {
    display: block;
    overflow: visible;
    opacity: 1;
    z-index: 100;
    transition: .25s
}

.c-modal.c-modal-open .c-modal-dialog {
    top: 75px;
    border-radius: 5px;
    transition: .25s ease-in-out;
    transition-delay: .25s
}

@media (max-width: 1399px) {
    .c-modal.c-modal-open .c-modal-dialog {
        top: 60px
    }
}

.c-modal.c-modal-open .c-modal-dialog.c-modal-sm {
    top: 40%;
    transform: translate(-50%, -50%)
}

.c-modal-header {
    padding: 30px 30px 0;
    border: 0;
    margin-bottom: 30px
}

@media (max-width: 991px) {
    .c-modal-header {
        margin-bottom: 15px
    }
}

@media (max-width: 499px) {
    .c-modal-header {
        padding: 15px 15px 0
    }
}

.c-modal-body {
    padding: 0 60px 50px
}

@media (max-width: 499px) {
    .c-modal-body {
        padding: 0 15px 50px
    }
}

.c-modal-title {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 10px
}

@media (max-width: 1366px) {
    .c-modal-title {
        font-size: 25px
    }
}

@media (max-width: 767px) {
    .c-modal-title {
        font-size: 20px
    }
}

.c-modal-text {
    padding-top: 15px
}

.c-modal-button {
    display: flex;
    justify-content: center;
    position: relative
}

.c-modal-button button:disabled:after,
.c-modal-button button:disabled:before {
    display: none
}

.c-modal-form {
    margin-top: 19px
}

@media (max-width: 991px) {
    .c-modal-form {
        margin-top: 10px
    }
}

.c-modal-form--wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

.c-modal-input {
    width: 100%
}

.c-modal-input input {
    width: 100%;
    border: 1px solid rgba(36, 69, 69, .5);
    padding: 12px 15px;
    background-color: transparent;
    color: #244545;
    border-radius: 4px;
    transition: .25s
}

.c-modal-input input:focus,
.c-modal-input input:hover {
    border-color: #244545;
    transition: .25s
}

.c-modal-input input::placeholder {
    color: rgba(36, 69, 69, .5);
    transition: .25s
}

.c-modal-input input.error {
    border-color: red
}

.c-modal-input--label {
    font-size: 14px;
    margin-bottom: 5px
}

.c-modal-check {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px
}

@media (max-width: 650px) {
    .c-modal-check {
        font-size: 14px
    }
}

@media (max-width: 499px) {
    .c-modal-check {
        font-size: 12px
    }
}

.c-modal-check a {
    color: #244545
}

.c-modal-check input[type=checkbox] {
    display: none
}

.c-modal-check input[type=checkbox]+span {
    position: relative;
    padding-left: 30px
}

.c-modal-check input[type=checkbox]+span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #244545;
    flex-shrink: 0
}

.c-modal-check input[type=checkbox]:checked+span:before {
    background-color: #244545;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.5l3.186 4.142A2 2 0 007.5 10.43L13 1' stroke='%23E4E6E0' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-color: #244545
}

.c-modal-check.trembling {
    animation: trembling-animation 1.2s ease-in-out 0s normal none running
}

.js-agreement.trembling {
    animation: trembling-animation 1.2s ease-in-out 0s normal none running
}

.js-btn-submit.js-disabled:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 10
}

.label-agreement {
    display: flex;
    align-items: flex-start
}

.label-agreement--text {
    font-size: 14px
}

.label-agreement--text a {
    text-decoration: underline
}

.label-agreement--text a:hover {
    text-decoration: none
}

@media (max-width: 499px) {
    .c-modal-dialog.c-modal-sm .c-modal-body {
        padding: 0 15px 20px
    }
}

@media (max-height: 550px) {

    .c-modal.c-modal-open .c-modal-dialog,
    .c-modal.c-modal-open .c-modal-dialog.c-modal-sm {
        top: 50%
    }
}

@media (max-height: 450px) {

    .c-modal.c-modal-open .c-modal-dialog,
    .c-modal.c-modal-open .c-modal-dialog.c-modal-sm {
        height: 100%;
        overflow-y: auto
    }
}

@keyframes trembling-animation {

    0%,
    50%,
    to {
        transform: scale(1)
    }

    10%,
    30% {
        transform: scale(1.1)
    }

    20%,
    40% {
        transform: scale(1)
    }
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=checkbox] {
    display: none
}

input[type=checkbox]+label,
input[type=checkbox]+span {
    padding-left: 30px;
    position: relative;
    cursor: pointer
}

input[type=checkbox]+label:before,
input[type=checkbox]+span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid rgba(36, 69, 69, .5);
    flex-shrink: 0
}

input[type=checkbox]+label:hover:before,
input[type=checkbox]+span:hover:before {
    border-color: #244545
}

input[type=checkbox]:checked+label:before,
input[type=checkbox]:checked+span:before {
    background-color: #244545;
    background-image: url(/local/templates/saimala/common/img/ico-check.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.form__input {
    width: 100%
}

.form__input input {
    width: 100%;
    border: 1px solid #ececec;
    padding: 12px 15px;
    background-color: #fafafa;
    color: #244545;
    font-size: 16px;
    transition: .25s
}

.form__input input:hover {
    background-color: #fff;
    transition: .25s
}

.form__input input:active,
.form__input input:focus {
    border-color: #59a4a4;
    background-color: #eff8ed
}

.form__input input::placeholder {
    color: rgba(36, 69, 69, .5);
    transition: .25s
}

.form__input input.error {
    border-color: red
}

.form .label-agreement__text a {
    color: #a86f5f
}

.js-btn-submit {
    position: relative
}

.menu-top {
    display: flex;
    justify-content: center
}

.menu-top a:hover {
    text-decoration: none
}

.menu-top .menu__point {
    color: #fff;
    font-size: 24px;
    line-height: 1;
    padding: 16px;
    margin: 0 16px;
    position: relative;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .menu-top .menu__point:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 10px;
        height: 1px;
        width: 0;
        background-color: #fff;
        transition: .25s
    }

    .menu-top .menu__point:hover:before {
        left: 16px;
        width: calc(100% - 32px)
    }
}

@media (max-width: 991px) {
    .menu-top .menu__point {
        font-size: 20px;
        margin: 0 8px
    }
}

@media (max-width: 767px) {
    .menu-top {
        flex-direction: column;
        justify-content: flex-start;
        flex-grow: 1
    }

    .menu-top .menu__point {
        padding: 12px 0;
        margin: 0;
        border-bottom: 1px solid #fff;
        color: #244545;
        text-align: center;
        text-transform: none
    }
}

#bnovo-widget .menu-top {
    background-color: #244545;
    transform: translateY(-20px);
    display: none;
}

@media (max-width: 1399px) {
    #bnovo-widget .menu-top {
        transform: translateY(-10px);
    }
}

@media (max-width: 991px) {
    #bnovo-widget._all .menu-top {
        transform: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        z-index: -100;
    }

    #bnovo-widget._all._fixed .menu-top {
        opacity: 1;
        z-index: 7;
    }

    #bnovo-widget._all._fixed .menu-top+.bnovo-mobile {
        top: 36px;
    }
}

@media (max-width: 767px) {
    #bnovo-widget .menu-top {
        display: none !important;
    }

    #bnovo-widget._all._fixed .bnovo-mobile,
    #bnovo-widget._all._fixed .menu-top+.bnovo-mobile {
        top: 0;
    }
}

#bnovo-widget .menu__point {
    font-size: 16px;
    padding: 10px 16px;
}

.main .bnovo,
section.bnovo {
    background-color: #8f9980
}

section.bnovo {
    height: 100%;
    padding: 20px 0;
    position: relative;
    transition: .25s ease-out;
    z-index: 10;
    box-shadow: 0 0 1px transparent
}

@media (min-width: 1299px) {
    section.bnovo {
        position: sticky;
        top: 0
    }
}

@media (max-width: 767px) {
    section.bnovo {
        z-index: 9
    }
}

@media (max-width: 1399px) {
    #bnovo-widget {
        position: relative
    }

    #bnovo-widget._fixed {
        position: fixed;
        width: 100%;
        height: auto;
        top: 0;
        padding: 10px 0
    }

    #bnovo-widget._fixed .bnovo__info {
        height: 0;
        margin: 0;
        padding: 0;
        visibility: hidden
    }

    .bnovo-next {
        transform: translateY(170px);
        margin-bottom: 170px
    }
}

@media (max-width: 767px) {
    #bnovo-widget {
        position: relative
    }

    #bnovo-widget._fixed {
        position: static;
        padding: 20px 0
    }

    #bnovo-widget._fixed .bnovo__info {
        height: auto;
        margin-bottom: 20px;
        visibility: visible
    }

    .bnovo-next {
        transform: none;
        margin-bottom: 0
    }
}

.bnovo-wrapper {
    display: flex;
    align-items: center
}

@media (max-width: 1399px) {
    .bnovo-wrapper {
        flex-direction: column
    }
}

.bnovo__info {
    margin-right: 32px;
    flex-shrink: 0
}

.bnovo__info__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px
}

@media (max-width: 1399px) {
    .bnovo__info {
        margin-right: 0;
        text-align: center;
        margin-bottom: 20px
    }

    .bnovo__info__title {
        font-size: 25px
    }
}

@media (max-width: 576px) {
    .bnovo__info {
        margin-bottom: 10px
    }

    .bnovo__info__title {
        font-size: 20px;
        margin-bottom: 0
    }
}

.bnovo__form {
    width: 100%;
    position: relative;
    height: 50px
}

.bnovo__form iframe {
    left: 0;
    top: 0;
    position: absolute
}

@media (max-width: 767px) {
    .bnovo__form {
        height: auto;
        min-height: 250px
    }
}

.bnovo-mobile {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #8f9980;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 1px transparent
}

.bnovo-mobile .bnovo__form {
    height: auto;
    min-height: 42px;
    width: 200px
}

@media (max-width: 767px) {
    .bnovo._fixed .bnovo-mobile {
        padding: 5px 15px;
        display: flex;
        justify-content: center;
        opacity: 1;
        visibility: visible;
        z-index: 7
    }

    .bnovo._fixed .bnovo-desktop .bnovo__form {
        opacity: 0
    }
}

@media (max-width: 359px) {
    .bnovo._fixed .bnovo-mobile {
        justify-content: flex-start
    }
}

@media (max-width: 1699px) {
    section.bnovo._all>.c-container {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 991px) {
    section.bnovo._all>.c-container {
        padding-left: 15px;
        padding-right: 15px
    }

    section.bnovo._all._fixed {
        position: static;
    }

    section.bnovo._all._fixed .bnovo-mobile {
        padding: 5px 15px;
        display: flex;
        justify-content: center;
        opacity: 1;
        visibility: visible;
        z-index: 7
    }

    section.bnovo._all._fixed .bnovo-desktop .bnovo__form {
        opacity: 0
    }

    section.bnovo._all._fixed .bnovo__form {
        min-height: 40px
    }

    section.bnovo._all._fixed .bnovo-wrapper {
        height: 0
    }

    section.bnovo._all._fixed .bnovo__info {
        height: auto;
        margin-bottom: 20px;
        visibility: visible;
    }

    section.bnovo._all .bnovo__form {
        min-height: 315px
    }

    section.bnovo._all .bnovo-mobile .bnovo__form {
        min-height: 42px
    }

    section.bnovo._all+.bnovo-next {
        transform: translateY(390px);
        margin-bottom: 390px
    }
}

@media (max-width: 991px) {
    #bnovo-widget._all._fixed {
        position: static;
    }
}

.anchor-bnovo-widget {
    background-color: #a86f5f;
    font-size: 14px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    padding: 0 15px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.overflow section.bnovo {
    height: auto
}

.c-accordion {
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    counter-reset: item
}

@media (max-width: 991px) {
    .c-accordion {
        padding-top: 0
    }
}

.c-accordion__head {
    background-color: #f1f1f1;
    color: #8f9980;
    font-size: 20px;
    font-weight: 700;
    padding: 16px 50px 16px 16px;
    cursor: pointer;
    position: relative;
    margin-bottom: 8px;
    display: flex
}

.c-accordion__head:after {
    content: "";
    position: absolute;
    top: calc(50% - 9px);
    right: 16px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9h8m0 0h8M9 9V1m0 8v8' stroke='%23244545' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    transition: .25s
}

.c-accordion__head:before {
    content: counter(item, decimal-leading-zero) ". ";
    counter-increment: item;
    padding-right: 32px
}

.c-accordion__head._active:after {
    transform: rotate(45deg)
}

@media (max-width: 991px) {
    .c-accordion__head {
        font-size: 18px
    }

    .c-accordion__head:before {
        padding-right: 16px
    }
}

@media (max-width: 767px) {
    .c-accordion__head:before {
        padding-right: 12px
    }
}

@media (max-width: 576px) {
    .c-accordion__head:before {
        padding-right: 8px
    }
}

.c-accordion__body {
    padding: 24px 72px 32px;
    color: #303030
}

@media (max-width: 991px) {
    .c-accordion__body {
        padding: 24px 40px 32px
    }
}

@media (max-width: 767px) {
    .c-accordion__body {
        padding: 16px 24px 24px
    }
}

@media (max-width: 359px) {
    .c-accordion__body {
        padding: 16px 15px 24px
    }
}

.c-accordion__body> :last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.whatsapp-button {
    position: fixed;
    right: 13px;
    bottom: 90px;
    transform: translate(-50%, -50%);
    background: #25d366;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999
}

.whatsapp-button:after,
.whatsapp-button:before {
    content: " ";
    display: block;
    position: absolute;
    border: 1px solid #25d366;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animateWhatsapp 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden
}

.whatsapp-button:after {
    animation-delay: .5s
}

@media (max-width: 767px) {
    .whatsapp-button {
        bottom: 5px;
        right: 5px;
        width: 44px;
        height: 44px
    }

    .whatsapp-button:after,
    .whatsapp-button:before {
        left: -10px;
        right: -10px;
        top: -10px;
        bottom: -10px
    }

    .whatsapp-button img {
        width: 25px
    }
}

@keyframes animateWhatsapp {
    0% {
        transform: scale(.5);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        transform: scale(1.2);
        opacity: 0
    }
}

body.home .header {
    background: linear-gradient(180deg, #244545, rgba(36, 69, 69, .8) 52.6%, rgba(36, 69, 69, 0));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

body.home .header-mobile:before {
    content: "";
    position: absolute;
    left: 0;
    top: 90%;
    width: 100%;
    height: 50px;
    background: linear-gradient(180deg, #244545, rgba(36, 69, 69, .9) 57%, rgba(36, 69, 69, 0))
}

@media (max-width: 576px) {
    body.home .header-mobile:before {
        top: 100%;
        height: 40px;
    }
}

.header {
    background: #244545;
    width: 100%;
    z-index: 10
}

.header-wrapper {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

@media (min-width: 1200px) {
    .header-wrapper {
        max-width: 1140px
    }
}

@media (min-width: 1300px) {
    .header-wrapper {
        max-width: 1280px;
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1700px) {
    .header-wrapper {
        max-width: 1640px
    }
}

.header__top {
    padding: 16px 0;
    border-bottom: 1px solid #8f9980;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header__logo img {
    display: block
}

.header__contacts {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.header__callback,
.header__phone {
    margin-left: 48px
}

@media (max-width: 991px) {

    .header__callback,
    .header__phone {
        margin-left: 30px
    }
}

.header__callback {
    color: #fff;
    padding: 6px 17px;
    border: 1px solid #fff;
    cursor: pointer;
    transition: .25s
}

.header__callback:hover {
    text-decoration: none;
    background-color: #fff;
    color: #a4aa96
}

.header__phone {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    padding-left: 28px;
    line-height: 1;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.25 19.806c-.916-.923-3.135-2.27-4.211-2.813-1.402-.706-1.517-.764-2.62.055-.734.546-1.223 1.034-2.083.851-.86-.184-2.73-1.218-4.366-2.85-1.637-1.63-2.731-3.554-2.915-4.411-.184-.858.312-1.34.853-2.077.763-1.039.705-1.212.053-2.614-.508-1.09-1.894-3.288-2.82-4.2-.992-.978-.992-.805-1.63-.54a9.239 9.239 0 00-1.49.794c-.924.614-1.436 1.123-1.794 1.889-.359.765-.52 2.56 1.33 5.92 1.85 3.362 3.149 5.08 5.835 7.76 2.687 2.679 4.753 4.12 7.773 5.813 3.736 2.092 5.169 1.684 5.937 1.327.768-.358 1.28-.866 1.894-1.788.31-.471.577-.97.796-1.489.266-.636.439-.636-.542-1.627z' stroke='%23fff' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 0 0;
    background-size: contain
}

@media (max-width: 767px) {
    .header__phone {
        margin-left: 0;
    }
}

.header__phone:hover {
    color: #a4aa96;
    text-decoration: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.25 19.806c-.916-.923-3.135-2.27-4.211-2.813-1.402-.706-1.517-.764-2.62.055-.734.546-1.223 1.034-2.083.851-.86-.184-2.73-1.218-4.366-2.85-1.637-1.63-2.731-3.554-2.915-4.411-.184-.858.312-1.34.853-2.077.763-1.039.705-1.212.053-2.614-.508-1.09-1.894-3.288-2.82-4.2-.992-.978-.992-.805-1.63-.54a9.239 9.239 0 00-1.49.794c-.924.614-1.436 1.123-1.794 1.889-.359.765-.52 2.56 1.33 5.92 1.85 3.362 3.149 5.08 5.835 7.76 2.687 2.679 4.753 4.12 7.773 5.813 3.736 2.092 5.169 1.684 5.937 1.327.768-.358 1.28-.866 1.894-1.788.31-.471.577-.97.796-1.489.266-.636.439-.636-.542-1.627z' stroke='%23A4AA96' stroke-miterlimit='10'/%3E%3C/svg%3E")
}

@media (max-width: 369px) {
    .header__phone:hover {
        color: #fff;
        background: none;
    }
}

.header__phone span {
    display: inline-flex;
    padding-top: 2px
}

.header__social {
    display: flex
}

.header .social-link {
    margin-left: 16px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background-color: #fff;
    padding: 4px
}

.header .social-link img {
    width: 24px;
    height: 24px
}

@media (max-width: 767px) {
    .header .social-link {
        margin: 0 12px
    }
}

@media (max-width: 767px) {
    .header-wrapper .header__top {
        padding: 16px 0 24px;
        border-color: #fff
    }

    .header-wrapper .header__contacts {
        flex-direction: column;
        width: 100%;
        align-items: flex-start
    }

    .header-wrapper .header__contacts .header__social {
        display: none
    }

    .header-wrapper .header__phone {
        color: #244545;
        text-align: center;
        margin: 0 auto 16px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.25 19.806c-.916-.923-3.135-2.27-4.211-2.813-1.402-.706-1.518-.764-2.62.055-.734.546-1.223 1.034-2.083.851-.86-.184-2.73-1.218-4.366-2.85-1.637-1.63-2.731-3.554-2.915-4.411-.184-.858.312-1.34.853-2.077.763-1.039.705-1.212.053-2.614-.508-1.09-1.894-3.288-2.82-4.2-.992-.978-.992-.805-1.63-.54a9.239 9.239 0 00-1.49.794c-.924.614-1.436 1.123-1.794 1.889-.359.765-.52 2.56 1.33 5.92 1.85 3.362 3.149 5.08 5.835 7.76 2.687 2.679 4.753 4.12 7.773 5.813 3.736 2.092 5.169 1.684 5.937 1.327.767-.358 1.28-.866 1.894-1.788.31-.471.577-.97.796-1.489.266-.636.439-.636-.542-1.627z' stroke='%23244545' stroke-miterlimit='10'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
    }

    .header-wrapper .header__logo {
        display: none
    }

    .header-wrapper .header__callback {
        margin: 0;
        width: 100%;
        background-color: #a86f5f;
        text-align: center;
        font-weight: 300;
        padding: 10px;
        border: none
    }

    .header-wrapper .header__email {
        display: flex;
        align-items: center;
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 24px;
        color: #244545;
        width: 100%;
        justify-content: center
    }

    .header-wrapper .header__email img {
        margin-right: 16px
    }

    .header-wrapper .header__address {
        line-height: 1.2;
        margin-bottom: 16px
    }

    .header-wrapper .header__address:last-child {
        margin-bottom: 0
    }

    .header-wrapper .mobile-contacts {
        padding-top: 24px
    }

    .header-wrapper .mobile-contacts .header__social {
        justify-content: center;
        margin-bottom: 24px
    }
}

.menu-overlay {
    display: none
}

@media (max-width: 767px) {
    .menu-overlay {
        display: block;
        width: calc(100% - 350px);
        left: -100%;
        background-color: rgba(0, 0, 0, .8)
    }

    .header-wrapper,
    .menu-overlay {
        height: 100%;
        position: fixed;
        top: 0;
        transition: .35s ease-out
    }

    .header-wrapper {
        right: -100%;
        width: 350px;
        padding: 30px 15px 50px;
        background-color: #e4e6e0;
        display: flex;
        flex-direction: column;
        overflow-y: auto
    }

    body.menu-show {
        overflow: hidden
    }

    body.menu-show .menu-overlay {
        left: 0
    }

    body.menu-show .header-wrapper {
        right: 0
    }
}

@media (max-width: 499px) {
    .header-wrapper {
        width: 100%
    }

    .menu-overlay {
        display: none
    }
}

.header-mobile {
    display: flex;
    justify-content: space-between;
    padding: 16px 15px 0;
    background-color: #244545;
    position: relative
}

@media (max-width: 767px) {
    .header-mobile {
        align-items: center
    }
}

.header-mobile .burger-button {
    position: fixed;
    right: 0;
    top: 0;
    padding: 16px;
    z-index: 20
}

@media (max-width: 767px) {
    .header-mobile .burger-button {
        transition: .25s;
        top: 10px
    }

    .header-mobile .burger-button._top0 {
        top: 0
    }
}

.header-mobile .burger-button img {
    display: none
}

.header-mobile .burger-button img.active {
    display: flex
}

.header-mobile__logo {
    width: 125px
}

@media (max-width: 767px) {
    .header-mobile__logo {
        width: 90px
    }
}

.header-mobile__phone {
    margin-right: 50px
}

.header-mobile__phone a {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding-left: 28px;
    line-height: 1;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.25 19.806c-.916-.923-3.135-2.27-4.211-2.813-1.402-.706-1.517-.764-2.62.055-.734.546-1.223 1.034-2.083.851-.86-.184-2.73-1.218-4.366-2.85-1.637-1.63-2.731-3.554-2.915-4.411-.184-.858.312-1.34.853-2.077.763-1.039.705-1.212.053-2.614-.508-1.09-1.894-3.288-2.82-4.2-.992-.978-.992-.805-1.63-.54a9.239 9.239 0 00-1.49.794c-.924.614-1.436 1.123-1.794 1.889-.359.765-.52 2.56 1.33 5.92 1.85 3.362 3.149 5.08 5.835 7.76 2.687 2.679 4.753 4.12 7.773 5.813 3.736 2.092 5.169 1.684 5.937 1.327.768-.358 1.28-.866 1.894-1.788.31-.471.577-.97.796-1.489.266-.636.439-.636-.542-1.627z' stroke='%23fff' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 0 4px
}

.header-mobile__phone span {
    display: inline-flex;
    padding-top: 2px
}

@media (max-width: 767px) {
    .header-mobile__phone span {
        padding: 0 0 4px
    }
}

@media (max-width: 576px) {
    .header-mobile__phone a {
        font-size: 20px;
        background-position: 0 2px
    }
}

@media (max-width: 369px) {
    .header-mobile__phone a {
        background: none;
        padding-left: 15px
    }
}

@media (min-width: 768px) {

    .header-mobile,
    .mobile-contacts {
        display: none
    }
}

.info-card {
    position: relative;
    align-items: flex-start
}

.info-card__image {
    position: relative;
    padding-left: 20px;
    padding-top: 20px
}

.info-card__image:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 123%;
    border-left: 1px solid #8f9980;
    border-top: 1px solid #8f9980;
    background: linear-gradient(140deg, #8f9980, rgba(143, 153, 128, 0) 43.63%)
}

@media (max-width: 1199px) {
    .info-card__image:before {
        height: 110%
    }
}

@media (max-width: 767px) {
    .info-card__image:before {
        height: 120%
    }
}

.info-card__image img {
    display: block;
    position: relative
}

.info-card__about {
    position: relative;
    padding: 16px 16px 16px 36px;
    margin-left: 1px;
}

@media (max-width: 576px) {
    .info-card__about {
        padding: 20px 20px 8px
    }
}

.info-card__title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px
}

.info-card__text {
    font-size: 20px;
}

@media (max-width: 1199px) {
    .info-card__title {
        font-size: 20px
    }

    .info-card__text {
        font-size: 18px
    }
}

@media (max-width: 576px) {
    .info-card__title {
        font-size: 18px
    }

    .info-card__text {
        font-size: 16px
    }
}

.info-card._block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 32px 0
}

.info-card._block:last-child {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .info-card._block {
        flex-direction: column;
        margin: 16px 0
    }

    .info-card._block:last-child {
        margin-bottom: 0
    }
}

.info-card._block .info-card__about,
.info-card._block .info-card__image {
    width: calc(50% - 32px)
}

@media (max-width: 991px) {

    .info-card._block .info-card__about,
    .info-card._block .info-card__image {
        width: 100%
    }
}

.info-card._block .info-card__image {
    padding: 20px
}

.info-card._block .info-card__image img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.info-card._block .info-card__image:before {
    border: 0
}

.info-card._block .info-card__image:after {
    content: "";
    position: absolute;
    width: 60%;
    height: 60%;
    right: 0;
    bottom: 0;
    border-right: 1px solid #8f9980;
    border-bottom: 1px solid #8f9980
}

.info-card._block .info-card__about {
    padding: 20px 20px 20px 64px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.info-card._block .info-card__about .section-title {
    margin-bottom: 64px
}

.info-card._block._reverse,
.info-card._block:nth-child(2n) {
    flex-direction: row-reverse
}

.info-card._block._reverse .info-card__about,
.info-card._block:nth-child(2n) .info-card__about {
    padding: 20px 64px 20px 20px
}

@media (max-width: 1699px) {
    .info-card._block .info-card__about {
        padding: 20px 20px 20px 32px
    }

    .info-card._block .info-card__about .section-title {
        margin-bottom: 32px
    }

    .info-card._block._reverse .info-card__about,
    .info-card._block:nth-child(2n) .info-card__about {
        padding: 20px 32px 20px 20px
    }
}

@media (max-width: 991px) {
    .info-card._block .info-card__about {
        padding: 20px
    }

    .info-card._block .info-card__about .section-title {
        margin-bottom: 24px
    }

    .info-card._block._reverse,
    .info-card._block:nth-child(2n) {
        flex-direction: column
    }
}

@media (max-width: 576px) {
    .info-card._block .info-card__about {
        padding: 20px 0
    }

    .info-card._block .info-card__about .section-title {
        margin-bottom: 16px
    }

    .info-card._block._reverse .info-card__about,
    .info-card._block:nth-child(2n) .info-card__about {
        padding: 20px 0
    }
}

section._cards-reverse .info-card:nth-child(2n) {
    flex-direction: row
}

section._cards-reverse .info-card:nth-child(2n) .info-card__about {
    padding: 20px 20px 20px 64px
}

section._cards-reverse .info-card:nth-child(odd) {
    flex-direction: row-reverse
}

section._cards-reverse .info-card:nth-child(odd) .info-card__about {
    padding: 20px 64px 20px 20px
}

@media (max-width: 1699px) {
    section._cards-reverse .info-card .info-card__about {
        padding: 20px 20px 20px 32px
    }

    section._cards-reverse .info-card:nth-child(odd) .info-card__about {
        padding: 20px 32px 20px 20px
    }

    section._cards-reverse .info-card:nth-child(2n) .info-card__about {
        padding: 20px 20px 20px 32px
    }
}

@media (max-width: 991px) {

    section._cards-reverse .info-card:nth-child(2n),
    section._cards-reverse .info-card:nth-child(odd) {
        flex-direction: column
    }

    section._cards-reverse .info-card:nth-child(2n) .info-card__about,
    section._cards-reverse .info-card:nth-child(odd) .info-card__about {
        padding: 20px
    }
}

.section-top {
    position: relative
}

@media (max-width: 767px) {
    .section-top {
        margin-top: 60px
    }
}

.section-top__image {
    position: relative;
    display: flex;
    justify-content: flex-end
}

.section-top__image:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60%;
    background: linear-gradient(90deg, #244545, #244545 50.52%, rgba(36, 69, 69, 0));
    z-index: 1
}

@media (max-width: 991px) {
    .section-top__image:before {
        width: 75%
    }

    .section-top__image img {
        min-height: 550px;
        width: 100%;
        object-fit: cover
    }
}

@media (max-width: 767px) {
    .section-top__image:before {
        top: inherit;
        bottom: 0;
        height: 30%;
        width: 100%;
        background: linear-gradient(0deg, #244545, #244545 15%, rgba(36, 69, 69, 0))
    }

    .section-top__image img {
        min-height: 400px
    }
}

.section-top__info {
    position: absolute;
    z-index: 5;
    color: #fff;
    max-width: 550px;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width: 768px) {
    .section-top__info {
        left: 100px
    }
}

@media (min-width: 992px) {
    .section-top__info {
        left: 150px
    }
}

@media (min-width: 1200px) {
    .section-top__info {
        left: calc(50% - 435px)
    }
}

@media (min-width: 1300px) {
    .section-top__info {
        left: calc(50% - 490px)
    }
}

@media (min-width: 1700px) {
    .section-top__info {
        left: calc(50% - 670px)
    }
}

@media (max-width: 1299px) {
    .section-top__info {
        top: 50%;
        max-width: 425px
    }
}

@media (max-width: 991px) {
    .section-top__info {
        top: 55%;
        max-width: 380px
    }
}

@media (max-width: 767px) {
    .section-top__info {
        position: static;
        left: 0;
        top: 0;
        transform: none;
        max-width: inherit;
        background-color: #244545;
        padding: 30px 15px 80px
    }
}

.section-top .white-mosaic-line {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1
}

.section-top ._swiper-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5);
    border-color: transparent;
    padding: 29px
}

@media (max-width: 767px) {
    .section-top ._swiper-button {
        padding: 20px;
        top: 30%
    }
}

.section-top ._swiper-button:hover {
    border-color: #fff
}

.section-top .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1L4 9l8 8' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

@media (min-width: 992px) {
    .section-top .swiper-button-prev {
        left: 15px
    }
}

@media (min-width: 1200px) {
    .section-top .swiper-button-prev {
        left: calc(50% - 555px)
    }
}

@media (min-width: 1300px) {
    .section-top .swiper-button-prev {
        left: calc(50% - 640px)
    }
}

@media (min-width: 1700px) {
    .section-top .swiper-button-prev {
        left: calc(50% - 820px)
    }
}

.section-top .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1l8 8-8 8' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

@media (min-width: 992px) {
    .section-top .swiper-button-next {
        right: 15px
    }
}

@media (min-width: 1200px) {
    .section-top .swiper-button-next {
        right: calc(50% - 555px)
    }
}

@media (min-width: 1300px) {
    .section-top .swiper-button-next {
        right: calc(50% - 640px)
    }
}

@media (min-width: 1700px) {
    .section-top .swiper-button-next {
        right: calc(50% - 820px)
    }
}

.section-top__title {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 16px;
}

@media (max-width: 1199px) {
    .section-top__title {
        font-size: 35px
    }
}

@media (max-width: 991px) {
    .section-top__title {
        font-size: 30px
    }
}

@media (max-width: 576px) {
    .section-top__title {
        font-size: 25px
    }
}

.section-top__subtitle {
    font-size: 35px;
    margin-bottom: 16px
}

@media (max-width: 1199px) {
    .section-top__subtitle {
        font-size: 30px
    }
}

@media (max-width: 991px) {
    .section-top__subtitle {
        font-size: 25px
    }
}

@media (max-width: 576px) {
    .section-top__subtitle {
        font-size: 20px
    }
}

.section-top__text {
    font-size: 20px;
    line-height: 1.3
}

@media (max-width: 1299px) {
    .section-top__text {
        font-size: 16px;
        line-height: 1.2
    }
}

@media (min-width: 768px) {
    .section-top__info {
        transform: translateY(-50%) scale(0);
        transition: .5s
    }

    .swiper-slide-active .section-top__info {
        transform: translateY(-50%) scale(1);
        transition: .5s ease-in-out;
        transition-delay: .5s
    }
}

section.promotion {
    padding: 90px 0 30px
}

@media (max-width: 1199px) {
    section.promotion {
        padding: 50px 0
    }
}

.promotion .info-card__title {
    text-transform: uppercase;
}

.promotionSwiper,
.promotionSwiper2 {
    transition: .25s
}

.promotionSwiper2 img,
.promotionSwiper img {
    width: 100%;
    height: 16vw;
    object-fit: cover
}

.promotionSwiper2 .swiper-wrapper,
.promotionSwiper .swiper-wrapper {
    padding-left: 0;
    transition: .25s
}

@media (min-width: 1500px) {
    padding-left: 15px;
}

.promotionSwiper2 .swiper-button-wrap,
.promotionSwiper .swiper-button-wrap {
    display: flex;
    margin-bottom: 32px;
    margin-top: 40px
}

@media (max-width: 1499px) {

    .promotionSwiper2 img,
    .promotionSwiper img {
        height: 24vw
    }
}

@media (max-width: 1199px) {

    .promotionSwiper2 .swiper-button-wrap,
    .promotionSwiper .swiper-button-wrap {
        margin-top: 20px
    }
}

@media (max-width: 991px) {

    .promotionSwiper2 img,
    .promotionSwiper img {
        height: 36vw
    }
}

@media (max-width: 767px) {

    .promotionSwiper2 .swiper-button-wrap,
    .promotionSwiper .swiper-button-wrap {
        margin-top: 0
    }
}

@media (max-width: 459px) {

    .promotionSwiper2 img,
    .promotionSwiper img {
        height: 70vw
    }

    .promotionSwiper2 .swiper-slide .info-card.even,
    .promotionSwiper2 .swiper-slide .info-card.odd,
    .promotionSwiper .swiper-slide .info-card.even,
    .promotionSwiper .swiper-slide .info-card.odd {
        top: 0
    }
}

.promotionSwiper2 .info-card,
.promotionSwiper .info-card {
    position: relative;
    padding-bottom: 60px
}

@media (max-width: 1499px) {

    .promotionSwiper2 .info-card,
    .promotionSwiper .info-card {
        width: calc(100% - 30px);
        margin-left: 30px
    }
}

@media (max-width: 991px) {

    .promotionSwiper2 .info-card,
    .promotionSwiper .info-card {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width: 459px) {

    .promotionSwiper2 .info-card,
    .promotionSwiper .info-card {
        width: calc(100% - 30px);
        margin-left: 15px;
        padding-bottom: 0
    }
}

@media (max-width: 459px) {

    .promotionSwiper2 .info-card__about,
    .promotionSwiper .info-card__about {
        padding: 16px
    }
}

.promotionSwiper2 .info-card__image,
.promotionSwiper .info-card__image {
    position: relative
}

@media (min-width: 992px) {

    .promotionSwiper2 .info-card__layout,
    .promotionSwiper .info-card__layout {
        position: absolute;
        left: 20px;
        top: 20px;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(36, 69, 69, .75);
        transform: scale(0);
        transition: .4s
    }

    .promotionSwiper2 .info-card__layout .btn-wrap,
    .promotionSwiper .info-card__layout .btn-wrap {
        opacity: 0
    }

    .promotionSwiper2 .info-card:hover .info-card__layout,
    .promotionSwiper .info-card:hover .info-card__layout {
        transform: scale(1)
    }

    .promotionSwiper2 .info-card:hover .info-card__layout .btn-wrap,
    .promotionSwiper .info-card:hover .info-card__layout .btn-wrap {
        opacity: 1;
        transition-delay: .4s
    }
}

@media (max-width: 991px) {

    .promotionSwiper2 .info-card__layout,
    .promotionSwiper .info-card__layout {
        display: none
    }

    .promotionSwiper2 .info-card__mobile-button,
    .promotionSwiper .info-card__mobile-button {
        display: flex;
        justify-content: center
    }
}

.promotionSwiper2.up .swiper-slide .info-card.odd,
.promotionSwiper.up .swiper-slide .info-card.odd {
    top: 60px
}

.promotionSwiper2.up .swiper-slide .info-card.even,
.promotionSwiper.up .swiper-slide .info-card.even {
    top: 0
}

@media (max-width: 459px) {

    .promotionSwiper2.up .swiper-slide .info-card.even,
    .promotionSwiper2.up .swiper-slide .info-card.odd,
    .promotionSwiper.up .swiper-slide .info-card.even,
    .promotionSwiper.up .swiper-slide .info-card.odd {
        top: 0
    }
}

.promotionSwiper2[data-slides="1"] .swiper-wrapper.start,
.promotionSwiper[data-slides="1"] .swiper-wrapper.start {
    padding-left: 10px
}

.promotionSwiper2[data-slides="1"] .swiper-button-wrap,
.promotionSwiper[data-slides="1"] .swiper-button-wrap {
    display: none
}

@media (min-width: 1500px) {

    .promotionSwiper2[data-slides="1"] .swiper-wrapper.start,
    .promotionSwiper2[data-slides="2"] .swiper-wrapper.start,
    .promotionSwiper2[data-slides="3"] .swiper-wrapper.start,
    .promotionSwiper2[data-slides="4"] .swiper-wrapper.start,
    .promotionSwiper[data-slides="1"] .swiper-wrapper.start,
    .promotionSwiper[data-slides="2"] .swiper-wrapper.start,
    .promotionSwiper[data-slides="3"] .swiper-wrapper.start,
    .promotionSwiper[data-slides="4"] .swiper-wrapper.start {
        padding-left: 10px;
        justify-content: center
    }

    .promotionSwiper2[data-slides="1"] .swiper-wrapper.start .swiper-slide:last-child,
    .promotionSwiper2[data-slides="2"] .swiper-wrapper.start .swiper-slide:last-child,
    .promotionSwiper2[data-slides="3"] .swiper-wrapper.start .swiper-slide:last-child,
    .promotionSwiper2[data-slides="4"] .swiper-wrapper.start .swiper-slide:last-child,
    .promotionSwiper[data-slides="1"] .swiper-wrapper.start .swiper-slide:last-child,
    .promotionSwiper[data-slides="2"] .swiper-wrapper.start .swiper-slide:last-child,
    .promotionSwiper[data-slides="3"] .swiper-wrapper.start .swiper-slide:last-child,
    .promotionSwiper[data-slides="4"] .swiper-wrapper.start .swiper-slide:last-child {
        margin-right: 0 !important
    }

    .promotionSwiper2[data-slides="1"] .swiper-button-wrap,
    .promotionSwiper2[data-slides="2"] .swiper-button-wrap,
    .promotionSwiper2[data-slides="3"] .swiper-button-wrap,
    .promotionSwiper2[data-slides="4"] .swiper-button-wrap,
    .promotionSwiper[data-slides="1"] .swiper-button-wrap,
    .promotionSwiper[data-slides="2"] .swiper-button-wrap,
    .promotionSwiper[data-slides="3"] .swiper-button-wrap,
    .promotionSwiper[data-slides="4"] .swiper-button-wrap {
        display: none
    }
}

@media (min-width: 992px) {

    .promotionSwiper2[data-slides="1"] .swiper-wrapper.start,
    .promotionSwiper2[data-slides="2"] .swiper-wrapper.start,
    .promotionSwiper2[data-slides="3"] .swiper-wrapper.start,
    .promotionSwiper[data-slides="1"] .swiper-wrapper.start,
    .promotionSwiper[data-slides="2"] .swiper-wrapper.start,
    .promotionSwiper[data-slides="3"] .swiper-wrapper.start {
        padding-left: 10px;
        justify-content: center
    }

    .promotionSwiper2[data-slides="1"] .swiper-button-wrap,
    .promotionSwiper2[data-slides="2"] .swiper-button-wrap,
    .promotionSwiper2[data-slides="3"] .swiper-button-wrap,
    .promotionSwiper[data-slides="1"] .swiper-button-wrap,
    .promotionSwiper[data-slides="2"] .swiper-button-wrap,
    .promotionSwiper[data-slides="3"] .swiper-button-wrap {
        display: none
    }
}

@media (min-width: 460px) {

    .promotionSwiper2[data-slides="1"] .swiper-wrapper.start,
    .promotionSwiper2[data-slides="2"] .swiper-wrapper.start,
    .promotionSwiper[data-slides="1"] .swiper-wrapper.start,
    .promotionSwiper[data-slides="2"] .swiper-wrapper.start {
        padding-left: 10px;
        justify-content: center
    }

    .promotionSwiper2[data-slides="1"] .swiper-button-wrap,
    .promotionSwiper2[data-slides="2"] .swiper-button-wrap,
    .promotionSwiper[data-slides="1"] .swiper-button-wrap,
    .promotionSwiper[data-slides="2"] .swiper-button-wrap {
        display: none
    }
}

.swiper-slide .info-card.odd {
    top: 0;
    transition: .5s ease-in-out
}

.swiper-slide .info-card.even {
    top: 60px;
    transition: .5s ease-in-out
}

.section-title._with-buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.section-title._with-buttons .swiper-button-wrap {
    margin: 0 0 0 20px;
}

@media (max-width: 767px) {
    .section-title._with-buttons {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .section-title._with-buttons .swiper-button-wrap {
        margin: 20px 0;
    }
}

section.review {
    background: #f3f5f0 url(/local/templates/saimala/common/img/reviewBg.webp) top/1920px no-repeat;
    padding: 105px 0 96px
}

@media (max-width: 991px) {
    section.review {
        padding: 75px 0
    }
}

@media (max-width: 576px) {
    section.review {
        padding: 60px 0
    }
}

.reviewSwiper .swiper-wrapper {
    min-height: 650px
}

@media (max-width: 991px) {
    .reviewSwiper .swiper-wrapper {
        zoom: .95;
        min-height: 500px
    }
}

.reviewSwiper .section-title._with-buttons .swiper-button-wrap {
    margin-left: 17%
}

@media (max-width: 1699px) {
    .reviewSwiper .section-title._with-buttons .swiper-button-wrap {
        margin-left: 14%
    }
}

@media (max-width: 1599px) {
    .reviewSwiper .section-title._with-buttons .swiper-button-wrap {
        margin-left: 11%
    }
}

@media (max-width: 1499px) {
    .reviewSwiper .section-title._with-buttons .swiper-button-wrap {
        margin-left: 8%
    }
}

@media (max-width: 1399px) {
    .reviewSwiper .section-title._with-buttons .swiper-button-wrap {
        margin-left: 5%
    }
}

@media (max-width: 1299px) {
    .reviewSwiper .section-title._with-buttons .swiper-button-wrap {
        margin-left: 2%
    }
}

@media (max-width: 1199px) {
    .reviewSwiper .section-title._with-buttons .swiper-button-wrap {
        margin-left: 50px
    }
}

@media (max-width: 767px) {
    .reviewSwiper .section-title._with-buttons .swiper-button-wrap {
        margin-left: 0;
        margin-top: 20px;
    }
}

.reviewSwiper .reviewSwiper-wrap {
    display: flex;
    flex-direction: column
}

.reviewSwiper .review__place {
    color: #a86f5f;
    display: none
}

.reviewSwiper .review-head {
    background-position: calc(100% - 60px) 60px;
    background-repeat: no-repeat;
    display: flex;
    position: relative;
    margin: 0 auto;
    padding: 60px 40px;
    background-color: #fff;
    transition: .4s
}

@media (max-width: 1199px) {
    .reviewSwiper .review-head {
        background-position: calc(100% - 30px) 30px
    }
}

.reviewSwiper .review-body {
    opacity: 0;
    transform: scale(0);
    overflow: hidden;
    font-size: 20px;
    padding-top: 16px;
    margin-top: 24px;
    height: 100%;
    max-height: 200px;
    position: relative;
    transition: .25s
}

.reviewSwiper .review-body:after {
    content: "";
    position: absolute;
    left: 60px;
    top: 0;
    width: calc(100% - 120px);
    height: 1px;
    background-color: rgba(0, 0, 0, .15)
}

.reviewSwiper .review-body.overlay:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, transparent 76%, #fcfcfa 100%);
    background: -webkit-linear-gradient(top, transparent 76%, #fcfcfa);
    background: linear-gradient(180deg, transparent 76%, #fcfcfa);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent", endColorstr="#FCFCFA", GradientType=0)
}

@media (max-width: 1199px) {
    .reviewSwiper .review-body {
        font-size: 18px
    }

    .reviewSwiper .review-body:after {
        left: 30px;
        width: calc(100% - 60px)
    }
}

@media (max-width: 576px) {
    .reviewSwiper .review-body {
        font-size: 16px
    }
}

.reviewSwiper .review-body+.read-more {
    display: none
}

.reviewSwiper .review__image img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    opacity: .5
}

@media (max-width: 576px) {
    .reviewSwiper .review__image img {
        width: 120px;
        height: 120px
    }
}

@media (max-width: 369px) {
    .reviewSwiper .review__image img {
        width: 100px;
        height: 100px
    }
}

.reviewSwiper .review__name {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px
}

@media (max-width: 576px) {
    .reviewSwiper .review__name {
        font-size: 20px
    }
}

.reviewSwiper .review__date {
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: grey
}

@media (max-width: 576px) {
    .reviewSwiper .review__date {
        font-size: 14px
    }
}

.reviewSwiper .swiper-slide-active .reviewSwiper-wrap {
    background: linear-gradient(180deg, #e9eee1, #fff)
}

.reviewSwiper .swiper-slide-active .review-body {
    opacity: 1;
    transform: scale(1);
    padding: 16px 60px;
    transition: .5s
}

@media (max-width: 1199px) {
    .reviewSwiper .swiper-slide-active .review-body {
        padding: 16px 30px
    }
}

.reviewSwiper .swiper-slide-active .review-body.open {
    max-height: inherit;
    transition: .4s
}

.reviewSwiper .swiper-slide-active .review-body.open.overlay:before {
    display: none
}

.reviewSwiper .swiper-slide-active .review-body.overlay+.read-more {
    display: flex;
    justify-content: center;
    cursor: pointer;
    color: #a86f5f;
    padding: 16px 0;
    position: relative;
    z-index: 10
}

.reviewSwiper .swiper-slide-active .review-body.overlay+.read-more span {
    position: relative
}

.reviewSwiper .swiper-slide-active .review-body.overlay+.read-more span:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 1px;
    height: 1px;
    width: 0;
    background-color: #a86f5f;
    transition: .25s
}

.reviewSwiper .swiper-slide-active .review-body.overlay+.read-more:hover span:before {
    left: 0;
    width: 100%
}

.reviewSwiper .swiper-slide-active .review-body.overlay+.read-more ._js-close {
    display: none
}

.reviewSwiper .swiper-slide-active .review-body.overlay+.read-more.show ._js-close {
    display: inline-flex
}

.reviewSwiper .swiper-slide-active .review-body.overlay+.read-more.show ._js-open {
    display: none
}

.reviewSwiper .swiper-slide-active .review-head {
    flex-direction: row;
    align-items: flex-start;
    margin: 0;
    padding: 60px 60px 0;
    background-size: 80px;
    background-image: url(/local/templates/saimala/common/img/quote.svg);
    background-color: transparent
}

@media (max-width: 1199px) {
    .reviewSwiper .swiper-slide-active .review-head {
        background-size: 40px;
        padding: 30px 30px 0
    }
}

@media (max-width: 576px) {
    .reviewSwiper .swiper-slide-active .review-head {
        background-size: 30px
    }
}

.reviewSwiper .swiper-slide-active .review__image img {
    opacity: 1
}

.reviewSwiper .swiper-slide-active .review__date,
.reviewSwiper .swiper-slide-active .review__name,
.reviewSwiper .swiper-slide-active .review__place {
    position: relative;
    top: 0;
    text-align: left;
    width: auto;
    transition: .5s
}

.reviewSwiper .swiper-slide-active .review__date {
    color: #244545
}

.reviewSwiper .swiper-slide-active .review__name {
    margin-bottom: 4px
}

.reviewSwiper .swiper-slide-active .review__place {
    display: inherit;
    margin-bottom: 8px
}

.reviewSwiper .swiper-slide-active .review__info {
    margin-left: 16px
}

@media (max-width: 991px) {
    .reviewSwiper .swiper-wrapper {
        margin-left: 2.5%
    }

    .reviewSwiper .reviewSwiper-wrap {
        background: linear-gradient(180deg, #e9eee1, #fff)
    }

    .reviewSwiper .review-body {
        opacity: 1;
        transform: scale(1);
        padding: 16px 30px
    }

    .reviewSwiper .review-body.open {
        max-height: inherit
    }

    .reviewSwiper .review-head {
        flex-direction: row;
        align-items: flex-start;
        margin: 0;
        padding: 30px 30px 0;
        background-size: 80px;
        background-image: url(/local/templates/saimala/common/img/quote.svg);
        background-color: transparent
    }
}

@media (max-width: 991px)and (max-width: 1199px) {
    .reviewSwiper .review-head {
        background-size: 40px
    }
}

@media (max-width: 991px)and (max-width: 576px) {
    .reviewSwiper .review-head {
        background-size: 30px
    }
}

@media (max-width: 991px) {
    .reviewSwiper .review-body.overlay+.read-more {
        display: flex !important;
        justify-content: center;
        cursor: pointer;
        color: #a86f5f;
        padding: 16px 0;
        position: relative;
        z-index: 10
    }

    .reviewSwiper .review-body.overlay+.read-more ._js-close {
        display: none
    }
}

@media (max-width: 991px) {
    .reviewSwiper .review-body.open.overlay+.read-more ._js-close {
        display: block
    }

    .reviewSwiper .review-body.open.overlay+.read-more ._js-open {
        display: none
    }
}

@media (max-width: 991px) {
    .reviewSwiper .review__image img {
        opacity: 1
    }
}

@media (max-width: 991px) {

    .reviewSwiper .review__date,
    .reviewSwiper .review__name,
    .reviewSwiper .review__place {
        position: relative;
        top: 0;
        text-align: left;
        width: auto;
        transition: .5s
    }
}

@media (max-width: 991px) {
    .reviewSwiper .review__date {
        color: #244545
    }
}

@media (max-width: 991px) {
    .reviewSwiper .review__name {
        margin-bottom: 4px
    }
}

@media (max-width: 991px) {
    .reviewSwiper .review__place {
        display: inherit;
        margin-bottom: 8px
    }
}

@media (max-width: 991px) {
    .reviewSwiper .review__info {
        margin-left: 16px
    }
}

.section-contacts {
    padding: 90px 0;
    position: relative
}

@media (max-width: 1199px) {
    .section-contacts {
        padding: 70px 0
    }
}

@media (max-width: 576px) {
    .section-contacts {
        padding: 50px 0
    }
}

.section-contacts .contacts-wrap {
    display: flex;
    padding-top: 20px
}

@media (max-width: 991px) {
    .section-contacts .contacts-wrap {
        flex-direction: column-reverse;
        padding-top: 0
    }
}

.section-contacts .contacts-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 40%;
    color: #fff;
    padding: 32px;
    font-size: 20px
}

@media (max-width: 1299px) {
    .section-contacts .contacts-info {
        font-size: 18px
    }
}

@media (max-width: 991px) {
    .section-contacts .contacts-info {
        width: 100%
    }
}

@media (max-width: 576px) {
    .section-contacts .contacts-info {
        font-size: 16px
    }
}

.section-contacts .contacts-info__point {
    margin-bottom: 30px;
    display: flex;
    align-items: flex-start
}

.section-contacts .contacts-info__point:last-child {
    margin-bottom: 0
}

.section-contacts .contacts-info__point span {
    margin-left: 10px
}

.section-contacts .contacts-info__point svg path {
    transition: .25s
}

.section-contacts .contacts-info__point._email,
.section-contacts .contacts-info__point._phone,
.section-contacts .contacts-info__point._vk {
    color: #fff;
    transition: .25s
}

.section-contacts .contacts-info__point._email span,
.section-contacts .contacts-info__point._phone span,
.section-contacts .contacts-info__point._vk span {
    margin-top: 2px
}

@media (max-width: 1299px) {

    .section-contacts .contacts-info__point._email span,
    .section-contacts .contacts-info__point._phone span,
    .section-contacts .contacts-info__point._vk span {
        margin-top: 4px
    }
}

.section-contacts .contacts-info__point._email:hover,
.section-contacts .contacts-info__point._phone:hover,
.section-contacts .contacts-info__point._vk:hover {
    text-decoration: none;
    color: #a4aa96
}

.section-contacts .contacts-info__point._email:hover svg path,
.section-contacts .contacts-info__point._phone:hover svg path,
.section-contacts .contacts-info__point._vk:hover svg path {
    stroke: #a4aa96
}

.section-contacts .contacts-info__point._phone {
    font-weight: 600
}

.section-contacts .contacts-info__point._vk svg {
    width: 26px;
    height: 100%;
    object-fit: contain
}

.section-contacts .contacts-info__point._vk:hover svg path {
    stroke: transparent;
    fill: #a4aa96
}

.section-contacts .contacts-info__point._address,
.section-contacts .contacts-info__point._time {
    color: #fff;
}

.section-contacts .contacts-info__point._address:hover,
.section-contacts .contacts-info__point._time:hover {
    text-decoration: none;
}

.section-contacts .contacts-info__point._address span,
.section-contacts .contacts-info__point._time span {
    margin-left: 0
}

.section-contacts .contacts-info__point._address .contacts-info__point__text,
.section-contacts .contacts-info__point._time .contacts-info__point__text {
    margin-left: 10px
}

.section-contacts .contacts-info__point._address .contacts-info__point__title,
.section-contacts .contacts-info__point._time .contacts-info__point__title {
    text-transform: uppercase;
    font-weight: 700;
    padding: 2px 0
}

.section-contacts .social-block {
    display: flex;
    margin-top: 10px
}

.section-contacts .social-block__point {
    padding: 12px;
    margin: 0 8px
}

.section-contacts .social-block__point:first-child {
    margin-left: 0
}

.section-contacts .social-block__point:last-child {
    margin-right: 0
}

.section-contacts .social-block__point svg path {
    transition: .25s
}

.section-contacts .social-block__point:hover {
    text-decoration: none
}

.section-contacts .social-block__point:hover svg path {
    fill: #a4aa96
}

.section-contacts .map-area {
    width: 60%;
    min-height: 500px
}

.section-contacts .map-area iframe {
    height: 100%
}

@media (max-width: 991px) {
    .section-contacts .map-area {
        min-height: inherit;
        height: 500px;
        width: 100%
    }
}

@media (max-width: 576px) {
    .section-contacts .map-area {
        height: 400px
    }
}

#wrapMapAll,
#wrapMapSaima,
#wrapMapVyborg,
#wrapMapOhta {
    position: relative;
    cursor: help;
    overflow: hidden
}

#wrapMapAll .mapTitle,
#wrapMapSaima .mapTitle,
#wrapMapVyborg .mapTitle,
#wrapMapOhta .mapTitle {
    position: absolute;
    z-index: 1000;
    display: none;
    padding: 5px 20px;
    border-radius: 5px;
    background: #eaeee2
}

.newsletter {
    padding: 90px 0
}

@media (max-width: 1199px) {
    .newsletter {
        padding: 30px 0 70px
    }
}

@media (max-width: 576px) {
    .newsletter {
        padding: 0 0 50px
    }
}

@media (min-width: 992px) {
    .newsletter .c-container {
        max-width: 850px
    }
}

.newsletter-form .form-wrap {
    display: flex;
    align-items: flex-end;
    padding: 24px 0
}

@media (max-width: 767px) {
    .newsletter-form .form-wrap {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width: 576px) {
    .newsletter-form .form-wrap {
        padding: 0 0 20px
    }
}

.newsletter-form .form__point {
    margin-right: 16px;
    flex-grow: 1
}

@media (max-width: 767px) {
    .newsletter-form .form__point {
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px
    }
}

.newsletter-form .page-btn {
    padding: 10px 22px 11px
}

section.information {
    padding: 90px 0 0
}

@media (max-width: 1199px) {
    section.information {
        padding: 60px 0 0
    }
}

@media (max-width: 576px) {
    section.information {
        padding: 30px 0 0
    }
}

@media (min-width: 1300px) {
    .c-container._promotion {
        max-width: 1280px;
        margin: 0 auto
    }
}

.promotion-item {
    padding: 90px 0
}

@media (max-width: 1199px) {
    .promotion-item {
        padding: 60px 0
    }
}

@media (max-width: 576px) {
    .promotion-item {
        padding: 30px 0
    }
}

.promotion-block {
    color: #303030;
    font-size: 20px;
    padding-bottom: 80px
}

@media (max-width: 1399px) {
    .promotion-block {
        font-size: 18px;
        padding-bottom: 60px
    }
}

@media (max-width: 1199px) {
    .promotion-block {
        font-size: 18px;
        padding-bottom: 40px
    }
}

@media (max-width: 576px) {
    .promotion-block {
        font-size: 16px
    }
}

@media (min-width: 992px) {
    .promotion-block__about {
        padding-top: 18px;
    }
}

.promotion-block__image {
    width: 50%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    padding-top: 20px
}

.promotion-block__image:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: calc(100% + 20px);
    border-left: 1px solid #8f9980;
    border-top: 1px solid #8f9980;
    background: linear-gradient(140deg, #8f9980, rgba(143, 153, 128, 0) 43.63%)
}

.promotion-block__image._img-left {
    float: left;
    margin-right: 30px
}

.promotion-block__image._img-right {
    float: right;
    margin-left: 30px;
    padding-left: 0;
    padding-right: 20px
}

.promotion-block__image._img-right:before {
    content: "";
    position: absolute;
    left: 20%;
    top: 0;
    width: 80%;
    height: calc(100% + 20px);
    border-left: 0;
    border-right: 1px solid #8f9980;
    border-top: 1px solid #8f9980;
    background: linear-gradient(235deg, #8f9980, rgba(143, 153, 128, 0) 43.63%)
}

.promotion-block__image img {
    width: 100%;
    display: block;
    position: relative
}

@media (max-width: 991px) {
    .promotion-block__image {
        margin-bottom: 40px;
        width: 100%;
        float: none
    }

    .promotion-block__image._img-left {
        margin-right: 0
    }

    .promotion-block__image._img-right {
        margin-left: 0
    }
}

.promotion-block__date {
    font-size: 18px;
    margin-bottom: 16px
}

@media (max-width: 1399px) {
    .promotion-block__date {
        font-size: 16px
    }
}

.promotion-block__title {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 16px;
    text-transform: uppercase
}

@media (max-width: 1399px) {
    .promotion-block__title {
        font-size: 35px
    }
}

@media (max-width: 1199px) {
    .promotion-block__title {
        font-size: 30px
    }
}

@media (max-width: 576px) {
    .promotion-block__title {
        font-size: 25px
    }
}

.promotion-block__text ol,
.promotion-block__text ul {
    display: flex;
    flex-direction: column;
}

@media (max-width: 991px) {

    .promotion-block__text ol,
    .promotion-block__text ul {
        display: inherit;
    }
}

.promotion-block__text ol li,
.promotion-block__text ul li {
    margin-bottom: 15px;
}

.promotion-block__text ol li:last-child,
.promotion-block__text ul li:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .promotion-block__mobile._show-991 {
        display: none !important;
    }

    .promotion-block__date._hide-991,
    .promotion-block__title._hide-991 {
        display: block !important;
    }
}

.promotion-item__navigation {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.promotion-item__navigation a {
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    text-decoration: none;
    color: #244545;
    text-transform: uppercase
}

.promotion-item__navigation a .navigation-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #244545;
    background-color: transparent;
    width: 52px;
    height: 52px;
    margin-right: 14px;
    transition: .25s
}

.promotion-item__navigation a .navigation-button svg path {
    transition: .25s
}

.promotion-item__navigation a:hover {
    text-decoration: none
}

.promotion-item__navigation a:hover .navigation-button {
    background-color: #3f6969;
    border-color: #3f6969
}

.promotion-item__navigation a:hover .navigation-button svg path {
    stroke: #fff
}

.promotion-item__navigation a._all {
    margin: 0 14px;
    text-decoration: underline
}

.promotion-item__navigation a._all:hover {
    text-decoration: none
}

.promotion-item__navigation a._next .navigation-button {
    transform: rotate(180deg);
    margin-right: 0;
    margin-left: 14px
}

@media (max-width: 991px) {
    .promotion-item__navigation a {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .promotion-item__navigation a span {
        display: none
    }
}

.back-to-main {
    padding: 60px 0
}

@media (max-width: 1399px) {
    .back-to-main {
        padding: 50px 0
    }
}

@media (max-width: 991px) {
    .back-to-main {
        padding: 40px 0
    }
}

@media (max-width: 576px) {
    .back-to-main {
        padding: 30px 0;
    }
}

@media (max-width: 767px) {
    .back-to-main>.c-container {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
}

.back-to-main .section-title {
    color: #fff
}

@media (max-width: 576px) {
    .back-to-main .section-title {
        padding-top: 10px
    }
}

.back-to-main .link-back {
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    line-height: 1
}

@media (max-width: 767px) {
    .back-to-main .link-back {
        position: static;
        transform: none;
        margin-top: 20px;
    }
}

.back-to-main .link-back:before {
    margin-bottom: 4px;
    margin-right: 10px;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transition: .25s;
    transition: .25s
}

.back-to-main .link-back:hover {
    text-decoration: none;
    color: #a4aa96
}

.back-to-main .link-back:hover:before {
    border-color: #a4aa96
}

.section-error {
    padding: 0 0 90px 0;
}

@media (max-width: 1199px) {
    .section-error {
        padding: 0 0 50px 0;
    }
}

.section-error img {
    max-width: 960px;
    margin: 0 auto 32px;
}

@media (max-width: 991px) {
    .section-error img {
        width: 100%;
    }
}

section.content {
    padding: 90px 0;
}

@media (max-width: 1199px) {
    section.content {
        padding: 50px 0;
    }
}

@media (max-width: 576px) {
    section.content {
        padding: 30px 0;
    }
}

section.content .content-wrap>*:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

section.content ul,
section.content ol {
    margin-bottom: 22px;
}

section.content ul li,
section.content ol li {
    margin-bottom: 10px;
}

.footer {
    background-color: #244545;
    font-size: 16px
}

.footer-title {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 32px
}

@media (max-width: 991px) {
    .footer-title {
        margin-bottom: 16px
    }
}

.footer-content {
    padding: 32px 0;
    display: flex;
    justify-content: space-between
}

@media (max-width: 991px) {
    .footer-content {
        flex-wrap: wrap
    }
}

@media (max-width: 576px) {
    .footer-content {
        align-items: stretch;
        flex-direction: column;
        padding-bottom: 0
    }

    .footer-content .footer-left {
        order: 3
    }

    .footer-content .footer-right {
        order: 2
    }

    .footer-content .footer__logo-mobile {
        order: 1
    }
}

.footer-left,
.footer-menu {
    width: 25%;
    margin: 0 16px
}

@media (max-width: 991px) {

    .footer-left,
    .footer-menu {
        width: calc(50% - 32px)
    }
}

@media (max-width: 576px) {

    .footer-left,
    .footer-menu {
        width: auto;
        margin: 0 0 40px;
        text-align: center
    }
}

.footer-contacts,
.footer-subscribe {
    width: 50%;
    margin: 0 16px
}

@media (max-width: 1199px) {

    .footer-contacts,
    .footer-subscribe {
        width: auto
    }
}

.footer-left {
    margin-left: 0
}

@media (max-width: 1199px) {
    .footer-left {
        width: 33%
    }
}

@media (max-width: 991px) {
    .footer-left {
        margin: 0 32px 0 0;
        width: calc(50% - 32px)
    }
}

@media (max-width: 576px) {
    .footer-left {
        width: 100%;
        margin: 0
    }

    .footer-left .footer__logo {
        display: none
    }
}

.footer-right {
    display: flex;
    width: 50%
}

@media (max-width: 1199px) {
    .footer-right {
        width: 66%
    }
}

@media (max-width: 991px) {
    .footer-right {
        width: 50%;
        flex-direction: column-reverse
    }
}

@media (max-width: 576px) {
    .footer-right {
        width: 100%;
        margin-bottom: 32px
    }
}

.footer__logo {
    margin-bottom: 32px;
    display: flex
}

.footer__requisites {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #fff
}

@media (max-width: 991px) {
    .footer__requisites {
        margin-bottom: 32px
    }
}

@media (max-width: 576px) {
    .footer__requisites {
        margin-bottom: 0
    }
}

.footer__requisites .ip-name {
    margin-bottom: 16px
}

.footer-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.footer-menu .menu__point {
    color: #fff;
    line-height: 1;
    padding: 4px 0;
    margin-bottom: 16px;
    position: relative;
    text-transform: uppercase
}

@media (min-width: 992px) {
    .footer-menu .menu__point:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 1px;
        height: 1px;
        width: 0;
        background-color: #fff;
        transition: .25s
    }

    .footer-menu .menu__point:hover {
        text-decoration: none
    }

    .footer-menu .menu__point:hover:before {
        left: 0;
        width: 100%
    }
}

@media (max-width: 1199px) {
    .footer-menu {
        display: none
    }
}

.footer-subscribe {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (max-width: 1199px) {
    .footer-subscribe {
        min-width: 200px;
    }
}

@media (max-width: 991px) {
    .footer-subscribe {
        margin-right: 0;
        margin-left: 0
    }
}

.footer-subscribe .subscribe__point {
    text-transform: uppercase;
    color: #a4aa96;
    display: flex;
    align-items: center;
    padding: 4px 0;
    margin-bottom: 8px
}

@media (max-width: 991px) {
    .footer-subscribe .subscribe__point {
        margin-bottom: 0
    }
}

.footer-subscribe .subscribe__point:first-child {
    padding-top: 0
}

.footer-subscribe .subscribe__point span {
    margin-left: 16px;
    padding-top: 4px
}

.footer-subscribe .subscribe__point svg path {
    transition: .25s
}

.footer-subscribe .subscribe__point:hover,
.footer-subscribe .subscribe__point:hover span {
    text-decoration: none
}

.footer-subscribe .subscribe__point:hover svg path {
    fill: #a4aa96
}

.footer-subscribe .footer-contacts__point {
    margin-top: 32px
}

.footer-subscribe .footer-contacts__title {
    font-weight: 400
}

@media (max-width: 991px) {
    .footer-subscribe .footer-contacts__point {
        margin-top: 16px
    }
}

@media (max-width: 576px) {
    .footer-subscribe {
        align-items: center
    }
}

.footer-contacts {
    color: #fff;
    margin-right: 0
}

.footer-contacts__point {
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #fff
}

@media (max-width: 991px) {
    .footer-contacts__point {
        margin-bottom: 16px
    }
}

.footer-contacts__point:hover {
    text-decoration: none
}

.footer-contacts__point:last-child {
    margin-bottom: 0
}

.footer-contacts__title {
    color: #8c8985;
    margin-bottom: 4px;
    font-weight: 600
}

.footer-contacts__email,
.footer-contacts__phone {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
    transition: .25s
}

.footer-contacts__email span,
.footer-contacts__phone span {
    margin-left: 16px
}

.footer-contacts__email svg path,
.footer-contacts__phone svg path {
    transition: .25s
}

.footer-contacts__email:hover,
.footer-contacts__phone:hover {
    text-decoration: none;
    color: #a4aa96
}

.footer-contacts__email:hover svg path,
.footer-contacts__phone:hover svg path {
    stroke: #a4aa96
}

.footer-contacts__email {
    align-items: flex-start
}

@media (max-width: 1199px) {
    .footer-contacts__email {
        margin-bottom: 0
    }
}

.footer-contacts__email span {
    margin-top: 4px
}

.footer-contacts__callback {
    text-decoration: underline;
    color: #a4aa96
}

.footer-contacts__callback:hover {
    text-decoration: none
}

@media (max-width: 991px) {
    .footer-contacts {
        margin-left: 0;
        margin-bottom: 32px
    }
}

@media (max-width: 576px) {
    .footer-contacts {
        text-align: center
    }

    .footer-contacts__point {
        align-items: center
    }
}

.footer__logo-mobile {
    text-align: center;
    margin-bottom: 40px
}

@media (min-width: 577px) {
    .footer__logo-mobile {
        display: none
    }
}

.footer-copyright {
    color: #fff;
    border-top: 1px solid #8f9980;
    font-size: 13px
}

.footer-copyright .c-container {
    display: flex;
    justify-content: space-between;
    padding: 16px 0
}

.footer-copyright a {
    color: #a4aa96
}

@media (max-width: 991px) {
    .footer-copyright .c-container {
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 12px
    }

    .footer-copyright a,
    .footer-copyright span {
        margin: 0 8px 4px
    }
}

@media (max-width: 576px) {
    .footer-copyright .c-container {
        flex-direction: column;
        align-items: center;
        padding: 16px 15px 4px;
        text-align: center
    }

    .footer-copyright a,
    .footer-copyright span {
        margin: 0 0 12px
    }
}

.footer .pays-logos {
    display: flex;
    margin-top: 30px
}

@media (min-width: 1700px) {
    .footer .pays-logos {
        padding-right: 50px
    }
}

@media (max-width: 767px) {
    .footer .pays-logos {
        flex-direction: column
    }
}

@media (max-width: 576px) {
    .footer .pays-logos {
        flex-direction: row;
        justify-content: center;
        margin-bottom: 30px
    }
}

.footer .pays__logo {
    margin-right: 20px;
    max-height: 30px
}

.footer .pays__logo img {
    max-height: 30px;
    display: flex
}

.footer .pays__logo:last-child {
    margin-right: 0
}

@media (max-width: 1199px) {
    .footer .pays__logo {
        margin-right: 10px
    }
}

@media (max-width: 767px) {
    .footer .pays__logo {
        margin-right: 0;
        margin-bottom: 10px
    }

    .footer .pays__logo:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 576px) {
    .footer .pays__logo {
        margin: 0 5px
    }
}

@media (max-width: 991px) {
    .footer.footer-all .pays-logos {
        flex-direction: column;
    }

    .footer.footer-all .pays__logo {
        margin-bottom: 15px;
    }
}

@media (max-width: 576px) {
    .footer.footer-all .pays-logos {
        flex-direction: row;
        justify-content: center;
        margin-bottom: 30px;
    }

    .footer.footer-all .pays__logo {
        margin: 0 5px;
    }
}


.top-cards {
    padding: 90px 0
}

@media (max-width: 1199px) {
    .top-cards {
        padding: 50px 0
    }
}

@media (max-width: 991px) {
    .top-cards {
        padding: 30px 0
    }
}

.top-cards .info-card {
    width: calc(33.33333% - 130px)
}

@media (min-width: 1200px) {
    .top-cards .info-card:nth-child(odd) {
        margin-top: 60px
    }
}

@media (max-width: 1699px) {
    .top-cards .info-card {
        width: calc(33.33333% - 50px)
    }
}

@media (max-width: 1199px) {
    .top-cards .info-card {
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-bottom: 50px
    }
}

.top-cards .info-card__label {
    font-size: 48px;
    font-weight: 800;
    color: #fff;
    background-color: #244545;
    padding: 5px 16px;
    position: absolute;
    right: 0;
    top: 44px;
    z-index: 1;
    transition: .25s
}

.top-cards .info-card__label:hover {
    text-decoration: none;
    background-color: #3f6969
}

.top-cards .info-card__label:before {
    content: "";
    position: absolute;
    right: 1px;
    top: -12px;
    width: 0;
    height: 0;
    border-color: transparent transparent #244545;
    border-style: solid;
    border-width: 0 14px 14px;
    transform: rotate(-135deg);
    display: none
}

@media (max-width: 1399px) {
    .top-cards .info-card__label {
        font-size: 40px
    }
}

@media (max-width: 1299px) {
    .top-cards .info-card__label {
        font-size: 35px
    }
}

@media (max-width: 1199px) {
    .top-cards .info-card__label {
        font-size: 30px
    }
}

@media (max-width: 576px) {
    .top-cards .info-card__label {
        font-size: 25px
    }
}

.top-cards .info-card__button {
    display: flex;
    justify-content: center
}

.top-cards .info-card__text {
    margin-bottom: 16px
}

.top-cards .info-card__text> :last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.top-cards .info-card__text ul li {
    margin-bottom: 8px
}

.top-cards .info-card__text ul li:last-child {
    margin-bottom: 0
}

.top-cards .info-card__image {
    padding-right: 20px
}

.top-cards .info-card__place {
    font-size: 18px;
    color: #a86f5f
}

@media (max-width: 1199px) {
    .top-cards .info-card__about {
        width: 60%
    }

    .top-cards .info-card__image {
        width: 35%
    }

    .top-cards .info-card__button {
        width: 100%
    }
}

@media (max-width: 767px) {

    .top-cards .info-card__about,
    .top-cards .info-card__image {
        width: 100%
    }
}

.top-cards-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

@media (max-width: 1199px) {
    .top-cards-wrap {
        flex-direction: column
    }
}

.top-cards-wrap[data-length="1"] {
    justify-content: center
}

.top-cards-wrap[data-length="5"], .top-cards-wrap[data-length="7"], .top-cards-wrap[data-length="8"], .top-cards-wrap[data-length="9"] {
    justify-content: space-evenly
}

.top-cards-wrap[data-length="1"] .info-card {
    width: 50%;
    margin-top: 50px
}

@media (max-width: 1199px) {
    .top-cards-wrap[data-length="1"] .info-card {
        width: 100%
    }
}

.top-cards-wrap[data-length="2"] .info-card, .top-cards-wrap[data-length="4"] .info-card {
    margin: 30px 0;
    width: calc(50% - 130px)
}

@media (max-width: 1699px) {
    .top-cards-wrap[data-length="2"] .info-card, .top-cards-wrap[data-length="4"] .info-card {
        width: calc(50% - 50px)
    }
}

@media (max-width: 1199px) {
    .top-cards-wrap[data-length="2"] .info-card, .top-cards-wrap[data-length="4"] .info-card {
        width: 100%
    }
}

.top-cards-wrap[data-length="6"] .info-card, .top-cards-wrap[data-length="8"] .info-card, .top-cards-wrap[data-length="10"] .info-card {
    margin: 30px 0
}

.top-cards-wrap[data-length="3"] .info-card, .top-cards-wrap[data-length="5"] .info-card, .top-cards-wrap[data-length="7"] .info-card, .top-cards-wrap[data-length="9"] .info-card {
    margin: 30px 0;
    width: calc(33.33333% - 130px)
}

@media (max-width: 1699px) {
    .top-cards-wrap[data-length="3"] .info-card, .top-cards-wrap[data-length="5"] .info-card, .top-cards-wrap[data-length="7"] .info-card, .top-cards-wrap[data-length="9"] .info-card {
        width: calc(33.33333% - 50px)
    }
}

@media (max-width: 1199px) {
    .top-cards-wrap[data-length="3"] .info-card, .top-cards-wrap[data-length="5"] .info-card, .top-cards-wrap[data-length="7"] .info-card, .top-cards-wrap[data-length="9"] .info-card {
        width: 100%
    }
}

section.mission {
    padding: 90px 0 20px;
    background: url(/local/templates/saimala/common/img/mission-bg.jpg) no-repeat 50% 0;
    background-size: cover !important;
    position: relative
}

section.mission:before {
    bottom: 0;
    height: 142px;
    filter: blur(8px);
    background-color: hsla(0, 0%, 100%, .5);
    z-index: 2
}

section.mission:after,
section.mission:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%
}

section.mission:after {
    bottom: -5px;
    height: 140px;
    background: linear-gradient(0deg, #eaeee2 20%, rgba(234, 238, 226, 0));
    z-index: 1
}

@media (max-width: 1199px) {
    section.mission {
        padding: 50px 0
    }
}

@media (max-width: 991px) {
    section.mission {
        padding: 30px 0
    }
}

.mission__border {
    position: absolute;
    left: 0;
    bottom: 140px;
    width: 100%;
    height: 0;
    border-bottom: 1px dashed #8f9980
}

.mission-wrap {
    max-width: 1074px;
    margin: 0 auto
}

.mission__title {
    padding: 40px 140px 84px;
    text-align: center
}

@media (max-width: 1199px) {
    .mission__title {
        padding: 40px 40px 84px
    }
}

@media (max-width: 991px) {
    .mission__title {
        padding: 20px 40px 64px
    }
}

@media (max-width: 576px) {
    .mission__title {
        padding: 0 40px 50px
    }
}

.mission__cards {
    display: flex;
    justify-content: center;
    margin-bottom: 200px
}

@media (max-width: 991px) {
    .mission__cards {
        margin-bottom: 100px
    }
}

@media (max-width: 576px) {
    .mission__cards {
        flex-wrap: wrap;
        margin-bottom: 0
    }
}

@media (max-width: 459px) {
    .mission__cards {
        flex-direction: column;
        align-items: center
    }
}

.mission__card {
    margin: 0 52px;
    padding: 60px 45px;
    width: 25%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative
}

@media (max-width: 991px) {
    .mission__card {
        padding: 30px 45px;
        margin: 0 30px
    }
}

@media (max-width: 767px) {
    .mission__card {
        margin: 0 20px
    }
}

@media (max-width: 576px) {
    .mission__card {
        width: 40%;
        margin-bottom: 50px
    }
}

@media (max-width: 459px) {
    .mission__card {
        width: calc(100% - 40px);
        flex-direction: row;
        justify-content: center;
        padding: 12px
    }
}

.mission__card:after {
    content: "";
    position: absolute;
    width: 80%;
    height: 80%;
    right: -8px;
    bottom: -8px;
    border-right: 1px solid rgba(143, 153, 128, .75);
    border-bottom: 1px solid rgba(143, 153, 128, .75)
}

.mission__card:before {
    content: "";
    position: absolute;
    left: -20px;
    top: -20px;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #244545, hsla(0, 0%, 100%, 0) 51.81%);
    z-index: 0
}

@media (max-width: 459px) {
    .mission__card:before {
        background: linear-gradient(168deg, #244545, hsla(0, 0%, 100%, 0) 51.81%)
    }
}

.mission__card__layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(143, 153, 128, .75)
}

.mission__card__image {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
    position: relative
}

@media (max-width: 459px) {
    .mission__card__image {
        margin-bottom: 8px;
        margin-right: 16px
    }
}

.mission__card__image img {
    display: flex;
    width: 100%
}

@media (max-width: 991px) {
    .mission__card__image img {
        width: 80%
    }
}

@media (max-width: 459px) {
    .mission__card__image img {
        width: 52px
    }
}

.mission__card__text {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    position: relative
}

@media (max-width: 991px) {
    .mission__card__text {
        font-size: 18px
    }
}

@media (max-width: 767px) {
    .mission__card__text {
        font-size: 16px
    }
}

@media (max-width: 459px) {
    .mission__card__text {
        font-size: 20px
    }
}

.mission__footer {
    color: #fff;
    margin: 20px;
    position: relative;
    z-index: 5
}

.mission__footer:before {
    content: "";
    position: absolute;
    left: -20px;
    top: -20px;
    width: 100%;
    height: 100%;
    background: linear-gradient(134.35deg, #a4aa96 10.24%, hsla(0, 0%, 100%, 0) 39.21%)
}

.mission__footer:after {
    content: "";
    position: absolute;
    width: 90%;
    height: 80%;
    right: -20px;
    bottom: -20px;
    border-right: 1px solid rgba(143, 153, 128, .75);
    border-bottom: 1px solid rgba(143, 153, 128, .75)
}

.mission__footer-wrap {
    background-color: rgba(36, 69, 69, .85);
    padding: 32px;
    position: relative
}

section.comfort {
    padding: 90px 0
}

@media (max-width: 1199px) {
    section.comfort {
        padding: 50px 0
    }
}

@media (max-width: 991px) {
    section.comfort {
        padding: 50px 0 20px
    }
}

.comfort__subtitle {
    display: flex;
    justify-content: center;
    margin-bottom: 32px
}

@media (max-width: 1699px) {
    .comfort__subtitle ._w50 {
        width: 60%
    }
}

@media (max-width: 1299px) {
    .comfort__subtitle ._w50 {
        width: 80%
    }
}

@media (max-width: 1199px) {
    .comfort__subtitle {
        margin-bottom: 16px
    }

    .comfort__subtitle ._w50 {
        width: auto
    }
}

@media (max-width: 576px) {
    .comfort__subtitle {
        margin-bottom: 8px
    }
}

.comfort__cards {
    display: flex;
    flex-direction: column
}

.comfort__cards__title {
    font-weight: 600;
    margin-bottom: 15px;
}

.comfort__cards__content>div,
.comfort__cards__content>p,
.comfort__cards__content>span {
    margin-bottom: 24px
}

.comfort__cards__content>div:last-child,
.comfort__cards__content>p:last-child,
.comfort__cards__content>span:last-child {
    margin-bottom: 0
}

@media (max-width: 1199px) {

    .comfort__cards__content>div,
    .comfort__cards__content>p,
    .comfort__cards__content>span {
        margin-bottom: 16px
    }
}

@media (max-width: 576px) {

    .comfort__cards__content>div,
    .comfort__cards__content>p,
    .comfort__cards__content>span {
        margin-bottom: 12px
    }
}

@media (min-width: 992px) {
    .comfort__cards._img40 .info-card._block .info-card__image {
        width: 40%
    }

    .comfort__cards._img40 .info-card._block .info-card__about {
        width: 60%
    }
}

@media (min-width: 992px) {
    .comfort__cards._img30 .info-card._block .info-card__image {
        width: 30%
    }

    .comfort__cards._img30 .info-card._block .info-card__about {
        width: 70%
    }
}

.comfort__footer {
    text-align: center;
    max-width: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 64px auto 0
}

@media (max-width: 576px) {
    .comfort__footer {
        margin-top: 20px
    }
}

.comfort__footer img {
    display: block;
    margin-bottom: 20px
}

.room-point {
    padding: 80px 0;
    position: relative;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.room-point:before {
    right: 0;
    background: linear-gradient(270deg, #244545, #244545 65%, rgba(36, 69, 69, 0))
}

.room-point:after,
.room-point:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.room-point:after {
    left: 0;
    background: linear-gradient(101.43deg, hsla(0, 0%, 100%, .24) -5.15%, hsla(0, 0%, 100%, .04) 104.36%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

@media (max-width: 1199px) {
    .room-point {
        padding: 50px 0
    }

    .room-point:before {
        background: linear-gradient(35deg, #244545, #244545 70%, rgba(36, 69, 69, 0))
    }
}

@media (max-width: 991px) {
    .room-point:before {
        background: linear-gradient(60deg, #244545, #244545 70%, rgba(36, 69, 69, 0))
    }
}

.room-point__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 1199px) {
    .room-point__wrap {
        flex-direction: column;
        align-items: flex-start
    }
}

.room-point__info {
    width: 50%;
    padding: 15px 0 15px 90px;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 20px;
    font-weight: 300
}

@media (max-width: 1699px) {
    .room-point__info {
        padding: 15px 0 15px 45px
    }
}

@media (max-width: 1299px) {
    .room-point__info {
        font-size: 18px
    }
}

@media (max-width: 1199px) {
    .room-point__info {
        width: auto;
        padding: 15px 0
    }
}

@media (max-width: 767px) {
    .room-point__info {
        font-size: 16px
    }
}

@media (max-width: 429px) {
    .room-point__info {
        width: 100%;
    }
}


.room-point__title {
    font-size: 32px;
    margin-bottom: 32px;
    font-weight: 800;
    color: #a4aa96
}

@media (max-width: 1199px) {
    .room-point__title {
        margin-bottom: 16px;
        font-size: 28px;
        position: relative;
        z-index: 2;
        text-align: left
    }
}

@media (max-width: 767px) {
    .room-point__title {
        font-size: 25px
    }
}

@media (max-width: 576px) {
    .room-point__title {
        font-size: 20px
    }
}

.room-point__text {
    font-weight: 300
}

.room-point__advantages,
.room-point__text {
    margin-bottom: 32px
}

.room-point__advantage {
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

.room-point__advantage:last-child {
    margin-bottom: 0
}

.room-point__advantage img {
    margin-right: 16px;
    flex-shrink: 0;
    width: 48px
}

@media (max-width: 576px) {
    .room-point__advantage img {
        width: 32px
    }
}

@media (max-width: 429px) {
    .room-point__button .page-btn {
        width: 100%;
        text-align: center
    }
}

.room-point__navigation {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    margin-top: 40px;
    color: #fff
}

@media (max-width: 991px) {
    .room-point__navigation {
        font-size: 18px
    }
}

@media (max-width: 767px) {
    .room-point__navigation {
        font-size: 16px;
        margin-top: 20px
    }
}

@media (max-width: 576px) {
    .room-point__navigation {
        flex-direction: column-reverse;
        justify-content: center
    }
}

@media (max-width: 576px) {
    .room-point__navigation .link-all {
        margin-top: 30px
    }
}

.room-point__navigation .link-all a {
    color: #fff;
    line-height: 1;
    padding: 0;
    font-weight: 500;
    position: relative;
    text-transform: uppercase
}

.room-point__navigation .link-all a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 1px;
    height: 1px;
    width: 0;
    background-color: #fff;
    transition: .25s
}

.room-point__navigation .link-all a:hover {
    text-decoration: none
}

.room-point__navigation .link-all a:hover:before {
    left: 0;
    width: 100%
}

@media (max-width: 991px) {
    .room-point__navigation .link-all a:before {
        left: 0;
        width: 100%
    }
}

.room-point__navigation .link-next {
    display: flex;
    align-items: center;
    color: #fff
}

.room-point__navigation .link-next:hover {
    text-decoration: none
}

.room-point__navigation .link-next:hover .button-next {
    background-color: #3f6969
}

.room-point__navigation .button-next {
    cursor: pointer;
    height: 52px;
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    background-color: transparent;
    margin-left: 16px;
    transition: .25s
}

@media (max-width: 576px) {
    .room-point__navigation .button-next {
        width: 40px;
        height: 40px
    }
}

@media (min-width: 1200px) {

    .room-point._reverse:before,
    .room-point:nth-child(2n):before {
        background: linear-gradient(90deg, #244545, #244545 45%, rgba(36, 69, 69, 0))
    }
}

.room-point._reverse .room-point__wrap,
.room-point:nth-child(2n) .room-point__wrap {
    flex-direction: row-reverse
}

@media (max-width: 1199px) {

    .room-point._reverse .room-point__wrap,
    .room-point:nth-child(2n) .room-point__wrap {
        flex-direction: column
    }
}

.room-point._reverse .room-point__info,
.room-point:nth-child(2n) .room-point__info {
    padding: 15px 90px 15px 0
}

@media (max-width: 1699px) {

    .room-point._reverse .room-point__info,
    .room-point:nth-child(2n) .room-point__info {
        padding: 15px 45px 15px 0
    }
}

@media (max-width: 1199px) {

    .room-point._reverse .room-point__info,
    .room-point:nth-child(2n) .room-point__info {
        padding: 15px 0
    }
}

.room-point .advantages-title {
    font-size: 24px;
    font-weight: 500;
    color: #a4aa96
}

@media (max-width: 1199px) {
    .room-point .advantages-title {
        font-size: 22px
    }
}

@media (max-width: 767px) {
    .room-point .advantages-title {
        font-size: 20px
    }
}

@media (max-width: 576px) {
    .room-point .advantages-title {
        font-size: 18px
    }
}

.slider-room {
    width: 100%
}

.slider-room .swiper-slide img {
    width: 100%;
    object-fit: cover;
    display: flex
}

.slider-room ._swiper-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5);
    border-color: transparent;
    padding: 21px
}

.slider-room ._swiper-button:hover {
    border-color: #fff
}

.slider-room .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1L4 9l8 8' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.slider-room .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1l8 8-8 8' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.rooms._object-page .room-point {
    padding-bottom: 40px
}

.rooms._object-page .room-point__wrap {
    align-items: flex-start
}

.rooms._object-page .room-point__info {
    padding-top: 0;
    padding-bottom: 0
}

.rooms._object-page .room-point__advantages {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.rooms._object-page .room-point__advantage {
    width: calc(50% - 16px);
    margin-top: 32px;
    margin-bottom: 0
}

.rooms._object-page .room-point__advantage:nth-child(odd):last-child {
    width: 100%
}

@media (max-width: 1299px) {
    .rooms._object-page .room-point__advantage {
        width: 100%
    }
}

@media (max-width: 1199px) {
    .rooms._object-page .slider-room {
        margin-bottom: 20px
    }

    .rooms._object-page .slider-room .swiper-slide img {
        max-height: 70vh
    }

    .rooms._object-page .room-point__advantage {
        width: calc(50% - 16px)
    }
}

@media (max-width: 576px) {
    .rooms._object-page .room-point__advantage {
        width: 100%;
        margin-top: 20px
    }
}

@media (max-width: 1199px) {
    section.rooms._slider {
        margin-bottom: 20px
    }
}

section.rooms._slider .slider-room-full {
    background: #315050
}

section.rooms._slider .room-point__image {
    z-index: 2
}

section.rooms._slider .room-point__image__wrap {
    display: flex
}

@media (max-width: 1199px) {

    section.rooms._slider .room-point__image__wrap,
    section.rooms._slider .room-point__image__wrap .room-point__image {
        width: 100%
    }
}

section.rooms._slider .room-point__info {
    min-height: 450px
}

@media (max-width: 1199px) {
    section.rooms._slider .room-point__info {
        min-height: 300px
    }
}

@media (max-width: 599px) {
    section.rooms._slider .room-point__info {
        min-height: inherit
    }
}

section.rooms._slider .room-point__navigation {
    justify-content: center
}

section.rooms._slider ._swiper-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5);
    border-color: transparent;
    padding: 21px
}

@media (max-width: 767px) {
    section.rooms._slider ._swiper-button {
        top: 40%
    }
}

section.rooms._slider ._swiper-button:hover {
    border-color: #fff;
    background-color: #3f6969
}

section.rooms._slider .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1L4 9l8 8' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    left: 40px
}

@media (max-width: 991px) {
    section.rooms._slider .swiper-button-prev {
        left: 15px
    }
}

section.rooms._slider .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1l8 8-8 8' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    right: 40px
}

@media (max-width: 991px) {
    section.rooms._slider .swiper-button-next {
        right: 15px
    }
}

section.plan {
    padding-top: 40px;
    margin-bottom: 90px;
    color: #fff
}

@media (max-width: 1699px) {
    section.plan {
        margin-bottom: 0
    }
}

@media (max-width: 991px) {
    section.plan {
        margin-bottom: 60px
    }
}

.plan-wrap {
    display: flex;
    justify-content: space-between
}

@media (max-width: 991px) {
    .plan-wrap {
        flex-direction: column;
        align-items: center
    }
}

.plan__info {
    position: relative;
    padding: 50px 0;
    margin-top: 90px;
    flex-grow: 1
}

.plan__info:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 155px;
    height: calc(100% + 130px);
    width: 1px;
    background: #396464
}

@media (max-width: 991px) {
    .plan__info {
        margin-top: 0
    }

    .plan__info:before {
        left: 100px;
        bottom: -55px;
        height: calc(100% + 95px)
    }
}

@media (max-width: 767px) {
    .plan__info:before {
        left: -5px
    }
}

@media (max-width: 576px) {
    .plan__info {
        padding: 30px 0 50px
    }
}

.plan__info__title {
    width: 100%;
    z-index: 1;
    position: relative
}

@media (max-width: 767px) {
    .plan__info__title {
        display: flex;
        flex-direction: column
    }
}

.plan__info ._line-bottom {
    height: 1px;
    background-image: linear-gradient(90deg, #8f9980 50%, transparent 0);
    background-size: 10px 1px;
    width: 150%;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0
}

@media (max-width: 991px) {
    .plan__info ._line-bottom {
        width: calc(100% + 100px)
    }
}

@media (max-width: 767px) {
    .plan__info ._line-bottom {
        width: 63vw
    }
}

@media (max-width: 576px) {
    .plan__info ._line-bottom {
        width: 63vw
    }
}

.plan__info__circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .15)
}

@media (max-width: 991px) {
    .plan__info__circle {
        width: 400px;
        height: 400px
    }
}

@media (max-width: 767px) {
    .plan__info__circle {
        width: 360px;
        height: 360px;
        transform: translateX(-20%)
    }
}

@media (max-width: 576px) {
    .plan__info__circle {
        width: 360px;
        height: 360px;
        transform: translateX(-20%);
        width: 320px;
        height: 320px
    }
}

@media (max-width: 359px) {
    .plan__info__circle {
        width: 310px;
        height: 310px
    }
}

.plan__info__footer,
.plan__info__text {
    font-size: 20px
}

@media (max-width: 767px) {

    .plan__info__footer,
    .plan__info__text {
        font-size: 18px
    }
}

@media (max-width: 576px) {

    .plan__info__footer,
    .plan__info__text {
        font-size: 16px
    }
}

.plan__info__text {
    max-width: 250px;
    margin: 56px auto 32px;
    display: flex;
    flex-direction: column;
    z-index: 1;
    position: relative
}

.plan__info__text span {
    padding-left: 30px;
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-bottom: 8px
}

.plan__info__text span:last-child {
    margin-bottom: 0
}

.plan__info__text span img {
    margin-right: 8px
}

@media (max-width: 767px) {
    .plan__info__text {
        margin: 32px auto
    }
}

.plan__info__footer {
    max-width: 250px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .plan__info__footer {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.plan__image {
    padding: 48px;
    position: relative;
    margin-bottom: -188px;
    height: 100%
}

.plan__image img {
    width: 100%;
    max-width: 975px;
    display: flex
}

.plan__image__line {
    z-index: 1;
    position: absolute
}

.plan__image__line._left {
    left: 72px
}

.plan__image__line._left,
.plan__image__line._right {
    height: 100%;
    background-image: linear-gradient(180deg, #8f9980 50%, transparent 0);
    background-size: 1px 10px;
    width: 1px;
    top: 0
}

.plan__image__line._right {
    right: 72px
}

.plan__image__line._bottom {
    height: 1px;
    background-image: linear-gradient(90deg, #8f9980 50%, transparent 0);
    background-size: 10px 1px;
    width: 100%;
    z-index: 1;
    position: absolute;
    bottom: 72px;
    left: 0
}

@media (max-width: 991px) {
    .plan__image {
        padding: 0;
        margin-bottom: -90px
    }

    .plan__image__line._left {
        left: 24px;
        height: calc(100% + 80px);
        top: -40px
    }

    .plan__image__line._right {
        right: 24px;
        height: calc(100% + 80px);
        top: -40px
    }

    .plan__image__line._bottom {
        bottom: 24px;
        width: calc(100% + 80px);
        left: -40px
    }
}

@media (max-width: 599px) {
    .plan__image__line._left {
        left: 24px;
        height: calc(100% + 30px);
        top: -15px
    }

    .plan__image__line._right {
        right: 24px;
        height: calc(100% + 30px);
        top: -15px
    }

    .plan__image__line._bottom {
        bottom: 24px;
        width: calc(100% + 30px);
        left: -15px
    }
}

.infrastructure {
    padding: 30px 0
}

@media (max-width: 1199px) {
    .infrastructure {
        padding: 50px 0
    }
}

.infrastructure__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -45px;
    width: calc(100% + 90px);
}

@media (max-width: 1699px) {
    .infrastructure__list {
        margin: 0 -20px;
        width: calc(100% + 40px);
    }
}

@media (max-width: 1199px) {
    .infrastructure__list {
        padding-top: 20px;
        margin: 0;
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 576px) {
    .infrastructure__list {
        padding-top: 0;
        flex-direction: column
    }
}

.infrastructure__list .info-card {
    width: calc(33.33333% - 90px);
    margin: 60px 45px;
}

.infrastructure__list .info-card:nth-child(odd) {
    margin-top: 92px
}

.infrastructure__list .info-card__image:before {
    width: 80%
}

@media (max-width: 1699px) {
    .infrastructure__list .info-card {
        width: calc(33.33333% - 40px);
        margin: 60px 20px;
    }
}

@media (max-width: 1199px) {
    .infrastructure__list .info-card {
        width: calc(50% - 40px);
        margin: 0 0 30px 0;
    }

    .infrastructure__list .info-card:nth-child(odd) {
        margin-top: 0
    }

    .infrastructure__list .info-card:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 991px) {
    .infrastructure__list .info-card {
        width: calc(50% - 20px)
    }
}

@media (max-width: 767px) {
    .infrastructure__list .info-card {
        width: 100%
    }
}

@media (max-width: 991px) {
    .infrastructure__list .info-card__about {
        padding: 16px 16px 16px 20px
    }
}

@media (min-width: 1200px) {
    .infrastructure._short,
    .infrastructure._long {
        .infrastructure__title {
            position: static;
            transform: none;
            margin-top: 50px;
        }
    }

    .infrastructure__title {
        position: absolute;
        top: calc(50% - 20px);
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

/*safari*/
@media not all and (min-resolution:.001dpcm) {
    @media (max-width: 500px) {
        .room-point:after {
            -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
        }
    }
}

section.information+section.promotion._bg-lightgreen {
    margin-top: 90px;
}

@media (max-width: 1199px) {
    section.information+section.promotion._bg-lightgreen {
        margin-top: 50px;
    }
}
.snowflakes-box {
	display: none;
}
/* End */
/* /local/templates/saimala/template_styles.css?1768402675138474 */