.preloader {
    display: flex;
    position: fixed;
    z-index: 6000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--main-background);
    transition: opacity .3s var(--default-transition-function) .2s
}

.preloader.animate-out .preloader_logo,.preloader.animate-out .preloader_logo_two,.preloader.animate-out .preloader_percent,.preloader.need-animation .preloader_logo,.preloader.need-animation .preloader_percent {
    transform: translate3d(0,10px,0);
    opacity: 0
}

.preloader.animate-out .preloader__bar,.preloader.need-animation .preloader_bar {
    opacity: 0
}

.preloader.animate-out {
    opacity: 0;
    pointer-events: none
}

.preloader_inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.preloader_bar,.preloader_bar-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 2px;
    border-radius: 2px;
}

.preloader_logo-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.preloader_logo {
    transition: opacity .1s 0.1s,transform .1s 0.1s;
    transition-timing-function: var(--default-transition-function)
}

.preloader_logo_two {margin-top: 20px;width: 190px;height: 46px;transition: opacity .1s 0.1s, transform .1s 0.1s;transition-timing-function: var(--default-transition-function);}


.preloader_logo_two svg {
    width: 100%;
    height: 100%;
    color: #fff;
}


.preloader_logo svg {
    width: 100%;
    height: 100%;
    color: #fff;
    transition: transform .65s;
    transition-timing-function: var(--default-bezier);
    animation: flip 2s;
    animation-fill-mode: forwards;
}

.preloader_percent {
    font-family: system,-apple-system,BlinkMacSystemFont,'Segoe UI','Segoe WP',Roboto,Ubuntu,Oxygen,Cantarell,'Fira Sans','Helvetica Neue',Helvetica,'Lucida Grande','Droid Sans',Tahoma,'Microsoft Sans Serif',sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    text-transform: uppercase;
    color: #fff;
    margin-top: 28px;
    overflow: hidden;
    width: 42px;
    transition: opacity .1s 0.1s,transform .1s 0.1s;
    transition-timing-function: var(--default-transition-function)
}

.preloader_numbers {
    width: auto;
    display: flex;
    animation: 1s steps(100) .4s alternate forwards countNumber
}

.preloader_number {
    text-align: center;
    flex: 0 0 42px
}

.preloader_bar {
    width: 300px;
    background-color: rgba(255, 255, 255, .3);
    transition: opacity .1s var(--default-transition-function);
    transition-delay: 0.1s
}

.preloader_bar-progress {
    width: 0;
    background-color: #fff;
    animation: 1s linear .4s forwards preloader-bar;
    margin: 0;
}

@keyframes preloader-bar {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes countNumber {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: -4200px
    }
}

@media (min-width: 768px) {
    .preloader__logo {
        height:72px;
        width: 282px
    }
}

