@import'../../node_modules/normalize.css/normalize.css';

:root {
    --font-family: "Tilda Sans";
    --font-family-title: "Cygre";
    --color: #000;
    --rad: 10px;
    --gradient-yellow: linear-gradient(180deg, #FFD147 0%, #FFAF00 100%);
    --gradient-blue: linear-gradient(180deg, #EDFFFC 0%, #CAEBFF 100%);
    --container-width: 1300px;
    --container-padding: 15px;
    --tans: 300ms linear;
    --partners-bg: #561213;
}
@font-face {
	font-family: 'TildaSansRegular';
	src: url('../fonts/TildaSans-Regular.eot');
	src:
	     url('../fonts/TildaSans-Regular.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/TildaSans-Regular.woff2') format('woff2'),
	     url('../fonts/TildaSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family:"Tilda Sans";
    src:url("../fonts/TildaSans-Medium.woff2") format("woff2"),url("../fonts/TildaSans-Medium.woff") format("woff");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:"Cygre";
    src:url("../fonts/Cygre-ExtraBold.woff2") format("woff2"),url("../fonts/Cygre-ExtraBold.woff") format("woff");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family: 'Cygre1';
    src: url('../fonts/Cygre-Bold.woff2') format('woff2'),
        url('../fonts/Cygre-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Tilda Sans bold";
    src:url("../fonts/TildaSans-Bold.woff2") format("woff2"),url("../fonts/TildaSans-Bold.woff") format("woff");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}
html {
    box-sizing:border-box;
    scroll-behavior: smooth;
    scroll-padding-top: 25px;
}
*,*::after,*::before {
    box-sizing:inherit
}
ul[class],ol[class] {
    padding:0
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd {
    margin:0
}
ul[class] {
    list-style:none
}
img {
    max-width:100%;
    display:block
}
input,button,textarea,select {
    font:inherit
}
a {
    text-decoration:none
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body {
    margin:0
}
main {
    display:block
}
h1 {
    font-size:2em;
    margin:.67em 0
}
hr {
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre {
    font-family:monospace,monospace;
    font-size:1em
}
a {
    background-color:rgba(0,0,0,0)
}
abbr[title] {
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong {
    font-weight:bolder
}
code,kbd,samp {
    font-family:monospace,monospace;
    font-size:1em
}
small {
    font-size:80%
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub {
    bottom:-0.25em
}
sup {
    top:-0.5em
}
img {
    border-style:none
}
button,input,optgroup,select,textarea {
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input {
    overflow:visible
}
button,select {
    text-transform:none
}
button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance:button
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style:none;
    padding:0
}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline:1px dotted ButtonText
}
fieldset {
    padding:.35em .75em .625em
}
legend {
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress {
    vertical-align:baseline
}
textarea {
    overflow:auto
}
[type=checkbox],[type=radio] {
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height:auto
}
[type=search] {
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
}
details {
    display:block
}
summary {
    display:list-item
}
template {
    display:none
}
[hidden] {
    display:none
}
html,body {
    height:100%
}
* {
    box-sizing:border-box
}
body {
    font-family:var(--font-family);
    color:var(--color)
}
html {
    scroll-behavior:smooth;
    scroll-padding:180px
}
.wrapper {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    min-height:100%;
    overflow-x:hidden
}
.main {
    -webkit-box-flex:1;
    -webkit-flex:1 0 auto;
    -ms-flex:1 0 auto;
    flex:1 0 auto
}
.footer {
    -webkit-box-flex:0;
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto
}
.container {
    max-width:calc(var(--container-width) + 2*var(--container-padding));
    width:100%;
    margin:0 auto;
    padding:0 var(--container-padding)
}
button {
    padding:0;
    border:none;
    outline:none
}
button,a {
    cursor:pointer
}
button {
    background:none;
    outline:none;
    border:none
}
@property --color-gradient-start {
    syntax:"<color>";
    inherits:false;
    initial-value:#ffd147
}
@property --color-gradient-end {
    syntax:"<color>";
    inherits:false;
    initial-value:#ffaf00
}
@property --color-gradient-start-dark {
    syntax:"<color>";
    inherits:false;
    initial-value:#484848
}
@property --color-gradient-end-dark {
    syntax:"<color>";
    inherits:false;
    initial-value:#111
}
.gradient-yellow {
    background-image:-webkit-linear-gradient(top, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
    background-image:linear-gradient(180deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
    transition:--color-gradient-start 1s,--color-gradient-end 1s
}
h1,h2,h3,h4,h5,h6 {
    margin:0
}
.btn {
    font-family:var(--font-family);
    font-weight:700;
    font-size:16px;
    line-height:120%;
    letter-spacing:0px;
    vertical-align:middle
}
.section-top {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.title-page {
    font-family:var(--font-family-title);
    font-weight:800;
    font-size:60px;
    line-height:110%;
    letter-spacing:0px;
    text-align:center;
    vertical-align:middle
}
.light-gradient {
    background:var(--gradient-blue)
}
.btn-black {
    border-radius:var(--rad);
    background-image:-webkit-linear-gradient(top, var(--color-gradient-start-dark) 0%, var(--color-gradient-end-dark) 100%);
    background-image:linear-gradient(180deg, var(--color-gradient-start-dark) 0%, var(--color-gradient-end-dark) 100%);
    background:-webkit-linear-gradient(top, var(--color-gradient-start-dark) 0%, var(--color-gradient-end-dark) 100%);
    background:linear-gradient(180deg, var(--color-gradient-start-dark) 0%, var(--color-gradient-end-dark) 100%);
    transition:--color-gradient-start-dark 1s,--color-gradient-end-dark 1s,background 300ms linear;
    color:#fff;
    font-family:var(--font-family-title);
    font-weight:800;
    font-size:24px;
    line-height:110%;
    letter-spacing:0px;
    vertical-align:middle
}
@media(hover: hover) {
    .contacts__text a:hover,
    a.top__info-s-item-text:hover{
        color: #ff7e00;
    }
    .modal__btn-close:hover {
        opacity:.5
    }
    .header__list-link:hover {
        color:#ff7e00
    }
    .how-it-was__photos-link:hover {
        -webkit-transform:translate(-50%, -50%);
        -ms-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%)
    }
    .gradient-yellow:hover {
        --color-gradient-start: #FF7E00;
        --color-gradient-end: #FF7E00
    }
    .btn-black:hover {
        background:#000
    }
    .header__social-item:hover .header__social-link svg path,.contacts__item:hover .contacts__item-link svg path {
        fill:#ffd147
    }
    .how-it-was__photos-link:hover {
        -webkit-animation:unset;
        animation:unset
    }
    .how-it-was__photos-link:hover .how-it-was__photos-link-arrow {
        -webkit-transform:translate(16px, -16px);
        -ms-transform:translate(16px, -16px);
        transform:translate(16px, -16px)
    }

    .accommodation__item:hover::before{
        /* backdrop-filter: blur(1px); */
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 67.94%, rgba(0, 0, 0, 0.6) 100%);
    }

    .accommodation__item:hover .accommodation__item-link svg {
        transform: translateX(5px);
    }
}
.header {
    max-width:100%;
    width:100%;
    position:fixed;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:background-color 300ms linear,box-shadow 300ms linear;
    transition:background-color 300ms linear,box-shadow 300ms linear;
    z-index:4
}
.header__inner {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.header.is-fix {
    background-color:#fff;
    box-shadow:0px 2px 34px -25px rgba(34,60,80,.4)
}
.header__nav {
    margin-left:auto;
    margin-right:0
}
.header__list {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:42px
}
.header__list-link {
    font-weight:500;
    font-size:20px;
    line-height:120%;
    color:currentColor;
    -webkit-transition:color var(--tans);
    transition:color var(--tans)
}
.header__social-list {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:7px;
    margin-left:38px
}
.header__social-link {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:50px;
    height:50px;
    background:rgba(255,255,255,.59);
    border:1px solid rgba(255,255,255,.73);
    border-radius:var(--rad)
}
.header__social-link svg path {
    -webkit-transition:fill 300ms linear;
    transition:fill 300ms linear
}
.header__btn-register {
    max-width:189px;
    width:100%;
    font-weight:700;
    font-size:16px;
    line-height:120%;
    letter-spacing:0px;
    border-radius:var(--rad);
    padding:15.5px;
    margin-left:14px;
    margin-right:0;
    color:var(--color)
}
.flex,.bars {
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex
}
.burgerbtn {
    display:none;
    width:25px;
    height:45px;
    background:none;
    border-color:rgba(0,0,0,0);
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0
}
.burgerbtn:focus {
    outline:none
}
.bars {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.bar {
    width:100%;
    height:4px;
    background-color:#e77200;
    border-radius:2px
}
.bar:not(:first-child) {
    margin-top:2px
}
.shoot .bar {
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.shoot .bar:nth-child(3) {
    margin-top:-4px
}
.shoot.open .bar:first-child {
    margin-left:300%
}
.shoot.open .bar:last-child {
    margin-left:-300%
}
.shoot.open .bar:nth-child(2) {
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.shoot.open .bar:nth-child(3) {
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.spin .bar:first-child,.spin .bar:last-child {
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-transition-delay:.7s;
    transition-delay:.7s
}
.spin .bar:nth-child(2),.spin .bar:nth-child(3) {
    -webkit-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out
}
.spin .bar:nth-child(3) {
    margin-top:-4px
}
.spin.open .bar:first-child {
    -webkit-transition-delay:0s;
    transition-delay:0s;
    margin-left:300%
}
.spin.open .bar:last-child {
    -webkit-transition-delay:0s;
    transition-delay:0s;
    margin-left:-300%
}
.spin.open .bar:nth-child(2) {
    -webkit-transform:rotate(675deg);
    -ms-transform:rotate(675deg);
    transform:rotate(675deg)
}
.spin.open .bar:nth-child(3) {
    -webkit-transform:rotate(765deg);
    -ms-transform:rotate(765deg);
    transform:rotate(765deg)
}
.split .bar:nth-child(1),.split .bar:nth-child(3),.split .bar:nth-child(5) {
    background-color:rgba(0,0,0,0);
    background:-webkit-linear-gradient(right, transparent 50%, #E77200 50%);
    background:-webkit-linear-gradient(left, #E77200 50%, transparent 50%);
    background:linear-gradient(to right, #E77200 50%, transparent 50%)
}
.split .bar:nth-child(2),.split .bar:nth-child(4),.split .bar:nth-child(6) {
    margin-top:-4px;
    background-color:rgba(0,0,0,0);
    background:-webkit-linear-gradient(left, transparent 50%, #E77200 50%);
    background:-webkit-linear-gradient(right, #E77200 50%, transparent 50%);
    background:linear-gradient(to left, #E77200 50%, transparent 50%)
}
.split .bar:nth-child(3),.split .bar:nth-child(4) {
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.split .bar:nth-child(1),.split .bar:nth-child(2),.split .bar:nth-child(5),.split .bar:nth-child(6) {
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.split.open .bar:nth-child(3) {
    margin-left:-300%
}
.split.open .bar:nth-child(4) {
    margin-left:300%
}
.split.open .bar:first-child {
    margin-top:50%;
    background-color:rgba(0,0,0,0);
    background:-webkit-linear-gradient(left, black 50%, transparent 50%);
    background:-webkit-linear-gradient(left, black 55%, transparent 50%);
    background:linear-gradient(to right, black 55%, transparent 50%);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.split.open .bar:nth-child(2) {
    margin-bottom:-50%;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.split.open .bar:nth-child(5) {
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.split.open .bar:last-child {
    margin-bottom:50%;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.build .bar:first-child,.build .bar:last-child {
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    -webkit-transition-delay:.5s;
    transition-delay:.5s
}
.build .bar:nth-child(2) {
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.build .bar:nth-child(3),.build .bar:nth-child(4),.build .bar:nth-child(5) {
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    background-color:rgba(0,0,0,0);
    background:-webkit-linear-gradient(right, #E77200 50%, transparent 50%);
    background:-webkit-linear-gradient(left, transparent 50%, #E77200 50%);
    background:linear-gradient(to right, transparent 50%, #E77200 50%)
}
.build .bar:nth-child(3),.build .bar:nth-child(4),.build .bar:nth-child(5) {
    margin-top:-4px
}
.build.is-open .bar:first-child,.build.is-open .bar:last-child {
    -webkit-transition-delay:0s;
    transition-delay:0s;
    opacity:0
}
.build.is-open .bar:nth-child(2) {
    background:-webkit-linear-gradient(right, #E77200 50%, transparent 50%);
    background:-webkit-linear-gradient(left, transparent 50%, #E77200 50%);
    background:linear-gradient(to right, transparent 50%, #E77200 50%)
}
.build.is-open .bar:nth-child(2),.build.is-open .bar:nth-child(3),.build.is-open .bar:nth-child(4),.build.is-open .bar:nth-child(5) {
    -webkit-transition-delay:.5s;
    transition-delay:.5s
}
.build.is-open .bar:nth-child(2) {
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.build.is-open .bar:nth-child(3) {
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg)
}
.build.is-open .bar:nth-child(4) {
    -webkit-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    transform:rotate(225deg)
}
.build.is-open .bar:nth-child(5) {
    -webkit-transform:rotate(315deg);
    -ms-transform:rotate(315deg);
    transform:rotate(315deg)
}
.header-menu {
    display:none;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:20px;
    max-width:100vw;
    width:100%;
    min-height:100svh;
    background:#fff;
    top:0;
    bottom:0;
    z-index:20;
    position:fixed;
    left:-200vw;
    -webkit-transition:left var(--tans);
    transition:left var(--tans)
}
.header-menu.is-open {
    left:0
}
.top {
    min-height:914px;
    background-position:center center;
    background-size:cover;
    padding-top:197px;
    position:relative;
    z-index:2
}
.top::after {
    content:"";
    max-width:100vw;
    height:38px;
    position:absolute;
    bottom:-36px;
    left:0;
    right:0;
    background-position:center;
    background-size:contain;
    background-image:url(../images/decor-top-1.svg)
}
.top::before {
    content:url(../images/decor-top-2.png);
    position:absolute;
    right:0%;
    bottom:-20%;
    z-index:2
}
.top__info {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    gap:10px;
    margin-bottom:33px;
    flex-wrap: wrap;
}
.top__info-item {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    max-width:-webkit-max-content;
    max-width:-moz-max-content;
    max-width:max-content;
    width:100%;
    font-weight:500;
    font-size:30px;
    line-height:120%;
    letter-spacing:0px;
    background:rgba(255,255,255,.3);
    border:4px solid rgba(255,255,255,.26);
    border-radius:1000px;
    min-height:67px
}
.top__info-item.top__info-item_city {
    max-width:max-content;
    gap:13px;
    padding-inline: 10px;
    color: var(--color);
}
.top__info-item.top__info-item_date {
    max-width:419px;
    gap:11px
}
.top__info-item-icon {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.top__title {
    font-family:var(--font-family-title);
    font-weight:800;
    font-size:74px;
    line-height:110%;
    letter-spacing:0px;
    margin-bottom:23px
}
.top__text {
    font-weight:500;
    font-size:24px;
    line-height:120%;
    letter-spacing:0px;
    vertical-align:middle;
    margin-bottom:32px
}
.top__register-btn {
    display: block;
    text-align: center;
    max-width:244px;
    width:100%;
    padding:26.5px;
    border-radius:var(--rad);
    color:var(--color)
}
.top__text .br-mobile {
    display:none
}
.informations {
    padding-top:78px;
    padding-bottom:46px;
    position:relative;
    z-index:-1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.informations__inner {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    gap:90px
}
.informations__image {
    max-width: 445px;
    height:auto;
    position:relative;
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    z-index:-1
}
.informations__image::before {
    content:url(../images/information-img-decor.png);
    position:absolute;
    bottom: -45px;
    left: -40px;
}
.informations__texts {
    font-weight:500;
    font-size:26px;
    line-height:110%;
    letter-spacing:0px;
    vertical-align:middle;
    margin-top:13px
}
.informations__texts p:not(:last-child) {
    margin-bottom:30px
}
.for-whom {
    padding-top:117px;
    padding-bottom:270px;
    position:relative;
    overflow:hidden;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.for-whom::before {
    content: "";
    position: absolute;
    bottom: -4px;
    background: url(../images/for-whom-decor-3.png);
    max-width: 100%;
    width: 100%;
    height: 522px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.for-whom__top {
    margin-bottom:50px
}
.for-whom__title {
    margin-bottom:20px
}
.for-whom__text {
    font-style:normal;
    font-weight:500;
    font-size:24px;
    line-height:130%
}
.for-whom__list {
    display:-ms-grid;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-column-gap:20px;
    position:relative;
    z-index:2
}
.for-whom__list::after {
    content:url(../images/for-whom-decor-1.png);
    position:absolute;
    top:-70px;
    right:-84px;
    z-index:-1
}
.for-whom__list::before {
    content:url(../images/for-whom-decor-2.png);
    position:absolute;
    bottom:-239px;
    left:-14px;
    z-index:2
}
.for-whom__list-item {
    background:rgba(255,255,255,.48);
    border:1px solid #fff;
    -webkit-backdrop-filter:blur(3.1px);
    backdrop-filter:blur(3.1px);
    border-radius:var(--rad);
    padding-top:36px;
    padding-bottom:37px
}
.for-whom__list-item:first-child {
    padding-left:32px
}
.for-whom__list-item:first-child .for-whom__list-item-icon {
    padding-left:11px;
    margin-bottom:32px
}
.for-whom__list-item:nth-child(2) {
    padding-left:16px
}
.for-whom__list-item:nth-child(2) .for-whom__list-item-icon {
    padding-left:1px;
    margin-bottom:28px
}
.for-whom__list-item:nth-child(2) .for-whom__list-item-title,.for-whom__list-item:nth-child(2) .for-whom__list-item-text {
    padding-left:12px
}
.for-whom__list-item:nth-child(3) {
    padding-left:23px
}
.for-whom__list-item:nth-child(3) .for-whom__list-item-icon {
    padding-left:8px;
    margin-bottom:28px
}
.for-whom__list-item:nth-child(3) .for-whom__list-item-title,.for-whom__list-item:nth-child(3) .for-whom__list-item-text {
    padding-left:12px
}
.for-whom__list-item-title {
    font-family:var(--font-family-title);
    font-weight:800;
    font-size:24px;
    line-height:110%;
    letter-spacing:0px;
    vertical-align:middle;
    margin-bottom:14px
}
.for-whom__list-item-text {
    font-weight:500;
    font-size:20px;
    line-height:120%;
    letter-spacing:0px;
    vertical-align:middle
}
.for-whom__text .br-mobile {
    display:none
}
.how-it-was {
    padding-top:150px;
    padding-bottom:120px
}
.how-it-was__top {
    margin-bottom:60px
}
.how-it-was__title {
    margin-bottom:20px
}
.how-it-was__text {
    font-weight:500;
    font-size:30px;
    line-height:110%;
    letter-spacing:0px;
    text-align:center;
    vertical-align:middle
}
.how-it-was__photos {
    display:-ms-grid;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:20px;
    position:relative
}
.how-it-was__photos-item {
    min-height:426px;
    max-width:100%;
    width:100%
}
.how-it-was__photos-item a {
    max-width:100%;
    width:100%;
    height:100%
}
.how-it-was__photos-item a img {
    max-width:100%;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    border-radius:calc(var(--rad)*2)
}
.how-it-was__photos-link {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center;
    -webkit-transition:-webkit-transform var(--tans);
    transition:-webkit-transform var(--tans);
    transition:transform var(--tans);
    transition:transform var(--tans), -webkit-transform var(--tans);
    -webkit-animation:rotate 10s linear infinite;
    animation:rotate 10s linear infinite
}
.how-it-was__photos-link svg {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.how-it-was__photos-link-arrow {
    -webkit-transform:translate(0px, 0px);
    -ms-transform:translate(0px, 0px);
    transform:translate(0px, 0px);
    -webkit-transition:-webkit-transform var(--tans);
    transition:-webkit-transform var(--tans);
    transition:transform var(--tans);
    transition:transform var(--tans), -webkit-transform var(--tans)
}
.how-it-was__title .br-mobile,.how-it-was__text .br-mobile {
    display:none
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform:translate(-50%, -50%) rotate(0deg);
        transform:translate(-50%, -50%) rotate(0deg)
    }
    100% {
        -webkit-transform:translate(-50%, -50%) rotate(360deg);
        transform:translate(-50%, -50%) rotate(360deg)
    }
}
@keyframes rotate {
    0% {
        -webkit-transform:translate(-50%, -50%) rotate(0deg);
        transform:translate(-50%, -50%) rotate(0deg)
    }
    100% {
        -webkit-transform:translate(-50%, -50%) rotate(360deg);
        transform:translate(-50%, -50%) rotate(360deg)
    }
}
.price {
    background-position:bottom;
    background-repeat:no-repeat;
    position:relative
}
.price::before {
    content: "";
    max-width: 100%;
    width: 100%;
    position: absolute;
    bottom: -180px;
    z-index: 3;
    pointer-events: none;
    background: url(../images/price-bg-3.png);
    max-width: 100%;
    width: 100%;
    height: 351px;
    background-repeat: no-repeat;
    background-size: cover;
}
.price__top {
    margin-bottom:97px
}
.price__info {
    max-width:660px;
    width:100%;
    background-position:top center;
    background-repeat:no-repeat;
    padding-top:95px;
    padding-bottom:137px;
    position:relative;
    z-index:2
}
.price__info-parent {
    position:relative
}
.price__info-parent::after {
    content:url(../images/price-decor-2.png);
    position:absolute;
    z-index:1;
    left:-310px;
    top:-235px
}
.price__info-parent::before {
    content:url(../images/price-decor-1.png);
    position:absolute;
    z-index:1;
    bottom:26px;
    left:334px
}
.price__info-item {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.price__info-item:nth-child(1) {
    margin-bottom:45px
}
.price__info-item:has(.price__info-description) .price__info-price {
    margin-bottom:14px
}
.price__info-item:nth-child(2) {
    margin-bottom:46px
}
.price__info-text {
    font-weight:500;
    /* font-size:34px; */
    font-size: 32px;
    line-height:110%;
    letter-spacing:0px;
    text-align:center;
    vertical-align:middle;
    margin-bottom:11px
}
.price__info-price {
    font-family:var(--font-family-title);
    font-weight:800;
    font-size:60px;
    line-height:110%;
    letter-spacing:0px;
    vertical-align:middle
}
.price__info-description {
    font-weight:500;
    font-size:18px;
    line-height:110%;
    letter-spacing:0px;
    text-align:center;
    vertical-align:middle
}
.price__info-btn {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    max-width:398px;
    width:100%;
    margin:0 auto;
    font-family:var(--font-family-title);
    font-weight:800;
    font-size:24px;
    line-height:110%;
    letter-spacing:0px;
    vertical-align:middle;
    color:#fff;
    padding:39.5px;
    border-radius:var(--rad);
    background:-webkit-linear-gradient(top, #484848 0%, #111111 100%);
    background:linear-gradient(180deg, #484848 0%, #111111 100%)
}
.contacts {
    padding-top:187px;
    padding-bottom:357px;
    position:relative;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contacts::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    background: url(../images/contact-bg-2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    height: 322px;
}
.contacts__top {
    margin-bottom:28px
}
.contacts__title {
    margin-bottom:20px
}
.contacts__text {
    font-weight:500;
    font-size:30px;
    line-height:110%;
    letter-spacing:0px;
    text-align:center;
    vertical-align:middle
}
.contacts__text a{
    color: var(--color);
    transition: color var(--tans);
}
.contacts__list {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:9px
}
.contacts__item {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:50px;
    height:50px;
    border-radius:var(--rad);
    background-color:#fff
}
.contacts__item-link {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.contacts__item-link svg path {
    -webkit-transition:fill 300ms linear;
    transition:fill 300ms linear
}
.partners {
    padding-top:24px;
    padding-bottom:75px;
    background-color: var(--partners-bg)
}
.partners__title {
    font-family:var(--font-family-title);
    font-weight:800;
    font-size:54px;
    line-height:110%;
    letter-spacing:0px;
    text-align:center;
    vertical-align:middle;
    color:#fff;
    margin-bottom:70px
}
.partners__list {
    /* display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap */

    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.partners__item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.modal {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    max-width:100vw;
    width:100%;
    height:100svh;
    position:fixed;
    top:0;
    left:-200vw;
    right:0;
    bottom:0;
    z-index:10;
    background:rgba(0,0,0,0);
    -webkit-transition:background var(--tans);
    transition:background var(--tans);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.modal__inner {
    max-width:856px;
    width:100%;
    max-height:calc(100vh - var(--container-padding)*4);
    overflow-y:scroll;
    opacity:0;
    -webkit-transform:translateY(50px);
    -ms-transform:translateY(50px);
    transform:translateY(50px);
    padding-inline:var(--container-padding);
    -webkit-transition:opacity var(--tans),-webkit-transform va(--tans);
    transition:opacity var(--tans),-webkit-transform va(--tans);
    transition:opacity var(--tans),transform va(--tans);
    transition:opacity var(--tans),transform va(--tans),-webkit-transform va(--tans);
    padding-top:85px;
    background:url(../images/modal-decor.png),-webkit-linear-gradient(top, #FFD147 0%, #FFAF00 100%);
    background:url(../images/modal-decor.png),linear-gradient(180deg, #FFD147 0%, #FFAF00 100%);
    background-position:42% 105%;
    background-repeat:no-repeat;
    border-radius:35px;
    position:relative;
    padding-bottom:185.31px
}
.modal__inner::-webkit-scrollbar {
    display:none
}
.modal.is-open {
    background:rgba(0,0,0,.3);
    left:0
}
.modal.is-open .modal__inner {
    opacity:1;
    -webkit-transform:translateY(0px);
    -ms-transform:translateY(0px);
    transform:translateY(0px)
}
.modal__btn-close {
    position:absolute;
    right:24.92px;
    top:26px;
    -webkit-transition:opacity var(--tans);
    transition:opacity var(--tans)
}
.modal__top {
    margin-bottom:45px
}
.modal__title {
    font-family:var(--font-family-title);
    font-weight:800;
    font-size:42px;
    line-height:110%;
    letter-spacing:0px;
    text-align:center;
    vertical-align:middle;
    margin-bottom:30px
}
.modal__description {
    font-weight:500;
    font-size:24px;
    line-height:110%;
    letter-spacing:0px;
    text-align:center;
    vertical-align:middle
}
.modal__form {
    max-width:642px;
    width:100%;
    margin:0 auto
}
.modal__accordion-top {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:16px;
    margin-bottom:59px
}
.modal__label-check {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    gap:6px;
    cursor:pointer
}
.modal__label-check-input {
    display:none
}
.modal__label-check-input:checked~.modal__label-check-decor {
    --bg: #000
}
.modal__label-check-decor {
    --bg: #E6E6E6;
    background-color:#fff;
    width:32px;
    height:32px;
    border-radius:50px;
    border:2px solid var(--bg);
    position:relative;
    -webkit-transition:border var(--tans);
    transition:border var(--tans)
}
.modal__label-check-decor::before {
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background-color:var(--bg);
    border-radius:50px
}
.modal__label-check-text {
    font-weight:400;
    font-size:24px;
    line-height:110%;
    letter-spacing:0px;
    text-align:center;
    vertical-align:middle
}
.modal__accordion-body {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.modal__label {
    display:inline-block;
    max-width:100%;
    width:100%
}
.modal__label input {
    max-width:100%;
    width:100%;
    background:none;
    outline:none;
    border:0px;
    padding:0;
    margin:0;
    padding-bottom:17px;
    border-bottom:1px solid var(--color);
    font-weight:400;
    font-size:24px;
    line-height:110%;
    vertical-align:middle;
    color:var(--color)
}
.modal__label input::-webkit-input-placeholder {
    color:#000
}
.modal__label input::-moz-placeholder {
    color:#000
}
.modal__label input:-ms-input-placeholder {
    color:#000
}
.modal__label input::-ms-input-placeholder {
    color:#000
}
.modal__label input::placeholder {
    color:#000
}
.modal__label input::-webkit-input-placeholder:last-child {
    color:red
}
.modal__label input::-moz-placeholder:last-child {
    color:red
}
.modal__label input:-ms-input-placeholder:last-child {
    color:red
}
.modal__label input::-ms-input-placeholder:last-child {
    color:red
}
.modal__label input::placeholder:last-child {
    color:red
}
.modal__label:not(:last-child) {
    margin-bottom:50px
}
.modal__button {
    max-width:100%;
    width:100%;
    padding:46.06px 0px;
    margin-bottom:33px
}
.modal__personal {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    gap:8px;
    cursor:pointer
}
.modal__personal-decor {
    width:24px;
    height:24px;
    background-color:#2c2c2c;
    border-radius:4px;
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    position:relative
}
.modal__personal-decor::before {
    content:url(../images/input-check.svg);
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    opacity:0;
    -webkit-transition:opacity var(--tans);
    transition:opacity var(--tans)
}
.modal__personal-input:checked~.modal__personal-decor::before {
    opacity:1
}
.modal__personal-text .br-mob {
    display:none
}
.modal__label-description {
    display:block;
    font-weight:400;
    font-size:18px;
    line-height:24px;
    letter-spacing:0%;
    padding-top:4px
}
.modal__label-two-col {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:148px 1fr;
    grid-template-columns:148px 1fr;
    grid-column-gap:23px
}
.modal__accordion-body {
    opacity:0;
    -webkit-transform:rotateX(90deg);
    transform:rotateX(90deg);
    height:0px;
    -webkit-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-transition:height var(--tans),opacity var(--tans),-webkit-transform var(--tans);
    transition:height var(--tans),opacity var(--tans),-webkit-transform var(--tans);
    transition:height var(--tans),transform var(--tans),opacity var(--tans);
    transition:height var(--tans),transform var(--tans),opacity var(--tans),-webkit-transform var(--tans)
}
.modal__accordion-body.is-open {
    height:-webkit-max-content;
    height:-moz-max-content;
    height:max-content;
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    opacity:1;
    margin-bottom:43px
}
.modal.modal-email .modal__top {
    margin-bottom:93px
}
.modal.modal-email .modal__label {
    margin-bottom:62px
}
.modal__personal-text a  {
    color: currentColor;
}
.modal__personal-input {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.modal__personal {
    position: relative;
}
.text-thanks {
    text-align: center;
}
.header-logo-item{
    display: none;
}

.top__info-s-item-title{
    font-size: 24px;
    line-height: 120%;
}

.top__info-s-item-text{
    display: block;
    color: var(--color);
    font-size: 20px;
    line-height: 120%;
}

.top__info{
    align-items: flex-start;
    gap: 33px;
}

a.top__info-s-item-text{
    transition: color 300ms linear;
}

.coockie-modal {
    max-width: 300px;
    ; border-radius: 20px;
    background-color: #000;
    padding: 25px;
    position: fixed;
    z-index: 1000;
    bottom: 3%;
    animation: 2.5s linear 0s forwards alternate leftPos;
}

@keyframes leftPos {
    0% {
        left: -100%;
        opacity: 0;
    }

    100% {
        left: 3%;
        opacity: 1;
    }
}

@keyframes leftPosReverse {
    0% {
        left: 3%;
        opacity: 1;
    }

    100% {
        left: -100%;
        opacity: 0;
    }
}

.coockie-modal.is-hidden {
    display: none !important;
}

.coockie-modal__text {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
}

.coockie-modal__text a {
    color: currentColor;
    transition: color 300ms linear;
}

.coockie-modal__text a:hover {
    color: #8bbc3e;
}

.coockie-modal__btn {
    max-width: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 40px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#75a526, #8bbc3e);
    padding: 0 20px;
    border-radius: 25px;
    outline: none;
    border: none;
    cursor: pointer;
    transition: opacity 300ms linear;
    opacity: 1;
}

.coockie-modal__btn:hover {
    opacity: 0.95;
}

@media screen and (max-width: 500px) {
    .coockie-modal {
        align-items: center;
        display: flex;
        max-width: 247px;
        padding: 15px;
    }

    .coockie-modal__text {
        font-size: 8px;
        margin-bottom: 0px;
    }

    .coockie-modal__btn {
        height: 36px;
        font-size: 10px;
        width: 60%;
    }
}

.for-whom__top-row{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;

    gap: 20px;
    margin-bottom: 20px;
}

.for-whom__top-row img {
    max-width: 90px;
    width: 100%;
}

.for-whom__top-row .title-page{
    font-weight: 800;
    font-size: 40px;
    line-height: 110%;
    letter-spacing: 0px;
}

.top__info-s-item{
    backdrop-filter: blur(10px);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px 15px;
    height: 100%;
}

.top__info{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    max-width: 650px;
    width: 100%;
}

.top__info-s-item:has(svg) {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
}

.top__info-s-item svg {
    width: 25px;
    flex-shrink: 0;
}

.top__info-s-item:has(svg):nth-child(2) {
    align-content: center;
    flex-wrap: wrap;
}
.partners__item img {
    max-height: 82px;
}

.partners__list{
    justify-content: center;
    gap: 20px;
}
.how-it-was__photos-item{
    max-height: 426px;
}

.partners__item img{
    max-height: 90px;
}

.for-whom__top.section-top svg  {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}
.for-whom__top-row{
    max-width: 100%;
    width: 100%;
}
.for-whom__top-icon{
    max-width: 100%;
    width: 100%;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;

    gap: 10px;

    margin-bottom: 50px;
}
.for-whom__top-icon::before,
.for-whom__top-icon::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: gray;
}

.product-malt{
    transform: rotate(90deg);
    position: relative;
}

.price__title{
    text-transform: uppercase;
    margin-bottom: 20px;
}
.price__info-btn {
    margin-top: 10px;
}



.accommodation{
    font-family: var(--font-family);
}
.accommodation-decor::before, 
.accommodation-decor::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: gray;
}

.accommodation-decor{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 36px;
}

.accommodation-decor svg {
    flex-shrink: 0;
}
.accommodation-decor_top{
    margin-bottom: 76px;
}
.accommodation__title{
    margin-bottom: 20px;
}
.accommodation__text{
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 30px;
    font-family: var(--font-family);
}
.accommodation__list{
    /* max-width: 860px; */
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    grid-gap: 20px;
    margin-bottom: 105px;

    margin-inline: auto;
}

.accommodation__item{

    max-width: 100%;
    width: 100%;

    border-radius: 20px;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;

    min-height: 426px;

    position: relative;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.accommodation__item a{
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 3;
}
.accommodation__item::after{
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 20px;

    background: rgba(0, 0, 0, 0.2);

    z-index: 1;
}

.accommodation__item::before{
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 20px;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 67.94%, rgba(0, 0, 0, 0.45) 100%);
    backdrop-filter: blur(0px);

    z-index: 1;

    transition: 
        background var(--tans),
        backdrop-filter var(--tans)    
    ;
}

.accommodation__item-top{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;

    padding: 20px 18px 0px 22px;

    position: relative;
    z-index: 2;
}

.accommodation__item-content{
    margin-top: auto;
    margin-bottom: 30px;

    position: relative;
    z-index: 2;

    padding-inline: 33px;
}

.accommodation__item-info{
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0px;
    color: #fff;
    font-family: var(--font-family);
    
    background: rgba(57, 82, 128, 0.2);
    border: 4px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
    padding: 10px;

    border-radius: 100px;
}

.accommodation__item-stars{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: end;

    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0%;
    font-family:"TildaSansRegular";
    text-transform: uppercase;
    color: #fff;
}

.accommodation__item-title{
    font-family: 'Cygre1';
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff;

    margin-bottom: 13px;
}
.accommodation__item-promo{
    font-family: "Tilda Sans bold";
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;

    margin-bottom: 23px;
}

.accommodation__item-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-self: flex-start;
    gap: 8px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
}

.accommodation__item-link svg {
    position: relative;
    top: 2px;
    transform: translateX(0px);
    transition: transform var(--tans);
}

.accommodation__item-link span {
    color: #FFF22A;
}

.how-it-was__photos{
    margin-bottom: 95px;
}

.modal__label-name{
    display: block;

    font-weight: 400;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0em;

    color: var(--color);

    padding-bottom: 10px;

    transition: color 300ms linear;
}

.modal__label:has(.modal__label-name) select {
    max-width: 100%;
    width: 100%;

    background: none;
    outline: none;
    border: none;

    font-weight: 400;
    font-size: 24px;
    line-height: 110%;
    color: var(--color);
    margin-left: -4px;

    cursor: pointer;

    padding-bottom: 17px;
    border-bottom: 1px solid var(--color);
}

.modal__fieldset{
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
}

.modal__accordion-new:not(:last-child){
    margin-bottom: 15px;
}

.modal__label-col{
    margin-bottom: 50px;
}

.modal__accordion-new-body{
    opacity: 0;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    height: 0px;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: height var(--tans), opacity var(--tans), -webkit-transform var(--tans);
    transition: height var(--tans), opacity var(--tans), -webkit-transform var(--tans);
    transition: height var(--tans), transform var(--tans), opacity var(--tans);
    transition: height var(--tans), transform var(--tans), opacity var(--tans), -webkit-transform var(--tans);
}

.modal__accordion-new.is-open .modal__accordion-new-body{
    opacity: 1;
    height: max-content;
    transform: rotateX(0deg);
}

.modal__accordion-new.is-open .modal__accordion-new-top{
    margin-bottom: 10px;
}

.modal__accordion-new-body .modal__label-name{
    font-size: 18px;
}

.modal__accordion-new-top{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;

    font-weight: 400;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;

    cursor: pointer;

    position: relative;
}

.modal__accordion-new-top input{
    display: none;
    pointer-events: none;
}

.modal__accordion-decor{
    --bg: #E6E6E6;
    background-color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    border: 2px solid var(--bg);
    position: relative;
    -webkit-transition: border var(--tans);
    transition: border var(--tans);
}
.modal__accordion-decor::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: var(--bg);
    border-radius: 50px;
}

.modal__accordion-new.is-open .modal__accordion-decor{
    --bg: #000;
}

.modal__accordion-new.is-open .modal__accordion-decor::before{
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: var(--bg);
    border-radius: 50px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.modal__accordion-new-checkbox{
    display: none;
}

.modal-program .modal__label-name.is-error{
    color: red;
}