@media (min-width: 1024px) {
    .preloader {
        padding: 200px 165px;
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .preloader {
        padding:137px var(--grid-spacer)
    }
}

@media (max-width: 767px) {
    .preloader {
        padding:130px var(--grid-spacer)
    }

    .preloader_logo {
        width: 338px;
        height: 92px
    }

    .preloader_logo_two {
        width: 118px;
        height: 30px;
        margin-top: 12px;
    }

    
}

:root {
    --max-row-width: 1680px;
    --body-font-size: 16px;
    --body-line-height: 1.3;
    --font: system,-apple-system,BlinkMacSystemFont,'Segoe UI','Segoe WP',Roboto Flex,Ubuntu,Oxygen,Cantarell,'Fira Sans','Helvetica Neue',Helvetica,'Lucida Grande','Droid Sans',Tahoma,'Microsoft Sans Serif',sans-serif;
    --h-font: "Montserrat",sans-serif;
    --t: transparent;
    --primary-color: black;
    --grey-font: #5b5856;
    --pozy: #1b4679;
    --main-background: #008C8C;
    --light-background: #f1ebe4;
    --dark-background: #f1ebe4;
    --default-transition-function: ease-in-out;
    --default-transition: all 0.4s var(--default-transition-function);
    --default-transition-function: ease-in-out;
    --default-bezier: cubic-bezier(0.25,0.1,0.25,1);
    --header-timing-function: cubic-bezier(.65,0,.25,1);
    --light-color-opacity-50: rgba(255, 255, 255, .5);
    --light-color-opacity-40: rgba(255, 255, 255, .4);
    --light-color-opacity-30: rgba(255, 255, 255, .3);
    --black-bg-opacity-05: rgba(0,0,0,.05);
    --black-bg-opacity-10: rgba(0,0,0,.10);
    --black-bg-opacity-20: rgba(0,0,0,.20);
    --black-bg-opacity-80: rgba(0,0,0,.8);
    --grid-gap: 1px;
    --grid-indent: 0px;
    --grid-spacer: 60px;
    --grid-spacer-and-indent: calc(var(--grid-indent) + var(--grid-spacer));
    --grid-columns-number: 1;
    --grid-column: calc((var(--vw, 1vw)*100 - var(--grid-spacer-and-indent)*2 - (var(--grid-columns-number) - 1)*var(--grid-gap))/var(--grid-columns-number));
    --grid-column1: var(--grid-column);
    --grid-column2: calc((var(--grid-column) * 2) + var(--grid-gap));
    --grid-column3: calc((var(--grid-column) * 3) + (var(--grid-gap) * 2));
    --grid-column4: calc((var(--grid-column) * 4) + (var(--grid-gap) * 3));
    --grid-column5: calc((var(--grid-column) * 5) + (var(--grid-gap) * 4));
    --grid-column6: calc((var(--grid-column) * 6) + (var(--grid-gap) * 5));
    --grid-column7: calc((var(--grid-column) * 7) + (var(--grid-gap) * 6));
    --grid-column8: calc((var(--grid-column) * 8) + (var(--grid-gap) * 7));
    --grid-column9: calc((var(--grid-column) * 9) + (var(--grid-gap) * 8));
    --grid-column10: calc((var(--grid-column) * 10) + (var(--grid-gap) * 9));
    --grid-column11: calc((var(--grid-column) * 11) + (var(--grid-gap) * 10));
    --grid-column12: calc((var(--grid-column) * 12) + (var(--grid-gap) * 11));
    --grid-column13: calc((var(--grid-column) * 13) + (var(--grid-gap) * 12));
    --grid-column14: calc((var(--grid-column) * 14) + (var(--grid-gap) * 13));
    --grid-column15: calc((var(--grid-column) * 15) + (var(--grid-gap) * 14));
    --dividing-line-header: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    --dividing-line-header-bottom: linear-gradient(to right, rgba(157, 147, 144, 0) 0%, rgba(157, 147, 144, 1) 50%, rgba(255, 255, 255, 0) 100%)
}

@media (max-width: 767px) {
    :root {
        --grid-spacer:20px;
        --grid-gap: 8px;
        --grid-columns-number: 10;
        --grid-indent: 0px;
        --height-slider: 300px;
        --height-slider-home: 300px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    :root {
        --grid-gap:18px;
        --grid-spacer: 30px;
        --grid-columns-number: 10;
        --grid-indent: 0px;
        --height-slider: 375px;
        --height-slider-home: 440px
    }
}

@media (min-width: 1024px) and (max-width:1299px) {
    :root {
        --grid-gap:28px;
        --grid-spacer: 60px;
        --grid-columns-number: 15;
        --grid-indent: 0px;
        --height-slider: 275px;
        --height-slider-home: 600px
    }
}

@media (min-width: 1300px) and (max-width:1599px) {
    :root {
        --grid-gap:28px;
        --grid-spacer: 60px;
        --grid-columns-number: 15;
        --grid-indent: 0px;
        --height-slider: 320px;
        --height-slider-home: 640px
    }
}

@media (min-width: 1600px) and (max-width:1799px) {
    :root {
        --grid-gap:28px;
        --grid-spacer: 100px;
        --grid-columns-number: 15;
        --grid-indent: 0px;
        --height-slider: 375px;
        --height-slider-home: 680px
    }
}

@media (min-width: 1800px) and (max-width:1920px) {
    :root {
        --grid-gap:28px;
        --grid-spacer: 100px;
        --grid-columns-number: 15;
        --grid-indent: 0px;
        --height-slider: 375px;
        --height-slider-home: 700px
    }
}

@media (min-width: 1921px) {
    :root {
        --grid-gap:28px;
        --grid-spacer: 150px;
        --grid-columns-number: 15;
        --grid-indent: 0px;
        --height-slider: 375px;
        --height-slider-home: 700px
    }
}

.button,a {
    text-decoration: none
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,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,li,mark,menu,nav,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,ul,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
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

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

* {
    box-sizing: border-box;
    outline: 0
}

img {
    max-width: 100%
}

a {
    color: inherit;
    -webkit-tap-highlight-color: var(--t)
}

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

.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: inline-block;
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: center;
    transition: var(--default-transition);
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.parallax-container-block {
    position: relative;
    overflow: hidden;
    display: flex;
    width: 100%;
    height: calc((var(--grid-column7) + var(--grid-spacer))* .71816);
}

.parallax-container-position {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.parallax-container-hidden,.ransom-parallax-container-hidden {
    transition: transform 1.85s cubic-bezier(.215,.61,.355,1)
}

.parallax-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    object-position: bottom
}

@media (min-width: 1600px) {
    .parallax-container-block {
        height:calc((var(--grid-column8) + var(--grid-spacer))* .71816);
        max-height: 516px
    }
}

@media (min-width: 1024px) and (max-width:1599px) {
    .parallax-container-block {
        height:calc((var(--grid-column7) + var(--grid-spacer))* .71816);
        max-height: 500px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .parallax-container-block {
        height:calc((var(--grid-column6) + var(--grid-spacer))*1.21856);
        max-height: 600px
    }
}

@media (max-width: 767px) {
    .parallax-container-block {
        height:calc((var(--grid-column6) + var(--grid-spacer))*1.21856);
        max-height: 500px
    }
}





body,button,form,input {
    font-family: var(--font)
}

html {
    overflow-x: clip;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overscroll-behavior: none
}

body {
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -.2px;
    -webkit-tap-highlight-color: transparent
}

h1,h2,h3,h4,h5,h6 {
    font-family: var(--h-font);
    font-size: var(--h-size);
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

h1,h6 {
    line-height: 145%;
}

h2 {
    line-height: 145%;
}

h3,h4 {
    line-height: 140%
}

h5 {
    line-height: 130%
}



.layout_transition-bg {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 300;
}

.noise_header, .noise_transition {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}

.noise {
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 300;
}

.noise:after {
    background: var(--t) url(/static/img/_block/noise.webp) repeat 0 0;
    animation: noise 1s steps(2) infinite;
    content:
    "";
    height: calc(100% + 20rem);
    left: -10rem;
    position: absolute;
    top: -10rem;
    transition: background-color .4s cubic-bezier(.25,.1,.25,1);
    width: calc(100% + 20rem);
    will-change: transform;
}




@keyframes noise {
  0% { transform: translate3d(0,9rem,0) }
  10% { transform:translate3d(-1rem,-4rem,0) }
  20% { transform:translate3d(-8rem,2rem,0) }
  30% { transform:translate3d(9rem,-9rem,0) }
  40% { transform:translate3d(-2rem,7rem,0) }
  50% { transform:translate3d(-9rem,-4rem,0) }
  60% { transform:translate3d(2rem,6rem,0) }
  70% { transform:translate3d(7rem,-8rem,0) }
  80% { transform:translate3d(-9rem,1rem,0) }
  90% { transform:translate3d(6rem,-5rem,0) }
  to { transform:translate3d(-7rem,0,0)}
}







.line_bg {
    border-bottom: 1px solid var(--black-bg-opacity-20);
    width: 100%;
    margin-top: -1px
}

.layout {
    --layout-bg-by-theme: var(--light-background);
    --text-and-border-color-by-theme: var(--primary-color);
    --button-big-bg: var(--primary-color);
    background: var(--layout-bg-by-theme);
    color: var(--text-and-border-color-by-theme);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    transition: background-color .5s var(--default-bezier)
}

.grid-block {
    grid-gap: var(--grid-gap);
    display: grid;
    grid-template-columns: repeat(var(--grid-columns-number),var(--grid-column))
}

.name_block {
    display: flex;
    align-items: center;
    width: 100%
}

div.name_block>span:first-child {
    display: flex;
    position: relative;
    margin-right: 8px;
    color: var(--main-background)
}

div.name_block>span:last-child {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.margin_top_10 {
    margin-top: 10px
}

.margin_top_20 {
    margin-top: 20px
}

.margin_top_30 {
    margin-top: 30px
}

.margin_top_40 {
    margin-top: 40px
}

.margin_top_50 {
    margin-top: 50px
}

.margin_top_60 {
    margin-top: 60px
}

.margin_top_70 {
    margin-top: 70px
}

.margin_top_80 {
    margin-top: 80px
}

.margin_top_90 {
    margin-top: 90px
}

.margin_top_100 {
    margin-top: 100px
}

.index-h2 {
    text-transform: uppercase;
    font-size: 32px;
    max-width: 700px;
    transform: scaleY(0.7);
}

@media (max-width: 767px) {
    h1 {
        --h-size: 32px;
    }

    .index-block {
        padding-bottom: 50px;
        padding-top: 40px
    }

    .index-h2 {
        font-size: 24px
    }
}

@media (min-width: 1024px) {
    .index-block {
        padding-bottom:90px;
        padding-top: 80px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    h1 {
        --h-size:55px
    }

    .index-block {
        padding-bottom: 70px;
        padding-top: 60px
    }
}

@media (min-width: 1024px) and (max-width:1599px) {
    h1 {
        --h-size:60px
    }

    .index-block {
        padding-bottom: 90px
    }
}

@media (min-width: 1600px) {
    h1 {
        --h-size: 75px;
    }
}

@media (max-width: 324px) {
    h1 {
        --h-size:30px
    }
}

@keyframes blink {
    50% {
        opacity: .15
    }
}

@keyframes flip {
    0%,80% {
        transform: rotateY(360deg)
    }
}

.header {
    left: 0;
    position: fixed;
    right: 0;
    top: -1px;
    width: 100%;
    z-index: 402;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header_container {
    position: relative;
    z-index: 4650
}

.header .header_container {
    pointer-events: auto
}

.header._transparent .header_inner {
    background-color: var(--black-bg-opacity-05)
}

.header_inner {
    position: relative;
    transition: background-color .5s var(--header-timing-function),transform .5s var(--header-timing-function);
    transform: translateY(0);
    background-color: var(--dark-background);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: 0 2px 4px 0 #0800000a;
}

.header_inner::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: var(--t);
    content: "";
    transition: background .5s var(--header-timing-function)
}

.header .header_link,.header .header_logo {
    text-transform: uppercase;
    transition: color .5s var(--header-timing-function)
}

.header._transparent .header_inner::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: var(--dividing-line-header);
    content: ""
}

.header_wrap {
    align-items: center;
    display: flex;
    height: var(--header-height);
    justify-content: space-between;
    position: relative
}

.header_contacts-list,.header_logo,.header_nav-list {
    align-items: center;
    display: flex;
    height: 100%
}

.header_menu {
    align-items: center;
    display: flex;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 5500;
    cursor: pointer
}

.header_contacts-list,.header_nav-list {
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: flex;
    flex-direction: row
}

.header .header_link {
    line-height: 115%;
    color: var(--primary-color);
    padding: 4px 0
}

.header._transparent .header_link,.header._transparent .header_logo {
    color: #fff
}

.header .header_logo {
    color: var(--main-background)
}

.header_logo a,.header_logo div {
    display: flex;
    cursor: pointer
}

.header._transparent .header_logo .header_link {
    pointer-events: auto;
    cursor: pointer
}

@media (min-width: 1024px) {
    .header_wrap {
        -moz-column-gap:var(--grid-gap);
        column-gap: var(--grid-gap)
    }

    .layout {
        --header-height: 76px
    }

    .header_nav-list {
        margin-left: 64px
    }

    .header_contacts-list {
        justify-content: flex-end
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .layout {
        --header-height:74px
    }
}

@media (max-width: 1140px) {
    .header_link-item.rules {
        display:none
    }
}

@media (max-width: 1023px) {
    .header_wrap {
        justify-content:space-between
    }

    .layout {
        --header-height: 50px
    }

    ._modal_call,.header_nav-list {
        display: none
    }

    .header .header_logo svg {
        width: 98px;
        height: 17px;
    }
}

.hamburger {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between
}

.hamburger._opened .hamburger_bottom,.hamburger._opened .hamburger_top {
    width: 32px
}

.hamburger._opened .hamburger_top {
    transform: translate(0,4px) rotate(45deg)
}

.hamburger._opened .hamburger_bottom {
    transform: translate(0,-6px) rotate(-45deg)
}

.hamburger_bottom,.hamburger_top {
    position: relative;
    width: 100%;
    height: 2px
}

.hamburger_bottom:after,.hamburger_bottom:before,.hamburger_top:after,.hamburger_top:before {
    right: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    transition: background .5s var(--header-timing-function);
    background-color: var(--primary-color)
}

.header._transparent .hamburger_bottom:after,.header._transparent .hamburger_bottom:before,.header._transparent .hamburger_top:after,.header._transparent .hamburger_top:before {
    background-color: #fff
}

.hamburger_bottom:before,.hamburger_top:before {
    transform-origin: left
}

.hamburger_bottom:after,.hamburger_top:after {
    transform-origin: right;
    transform: scaleX(0)
}

@media (min-width: 768px) {
    .hamburger {
        height:12px;
        width: 42px
    }
}

@media (max-width: 767px) {
    .hamburger {
        height:10px;
        width: 30px
    }

    .hamburger_bottom,.hamburger_bottom:after,.hamburger_bottom:before,.hamburger_top,.hamburger_top:after,.hamburger_top:before {
        height: 1.2px
    }
}

.container {
    margin: 0 auto;
    max-width: var(--max-row-width)
}

.container_spacer {
    padding: 0 var(--grid-spacer)
}

.breadcrumbs_link,.breadcrumbs_list svg {
    color: var(--grey-font)
}

.breadcrumbs {
    margin: calc(var(--header-height) - calc(var(--header-height)/ 1.5)) 0 calc(var(--header-height) - calc(var(--header-height)/ 1.5)) 0;
    display: inline-block;
    width: 100%
}

.breadcrumbs_box {
    display: flex
}

.breadcrumbs_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    font-size: 14px
}

.breadcrumbs_list svg {
    display: flex
}

.breadcrumbs+.index-block {
    padding-top: 0;
    margin-top: -20px
}

.breadcrumbs+.index-block .name_block {
    display: none
}

.button_more-plus-wrap:after,.button_more-plus-wrap:before {
    background: var(--text-and-border-color-by-theme);
    position: absolute;
    transition: transform .3s ease-out;
    content: ""
}

.button_more-plus-wrap {
    position: relative;
    height: 12px;
    width: 12px;
    margin-right: 15px
}

.button_text-plus-wrap {
    font-size: 17px
}

.button_more-plus-wrap:before {
    transform-origin: center;
    height: 2px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.button_more-plus-wrap:after {
    transform-origin: center;
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 2px
}

.hero-slider_item._out-next-act,.hero-slider_item._out-prev-act {
    transition-duration: 0s,1.2s;
    width: 0;
    z-index: 15;
    transform: translateZ(0)
}

.hero-slider-block {
    position: relative;
    height: 100vh;
    background-color: var(--dark-background)
}

.hero-slider {
    position: relative;
    height: 100vh
}

.hero-slider_parallax-container {
    height: 100vh;
    overflow: hidden
}

.hero-slider_parallax-container-inner {
    height: 100vh
}

.parallax-container_box {
    transition: transform 1.5s cubic-bezier(0, 0, 0, 1);
    transform-origin: center center
}

.hero-slider_list {
    width: 100%;
    position: relative;
    z-index: 15;
    overflow: hidden;
    height: 100vh;
    touch-action: pan-y;
    display: block
}

.hero-slider_item {
    position: absolute;
    display: block;
    height: 100vh;
    z-index: 5;
    overflow: hidden;
    transition: transform,width;
    transition-timing-function: var(--default-bezier)
}

.hero-slider_item._out-prev-act {
    right: 0
}

.hero-slider_item._out-prev-act .hero-slider_picture {
    right: 0;
    transform: translate3d(40%,0,0) scale3d(1.2,1.2,1)
}

.hero-slider_item._out-next-act {
    left: 0
}

.hero-slider_item._active {
    transform: translateZ(0);
    width: 100%;
    z-index: 10
}

.hero-slider_item._in-prev-act {
    -webkit-animation: hero-image-prev 1.2s var(--default-bezier) forwards;
    animation: hero-image-prev 1.2s var(--default-bezier) forwards
}

.hero-slider_picture {
    position: absolute;
    display: flex;
    width: 100vw;
    height: 100vh;
    transition: transform 1.2s var(--default-bezier);
    transform: scale3d(1.2,1.2,1)
}

.hero-slider_picture::before {
    content: "";
    position: absolute;
    z-index: 35;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--black-bg-opacity-20);
    mix-blend-mode: multiply
}

.hero-slider_item._in-next-act .hero-slider_picture:before,.hero-slider_item._in-prev-act .hero-slider_picture:before {
    -webkit-animation: hero-black-out 1.2s var(--default-bezier) forwards;
    animation: hero-black-out 1.2s var(--default-bezier) forwards
}

.hero-slider_item._out-next-act .hero-slider_picture {
    left: 0;
    transform: translate3d(-40%,0,0) scale3d(1.2,1.2,1)
}

.hero-slider_item._in-next-act {
    -webkit-animation: hero-image-next 1.2s var(--default-bezier) forwards;
    animation: hero-image-next 1.2s var(--default-bezier) forwards
}

.hero-slider_item._active .hero-slider_picture {
    transform: scaleX(1);
}

.hero-slider_image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-slider_description,.hero-slider_link,.hero-slider_title {
    color: #fff;
    opacity: 0;
    transform: translate3d(0,10px,0);
    transition: opacity 1s,transform 1s;
    transition-timing-function: var(--default-bezier)
}

.hero-slider_description {margin-bottom: 32px;}




._active .hero-slider_description,._active .hero-slider_link,._active .hero-slider_title {
    opacity: 1;
    transform: translate3d(0,0,0)
}

.hero-slider_title-inner {
    display: block;
    overflow: hidden;
    transform: scaleY(0.7);
    line-height: 110%;
}

.animation-item._opacity {
    transition: opacity .45s var(--animation-delay) linear
}

.animation-item._scale {
    transition: transform 1.25s var(--animation-delay) cubic-bezier(.215,.61,.355,1)
}

.animation-item._hero-slider {
    transform-origin: center center;
    transition: opacity .45s linear,transform 1.85s cubic-bezier(.215,.61,.355,1)
}

._animation {
    --scale: 1.5
}

.hero-slider_content-wrap {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 25
}

.hero-slider_content {
    grid-row-gap: 0
}

.hero-slider_title-slider {
    grid-column: 1/11;
    position: relative
}

.hero-slider_title-slide {
    left: 0;
    position: absolute;
    pointer-events: none
}

.hero-slider_title-slide._active {
    pointer-events: auto
}

.hero-slider_link {
    margin-top: 40px
}

._hero-slider-text {
    font-size: 16px
}

.hero-slider_link .button_more-plus-wrap:after,.hero-slider_link .button_more-plus-wrap:before {
    background: #fff
}

@keyframes hero-image-next {
    from {
        transform: translate3d(50%,0,0)
    }

    to {
        transform: translate3d(0,0,0)
    }
}

@keyframes hero-image-prev {
    from {
        transform: translate3d(-50%,0,0)
    }

    to {
        transform: translate3d(0,0,0)
    }
}

@keyframes hero-black-out {
    17%,from {
        background: var(--black-bg-opacity-80)
    }

    to {
        background: var(--black-bg-opacity-20)
    }
}

@keyframes hero-pagination-next-in {
    from {
        transform: translate3d(0,100%,0)
    }

    to {
        transform: translate3d(0,0,0)
    }
}

@keyframes hero-pagination-next-out {
    from {
        transform: translate3d(0,0,0)
    }

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

@keyframes hero-pagination-prev-in {
    from {
        transform: translate3d(0,-100%,0)
    }

    to {
        transform: translate3d(0,0,0)
    }
}

@keyframes hero-pagination-prev-out {
    from {
        transform: translate3d(0,0,0)
    }

    to {
        transform: translate3d(0,100%,0)
    }
}

@media (min-width: 768px) {
    .hero-slider_title-slide {
        bottom:0;
        padding-bottom: 140px
    }

    .hero-slider_description-wrap {
        margin-top: 40px;
        max-width: 600px;
    }
}

@media (min-width: 1300px) {
    .hero-slider_title-slide {
        padding-bottom:180px
    }
}

@media (max-width: 767px) {
    .hero-slider_title-slider {
        grid-row:2;
        margin-top: 20px
    }

    .hero-slider_title-slide {
        padding-bottom: 130px;
        bottom: 0
    }



    
    .hero-slider_description-wrap {
        margin-top: 20px;
    }
}

@media (max-width: 324px) {
    .hero-slider_description-wrap {
        margin-top:20px
    }

    .hero-slider_title-slide {
        padding-bottom: 80px
    }
}

.link {
    font-family: var(--h-font);
    font-style: normal;
    font-weight: 500;
    color: var(--primary-color);
    position: relative;
    font-size: 14px;
    width: fit-content;
    display: flex;
    align-items: center;
    cursor: pointer
}

.header .current_link {
}

._animation-start {
    opacity: 0;
    transform: scale(var(--scale))
}

._animation {
    transform-origin: center center;
    transition: opacity .45s linear,transform 1.85s cubic-bezier(.215,.61,.355,1)
}

.block_description {
    opacity: 0;
    transform: translate3d(0,10px,0);
    transition: opacity .65s,transform .65s;
    transition-timing-function: var(--default-bezier)
}

.block_description_animation {
    opacity: 1;
    transform: translate3d(0,0,0)
}

.about-block {
    background: var(--light-background)
}

.about-block_wrap {
    display: grid
}

.about-block_description {
    line-height: 145%;
    color: var(--grey-font);
    font-size: 17px
}

@media (min-width: 1024px) and (max-width:1599px) {
    .about-block_wrap {
        gap:80px;
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width: 1600px) {
    .about-block_wrap {
        gap:80px;
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .about-block_wrap {
        gap:60px;
        grid-template-columns: repeat(1,1fr)
    }
}

@media (max-width: 767px) {
    .about-block_wrap {
        grid-column-gap:var(--grid-gap);
        grid-row-gap: 30px;
        grid-template-columns: var(--grid-column10)
    }
}



.catalog-block {
    background: var(--light-background)
}

.home-block .ts_paging_btn,.slide_item {
    background-color: var(--black-bg-opacity-10)
}

.catalog-block_grid,.catalog-block_wrap {
    display: grid
}

.catalog-block_description {
    line-height: 145%;
    color: var(--grey-font);
    font-size: 17px
}

.catalog-block_item_link {
    width: 100%;
    position: relative;
}

.catalog-block_item-box{
    position: relative;
    height: 100%;
}

.catalog-block_item-home {
    line-height: 150%;
    color: var(--grey-font);
    height: 100%;
    flex-direction: column;
    display: flex;
    position: relative;
    z-index: 401;
}

.catalog-block_item-home:hover .catalog-block_item-pic, .catalog-block_item-home:active .catalog-block_item-pic, .catalog-block_item-home:focus .catalog-block_item-pic {
   transform: rotate(5deg) scale(1.2, 1.2);
}


.slider-home {
    position: relative;
    z-index: 8;
    flex: 1 1 auto;
}

.slide_wrapper {
    position: relative;
    overflow: hidden;
}



.home-block .catalog-block_item-pic,.home-block .slide_wrapper {
    height: var(--height-slider-home)
}

.banner_item {
    overflow: hidden
}

.slide_item {
    display: flex;
    white-space: nowrap;
    will-change: transform;
}

.catalog-block_item-pic {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform 1.2s var(--default-bezier);
}

.catalog-block_item-box:hover [aria-hidden=false] img {
    transform: scale(1.1)
}





.catalog-block_item-home-bottom {
    margin-top: 24px;
}

.catalog-block_item-home-block {
    font-size: 16px;
    display: flex;
    margin-top: 24px;
}

.catalog-block_item-home-block-dvd {
    display: inline-block;
}


.catalog-block_item-home-block-svg {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: var(--main-background);
    padding: 12px 16px;
    cursor: pointer
}


.fast_booking .catalog-block_item-home-block-svg {
    padding: 15px 17px 15px 15px
}

.catalog-block_item-home-block-svg span {
    margin-left: 6px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 150%;
}

.price_home_grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: var(--grid-gap)
}

.price_home_item {
    padding: 22px 15px;
    background: var(--light-color-opacity-30);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    font-size: 17px
}

.price_home_item_date span {
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    margin-top: 4px;
    color: var(--grey-font)
}

.price_home_item_price {
    white-space: nowrap;
    color: var(--main-background)
}

.characteristic {
    gap: 32px;
    display: grid
}

.charact_box,.charact_svg {
    display: flex;
    display: flex
}

.charact_box {
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    flex-direction: column;
    gap: 12px
}

.charact_svg {
    color: var(--main-background);
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center
}

.characteristic_name {
    font-size: 12px;
    line-height: 150%;
    text-transform: uppercase;
    font-weight: 500
}

.fast_booking {
    display: inline-block
}

.wrn_home_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    color: var(--grey-font);
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 0
}

.block_home_gap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: var(--grid-gap)
}

.block_home_item_flex {
    display: flex
}

.block_home_item-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.block_home_item_flex_text {
    padding: 18px 0 0
}

@media (min-width: 1600px) {
    .catalog-block_grid {
        grid-template-columns:repeat(3,1fr);
        gap: 60px
    }

    .characteristic {
        grid-template-columns: repeat(8,1fr);
        gap: 50px
    }
}

@media (min-width: 1024px) and (max-width:1599px) {
    .catalog-block_grid {
        grid-template-columns:repeat(3,1fr);
        gap: 60px
    }

    .characteristic {
        grid-template-columns: repeat(7,1fr);
        gap: 40px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .catalog-block_grid {
        grid-template-columns:repeat(2,1fr);
        gap: 60px
    }

    .price_home_grid {
        grid-template-columns: 100%
    }

    .fast_booking {
        display: none
    }

    .block_home_gap {
        grid-template-columns: repeat(2,1fr)
    }

    .characteristic {
        grid-template-columns: repeat(4,1fr)
    }
}

@media (max-width: 767px) {
    .catalog-block_grid {
        grid-template-columns:repeat(1,1fr);
        gap: 60px
    }


.catalog-block_item-pic {max-height: 160px;}

.catalog-block_item-home-bottom {
    margin-top: 20px;
}


    
.catalog-block_item-home-block {
    margin-top: 16px;
}

    
    .block_home_gap,.price_home_grid {
        grid-template-columns: 100%
    }

    .block_home_item+.block_home_item {
        margin-top: 30px
    }

    .characteristic {
        grid-template-columns: repeat(3,1fr)
    }

    .characteristic_name {
        font-size: 10px
    }

    .charact_svg {
        width: 42px;
        height: 42px
    }
}

.ransom_img_wrap {
    background-color: var(--black-bg-opacity-05)
}

.ransom_img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: left 80% top 50%;
    background-repeat: no-repeat
}

.ransom_item_box {
    position: relative;
    z-index: 2
}

.ransom_item_box_grid {
    align-items: self-start;
    padding-top: 100px;
    display: flex;
    flex-wrap: wrap
}

.ransom_item_box_flex {
    line-height: 160%;
    color: #fff
}

.ransom_info_flex {}

.ransom_info_grid {
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

.ransom_info_item {
    background-color: var(--main-background);
}

.ransom_info_item_padding {
    padding: 28px 24px
}

.ransom_info_item_text {
    display: flex;
    align-items: flex-start
}

.ransom_info_item_one {
    font-size: 28px;
    line-height: 110%;
    font-family: var(--h-font);
    color: var(--light-color-opacity-50);
    transform: scaleY(0.7);
}

.ransom_info_item_two {
    line-height: 160%;
    color: #fff;
}

@media (min-width: 1600px) {
    .ransom_img {
        min-height: 600px;
    }

    .ransom_item_box_flex {
        font-size: 20px;
        width: 50%
    }

    .ransom_info_grid {
        gap: 60px
    }

    .ransom_info_item_text {
        gap: 18px
    }
}

@media (min-width: 1024px) and (max-width:1599px) {
    .ransom_img {
        min-height: 600px;
    }

    .ransom_info_item_text {
        gap: 16px
    }

    .ransom_item_box_flex {
        font-size: 18px;
        width: 50%
    }

    .ransom_info_grid {
        gap: 40px
    }
}

@media (min-width: 1024px) and (max-width:1200px) {
    .ransom_info_grid {
        gap:20px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .ransom_img {
        min-height:480px
    }

    .ransom_item_box_flex {
        font-size: 18px;
        width: 70%
    }

    .ransom_item_box_grid {
        padding-top: 60px
    }

    .ransom_info_item_text {
        gap: 18px
    }

    .ransom_info_grid {
        gap: 40px;
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 768px) {
    .ransom_img {
        min-height: 440px;
        background-position: left 50% top 50%;
    }

    .ransom_item_box_grid {
        padding-top: calc(var(--grid-spacer) + 10px);
        flex-wrap: wrap;
        align-items: flex-start;
        padding-left: 10px
    }

    .ransom_info_item_text {
        gap: 16px;
    }

    .ransom_item_box_flex {
        font-size: 18px;
        width: 80%;
    }

    .ransom_info_grid {
        gap: 20px;
        grid-template-columns: repeat(1,1fr)
    }

    .ransom_info_item_padding {
        padding: 20px
    }
}

.gallery_grid {
    display: grid
}

.gallery_grid_item {
    background-color: var(--black-bg-opacity-10)
}

.gallery_grid_item .gallery_img {
    transition: transform 2.85s cubic-bezier(.215,.61,.355,1);
    transform: scale(1.1)
}

.gallery_grid_item:hover .gallery_img,.gallery_grid_item_tr .gallery_img {
    transform: scale(1)
}

.gallery_item_box {
    display: flex;
    overflow: hidden
}

.gallery_item_box_img {
    display: flex
}

.gallery_img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width: 768px) {
    .gallery_grid {
        grid-template-columns:repeat(2,1fr);
        gap: 10px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .gallery_grid {
        grid-template-columns:repeat(2,1fr);
        gap: 16px
    }
}

@media (min-width: 1024px) and (max-width:1599px) {
    .gallery_grid {
        grid-template-columns:repeat(4,1fr);
        gap: 16px
    }
}

@media (min-width: 1600px) {
    .gallery_grid {
        grid-template-columns:repeat(4,1fr);
        gap: 16px
    }
}

.stories_blackout {
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0,0,0,.8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px)
}

.stories_list_frame {
    padding-top: 40px
}

.stories_list_box {
    flex-direction: row;
    padding: 0;
    list-style: none;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    display: flex;
    align-items: center;
    gap: 28px
}

.stories_list_box::-webkit-scrollbar {
    display: none
}

.stories_list {
    display: flex;
    position: relative;
    width: 100%;
    min-width: auto;
    max-width: none;
    flex-direction: column;
    cursor: pointer
}

.stories_details,.stories_viewer {
    justify-content: center;
    width: 100%;
    display: flex
}

.stories_slide_wrapper {
    position: relative;
    width: 100%;
    height: 196px;
    border: 2px solid #fc0;
    border-radius: 16px;
    overflow: hidden
}

.stories_format_rectangle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 2px
}

.stories_slide_image {
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    line-height: 0;
    border-radius: 12px;
    overflow: hidden
}

.stories_slide_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%
}

.stories_slide_image_thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.stories_details {
    position: fixed;
    z-index: 1001;
    right: 50%;
    bottom: 50%;
    align-items: center;
    transform: translate(50%,50%);
    height: 100%
}

.stories_viewer {
    align-items: center;
    height: 100%
}

.stories_pager {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    background-image: linear-gradient(0deg,transparent,rgba(34,34,34,.2));
    z-index: 2;
    border-radius: 3px 3px 0 0;
    overflow: hidden
}

.stories_close {
    border: 0;
    padding: 0;
    background: 0 0;
    position: absolute;
    top: 25px;
    right: 10px;
    z-index: 1140;
    pointer-events: all;
    cursor: pointer;
    outline: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.stories_pager_ticks {
    height: 3px;
    display: flex;
    margin: 8px 5px
}

.stories_pager_tick {
    background-color: rgba(255,255,255,.4);
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 2px;
    border-radius: 3px
}

.stories_pager_tick-progress {
    width: 100%;
    height: 3px
}

.stories_pager_tick_progress_loader {
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.9);
    width: 0%
}

.active_stories .stories_pager_tick_progress_loader {
    animation: 7s linear forwards progressAnimation;
    will-change: animation
}

.viewed_stories .stories_pager_tick_progress_loader {
    width: 100%
}

@keyframes progressAnimation {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

.stories_viewer_box {
    position: relative;
    height: calc(100% - 30px);
    max-height: calc(100% - 30px);
    width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    flex-shrink: 0;
    line-height: 0;
    display: flex;
    justify-content: center
}

.stories_viewer_box_flex {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.stories_viewer_item {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.stories_slide_image_orig {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border-radius: 3px;
    overflow: hidden
}

.stories_button {
    position: absolute;
    transform: translateY(-50%);
    display: inline-flex
}

.navigation_stories {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 50%
}

.stories_left {
    left: 15px
}

.stories_right {
    right: 15px
}

.s_nav_btn {
    webkit-touch-callout: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--black-bg-opacity-20);
    border: none;
    color: inherit;
    cursor: pointer;
    display: block;
    font-size: inherit;
    font-weight: inherit;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    white-space: normal;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    overflow: hidden
}

.s_nav_btn svg {
    color: #fff
}

@media (max-width: 768px) {
    .stories_viewer_box {
        height:100%;
        max-height: 100%;
        width: 100%;
        max-width: 100%
    }

    .s_nav_btn,.stories_button {
        height: 100vh
    }

    .s_nav_btn {
        border-radius: 0;
        background: var(--t);
        opacity: 0
    }
}

.services-block_top {
    font-family: var(--h-font);
    font-size: 26px;
    text-transform: uppercase;
    transform: scaleY(0.7);
}

.services-block_bottom {
    margin-top: 16px;
    max-width: 400px;
    line-height: 145%;
    color: var(--grey-font)
}

@media (min-width: 768px) {
    .services-block_box {
        gap:80px;
        display: grid;
        grid-template-columns: repeat(3,1fr)
    }
}

@media (max-width: 767px) {
    .services-block_box {
        gap:40px;
        display: grid;
        overflow: hidden
    }
}

.form_footer_button,.form_footer_button_line {
    display: flex;
    white-space: nowrap;
    height: 48px;
    color: #fff
}

.form-block_flex {
    background-size: cover;
    background-position: center;
    display: flex;
    width: 100%;
    flex-direction: column;
    position: relative;
    padding: 120px 60px
}

.form_head {
    text-transform: uppercase;
    font-size: 36px;
    color: #fff;
    font-family: var(--h-font);
    transform: scaleY(0.7);
}

.form_item {
    line-height: 140%;
    max-width: 268px;
    margin-top: 16px;
    color: #fff
}

.form_footer {
    margin-top: 32px
}

.form_footer_gap {
    display: flex;
    align-items: center;
    gap: 16px
}

.form_footer_button {
    padding: 14px 20px;
    background: var(--main-background);
    border: 1px solid var(--t);
    align-items: center
}

.form_footer_button_line {
    border: 1px solid #fff;
    background: var(--t);
    padding: 0 20px;
    align-items: center
}

@media (max-width: 768px) {
    .form_footer_gap {
        flex-direction:column;
        align-items: flex-start
    }

    .form-block_flex {
        padding: 60px var(--grid-spacer);
        background-position: 42% 50%
    }

    .form_head {
        font-size: 28px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .form_footer_gap {
        flex-direction:column;
        align-items: flex-start
    }

    .form-block_flex {
        padding: 120px 60px
    }
}

.footer_top_item_left_block,.footer_top_item_li_link {
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    color: #fff;
    line-height: 145%
}

.layout__footer {
    background: var(--main-background)
}

.footer_top_box {
    padding: 42px 0
}

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

.footer_top_item_left {
    gap: 20px;
    display: flex
}

.footer_top_item_left_block {
    align-items: center;
    font-weight: 500
}

.footer_top_item_right,.footer_top_item_right_li {
    display: flex;
    margin-top: 8px;
}

.footer_top_item_right_ul {
    gap: 10px;
    display: flex;
    align-items: center
}

.footer_top_item_li_link {
    gap: 8px
}

.footer_top_item_li_link svg {
    line-height: 0;
    color: var(--light-color-opacity-50);
    min-width: 20px;
    min-height: 22px;
    animation: 3s 6s infinite forwards flip
}

.footer_bottom_box {
    padding: 34px 0;
    border-top: 1px solid var(--light-color-opacity-50)
}

.footer_bottom_text {
    color: #fff;
    font-size: 12px;
    line-height: 145%;
    opacity: .5
}

@media (max-width: 767px) {
    .footer_bottom_box,.footer_top_box {
        padding:32px 0
    }

    .footer_bottom_text {
        font-size: 11px
    }

    .footer_top_item {
        align-items: flex-start;
        gap: 26px;
        display: block;
    }

    .footer_top_item_left_block,.footer_top_item_li_link,.footer_top_item_right_sep {
        font-size: 12px
    }

    .footer_top_item_left {
        gap: 12px;
        display: block;
    }

    .footer_top_item_right_ul {
        gap: 6px
    }
}

.social_btn {
    background: #fff;
    border: none;
    border-radius: 100%;
    cursor: default;
    display: block;
    padding: 0;
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 500;
    height: 58px;
    width: 58px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s var(--header-timing-function)
}

.social_btn_open {
    opacity: 1;
    pointer-events: all;
    cursor: pointer
}

.social-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.social-container_open {
    pointer-events: none;
    z-index: 0
}

.social_btn-container {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    background-size: 32px 32px;
    box-shadow: 0 8px 24px 0 #08090a14;
    border-radius: 100%;
    will-change: opacity
}

.social-container_open .social_btn-container {
    box-shadow: none
}

.social .phone {
    background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 34 34%22%3E%3Ccircle cx%3D%2217%22 cy%3D%2217%22 r%3D%2217%22 fill%3D%22%2343d854%22%2F%3E%3Cpath d%3D%22m11.4%2C7.55l3.45%2C3.44c.52.52.52%2C1.25.1%2C1.67l-2.19%2C2.29c2.09%2C2.08%2C4.18%2C4.17%2C6.27%2C6.35l2.3-2.29c.42-.42%2C1.15-.31%2C1.67.21l3.45%2C3.44c.52.52.63%2C1.25.21%2C1.67l-1.99%2C1.98C20.6%2C30.35%2C3.56%2C13.38%2C7.74%2C9.32c.63-.62%2C1.25-1.25%2C1.88-1.98.42-.42%2C1.26-.31%2C1.78.21h0Z%22 fill%3D%22%23fff%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E')
}

.social .whatsapp {
    background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 32 32%22%3E%3Cpath d%3D%22m11.53%2C8.13c-.31-.74-.55-.77-1.02-.79-.18-.01-.36-.02-.54-.02-.61%2C0-1.25.18-1.64.57-.47.48-1.64%2C1.6-1.64%2C3.89s1.67%2C4.52%2C1.9%2C4.83c.23.31%2C3.26%2C5.09%2C7.97%2C7.04%2C3.68%2C1.52%2C4.77%2C1.38%2C5.6%2C1.2%2C1.22-.26%2C2.76-1.17%2C3.14-2.26.39-1.09.39-2.02.27-2.22-.11-.2-.42-.31-.89-.55s-2.76-1.36-3.19-1.51c-.42-.16-.83-.1-1.15.35-.45.63-.89%2C1.27-1.25%2C1.66-.28.3-.74.34-1.13.18-.52-.22-1.97-.73-3.75-2.31-1.38-1.23-2.32-2.76-2.6-3.23-.27-.47-.03-.74.19-1%2C.24-.29.46-.5.7-.77.23-.27.37-.41.52-.73.16-.31.05-.63-.06-.87-.11-.24-1.05-2.53-1.44-3.46h0ZM16%2C0C7.18%2C0%2C0%2C7.18%2C0%2C16c0%2C3.5%2C1.13%2C6.74%2C3.05%2C9.38l-1.99%2C5.95%2C6.15-1.97c2.61%2C1.73%2C5.67%2C2.65%2C8.8%2C2.64%2C8.82%2C0%2C16-7.18%2C16-16S24.83%2C0%2C16.01%2C0h-.01Z%22 fill%3D%22%234bca59%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E')
}

.social .telegram {
    background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 31.66 27%22%3E%3Cpath d%3D%22m16.86%2C21.16c-1.22%2C1.2-2.42%2C2.39-3.61%2C3.58-.42.42-.89.65-1.48.61-.41-.02-.63-.21-.76-.6-.91-2.88-1.84-5.76-2.75-8.64-.09-.28-.22-.42-.5-.5-2.15-.67-4.3-1.35-6.44-2.04-.32-.1-.63-.24-.91-.42-.48-.32-.55-.84-.11-1.21.4-.34.88-.63%2C1.38-.83%2C2.72-1.09%2C5.45-2.15%2C8.18-3.22L29.53.16c1.26-.49%2C2.24.19%2C2.12%2C1.57-.08.91-.31%2C1.81-.5%2C2.7-1.45%2C6.98-2.91%2C13.97-4.37%2C20.95v.04c-.36%2C1.6-1.51%2C2.03-2.81%2C1.06-2.26-1.69-4.51-3.39-6.77-5.08-.11-.08-.22-.16-.34-.24Zm-4.82%2C1.87c.04-.16.06-.24.07-.31.15-1.56.3-3.11.43-4.67.03-.34.13-.6.4-.84%2C3.47-3.1%2C6.94-6.21%2C10.4-9.31.99-.88%2C1.98-1.76%2C2.95-2.66.1-.09.12-.27.18-.41-.15-.04-.32-.15-.45-.11-.3.08-.6.2-.86.36-5.15%2C3.22-10.3%2C6.45-15.45%2C9.67-.26.16-.34.3-.23.61.82%2C2.43%2C1.61%2C4.88%2C2.41%2C7.32.03.1.08.19.15.36h0Z%22 fill%3D%22%2333abe0%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E')
}

.social .viber {
    background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230.1%22 height%3D%2234.15%22 viewBox%3D%220 0 30.1 34.15%22%3E%3Cpath d%3D%22m26.72%2C2.89C25.94%2C2.18%2C22.56.06%2C15.52.03%2C15.52.03%2C7.17-.52%2C3.12%2C3.15.87%2C5.38.11%2C8.68.03%2C12.72s-.39%2C12.49%2C7%2C14.55l-.03%2C6.23c0%2C.35.06.59.26.64.15.03.36-.04.55-.22%2C1.18-1.19%2C4.96-5.75%2C4.96-5.75%2C5.07.33%2C9.11-.67%2C9.55-.81%2C1.02-.33%2C6.56-.81%2C7.5-8.37.97-7.8-.48-13.87-3.08-16.09Z%22 fill%3D%22%237360f2%22%2F%3E%3Cpath d%3D%22m15.81%2C9.46c.01-.26.23-.46.49-.45h0c.97.05%2C1.78.35%2C2.36.94.57.59.85%2C1.42.91%2C2.42.01.26-.19.48-.45.49s-.48-.19-.49-.45h0c-.04-.85-.28-1.43-.64-1.81-.36-.38-.92-.61-1.73-.65-.26-.01-.46-.24-.45-.49Z%22 fill%3D%22%23fff%22 fill-rule%3D%22evenodd%22%2F%3E%3Cpath d%3D%22m15.1%2C6.92c.02-.26.24-.45.5-.44%2C0%2C0%2C0%2C0%2C0%2C0%2C1.98.14%2C3.57.82%2C4.73%2C2.09%2C1.15%2C1.25%2C1.69%2C2.81%2C1.65%2C4.64%2C0%2C.26-.22.47-.48.46-.26%2C0-.47-.22-.46-.48h0c.03-1.61-.44-2.93-1.41-3.99-.96-1.05-2.31-1.65-4.1-1.78-.26-.02-.45-.24-.43-.5Z%22 fill%3D%22%23fff%22 fill-rule%3D%22evenodd%22%2F%3E%3Cpath d%3D%22m14.27%2C4.51c0-.26.21-.47.47-.47%2C2.73.02%2C5.04.93%2C6.9%2C2.74%2C1.87%2C1.82%2C2.8%2C4.31%2C2.82%2C7.39%2C0%2C.26-.21.47-.47.47-.26%2C0-.47-.21-.47-.47-.02-2.89-.88-5.11-2.53-6.72-1.67-1.63-3.74-2.45-6.25-2.47-.26%2C0-.47-.21-.47-.47%2C0%2C0%2C0%2C0%2C0%2C0Z%22 fill%3D%22%23fff%22 fill-rule%3D%22evenodd%22%2F%3E%3Cpath d%3D%22m16.38%2C18.7s.66.06%2C1.02-.38l.69-.87c.33-.43%2C1.15-.71%2C1.94-.27.59.34%2C1.17.71%2C1.73%2C1.1.53.39%2C1.6%2C1.28%2C1.61%2C1.28.51.43.63%2C1.07.28%2C1.74h0c-.38.68-.87%2C1.28-1.45%2C1.8%2C0%2C0%2C0%2C0-.01.01-.5.42-.99.65-1.47.71-.07.01-.14.02-.21.01-.21%2C0-.42-.03-.62-.1v-.02c-.76-.21-1.99-.73-4.05-1.87-1.19-.65-2.33-1.4-3.39-2.24-.53-.42-1.04-.87-1.53-1.35l-.05-.05-.05-.05-.05-.05-.05-.05c-.48-.48-.93-.99-1.35-1.53-.84-1.07-1.59-2.2-2.24-3.39-1.14-2.06-1.66-3.3-1.87-4.04l-.02-.02c-.07-.2-.1-.41-.09-.62%2C0-.07%2C0-.14.01-.21.06-.48.3-.97.71-1.47%2C0%2C0%2C0%2C0%2C.01-.01.51-.57%2C1.11-1.06%2C1.78-1.45%2C0%2C0%2C.01%2C0%2C.01%2C0%2C.67-.35%2C1.31-.23%2C1.74.28%2C0%2C0%2C.9%2C1.08%2C1.28%2C1.61.4.56.77%2C1.13%2C1.1%2C1.73.44.79.16%2C1.6-.27%2C1.94l-.87.69c-.44.36-.38%2C1.02-.38%2C1.02%2C0%2C0%2C1.3%2C4.9%2C6.13%2C6.14h0Z%22 fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E')
}

.social .vk {
    background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22m24%2C0C10.75%2C0%2C0%2C10.75%2C0%2C24s10.75%2C24%2C24%2C24%2C24-10.75%2C24-24S37.25%2C0%2C24%2C0Z%22%20fill%3D%22%230077ff%22%2F%3E%3Cpath%20d%3D%22m35.94%2C18.04c.05-.15.07-.29.06-.42-.01-.36-.26-.62-.85-.62h-2.62c-.66%2C0-.97.4-1.14.8%2C0%2C0-1.63%2C3.36-3.51%2C5.57-.61.64-.92.62-1.25.62-.18%2C0-.62-.21-.62-.8v-5.18c0-.69-.17-1.01-.73-1.01h-4.65c-.41%2C0-.62.32-.62.64%2C0%2C.67.9.83%2C1%2C2.7v3.62c0%2C.88-.15%2C1.04-.48%2C1.04-.89%2C0-2.64-3-3.82-6.93-.25-.77-.51-1.07-1.17-1.07h-2.64c-.76%2C0-.89.37-.89.77%2C0%2C.72.6%2C4.62%2C3.88%2C9.1%2C2.38%2C3.25%2C5.5%2C5.12%2C8.27%2C5.12%2C1.68%2C0%2C1.85-.43%2C1.85-1.09v-2.97c0-.8.18-.93.72-.93.38%2C0%2C1.16.25%2C2.66%2C2%2C1.73%2C2.02%2C2.04%2C3%2C3.04%2C3h2.62c.61%2C0%2C.96-.25.97-.75%2C0-.13-.01-.27-.06-.42-.19-.58-1.08-1.98-2.19-3.33-.62-.74-1.22-1.48-1.5-1.88-.19-.26-.26-.44-.25-.62%2C0-.18.1-.36.25-.61-.03%2C0%2C3.36-4.75%2C3.69-6.35Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E')
}

.social_btn-container_app {
    background: #fff;
    border-radius: 50px;
    bottom: 0;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: opacity .3s;
    width: 100%;
    box-shadow: 0 8px 24px 0 #08090a14
}

.social_link,.social_link_closer {
    background-position: 50%;
    background-repeat: no-repeat;
    display: flex;
    height: 58px;
    width: 58px
}

.social-container_open .social_btn-container_app {
    opacity: 1;
    pointer-events: all;
    z-index: 1
}

.social_link_closer {
    align-items: center;
    justify-content: center;
    background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 36 36%22 fill%3D%22%23b8b3b2%22%3E%3Cpath d%3D%22M26.485 6.686 18 15.172 9.515 6.686a1 1 0 0 0-1.414 0L6.686 8.101a1 1 0 0 0 0 1.414L15.172 18l-8.486 8.485a1 1 0 0 0 0 1.414l1.415 1.415a1 1 0 0 0 1.414 0L18 20.828l8.485 8.486a1 1 0 0 0 1.414 0l1.415-1.415a1 1 0 0 0 0-1.414L20.828 18l8.486-8.485a1 1 0 0 0 0-1.414l-1.415-1.415a1 1 0 0 0-1.414 0Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-size: 22px 22px
}

.social_link {
    align-items: center;
    justify-content: center;
    background-size: 32px 32px
}

.burger_menu {
    --drop-menu-timing: 0.3s;
    background: var(--dark-background);
    height: 100vh;
    pointer-events: none;
    position: fixed;
    top: -100vh;
    transition: transform;
    transition-duration: var(--drop-menu-timing);
    transition-timing-function: var(--header-timing-function);
    width: 100vw;
    z-index: 4700
}

.burger_menu_flex,.top_menu {
    position: relative
}

.burger_menu.open {
    pointer-events: auto;
    transform: translateY(100%);
    z-index: 5000
}

.burger_menu_flex {
    width: 100%;
    height: var(--header-height);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.burger_close,.burger_logo {
    align-items: center;
    height: 100%;
    display: flex
}

.top_menu::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: var(--dividing-line-header-bottom);
    content: ""
}

.burger_logo a {
    display: flex
}

.burger_link,.burger_logo svg {
    color: var(--primary-color);
}

.burger_close {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 5500;
    cursor: pointer;
    width: 48px;
    justify-content: center
}

.burger_btn {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.burger {
    position: relative;
    width: 36px;
    height: 36px
}

.burger:after,.burger:before {
    background-color: var(--main-background);
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    top: 0;
    transition: background .5s var(--header-timing-function);
    width: 100%;
    transform: translateY(4px) rotate(45deg)
}

.burger:after {
    transform: translateY(4px) rotate(135deg)
}

.contacts_content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 32px;
}

.contacts_content_item+.contacts_content_item {
    margin-top: 22px;
}

.contacts_content_item {
    transform: scaleY(0.7);
}


.contacts_content_text {
    font-size: 18px;
    opacity: 0;
    transform: translateY(20px);
    cursor: pointer;
    color: var(--primary-color);
    font-family: var(--h-font);
    text-transform: uppercase;
}

.open .contacts_content_text {
    opacity: 1;
    transform: translateY(0)
}

.open .contacts_content_item:first-child .contacts_content_text {
    transition: opacity .3s cubic-bezier(.25,.46,.45,.94) .2s,transform .3s cubic-bezier(.25,.46,.45,.94) .2s,-webkit-transform .3s cubic-bezier(.25,.46,.45,.94) .2s
}

.open .contacts_content_item:nth-child(2) .contacts_content_text {
    transition: opacity .3s cubic-bezier(.25,.46,.45,.94) .3s,transform .3s cubic-bezier(.25,.46,.45,.94) .3s,-webkit-transform .3s cubic-bezier(.25,.46,.45,.94) .3s
}

.open .contacts_content_item:nth-child(3) .contacts_content_text {
    transition: opacity .3s cubic-bezier(.25,.46,.45,.94) .4s,transform .3s cubic-bezier(.25,.46,.45,.94) .4s,-webkit-transform .3s cubic-bezier(.25,.46,.45,.94) .4s
}

.open .contacts_content_item:nth-child(4) .contacts_content_text {
    transition: opacity .3s cubic-bezier(.25,.46,.45,.94) .5s,transform .3s cubic-bezier(.25,.46,.45,.94) .5s,-webkit-transform .3s cubic-bezier(.25,.46,.45,.94) .5s
}

.open .contacts_content_item:nth-child(5) .contacts_content_text {
    transition: opacity .3s cubic-bezier(.25,.46,.45,.94) .6s,transform .3s cubic-bezier(.25,.46,.45,.94) .6s,-webkit-transform .3s cubic-bezier(.25,.46,.45,.94) .6s
}

.open .contacts_content_item:nth-child(6) .contacts_content_text {
    transition: opacity .3s cubic-bezier(.25,.46,.45,.94) .7s,transform .3s cubic-bezier(.25,.46,.45,.94) .7s,-webkit-transform .3s cubic-bezier(.25,.46,.45,.94) .7s
}

@media (min-width: 768px) {
    .burger_btn {
        height:10px;
        width: 50px
    }
}

@media (max-width: 768px) {
    .burger_btn {
        height:10px
    }

    .burger_menu.open {
        overflow: hidden;
        scrollbar-width: none
    }

    .burger {
        width: 20px;
        height: 20px
    }
}

@media (max-width: 1023px) {
    .burger_logo svg {
    width: 98px;
    height: 17px;
    }
}

.pages_dev {line-height: 160%;}
.contract {}
.box_contract {}
.zig_zag {
	background: #eee9e8;
	position: relative;
	padding: 25px;
}

.download_contract {
    display: inline-block;
    margin-bottom: 40px;
    font-size: 18px;
    text-decoration: underline;
}


.zig_zag:before {
	background: linear-gradient(-45deg, #eee9e8 10px, transparent 0), linear-gradient(45deg, #eee9e8 10px, transparent 0);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 20px 20px;
	content: " ";
	display: block;
	height: 20px;
	width: 100%;
	position: absolute;
	top: -20px;
	left: 0;
}

.zig_zag:after {
    background: linear-gradient(-45deg, transparent 20px, #eee9e8 0), linear-gradient(45deg, transparent 20px, #eee9e8 0);
    background-position: left bottom;
    background-size: 20px 20px;
    content: "";
    display: block;
    height: 20px;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
}



.zig_zag_item {
    display: flex;
    align-items: baseline;
}
.zig_zag_number {
    margin-right: 12px;
    color: var(--main-background);
    font-weight: 500;
}

.zig_zag_text {}

.red_contract {
    color: red;
}

@media (max-width: 1023px) {

.zig_zag {
    padding: 15px 15px 20px 15px;
}

.zig_zag_number {
    line-height: 150%;
}    
    
.zig_zag_text {
    font-size: 15px;
    line-height: 150%;
}
}