@media (max-width: 480px) {
    .page.contacts .block-contacts .social .info {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .page.contacts .block-contacts .social .info {
        font-size: 18px !important;
    }
}
.page.contacts .block-contacts .social .info a {
    color: inherit;
}
.page.contacts .block-contacts .social .info {
    font-family: "Inter-Bold";
    font-size: 28px;
    line-height: 130%;
    color: red;
    margin-top: 20px;
}
.page.contacts .block-contacts .social .block-icons .icon.max {
    background: none;
    padding: 0;
}
.page.contacts .block-text .text {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    margin-top: 20px;
}
.btn-mobile {
    display: none;
}
@media (max-width: 768px) {
    .btn-mobile {
        display: block;
    }
}
.btn-mobile__burger {
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    justify-content: center;
    flex-flow: column;
    position: relative;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    margin: 0 auto;
    background: var(--light-pink);
}
.btn-mobile__burger span {
    background: #fff;
    width: 19.37px;
    height: 2px;
    margin-left: 7px;
}
.btn-mobile__burger span::before,
.btn-mobile__burger span::after {
    background: inherit;
    box-shadow: inherit;
    content: "";
    width: inherit;
    height: inherit;
    position: absolute;
    left: 7px;
    margin: 0 auto;
    border-radius: inherit;
}
.btn-mobile__burger span::before {
    width: 23.07px;
    top: 12px;
}
.btn-mobile__burger span::after {
    width: 13.93px;
    bottom: 11px;
}
.mobile__block {
    width: 100%;
    max-width: 500px;
    height: 100%;
    padding: 2rem;
    background-color: #fff;
    position: absolute;
    z-index: 999;
    left: -100%;
    top: 0;
    display: flex;
    flex-direction: column;
    opacity: 0;
    overflow-y: auto;              /* + единый скролл всего меню */
    overscroll-behavior: contain;  /* + не цепляет скролл страницы/фона */
    -webkit-overflow-scrolling: touch;
}
.mobile__close {
    position: absolute;
    top: 15px;
    right: 15px;
}
.mobile__btn-close {
    position: relative;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
}
.mobile__btn-close span {
    position: absolute;
    background: #000;
    width: 25px;
    height: 2px;
}
.mobile__btn-close span:first-child {
    transform: rotate(45deg);
}
.mobile__btn-close span:last-child {
    transform: rotate(-45deg);
}
.mobile__menu {
    padding-bottom: 2rem;          /* + чтобы последний пункт не упирался в скролл */
}
.mobile__menu ul {
    flex: 1 1 auto;
    margin-top: 1rem;
    word-break: break-word;
}
.mobile__menu ul li {
    text-align: center;
    padding: 10px 0;
}
.mobile__menu-item {
    font-size: 19.13px;
    line-height: 100%;
    color: #343434;
}
.mobile .bg {
    background-image: url("../../img/mobile/bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 33px;
    overflow-x: hidden;
    margin-top: 20px;
    padding: 20px;
}
.mobile .bg::-webkit-scrollbar {
    width: 15px;
    height: 100%;
}
.mobile .bg::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 0 50px 50px 0;
}
.mobile .bg::-webkit-scrollbar-thumb {
    background: #8ed1f4;
    border-radius: 0 50px 50px 0;
    cursor: pointer;
}
.mobile .bg::-webkit-scrollbar-thumb:hover {
    background: #9ebfe7;
}
.mobile .bg .btn.light-pink {
    height: 54px;
    min-width: 235px;
    margin: 20px auto 0;
    font-size: 18px;
}
.mobile .block-btn-arrow {
    margin: 30px auto 0;
}
.mobile .block-btn-arrow .btn {
    border-radius: 29.02px;
}
.mobile .block-btn-arrow .btn.btn-yellow {
    min-width: 200px;
    max-width: 200px;
    height: 54.41px;
    font-size: 18.84px;
    color: #2c2c2c;
}
.mobile .block-btn-arrow .btn.btn-arrow {
    min-width: 51.85px;
    max-width: 51.85px;
    height: 51.85px;
}
@media (max-width: 768px) {
    .mobile .block-btn-arrow .btn.btn-yellow {
        min-width: 150px;
        max-width: 150px;
    }
    .mobile .bg .btn.light-pink {
        min-width: 200px;
        max-width: 200px;
    }
}
._active-move {
    animation: moveLeft 0.2s forwards 0.2s;
}
@keyframes moveLeft {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}
.footer {
    background-color: #cceaf9;
    border-top-left-radius: 100% 20%;
    border-top-right-radius: 100% 20%;
    padding: 50px 0 20px;
}
@media (max-width: 768px) {
    .footer {
        border-top-left-radius: 100% 1.5%;
        border-top-right-radius: 100% 1.5%;
    }
}
.footer .container {
    position: relative;
}
.footer__container {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
@media (max-width: 992px) {
    .footer__container {
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    .footer__container {
        margin-top: 50px;
    }
}
.footer__copy {
    font-size: 16px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    text-align: center;
    margin-top: 50px;
}
@media (max-width: 768px) {
    .footer__copy {
        font-size: 14px;
        color: #343434;
        margin-top: 80px;
    }
}
.footer__copy a {
    color: inherit;
}
.footer__copy a:hover,
.footer__copy a:focus {
    color: #777;
    transition: 0.2s ease 0.2s;
}
.footer .block-pages {
    margin-left: 50px;
}
@media (max-width: 1200px) {
    .footer .block-pages {
        margin-left: 20px;
    }
}
@media (max-width: 768px) {
    .footer .block-pages {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }
}
.footer .block-pages__flex {
    order: -1;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
@media (max-width: 768px) {
    .footer .block-pages__flex {
        flex-wrap: wrap;
    }
}
.footer .block-pages__flex .block {
    margin-top: 20px !important;
}
@media (max-width: 768px) {
    .footer .block-pages__flex .block {
        padding: 20px !important;
    }
}
.footer .block-pages__flex .block-social {
    margin-top: 20px;
}
.footer .block-pages__flex .block-social h5 {
    font-size: 18px;
    line-height: 130%;
    color: #232323;
    font-family: "Inter-Medium";
}
@media (max-width: 768px) {
    .footer .block-pages__flex .block-social h5 {
        font-size: 14px;
    }
}
.footer .block-pages__flex .block-social .social {
    display: flex;
    margin-top: 15px;
}
.footer .block-pages__flex .block-social .social .icon {
    width: 43.7px;
    height: 43.7px;
    border-radius: 50%;
    background: var(--purple);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.footer .block-pages__cols {
    display: flex;
}
@media (max-width: 1200px) {
    .footer .block-pages__cols {
        flex-wrap: wrap;
    }
}
@media (max-width: 360px) {
    .footer .block-pages__cols {
        margin-left: 20px;
    }
    .footer .block-pages__flex {
        justify-content: center;
    }
    .footer .block-pages__flex .block {
        padding: 10px !important;
    }
}
.footer .block-pages__col {
    flex: 0 0 25%;
    margin-top: 80px;
}
@media (max-width: 768px) {
    .footer .block-pages__col {
        flex: 1 1 50%;
        margin-top: 35px;
        padding-right: 20px;
    }
}
.footer .block-pages__col:not(:last-child) {
    margin-right: 10px;
}
@media (max-width: 768px) {
    .footer .block-pages__col:not(:last-child) {
        margin-right: 0;
    }
}
.footer .block-pages__col h4 {
    font-size: 20px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Bold";
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .footer .block-pages__col h4 {
        margin-bottom: 20px;
        font-size: 14px;
    }
}
.footer .block-pages__col ul li {
    margin-bottom: 5px;
}
.footer .block-pages__col ul li a {
    font-size: 20px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Light";
}
.footer .block-pages__col ul li a:hover,
.footer .block-pages__col ul li a:focus {
    color: #777;
    transition: 0.2s ease 0.2s;
}
@media (max-width: 768px) {
    .footer .block-pages__col ul li a {
        font-size: 14px;
    }
}
.footer .block-pages__bottom {
    display: flex;
    align-items: flex-end;
    margin-top: 50px;
}
@media (max-width: 768px) {
    .footer .block-pages__bottom {
        order: -1;
        justify-content: center;
        margin-top: 30px;
        padding: 0 50px;
    }
}
.footer .block {
    background: var(--purple);
    border-radius: 30px;
    height: fit-content;
}
@media (max-width: 768px) {
    .footer .block {
        border-radius: 29.97px;
    }
}
.footer .block:first-child {
    width: 297px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}
.footer .block:last-child {
    width: 323px;
    padding: 20px;
    margin-left: 50px;
    position: relative;
    bottom: -20px;
}
@media (max-width: 1200px) {
    .footer .block:last-child {
        margin-left: 20px;
    }
}
@media (max-width: 768px) {
    .footer .block:last-child {
        margin: 0;
        bottom: 0;
        width: 40%;
        padding: 35px;
    }
    .footer .block-pages__bottom .block:last-child {
        width: fit-content;
    }
}
.footer .block__img {
    width: 233px;
    height: 85px;
}
@media (max-width: 768px) {
    .footer .block__img {
        width: 139.57px;
        height: 50.97px;
        margin: 0 auto;
    }
}
.footer .block__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.footer .block__text {
    font-size: 25px;
    line-height: 130%;
    color: #fff;
    text-align: center;
    font-family: "Inter-Medium";
}
@media (max-width: 768px) {
    .footer .block__text {
        font-size: 14.98px;
    }
}
.footer .block__title {
    font-size: 25px;
    line-height: 130%;
    color: #fff;
    text-align: left;
    font-family: "Inter-Medium";
}
@media (max-width: 768px) {
    .footer .block__title {
        font-size: 20px;
    }
}
.footer .block__icons {
    display: flex;
}
.footer .block__icon {
    width: 84px;
    height: 84px;
    background: #fff;
    border-radius: 50%;
    margin-top: 10px;
    margin-right: 10px;
    padding: 5px;
}
@media (max-width: 768px) {
    .footer .block__icon {
        height: 80px;
    }
}
.footer .block__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.footer .block-btn-arrow .btn .arrow {
    margin: 15px;
}
.footer .block-form .block-btn-arrow {
    margin: 20px auto 0;
}
.footer .block-form .block-btn-arrow .btn.btn-yellow {
    min-width: 205.18px;
    max-width: 205.18px;
}
.header {
    padding: 20px 0;
}
.header .container {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .header .container {
        justify-content: space-between;
        align-items: center;
    }
}
.header .logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.header .logo .img {
    width: 243.35px;
    height: auto;
    display: block;
}
@media (max-width: 768px) {
    .header .logo .img {
        width: 142px;
    }
}
.header .logo .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.header .title-name {
    font-weight: 400;
    font-size: 10.58px;
    line-height: 130%;
    color: var(--dark-pink);
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .header .title-name {
        font-size: 6.17px;
    }
}
.header .body {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 1 1 auto;
}
@media (max-width: 768px) {
    .header .body {
        flex: 0 0 auto;
    }
}
.header .contacts {
    display: flex;
}
.header .address {
    display: flex;
    align-items: center;
    margin-right: 5px;
}
@media (max-width: 768px) {
    .header .address {
        display: none;
    }
}
.header .icon {
    width: 30px;
    height: 30px;
    margin-left: 5px;
}
.header .icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media (max-width: 768px) {
    .header .icon {
        width: 25px;
        height: 25px;
    }
}
.header .menu {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .header .menu {
        display: none;
    }
}
.header .menu li {
    margin-top: 20px;
    flex: 0 0 auto;
}
.header .menu li a {
    font-size: 20px;
    line-height: 100%;
    color: #343434;
    margin-left: 20px;
    position: relative;
    padding-bottom: 5px;
}
.header .menu li a::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #343434;
}
.header .menu li a:hover::before,
.header .menu li a:focus::before {
    width: 100%;
    transition: 0.2s ease 0.2s;
}
.header .menu li a.active::before {
    width: 100%;
}
body {
    color: #000;
    font-size: 14px;
    line-height: 1;
    font-family: var(--font-main);
}
.wrapper {
    width: 100%;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
    margin: 0 auto;
    background-color: #fff;
}
.page {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (max-width: 480px) {
    .page.main #buy-ticket .block-container .body .block-btn-arrow {
        padding-bottom: 35%;
    }
    .page.main #buy-ticket .block-container .body .block-btn-arrow .btn.btn-yellow {
        min-width: 150px;
        max-width: 150px;
    }
}
@media (max-width: 360px) {
    .page.main #buy-ticket .block-prices .block-bottom .text {
        font-size: 8px;
    }
}
.page.main .attractions-holiday .pic1 {
    left: -100%;
}
.page.main .attractions-holiday .pic2 {
    right: -100%;
}
.page.main .attractions-holiday .pic3 {
    right: -100%;
}
.page.main .attractions-holiday .pic1.anim {
    -webkit-animation: animPic1 0.5s forwards 0.5s;
    animation: animPic1 0.5s forwards 0.5s;
}
@media (max-width: 768px) {
    .page.main .attractions-holiday .pic1.anim {
        -webkit-animation: animPic1m 0.5s forwards 0.5s;
        animation: animPic1m 0.5s forwards 0.5s;
    }
}
@-webkit-keyframes animPic1 {
    0% {
        left: -100%;
    }
    100% {
        left: -45px;
    }
}
@keyframes animPic1 {
    0% {
        left: -100%;
    }
    100% {
        left: -45px;
    }
}
@-webkit-keyframes animPic1m {
    0% {
        left: -100%;
    }
    100% {
        left: -20px;
    }
}
@keyframes animPic1m {
    0% {
        left: -100%;
    }
    100% {
        left: -20px;
    }
}
.page.main .attractions-holiday .pic2.anim {
    -webkit-animation: animPic2 0.5s forwards 0.5s;
    animation: animPic2 0.5s forwards 0.5s;
}
@-webkit-keyframes animPic2 {
    0% {
        right: -100%;
    }
    100% {
        right: -52px;
    }
}
@keyframes animPic2 {
    0% {
        right: -100%;
    }
    100% {
        right: -52px;
    }
}
.page.main .attractions-holiday .pic3.anim {
    -webkit-animation: animPic3 0.5s forwards 0.5s;
    animation: animPic3 0.5s forwards 0.5s;
}
@media (max-width: 768px) {
    .page.main .attractions-holiday .pic3.anim {
        -webkit-animation: animPic3m 0.5s forwards 0.5s;
        animation: animPic3m 0.5s forwards 0.5s;
    }
}
@-webkit-keyframes animPic3 {
    0% {
        right: -100%;
    }
    100% {
        right: 30%;
    }
}
@keyframes animPic3 {
    0% {
        right: -100%;
    }
    100% {
        right: 30%;
    }
}
@media (max-width: 768px) {
    .page.main .attractions-holiday .pic3 {
        -webkit-animation: animPic3m 0.5s forwards 0.5s;
        animation: animPic3m 0.5s forwards 0.5s;
    }
}
@-webkit-keyframes animPic3m {
    0% {
        right: -100%;
    }
    100% {
        right: -20px;
    }
}
@keyframes animPic3m {
    0% {
        right: -100%;
    }
    100% {
        right: -20px;
    }
}
.page.main .block-parents {
    padding: 50px 0;
}
.page.main .block-parents .blocks .block {
    margin-top: 50px;
}
.page.main .block-parents .blocks .block.block1 .content {
    bottom: 50px !important;
}
@media (max-width: 768px) {
    .page.main .block-parents .blocks .block.block1 .content {
        bottom: 30px !important;
    }
}
.page.main .block-parents .blocks .block.block1 .content .text1 {
    font-size: 30px;
}
@media (max-width: 768px) {
    .page.main .block-parents .blocks .block.block1 .content .text1 {
        font-size: 20px;
    }
}
.page.main .block-parents .blocks .block.block2 .content {
    top: 50px !important;
}
@media (max-width: 768px) {
    .page.main .block-parents .blocks .block.block2 .content {
        top: 30px !important;
    }
}
.page.main .block-parents .blocks .block.block2 .content .text1 {
    font-size: 30px;
}
@media (max-width: 768px) {
    .page.main .block-parents .blocks .block.block2 .content .text1 {
        font-size: 20px;
    }
}
.page.main .block-parents .blocks .block.block1 .content {
    bottom: 0;
}
.page.main .block-parents .blocks .block.block2 .content {
    top: 20px;
}
@media (max-width: 768px) {
    .page.main .block-parents .blocks .block.block2 .content {
        top: 0;
    }
}
.page.main .best-holiday {
    padding-top: 20px;
}
@media (max-width: 480px) {
    .page.main .best-holiday,
    .block-secure {
        padding-top: 0;
    }
    .block-secure {
        padding-bottom: 20px;
    }
}
.page.main .family-rest .block-btn-arrow {
    margin: 0;
}
.page.main .full-price {
    margin: 120px auto 200px;
}
.page.main .ticker span {
    font-size: 220px;
    color: #cbeafa;
}
@media (max-width: 768px) {
    .page.main .full-price {
        margin: 120px auto 100px;
    }
    .page.main .ticker span {
        font-size: 96.97px;
    }
}
@media (max-width: 480px) {
    .page.main .full-price {
        margin: 50px auto;
    }
}
.page.about-us .block-panorama .blocks .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.page.about-us .attractions-holiday .block-btn-arrow {
    margin: 0 auto;
}
@media (max-width: 768px) {
    .page.about-us .block-panorama .blocks .block.block1 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
}
.page.about-us .block-panorama .blocks .block.block1 .strokes {
    width: 75%;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px 20px;
}
.page.about-us .block-panorama .blocks .block.block1 .strokes .stroke1 {
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
    top: -10vh;
    opacity: 0;
}
.page.about-us .block-panorama .blocks .block.block1 .strokes .stroke1.anim {
    -webkit-animation: stroke1 0.5s forwards 0.5s;
    animation: stroke1 0.5s forwards 0.5s;
}
@-webkit-keyframes stroke1 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes stroke1 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.about-us .block-panorama .blocks .block.block1 .strokes .stroke2 {
    margin-top: 20px;
    position: relative;
    top: -10vh;
    opacity: 0;
}
.page.about-us .block-panorama .blocks .block.block1 .strokes .stroke2.anim {
    -webkit-animation: stroke2 0.5s forwards 0.5s;
    animation: stroke2 0.5s forwards 0.5s;
}
@-webkit-keyframes stroke2 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes stroke2 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.about-us .block-panorama .blocks .block.block1 .strokes .stroke3 {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 20px;
    position: relative;
    top: -10vh;
    opacity: 0;
}
.page.about-us .block-panorama .blocks .block.block1 .strokes .stroke3.anim {
    -webkit-animation: stroke3 0.5s forwards 0.5s;
    animation: stroke3 0.5s forwards 0.5s;
}
@-webkit-keyframes stroke3 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes stroke3 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.about-us .block-panorama .blocks .block.block1 .strokes .stroke4 {
    position: relative;
    top: -10vh;
    opacity: 0;
}
.page.about-us .block-panorama .blocks .block.block1 .strokes .stroke4.anim {
    -webkit-animation: stroke4 0.5s forwards 0.5s;
    animation: stroke4 0.5s forwards 0.5s;
}
@-webkit-keyframes stroke4 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes stroke4 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.about-us .block-panorama .blocks .block.block1 .strokes .stroke4 {
        -ms-flex-item-align: center;
        align-self: center;
    }
}
@media (max-width: 480px) {
    .page.about-us .block-panorama .blocks .block.block1 .strokes {
        width: 65%;
    }
}
@media (max-width: 768px) {
    .page.about-us .block-panorama .blocks .block.block2 {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }
    .page.about-us .block-panorama .blocks .block.block2 .body {
        padding-bottom: 40px;
    }
}
.page.about-us .block-panorama .blocks .block.block2 .strokes {
    width: 85%;
    padding: 0 50px;
}
@media (max-width: 768px) {
    .page.about-us .block-panorama .blocks .block.block2 .strokes {
        width: 100%;
        padding: 0 20px;
    }
}
.page.about-us .block-panorama .blocks .block.block2 .strokes .stroke1 {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 10px;
    position: relative;
    top: -10vh;
    opacity: 0;
}
.page.about-us .block-panorama .blocks .block.block2 .strokes .stroke1.anim {
    -webkit-animation: stroke1 0.5s forwards 0.5s;
    animation: stroke1 0.5s forwards 0.5s;
}
@-webkit-keyframes stroke1 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes stroke1 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.about-us .block-panorama .blocks .block.block2 .strokes .stroke2 {
    position: relative;
    top: -10vh;
    opacity: 0;
}
.page.about-us .block-panorama .blocks .block.block2 .strokes .stroke2.anim {
    -webkit-animation: stroke2 0.5s forwards 0.5s;
    animation: stroke2 0.5s forwards 0.5s;
}
@-webkit-keyframes stroke2 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes stroke2 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.about-us .block-panorama .blocks .block.block2 .strokes .stroke2 .content {
    padding: 10px 50px;
    margin-top: 40px;
}
.page.about-us .block-panorama .blocks .block.desc.cyan {
    padding: 0;
}
.page.about-us .block-panorama .blocks .block.desc .head-title {
    font-size: 73.59px;
    color: #2f2f2f;
    padding-top: 30px;
}
@media (max-width: 768px) {
    .page.about-us .block-panorama .blocks .block.desc .head-title {
        font-size: 42px;
        color: #fff;
    }
}
@media (max-width: 480px) {
    .page.about-us .block-panorama .blocks .block.desc .head-title {
        font-size: 28px;
    }
}
.page.about-us .block-panorama .blocks .block .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.page.about-us .block-panorama .blocks .block .body .strokes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.page.about-us .block-panorama .blocks .block .body .strokes .stroke {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page.about-us .block-panorama .blocks .block .body .strokes .stroke .value {
    font-size: 45px;
    line-height: 130%;
    color: var(--yellow);
    text-align: center;
    font-family: var(--font-accent);
    margin-bottom: -25px;
    z-index: 0;
}
@media (max-width: 768px) {
    .page.about-us .block-panorama .blocks .block .body .strokes .stroke .value {
        font-size: 30px;
        margin-bottom: -15px;
    }
}
.page.about-us .block-panorama .blocks .block .body .strokes .stroke .content {
    background: var(--purple);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    border-radius: 50px;
    font-size: 25px;
    line-height: 130%;
    color: #fff;
    text-align: center;
    font-family: "Inter-Light";
    padding: 20px 20px 10px;
}
@media (max-width: 768px) {
    .page.about-us .block-panorama .blocks .block .body .strokes .stroke .content {
        font-size: 17px;
        border-radius: 33.26px;
        padding: 10px;
    }
}
.page.about-us .block-panorama .blocks .block .body .master-class {
    margin-top: 50px;
}
@media (max-width: 768px) {
    .page.about-us .block-panorama .blocks .block .body .master-class {
        margin-top: 20px;
    }
}
.page.about-us .block-panorama .blocks .block .body .master-class .small-title {
    font-size: 30px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    font-family: "Inter-Light";
}
@media (max-width: 768px) {
    .page.about-us .block-panorama .blocks .block .body .master-class .small-title {
        font-size: 19px;
    }
}
.page.about-us .block-panorama .blocks .block .body .master-class .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.page.about-us .block-panorama .blocks .block .body .master-class .buttons .btn {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    height: 56px;
    margin: 20px 5px 0;
    padding: 0 20px;
    pointer-events: none;
}
@media (max-width: 768px) {
    .page.about-us .block-panorama .blocks .block .body .master-class .buttons .btn {
        height: 38.48px;
        margin: 10px 5px 0;
        padding: 0 10px;
    }
}
.page.about-us .block-panorama .blocks .block .img-3d {
    position: absolute;
}
.page.about-us .block-panorama .blocks .block .img-3d img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.about-us .block-panorama .blocks .block .img-3d.tiki {
    bottom: -30px;
    right: -100%;
    width: 330px;
    height: 755px;
    opacity: 0;
}
.page.about-us .block-panorama .blocks .block .img-3d.tiki.anim {
    -webkit-animation: rightHero 0.5s forwards 0.5s;
    animation: rightHero 0.5s forwards 0.5s;
}
@-webkit-keyframes rightHero {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -35px;
        opacity: 1;
    }
}
@keyframes rightHero {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -35px;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.about-us .block-panorama .blocks .block .img-3d.tiki {
        right: 0;
        width: 289px;
        height: 552px;
    }
}
@media (max-width: 480px) {
    .page.about-us .block-panorama .blocks .block .img-3d.tiki {
        width: 150px;
        height: 400px;
        right: -20px;
    }
    .page.about-us .block-panorama .blocks .block .img-3d.tiki.anim {
        -webkit-animation: rightHero2 0.5s forwards 0.5s;
        animation: rightHero2 0.5s forwards 0.5s;
    }
}
@keyframes rightHero2 {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -20px;
        opacity: 1;
    }
}
.page.about-us .block-panorama .blocks .block .img-3d.airbrush {
    bottom: 30px;
    right: 50px;
    width: 200px;
    height: 165px;
}
@media (max-width: 768px) {
    .page.about-us .block-panorama .blocks .block .img-3d.airbrush {
        bottom: 10px;
        right: 20px;
        width: 100px;
        height: 85px;
    }
}
@media (max-width: 480px) {
    .page.about-us .block-panorama .blocks .block .img-3d.airbrush {
        bottom: 35px;
        right: 0;
    }
}
.page.about-us .attractions-holiday {
    padding: 120px 0 50px;
}
@media (max-width: 768px) {
    .page.about-us .attractions-holiday .content {
        margin: 20px -20px 0;
    }
}
.page.about-us .attractions-holiday .subtitle {
    font-size: 22px;
    font-family: "Inter-Light";
    margin-top: 20px;
}
@media (max-width: 768px) {
    .page.about-us .attractions-holiday .block-btn-arrow {
        display: none;
    }
}
@media (max-width: 768px) {
    .page.about-us .block-magic-room {
        padding-bottom: 20px;
    }
}
.page.about-us .section-brands {
    padding-top: 60px;
}
@media (max-width: 768px) {
    .page.about-us .section-brands {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.page.about-us .section-brands .title {
    font-size: 60px;
}
@media (max-width: 768px) {
    .page.about-us .section-brands .title {
        font-size: 35px;
    }
}
.page.about-us .section-brands .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
}
@media (max-width: 992px) {
    .page.about-us .section-brands .blocks {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (max-width: 768px) {
    .page.about-us .section-brands .blocks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 30px;
    }
}
.page.about-us .section-brands .blocks .block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
@media (max-width: 768px) {
    .page.about-us .section-brands .blocks .block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.page.about-us .section-brands .blocks .block .body {
    position: relative;
}
.page.about-us .section-brands .blocks .block.pink {
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 50px 0;
}
.page.about-us .section-brands .blocks .block.pink::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/about-us/section-brands/bg.avif");
    background-repeat: no-repeat;
    background-size: cover;
}
.page.about-us .section-brands .blocks .block.pink .img {
    width: 291px;
    height: 272px;
    margin: 30px auto 0;
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    opacity: 0;
}
.page.about-us .section-brands .blocks .block.pink .img.anim {
    -webkit-animation: rotateImage 0.5s forwards 0.5s;
    animation: rotateImage 0.5s forwards 0.5s;
}
@-webkit-keyframes rotateImage {
    0% {
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@keyframes rotateImage {
    0% {
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.about-us .section-brands .blocks .block.pink .img {
        width: 181px;
        height: 184px;
        margin: 0 auto;
    }
}
.page.about-us .section-brands .blocks .block.pink .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.about-us .section-brands .blocks .block .block-buttons .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}
@media (max-width: 768px) {
    .page.about-us .section-brands .blocks .block .block-buttons .buttons {
        margin-top: 20px;
    }
}
.page.about-us .section-brands .blocks .block .block-buttons .buttons .btn {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 20px 10px 0;
    padding: 0 30px;
}
.page.about-us .section-brands .blocks .block .block-buttons .buttons .btn.btn1:hover,
.page.about-us .section-brands .blocks .block .block-buttons .buttons .btn.btn1:focus {
    -webkit-transform: rotate(4.92deg);
    -ms-transform: rotate(4.92deg);
    transform: rotate(4.92deg);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.about-us .section-brands .blocks .block .block-buttons .buttons .btn.btn2:hover,
.page.about-us .section-brands .blocks .block .block-buttons .buttons .btn.btn2:focus {
    -webkit-transform: rotate(-5.59deg);
    -ms-transform: rotate(-5.59deg);
    transform: rotate(-5.59deg);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.about-us .section-brands .blocks .block .block-buttons .buttons .btn.btn3:hover,
.page.about-us .section-brands .blocks .block .block-buttons .buttons .btn.btn3:focus {
    -webkit-transform: rotate(-5.96deg);
    -ms-transform: rotate(-5.96deg);
    transform: rotate(-5.96deg);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.about-us .section-brands .blocks .block .block-buttons .buttons .btn.btn4:hover,
.page.about-us .section-brands .blocks .block .block-buttons .buttons .btn.btn4:focus {
    -webkit-transform: rotate(4.21deg);
    -ms-transform: rotate(4.21deg);
    transform: rotate(4.21deg);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.about-us .section-brands .blocks .block .block-buttons .buttons .btn.btn5:hover,
.page.about-us .section-brands .blocks .block .block-buttons .buttons .btn.btn5:focus {
    -webkit-transform: rotate(3.8deg);
    -ms-transform: rotate(3.8deg);
    transform: rotate(3.8deg);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.about-us .section-brands .blocks .block .block-buttons .buttons .btn.btn6:hover,
.page.about-us .section-brands .blocks .block .block-buttons .buttons .btn.btn6:focus {
    -webkit-transform: rotate(-5.31deg);
    -ms-transform: rotate(-5.31deg);
    transform: rotate(-5.31deg);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.about-us .section-brands .blocks .block .img-3d {
    width: 725.79px;
    height: 890px;
    margin: -80px 0 0 -135px;
    position: relative;
    right: -100%;
    opacity: 0;
}
.page.about-us .section-brands .blocks .block .img-3d.anim {
    -webkit-animation: rightHeroes 0.5s forwards 0.5s;
    animation: rightHeroes 0.5s forwards 0.5s;
}
@-webkit-keyframes rightHeroes {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightHeroes {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@media (max-width: 992px) {
    .page.about-us .section-brands .blocks .block .img-3d {
        width: 416px;
        height: 510.12px;
        margin: -65px auto 0;
    }
}
.page.about-us .section-brands .blocks .block .img-3d img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.about-us .section-interior {
    padding-bottom: 40px;
}
.page.about-us .section-interior .title {
    font-size: 60px;
}
@media (max-width: 768px) {
    .page.about-us .section-interior .title {
        font-size: 35px;
    }
}
.page.about-us .section-interior .slider {
    width: 100%;
    height: 893.93px;
    border-radius: 85.33px;
    overflow: hidden;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .page.about-us .section-interior .slider {
        height: 289.21px;
        border-radius: 27.61px;
    }
}
.page.about-us .section-interior .swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page.about-us .section-interior .swiper .swiper-button-prev,
.page.about-us .section-interior .swiper .swiper-button-next {
    width: 67px;
    height: 67px;
    background: rgba(255, 255, 255, 0.81);
    border-radius: 50%;
}
@media (max-width: 768px) {
    .page.about-us .section-interior .swiper .swiper-button-prev,
    .page.about-us .section-interior .swiper .swiper-button-next {
        width: 29.59px;
        height: 29.59px;
    }
}
.page.about-us .section-interior .swiper .swiper-button-prev:hover,
.page.about-us .section-interior .swiper .swiper-button-prev:focus,
.page.about-us .section-interior .swiper .swiper-button-next:hover,
.page.about-us .section-interior .swiper .swiper-button-next:focus {
    background: #fff;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.about-us .section-interior .swiper .swiper-button-prev::after,
.page.about-us .section-interior .swiper .swiper-button-next::after {
    font-size: 24px;
}
@media (max-width: 768px) {
    .page.about-us .section-interior .swiper .swiper-button-prev::after,
    .page.about-us .section-interior .swiper .swiper-button-next::after {
        font-size: 14px;
    }
}
.page.about-us .section-interior .block-text {
    font-size: 23px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    font-family: "Inter-Light";
    margin-top: 30px;
}
@media (max-width: 768px) {
    .page.about-us .section-interior .block-text {
        font-size: 15px;
    }
}
.page.about-us .section-interior .block-text strong {
    font-family: "Inter-Medium";
}
.page.about-us .section-interior .block-text .text-style span {
    font-size: 23px;
}
@media (max-width: 768px) {
    .page.about-us .section-interior .block-text .text-style span {
        font-size: 15px;
    }
}
.page.about-us .section-interior .block-text p {
    margin-top: 10px;
}
.page.birthday .block-buttons .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .page.birthday .block-buttons .buttons {
        margin-top: 20px;
    }
}
@media (max-width: 480px) {
    .page.birthday .block-buttons .buttons {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.page.birthday .block-buttons .buttons .btn {
    margin: 60px 10px 0;
}
@media (max-width: 768px) {
    .page.birthday .block-buttons .buttons .btn {
        margin: 10px 10px 0;
    }
}
@media (max-width: 480px) {
    .page.birthday .block-buttons .buttons .btn {
        margin: 10px 0 0;
        min-width: 48%;
        max-width: 48%;
    }
}
.page.birthday .block-parents .blocks .block {
    margin-top: 50px;
}
.page.birthday .block-parents .blocks .block.block1 .content {
    bottom: 50px;
}
@media (max-width: 768px) {
    .page.birthday .block-parents .blocks .block.block1 .content {
        bottom: 30px;
    }
}
.page.birthday .block-parents .blocks .block.block1 .content .text1 {
    font-size: 30px;
}
@media (max-width: 768px) {
    .page.birthday .block-parents .blocks .block.block1 .content .text1 {
        font-size: 20px;
    }
}
.page.birthday .block-parents .blocks .block.block2 .content {
    top: 50px;
}
@media (max-width: 768px) {
    .page.birthday .block-parents .blocks .block.block2 .content {
        top: 30px;
    }
}
.page.birthday .block-parents .blocks .block.block2 .content .text1 {
    font-size: 30px;
}
@media (max-width: 768px) {
    .page.birthday .block-parents .blocks .block.block2 .content .text1 {
        font-size: 20px;
    }
}
.page.birthday .block-parents .blocks .block.block1 .content {
    bottom: 0;
}
.page.birthday .block-parents .blocks .block.block2 .content {
    top: 20px;
}
@media (max-width: 768px) {
    .page.birthday .block-parents .blocks .block.block2 .content {
        top: 0;
    }
}
@media (max-width: 768px) {
    .page.by-ticket .about-park {
        padding: 20px 0;
    }
}
.page.by-ticket .about-park .block-slider .blocks .block.anim:hover,
.page.by-ticket .about-park .block-slider .blocks .block.anim:focus {
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.by-ticket .about-park .block-slider .blocks .block.anim:hover::before,
.page.by-ticket .about-park .block-slider .blocks .block.anim:focus::before {
    -webkit-animation: showBg 0.2s forwards 0.2s;
    animation: showBg 0.2s forwards 0.2s;
}
@-webkit-keyframes showBg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.by-ticket .about-park .block-slider .blocks .block.anim:hover .body,
.page.by-ticket .about-park .block-slider .blocks .block.anim:focus .body {
    display: none;
    -webkit-animation: blockHide 0.2s forwards 0.2s;
    animation: blockHide 0.2s forwards 0.2s;
}
@-webkit-keyframes blockHide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes blockHide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.page.by-ticket .about-park .block-slider .blocks .block.anim:hover .hide,
.page.by-ticket .about-park .block-slider .blocks .block.anim:focus .hide {
    -webkit-animation: showBlockHide 0.2s forwards 0.2s;
    animation: showBlockHide 0.2s forwards 0.2s;
}
@-webkit-keyframes showBlockHide {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBlockHide {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .block-container {
        border-radius: 40px;
    }
}
.page.by-ticket .block-prices .block-container::after {
    opacity: 1;
    top: -20px !important;
    right: -7%;
    left: unset !important;
    width: 320px;
    height: 220px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .block-container::after {
        display: none;
    }
}
.page.by-ticket .block-prices .block-container .body {
    padding: 30px 50px !important;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .block-container .body {
        padding: 10px !important;
    }
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .block-container .block-bottom .text {
        font-size: 11px;
    }
}
.page.by-ticket .block-prices .tab-title {
    font-size: 55px;
    line-height: 130%;
    color: #fff;
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-title {
        font-size: 35px;
        text-align: center;
    }
}
.page.by-ticket .block-prices .tab-mark {
    font-size: 25px;
    line-height: 140%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    margin-top: 20px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-mark {
        font-size: 16px;
        margin-top: 10px;
        text-align: center;
    }
}
.page.by-ticket .block-prices .text-caps {
    font-size: 25px;
    line-height: 100%;
    color: #fff;
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .text-caps {
        font-size: 16px;
    }
}
.page.by-ticket .block-prices .tab-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-inputs {
        margin-top: 20px;
    }
}
.page.by-ticket .block-prices .tab-inputs .tab-input {
    width: 49.5%;
    height: 83.78px;
    border-radius: 44.1px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    padding: 0 20px;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-inputs .tab-input {
        width: 100%;
        height: 55px;
        border-radius: 29.21px;
        margin-top: 10px;
        padding: 0 10px;
    }
}
.page.by-ticket .block-prices .tab-inputs .tab-input input {
    background: inherit;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 26.46px;
    line-height: 130%;
    color: #343434;
    font-family: "Inter-Light";
    padding: 0 10px;
}
.page.by-ticket .block-prices .tab-inputs .tab-input input::-webkit-input-placeholder {
    opacity: 0.74;
}
.page.by-ticket .block-prices .tab-inputs .tab-input input::-moz-placeholder {
    opacity: 0.74;
}
.page.by-ticket .block-prices .tab-inputs .tab-input input:-ms-input-placeholder {
    opacity: 0.74;
}
.page.by-ticket .block-prices .tab-inputs .tab-input input::-ms-input-placeholder {
    opacity: 0.74;
}
.page.by-ticket .block-prices .tab-inputs .tab-input input::placeholder {
    opacity: 0.74;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-inputs .tab-input input {
        font-size: 16px;
    }
}
.page.by-ticket .block-prices .icon-calendar {
    min-width: 46px;
    height: 46px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .icon-calendar {
        min-width: 37px;
        height: 37px;
        padding-left: 10px;
    }
}
.page.by-ticket .block-prices .icon-calendar img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.by-ticket .block-prices .tab-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-cols {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.page.by-ticket .block-prices .tab-discount {
    width: 49.5%;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-discount {
        width: 100%;
        margin-top: 10px;
    }
}
.page.by-ticket .block-prices .card {
    background-image: url("../img/by-ticket/bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 44.1px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .card {
        border-radius: 29.69px;
        background-position: center;
    }
    .page.by-ticket .block-prices .card._hide {
        display: none;
    }
    .page.by-ticket .block-prices .card. {
        display: block;
    }
}
.page.by-ticket .block-prices .card__container {
    padding: 20px 30px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .card__container {
        padding: 15px;
    }
}
.page.by-ticket .block-prices .card__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .card__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.page.by-ticket .block-prices .card__title {
    font-size: 38px;
    line-height: 140%;
    color: #2f2f2f;
    font-family: var(--font-accent);
    flex: 0 0 auto;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .card__title {
        font-size: 28px;
    }
}
.page.by-ticket .block-prices .card__bonuses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.page.by-ticket .block-prices .card__bonus {
    font-size: 20px;
    line-height: 130%;
    color: #2c2c2c;
    background: #fff;
    border-radius: 44.1px;
    padding: 12px 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .card__bonus {
        font-size: 14px;
        border-radius: 29.69px;
    }
}
.page.by-ticket .block-prices .card__balance {
    font-size: 28px;
    line-height: 140%;
    color: #2f2f2f;
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.page.by-ticket .block-prices .card__balance .balance {
    padding: 0 5px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .card__balance {
        font-size: 19px;
    }
}
.page.by-ticket .block-prices .card__checkboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 50px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .card__checkboxes {
        margin-top: 30px;
    }
}
.page.by-ticket .block-prices .checkbox-radio {
    font-size: 25px;
    line-height: 140%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    cursor: pointer;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .checkbox-radio {
        font-size: 17px;
        margin-bottom: 10px;
    }
}
.page.by-ticket .block-prices .checkbox-radio input {
    position: relative;
    visibility: hidden;
    top: -2px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .checkbox-radio input {
        top: 0;
    }
}
.page.by-ticket .block-prices .checkbox-radio input::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0px 5px var(--yellow);
    box-shadow: inset 0 0 0px 5px var(--yellow);
    visibility: visible;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .checkbox-radio input::before {
        width: 26.94px;
        height: 26.94px;
        border: 1px solid #fff;
        -webkit-box-shadow: inset 0 0 0px 3px var(--yellow);
        box-shadow: inset 0 0 0px 3px var(--yellow);
    }
}
.page.by-ticket .block-prices .checkbox-radio input[type="radio"]:checked::before {
    background: var(--purple);
}
.page.by-ticket .block-prices .checkbox-radio .stroke {
    padding-left: 35px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .checkbox-radio .stroke {
        padding-left: 20px;
    }
}
.page.by-ticket .block-prices .promocode {
    background: none;
    border: 2px solid #fff;
    width: 100%;
    height: 83.78px;
    border-radius: 44.1px;
    overflow: hidden;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .promocode {
        border: 1.5px solid #fff;
        width: 100%;
        height: 55px;
        border-radius: 29.21px;
        margin-top: 10px;
    }
}
.page.by-ticket .block-prices .promocode input {
    background: none;
    width: 100%;
    height: 100%;
    font-size: 26.46px;
    line-height: 130%;
    color: #fff;
    padding: 0 30px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .promocode input {
        font-size: 16px;
        padding: 0 20px;
    }
}
.page.by-ticket .block-prices .promocode input::-webkit-input-placeholder {
    color: inherit;
}
.page.by-ticket .block-prices .promocode input::-moz-placeholder {
    color: inherit;
}
.page.by-ticket .block-prices .promocode input:-ms-input-placeholder {
    color: inherit;
}
.page.by-ticket .block-prices .promocode input::-ms-input-placeholder {
    color: inherit;
}
.page.by-ticket .block-prices .promocode input::placeholder {
    color: inherit;
}
.page.by-ticket .block-prices .tab-by-ticket {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 49.5%;
    margin-top: 20px;
    padding: 50px 0 10px 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        padding: 0;
        margin-top: 10px;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .count-tickets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 35px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .count-tickets {
        padding-right: 20px;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .count-tickets span {
    font-size: 30px;
    line-height: 140%;
    color: #2f2f2f;
    font-family: "Inter-Medium";
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .count-tickets span {
        font-size: 20px;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .count-tickets .count {
    width: 155.43px;
    height: 79.49px;
    border-radius: 59.32px;
    border: 1.19px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .count-tickets .count {
        width: 121.56px;
        height: 62.17px;
        border-radius: 46.4px;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .count-tickets .count input {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 42px;
    line-height: 130%;
    color: #fff;
    text-align: center;
    background: none;
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .count-tickets .count input {
        font-size: 32.85px;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .count-tickets .count input::-webkit-outer-spin-button,
.page.by-ticket .block-prices .tab-by-ticket .count-tickets .count input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.page.by-ticket .block-prices .tab-by-ticket .count-tickets .count span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 55.76px;
    max-width: 55.76px;
    height: 55.76px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .count-tickets .count span {
        min-width: 43.61px;
        max-width: 43.61px;
        height: 43.61px;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .count-tickets .count span:hover,
.page.by-ticket .block-prices .tab-by-ticket .count-tickets .count span:focus {
    background: var(--yellow);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.by-ticket .block-prices .tab-by-ticket .count-tickets .count span:first-child {
    margin-left: -35px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .count-tickets .count span:first-child {
        margin-left: -20px;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .count-tickets .count span:last-child {
    margin-right: -35px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .count-tickets .count span:last-child {
        margin-right: -20px;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .count-mark {
    font-size: 19px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    margin-top: 20px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .count-mark {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        font-size: 14px;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .total-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 60px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .total-price {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 20px;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .total-price .bonuses {
    font-size: 20px;
    line-height: 130%;
    color: #2c2c2c;
    background: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 50px;
    border-radius: 44.1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    text-align: center;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .total-price .bonuses {
        display: none;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .total-price .price {
    font-size: 39.19px;
    line-height: 130%;
    color: #fff;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .total-price .price {
        font-size: 25.26px;
        text-align: right;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .total-price .price span {
    font-size: 44.79px;
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .total-price .price span {
        font-size: 28.87px;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .block-btn-arrow {
    margin-top: 20px !important;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    align-self: flex-end;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .block-btn-arrow {
        margin: 20px auto 0;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .block-btn-arrow .btn.btn-yellow {
    max-width: 250px;
    min-width: 250px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .block-btn-arrow .btn.btn-yellow {
        max-width: 184.44px;
        min-width: 184.44px;
    }
}
.page.by-ticket .block-prices .tab-by-ticket .block-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 50px;
}
@media (max-width: 768px) {
    .page.by-ticket .block-prices .tab-by-ticket .block-bottom {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 0 0 20px;
        margin-top: 0 !important;
    }
}
.page.by-ticket #buy-ticket .block-container .body {
    border-radius: 40px;
}
.page.by-ticket #certificates .tab-mark,
.page.by-ticket #certificates .card__bonus,
.page.by-ticket #abonements .tab-mark,
.page.by-ticket #abonements .card__bonus {
    display: none;
}
@media (max-width: 768px) {
    .page.by-ticket #certificates .tab-mark,
    .page.by-ticket #certificates .card__bonus,
    .page.by-ticket #abonements .tab-mark,
    .page.by-ticket #abonements .card__bonus {
        display: block;
    }
}
.page.by-ticket #certificates .card__balance,
.page.by-ticket #abonements .card__balance {
    margin-top: 75px;
}
@media (max-width: 768px) {
    .page.by-ticket #certificates .card__balance,
    .page.by-ticket #abonements .card__balance {
        margin-top: 10px;
    }
}
.page.by-ticket #certificates .card__container,
.page.by-ticket #abonements .card__container {
    padding: 20px 30px 35px;
}
@media (max-width: 768px) {
    .page.by-ticket #certificates .card__container,
    .page.by-ticket #abonements .card__container {
        padding: 20px 15px;
    }
}
.page.by-ticket .block-prices #certificates .tab-cols,
.page.by-ticket .block-prices #abonements .tab-cols {
    padding-bottom: 80px;
}
.page.by-ticket #certificates .tab-by-ticket,
.page.by-ticket #abonements .tab-by-ticket {
    margin-top: 0;
    padding: 0px 0px 0px 10px;
    position: relative;
    top: 80px;
}
@media (max-width: 768px) {
    .page.by-ticket #certificates .tab-by-ticket,
    .page.by-ticket #abonements .tab-by-ticket {
        padding: 0 0 20px;
    }
    .page.by-ticket .block-prices #certificates .tab-cols,
    .page.by-ticket .block-prices #abonements .tab-cols {
        padding-bottom: 0;
    }
    .page.by-ticket #certificates .tab-by-ticket,
    .page.by-ticket #abonements .tab-by-ticket {
        top: 0;
    }
}
.page.by-ticket #certificates .tab-by-ticket .total-price,
.page.by-ticket #abonements .tab-by-ticket .total-price {
    margin-top: 80px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 768px) {
    .page.by-ticket #certificates .tab-by-ticket .total-price,
    .page.by-ticket #abonements .tab-by-ticket .total-price {
        margin-top: 20px;
    }
}
.page.by-ticket #certificates .body .block-bottom,
.page.by-ticket #abonements .body .block-bottom {
    margin-top: 20px;
    padding: 0 0 0 50px;
}
@media (max-width: 768px) {
    .page.by-ticket #certificates .body .block-bottom,
    .page.by-ticket #abonements .body .block-bottom {
        padding: 0;
    }
}
.page.by-ticket #certificates .block-container:last-child,
.page.by-ticket #abonements .block-container:last-child {
    margin-top: 50px;
}
@media (max-width: 768px) {
    .page.by-ticket #certificates .block-container:last-child,
    .page.by-ticket #abonements .block-container:last-child {
        margin-top: 30px;
    }
}
.page.by-ticket #certificates .block-container:last-child .body,
.page.by-ticket #abonements .block-container:last-child .body {
    padding: 0 !important;
}
.page.by-ticket #certificates .block-container:last-child .body .nominals,
.page.by-ticket #abonements .block-container:last-child .body .nominals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.page.by-ticket #certificates .block-container:last-child .pic.hero,
.page.by-ticket #abonements .block-container:last-child .pic.hero {
    width: 500px;
    height: 700px;
    margin: -200px 0 -20px -45px;
}
@media (max-width: 768px) {
    .page.by-ticket #certificates .block-container:last-child .pic.hero,
    .page.by-ticket #abonements .block-container:last-child .pic.hero {
        width: 345.68px;
        height: 473.7px;
        margin: -50px -85px;
    }
}
@media (max-width: 480px) {
    .page.by-ticket #certificates .block-container:last-child .pic.hero,
    .page.by-ticket #abonements .block-container:last-child .pic.hero {
        width: 250px;
        height: 350px;
        margin: -35px -60px;
    }
}
.page.by-ticket #certificates .block-container:last-child .pic.gift,
.page.by-ticket #abonements .block-container:last-child .pic.gift {
    right: 35px;
    bottom: 100px;
}
.page.by-ticket #certificates .block-container:last-child .block-bottom,
.page.by-ticket #abonements .block-container:last-child .block-bottom {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    text-align: left;
    margin-left: -2rem;
    padding-bottom: 30px;
}
.page.by-ticket #certificates .block-btn-arrow .btn.btn-arrow,
.page.by-ticket #abonements .block-btn-arrow .btn.btn-arrow {
    min-width: 49.95px;
    max-width: 49.95px;
    height: 49.95px;
}
@media (max-width: 768px) {
    .page.by-ticket #certificates .nominals .block-bottom {
        position: absolute;
        bottom: 15px;
        left: 20px;
        margin: 0 !important;
        padding: 0 !important;
    }
}
.page.by-ticket #abonements .block-container:first-child::before {
    content: "";
    position: absolute;
    bottom: -17%;
    left: 21.75%;
    z-index: 1;
    background-image: url("../img/block-afisha/freepik__create-a-3d-lego-castle-in-an-indoor-amus-no-bg-preview.avif");
    background-repeat: no-repeat;
    background-size: contain;
    width: 280px;
    height: 280px;
    -webkit-transform: rotate(-5.7deg);
    -ms-transform: rotate(-5.7deg);
    transform: rotate(-5.7deg);
    pointer-events: none;
}
@media (max-width: 768px) {
    .page.by-ticket #abonements .block-container:first-child::before {
        width: 184.18px;
        height: 184.18px;
        -webkit-transform: rotate(-5.7deg);
        -ms-transform: rotate(-5.7deg);
        transform: rotate(-5.7deg);
        bottom: -17%;
        left: -4%;
    }
}
@media (max-width: 480px) {
    .page.by-ticket #abonements .block-container:first-child::before {
        width: 130px;
        height: 130px;
        bottom: -9%;
        left: -9%;
    }
}
@media (max-width: 768px) {
    .page.by-ticket #abonements .block-container:last-child {
        margin: 30px 20px 0;
    }
}
.page.by-ticket #abonements .block-container .block-content {
    background: #fff;
}
.page.by-ticket #abonements .block-container .block-content .body .body-text {
    padding-left: 20px;
    padding-right: 20px;
}
.page.by-ticket #abonements .block-container .block-content .body .body-text:first-child {
    padding-top: 35px;
    padding-bottom: 20px;
}
.page.by-ticket #abonements .block-container .block-content .body .price {
    color: var(--yellow);
    padding-bottom: 20px;
    margin-top: 35px;
}
@media (max-width: 768px) {
    .page.by-ticket #abonements .block-container .block-content .body .price {
        color: var(--purple);
        padding-bottom: 0;
    }
}
.page.by-ticket #abonements .block-container .block-content .body .btn {
    display: none;
    margin-bottom: 15px;
}
@media (max-width: 768px) {
    .page.by-ticket #abonements .block-container .block-content .body .btn {
        display: block;
    }
}
@media (max-width: 768px) {
    .page.by-ticket #abonements .blocks .block .head {
        height: auto;
        padding: 20px 20px 40px;
    }
}
.page.by-ticket .give-bonuses {
    padding: 20px 0;
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .page.by-ticket .give-bonuses::before {
        content: "";
        position: absolute;
        top: unset;
        bottom: 50px;
        left: -20px;
        width: 79.95px;
        height: 78.04px;
        background-image: url("../img/by-ticket/mobile/coin_3.webp");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom left;
        z-index: 1;
    }
}
.page.by-ticket .give-bonuses.anim .viki {
    -webkit-animation: showLeftHero 0.5s forwards 0.5s;
    animation: showLeftHero 0.5s forwards 0.5s;
}
@-webkit-keyframes showLeftHero {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: -11%;
    }
}
@keyframes showLeftHero {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: -11%;
    }
}
.page.by-ticket .give-bonuses.anim .bonus-rub {
    -webkit-animation: showCoinRight 1.5s forwards 1.5s;
    animation: showCoinRight 1.5s forwards 1.5s;
}
@-webkit-keyframes showCoinRight {
    0% {
        opacity: 0;
        right: -100%;
    }
    100% {
        opacity: 1;
        right: 0;
    }
}
@keyframes showCoinRight {
    0% {
        opacity: 0;
        right: -100%;
    }
    100% {
        opacity: 1;
        right: 0;
    }
}
.page.by-ticket .give-bonuses.anim .title {
    -webkit-animation: showTopTitle 0.5s forwards 0.5s;
    animation: showTopTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes showTopTitle {
    0% {
        top: -100px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes showTopTitle {
    0% {
        top: -100px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.by-ticket .give-bonuses.anim .bonus-pay {
    -webkit-animation: showBonusPay 0.7s forwards 0.7s;
    animation: showBonusPay 0.7s forwards 0.7s;
}
@-webkit-keyframes showBonusPay {
    0% {
        top: -100px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes showBonusPay {
    0% {
        top: -100px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.by-ticket .give-bonuses.anim .blocks .block {
    -webkit-animation: showBlock 0.8s forwards 0.8s;
    animation: showBlock 0.8s forwards 0.8s;
}
@-webkit-keyframes showBlock {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBlock {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.by-ticket .give-bonuses.anim .blocks .block.block1::after {
    -webkit-animation: coin3 0.5s forwards 0.5s;
    animation: coin3 0.5s forwards 0.5s;
}
@-webkit-keyframes coin3 {
    0% {
        top: -100%;
        -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
        transform: matrix(1, 0, 0, -1, 0, 0);
        opacity: 0;
    }
    100% {
        top: -50px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@keyframes coin3 {
    0% {
        top: -100%;
        -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
        transform: matrix(1, 0, 0, -1, 0, 0);
        opacity: 0;
    }
    100% {
        top: -50px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
.page.by-ticket .give-bonuses.anim::before {
    -webkit-animation: coin1 0.5s forwards 0.5s;
    animation: coin1 0.5s forwards 0.5s;
}
@-webkit-keyframes coin1 {
    0% {
        bottom: 100%;
        -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
        transform: matrix(1, 0, 0, -1, 0, 0);
        opacity: 0;
    }
    100% {
        bottom: 20px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@keyframes coin1 {
    0% {
        bottom: 100%;
        -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
        transform: matrix(1, 0, 0, -1, 0, 0);
        opacity: 0;
    }
    100% {
        bottom: 20px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
.page.by-ticket .give-bonuses.anim::after {
    -webkit-animation: coin2 0.5s forwards 0.5s;
    animation: coin2 0.5s forwards 0.5s;
}
@-webkit-keyframes coin2 {
    0% {
        top: -100%;
        -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
        transform: matrix(1, 0, 0, -1, 0, 0);
        opacity: 0;
    }
    100% {
        top: 0;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@keyframes coin2 {
    0% {
        top: -100%;
        -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
        transform: matrix(1, 0, 0, -1, 0, 0);
        opacity: 0;
    }
    100% {
        top: 0;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
.page.by-ticket .give-bonuses .viki {
    position: absolute;
    top: -10%;
    left: -100%;
    width: 600px;
    height: 600px;
    opacity: 0;
}
.page.by-ticket .give-bonuses .viki img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1440px) {
    .page.by-ticket .give-bonuses .viki {
        width: 500px;
        height: 500px;
    }
}
@media (max-width: 1200px) {
    .page.by-ticket .give-bonuses .viki {
        width: 300px;
        height: 300px;
        top: 10%;
        left: -5%;
    }
}
@media (max-width: 992px) {
    .page.by-ticket .give-bonuses .viki {
        top: 32%;
    }
}
@media (max-width: 768px) {
    .page.by-ticket .give-bonuses .viki {
        width: 352.09px;
        height: 469px;
        margin: 20px auto 0;
        position: relative;
    }
    .page.by-ticket .give-bonuses .viki::before,
    .page.by-ticket .give-bonuses .viki::after {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .page.by-ticket .give-bonuses .viki::before {
        top: 50px;
        left: -20px;
        background-image: url("../img/by-ticket/mobile/coin_1.webp");
        width: 93.87px;
        height: 91.64px;
    }
    .page.by-ticket .give-bonuses .viki::after {
        bottom: 100px;
        right: 0;
        background-image: url("../img/by-ticket/mobile/coin_5.webp");
        width: 74.29px;
        height: 72.52px;
    }
}
.page.by-ticket .give-bonuses .title {
    position: relative;
    z-index: 1;
    top: -100px;
    opacity: 0;
}
.page.by-ticket .give-bonuses::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: -4%;
    width: 142.12px;
    height: 138.74px;
    background-image: url("../img/by-ticket/coin.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    -ms-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0);
    opacity: 0;
}
@media (max-width: 768px) {
    .page.by-ticket .give-bonuses::before {
        display: none;
    }
}
.page.by-ticket .give-bonuses::after {
    content: "";
    position: absolute;
    right: -5%;
    width: 173.5px;
    height: 169.37px;
    background-image: url("../img/by-ticket/coin.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    top: -100%;
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    -ms-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0);
    opacity: 0;
}
@media (max-width: 768px) {
    .page.by-ticket .give-bonuses::after {
        display: none;
    }
}
.page.by-ticket .give-bonuses .bonus-pay {
    border: 2px solid var(--yellow);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 71px;
    border-radius: 58.59px;
    font-size: 25px;
    line-height: 140%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px auto 0;
    padding: 0 20px;
    top: -100px;
    opacity: 0;
    position: relative;
}
@media (max-width: 1200px) {
    .page.by-ticket .give-bonuses .bonus-pay {
        margin: 20px 0 0 100px;
    }
}
@media (max-width: 768px) {
    .page.by-ticket .give-bonuses .bonus-pay {
        margin: 20px auto 0;
        height: auto;
        border-radius: 42.4px;
        font-size: 18.09px;
        padding: 10px 20px;
    }
}
.page.by-ticket .give-bonuses .bonus-pay span {
    font-family: var(--font-accent);
    padding: 0 5px;
}
.page.by-ticket .give-bonuses .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}
@media (max-width: 992px) {
    .page.by-ticket .give-bonuses .blocks {
        margin-top: 20%;
    }
}
@media (max-width: 768px) {
    .page.by-ticket .give-bonuses .blocks {
        margin-top: 10%;
        padding: 0 20px;
    }
}
@media (max-width: 768px) {
    .page.by-ticket .give-bonuses .blocks::after {
        content: "";
        position: absolute;
        top: 100px;
        bottom: 0;
        left: unset;
        right: -65px;
        width: 117.14px;
        height: 114.35px;
        background-image: url("../img/by-ticket/mobile/coin_2.webp");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom left;
        z-index: 1;
        margin: auto;
    }
}
.page.by-ticket .give-bonuses .blocks .bonus-rub {
    background: var(--yellow);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 71.48px;
    border-radius: 58.59px;
    font-size: 29.3px;
    line-height: 140%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    -webkit-transform: rotate(8.17deg);
    -ms-transform: rotate(8.17deg);
    transform: rotate(8.17deg);
    position: absolute;
    top: -50px;
    right: -100%;
    z-index: 1;
    opacity: 0;
}
@media (max-width: 1200px) {
    .page.by-ticket .give-bonuses .blocks .bonus-rub {
        right: -2rem;
    }
}
@media (max-width: 768px) {
    .page.by-ticket .give-bonuses .blocks .bonus-rub {
        font-size: 20.08px;
        height: 48.99px;
        border-radius: 40.15px;
        right: 0;
        top: -20px;
    }
}
.page.by-ticket .give-bonuses .blocks .block {
    background-color: #f6bcd7;
    border-radius: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32.5%;
    flex: 0 0 32.5%;
    margin-top: 20px;
    padding: 20px 20px 10px;
    position: relative;
    opacity: 0;
}
@media (max-width: 768px) {
    .page.by-ticket .give-bonuses .blocks .block {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        padding: 20px;
        border-radius: 43.98px;
    }
}
.page.by-ticket .give-bonuses .blocks .block::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 240px;
    height: 190px;
    background-image: url("../img/by-ticket/line.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
.page.by-ticket .give-bonuses .blocks .block.block1::after {
    content: "";
    position: absolute;
    right: -40px;
    width: 98.8px;
    height: 96.45px;
    background-image: url("../img/by-ticket/coin.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    top: -100%;
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    -ms-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0);
    opacity: 0;
}
@media (max-width: 768px) {
    .page.by-ticket .give-bonuses .blocks .block.block1::after {
        right: unset;
        left: 0;
        width: 79.95px;
        height: 78.04px;
        background-position: left;
        background-image: url("../img/by-ticket/mobile/coin_1.webp");
    }
}
.page.by-ticket .give-bonuses .blocks .block .percent {
    font-size: 51px;
    line-height: 130%;
    color: #2c2c2c;
    font-family: var(--font-accent);
    text-align: center;
    position: relative;
}
@media (max-width: 768px) {
    .page.by-ticket .give-bonuses .blocks .block .percent {
        font-size: 42px;
    }
}
.page.by-ticket .give-bonuses .blocks .block .name {
    font-size: 28px;
    line-height: 140%;
    color: #2c2c2c;
    font-family: "Inter-Bold";
    text-align: center;
    position: relative;
}
@media (max-width: 768px) {
    .page.by-ticket .give-bonuses .blocks .block .name {
        font-size: 25px;
    }
}
.page.by-ticket .give-bonuses .blocks .block .desc {
    font-size: 25px;
    line-height: 140%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    margin-top: 10px;
}
@media (max-width: 768px) {
    .page.by-ticket .give-bonuses .blocks .block .desc {
        font-size: 18px;
        margin-top: 20px;
    }
}
.page.by-ticket .give-bonuses .block-btn-arrow {
    margin: 20px auto 0;
}
@media (max-width: 768px) {
    .page.by-ticket .give-bonuses .block-btn-arrow .btn.btn-arrow {
        min-width: 50px;
        max-width: 50px;
        height: 50px;
    }
}
.page.by-ticket .avail-prices .title {
    position: relative;
    top: -100px;
    opacity: 0;
}
.page.by-ticket .avail-prices .block {
    opacity: 0;
}
.page.by-ticket .avail-prices.anim .block-container::after {
    -webkit-animation: moveRight 0.5s forwards 0.5s;
    animation: moveRight 0.5s forwards 0.5s;
}
@-webkit-keyframes moveRight {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -7%;
        opacity: 1;
    }
}
@keyframes moveRight {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -7%;
        opacity: 1;
    }
}
.page.by-ticket .avail-prices.anim .block {
    -webkit-animation: showBlock 0.5s forwards 0.5s;
    animation: showBlock 0.5s forwards 0.5s;
}
@-webkit-keyframes showBlock {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBlock {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.by-ticket .avail-prices.anim .title {
    -webkit-animation: showTopTitle 0.5s forwards 0.5s;
    animation: showTopTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes showTopTitle {
    0% {
        opacity: 0;
        top: -100px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@keyframes showTopTitle {
    0% {
        opacity: 0;
        top: -100px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
.page.family-restaurant .family-rest {
    padding: 60px 0;
}
.page.family-restaurant .family-rest .block-cols .block-col.content {
    margin-top: 0;
}
.page.family-restaurant .family-rest .block-cols .block-col .text {
    margin-top: 30px;
}
.page.family-restaurant .family-rest .block-cols .block-col {
    margin-top: 30px;
}
.page.family-restaurant .family-rest .dish::before {
    opacity: 1;
}
.page.family-restaurant .family-rest .block-line {
    opacity: 1;
}
.page.family-restaurant .family-rest .body .block-menu .block-btn-arrow {
    margin: 0;
}
.page.family-restaurant .family-rest .block-menu {
    margin-top: 30px;
}
.page.family-restaurant .best-holiday {
    padding-top: 65px;
}
.page.family-restaurant .best-holiday .blocks .block .img {
    left: 0;
    opacity: 1;
}
.page.family-restaurant .best-holiday .block-feedback {
    right: 0;
}
.page.family-restaurant .block-banquet-hall {
    padding-top: 0;
}
@media (max-width: 768px) {
    .page.family-restaurant .block-banquet-hall {
        padding-top: 50px;
    }
}
.page.family-restaurant .block-banquet-hall .container {
    position: relative;
}
.page.family-restaurant .block-banquet-hall .block-buttons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media (max-width: 768px) {
    .page.family-restaurant .block-banquet-hall .block-buttons {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.page.family-restaurant .best-holiday .block-bottom .block-btn-arrow {
    margin: 0;
}
.page.family-restaurant .block-banquet-hall .img.cake {
    width: 150px;
    height: 150px;
    position: absolute;
    top: -15%;
    left: 20%;
    -webkit-transform: rotate(6.22deg);
    -ms-transform: rotate(6.22deg);
    transform: rotate(6.22deg);
}
@media (max-width: 768px) {
    .page.family-restaurant .block-banquet-hall .img.cake {
        width: 129.73px;
        height: 129.73px;
        top: -20%;
        left: 20px;
        z-index: 1;
        pointer-events: none;
    }
}
@media (max-width: 480px) {
    .page.family-restaurant .block-banquet-hall .img.cake {
        width: 100px;
        height: 100px;
        left: 0;
    }
}
.page.family-restaurant .block-banquet-hall .img.cake img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.family-restaurant .block-banquet-hall .balloon {
    position: absolute;
}
@media (max-width: 768px) {
    .page.family-restaurant .block-banquet-hall .balloon {
        display: none;
    }
}
.page.family-restaurant .block-banquet-hall .balloon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.family-restaurant .block-banquet-hall .balloon.balloon1 {
    width: 117.32px;
    top: -120px;
    left: 20px;
}
.page.family-restaurant .block-banquet-hall .balloon.balloon2 {
    width: 82.55px;
    top: -35px;
    left: 42%;
}
.page.family-restaurant .block-banquet-hall .balloon.balloon3 {
    width: 71.84px;
    top: -145px;
    right: 36%;
}
.page.family-restaurant .block-banquet-hall .block-btn-arrow {
    margin-top: 30px;
}
@media (max-width: 768px) {
    .page.family-restaurant .best-holiday {
        padding-top: 0;
    }
}
.page.news .stocks {
    padding: 70px 0 50px;
}
.page.news .stocks.anim .title {
    -webkit-animation: animTitle 0.5s forwards 0.5s;
    animation: animTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes animTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes animTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.news .stocks {
        padding: 50px 0;
    }
}
.page.news .stocks .title {
    font-size: 55px;
    top: -10vh;
    opacity: 0;
    position: relative;
}
@media (max-width: 768px) {
    .page.news .stocks .title {
        font-size: 30px;
    }
}
.page.news .stocks .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}
@media (max-width: 768px) {
    .page.news .stocks .blocks {
        margin: 0 auto;
    }
}
.page.news .stocks .blocks .block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
}
@media (max-width: 768px) {
    .page.news .stocks .blocks .block {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0;
    }
}
.page.poster {
    padding-bottom: 100px;
}
@media (max-width: 768px) {
    .page.poster {
        padding-bottom: 35px;
    }
}
.page.poster .block-attractions .bg-img {
    padding: 35px 45px 10px;
}
@media (max-width: 992px) {
    .page.poster .block-attractions .bg-img {
        padding: 35px 45px 30px;
    }
}
.page.poster .afisha {
    margin-top: 10px;
}
@media (max-width: 768px) {
    .page.poster .afisha {
        margin-top: 30px;
    }
}
.page.poster .afisha .body {
    background-color: #d9effb;
    border-radius: 50px;
    position: relative;
    padding: 30px;
    opacity: 0;
}
.afisha .september .swiper {
    width: 100%;
}
.afisha .september .swiper .swiper-button-prev,
.afisha .september .swiper .swiper-button-next {
    background: #fff;
    border-radius: 50%;
    min-width: 50px;
    height: 50px;
}
.afisha .september .swiper .swiper-slide {
    height: auto; 
}
.afisha .september {
    margin-top: 1rem;
}
.afisha .september .body {
    display: flex;
    align-items: center;
}
.afisha .september .body .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;   
}
.afisha .september .body .text .title {
    font-size: 45px;
}
@media (max-width: 768px) {
    .afisha .september .body {
        flex-direction: column;
    }
    .afisha .september .body .text {
        margin-top: 2rem;
    }
}
.page.poster .afisha .body .title {
    top: -10vh;
    opacity: 0;
}
.page.poster .afisha .body.anim {
    -webkit-animation: showBlock 0.2s forwards 0.2s;
    animation: showBlock 0.2s forwards 0.2s;
}
@-webkit-keyframes showBlock {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBlock {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.poster .afisha .body.anim .title {
    -webkit-animation: animTitle 0.5s forwards 0.5s;
    animation: animTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes animTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes animTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.poster .afisha .body.anim .text {
    -webkit-animation: rightText 0.75s forwards 0.75s;
    animation: rightText 0.75s forwards 0.75s;
}
@-webkit-keyframes rightText {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightText {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.page.poster .afisha .body.anim .img {
    -webkit-animation: leftImg 1s forwards 1s;
    animation: leftImg 1s forwards 1s;
}
@-webkit-keyframes leftImg {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}
@keyframes leftImg {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}
.page.poster .afisha .body .img {
    width: 218.15px;
    height: 218.15px;
    position: absolute;
    top: -4rem;
    left: -100%;
    opacity: 0;
}
@media (max-width: 992px) {
    .page.poster .afisha .body .img {
        width: 132.81px;
        height: 132.81px;
        top: -2rem;
    }
}
@media (max-width: 768px) {
    .page.poster .afisha .body .img {
        top: -3rem;
        left: -2rem;
    }
}
.page.poster .afisha .body .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.poster .afisha .body .text {
    font-family: "Inter-Light";
    font-size: 23px;
    line-height: 130%;
    text-align: center;
    margin-top: 10px;
    right: -100%;
    opacity: 0;
    position: relative;
    padding-left: 20px;
}
@media (max-width: 768px) {
    .page.poster .afisha .body .text {
        font-size: 16px;
        padding-left: 0;
    }
}
.page.poster .afisha .body .text a {
    color: var(--yellow);
    font-family: "Inter-SemiBold";
}
.page.poster .afisha ~ .container .block-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 400px) {
    .page.poster .afisha ~ .container .block-buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.page.poster .afisha ~ .container .block-buttons .block-btn-arrow,
.page.poster .afisha ~ .container .block-buttons .btn.light-pink {
    margin: 20px 10px 0;
}
@media (max-width: 768px) {
    .page.poster .afisha ~ .container .block-buttons .block-btn-arrow,
    .page.poster .afisha ~ .container .block-buttons .btn.light-pink {
        margin: 20px 5px 0;
    }
}
@media (max-width: 480px) {
    .page.poster .afisha ~ .container .block-buttons .block-btn-arrow .btn.btn-yellow {
        min-width: 164.66px;
        max-width: 164.66px;
    }
}
.page.poster .afisha ~ .container .block-buttons .block-btn-arrow .btn.btn-arrow {
    min-width: 71.46px;
    max-width: 71.46px;
    height: 71.46px;
}
@media (max-width: 768px) {
    .page.poster .afisha ~ .container .block-buttons .block-btn-arrow .btn.btn-arrow {
        min-width: 44.03px;
        max-width: 44.03px;
        height: 44.03px;
    }
}
.page.poster .calendar-days {
    margin-top: 20px;
}
.page.poster .calendar-days .calendar-block {
    margin-top: 35px;
}
.page.poster .calendar-days .calendar-month {
    font-family: "Inter-Bold";
    font-size: 25px;
    line-height: 130%;
    text-transform: uppercase;
}
.page.poster .calendar-days .calendar-dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.page.poster .calendar-days .calendar-dates .calendar-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 10px;
}
.page.poster .calendar-days .calendar-dates .calendar-date:nth-child(even) .events {
    background-color: #d6a9fb;
}
.page.poster .calendar-days .calendar-dates .calendar-date:nth-child(odd) .events {
    background-color: #b3d5ef;
}
@media (max-width: 992px) {
    .page.poster .calendar-days .calendar-dates .calendar-date {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}
@media (max-width: 480px) {
    .page.poster .calendar-days .calendar-dates .calendar-date {
        flex: 1 1 auto;
    }
}
.page.poster .calendar-days .calendar-dates .calendar-date .date {
    font-family: "SoyuzGroteskBold";
    font-size: 25px;
    line-height: 130%;
    color: var(--purple);
}
.page.poster .calendar-days .calendar-dates .calendar-date .day {
    font-size: 25px;
    line-height: 130%;
    text-transform: uppercase;
}
.page.poster .calendar-days .calendar-dates .calendar-date .events {
    height: 100%;
    border-radius: 35px;
    padding: 10px 10px 50px;
}
.page.poster .calendar-days .calendar-dates .calendar-date .events .event {
    font-family: "Inter-Light";
    font-size: 16px;
    line-height: 130%;
    background-color: #fff;
    border-radius: 50px;
    display: none;
    margin-top: 20px;
    padding: 20px 10px;
    cursor: pointer;
}
.page.poster .calendar-days .calendar-dates .calendar-date .events .event:hover,
.page.poster .calendar-days .calendar-dates .calendar-date .events .event:focus {
    background-color: #d1409d;
    color: #fff;
    transition: 0.2s ease 0.2s;
}
.page.poster .calendar-days .calendar-dates .calendar-date .events .event .status {
    background: #d1409d;
    border-radius: 5px;
    color: #fff;
    min-width: 20px;
    height: 20px;
    font-size: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5px;
}
.page.poster .calendar-days .calendar-dates .calendar-date .events .event .body {
    display: inline;
}
.page.poster .calendar-days .calendar-dates .calendar-date .events .event .body .text {
    display: contents;
}
.page.holidays .block-buttons .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.page.holidays .block-buttons .buttons .btn {
    height: 75px;
    min-width: 293px;
    margin: 60px 10px 0;
}
@media (max-width: 768px) {
    .page.holidays .block-buttons .buttons .btn {
        height: 46.21px;
        min-width: 39%;
        max-width: 39%;
        margin: 15px 15px 0;
    }
}
.page.holidays .block-parents .title {
    top: -10vh;
    opacity: 0;
}
.page.holidays .block-parents .subtitle {
    opacity: 0;
}
.page.holidays .block-parents.anim .title {
    -webkit-animation: topShowTitle 0.5s forwards 0.5s;
    animation: topShowTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes topShowTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topShowTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.holidays .block-parents.anim .subtitle {
    -webkit-animation: showSubtitle 1s forwards 1s;
    animation: showSubtitle 1s forwards 1s;
}
@-webkit-keyframes showSubtitle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showSubtitle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.holidays .block-parents .blocks .block {
    margin-top: 30px;
}
.page.holidays .block-parents .blocks .block.block1 .content {
    width: 95%;
    bottom: 30px;
}
@media (max-width: 768px) {
    .page.holidays .block-parents .blocks .block.block1 .content {
        bottom: 30px;
    }
}
.page.holidays .block-parents .blocks .block.block1 .content .text1 {
    font-size: 27px;
}
@media (max-width: 768px) {
    .page.holidays .block-parents .blocks .block.block1 .content .text1 {
        font-size: 20px;
    }
}
.page.holidays .block-parents .blocks .block.block2 .content {
    top: 30px;
}
@media (max-width: 768px) {
    .page.holidays .block-parents .blocks .block.block2 .content {
        top: 30px;
    }
}
.page.holidays .block-parents .blocks .block.block2 .content .text1 {
    font-size: 27px;
}
@media (max-width: 768px) {
    .page.holidays .block-parents .blocks .block.block2 .content .text1 {
        font-size: 20px;
    }
}
.page.holidays .block-review ~ .block-buttons .buttons .btn {
    margin-top: 40px;
    text-align: center;
}
@media (max-width: 768px) {
    .page.holidays .block-review ~ .block-buttons .buttons .btn {
        margin-top: 20px;
    }
}
.page.holidays .block-text .balloons1 {
    position: relative;
}
.page.holidays .block-text .balloons1.anim::before {
    -webkit-animation: balloon1 0.5s forwards 0.5s;
    animation: balloon1 0.5s forwards 0.5s;
}
@-webkit-keyframes balloon1 {
    0% {
        opacity: 0;
        top: 100%;
    }
    100% {
        opacity: 1;
        top: -30%;
    }
}
@keyframes balloon1 {
    0% {
        opacity: 0;
        top: 100%;
    }
    100% {
        opacity: 1;
        top: -30%;
    }
}
.page.holidays .block-text .balloons1.anim::after {
    -webkit-animation: balloon2 0.5s forwards 0.5s;
    animation: balloon2 0.5s forwards 0.5s;
}
@-webkit-keyframes balloon2 {
    0% {
        opacity: 0;
        top: 100%;
    }
    100% {
        opacity: 1;
        top: -55%;
    }
}
@keyframes balloon2 {
    0% {
        opacity: 0;
        top: 100%;
    }
    100% {
        opacity: 1;
        top: -55%;
    }
}
.page.holidays .block-text .balloons1::before,
.page.holidays .block-text .balloons1::after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 768px) {
    .page.holidays .block-text .balloons1::before,
    .page.holidays .block-text .balloons1::after {
        display: none;
    }
}
.page.holidays .block-text .balloons1::before {
    top: 100%;
    left: 10%;
    background-image: url("../img/holidays/balloons/balloon_1.webp");
    width: 150px;
    height: 300px;
}
.page.holidays .block-text .balloons1::after {
    top: 100%;
    right: 0;
    left: 0;
    margin: auto;
    background-image: url("../img/holidays/balloons/balloon_2.webp");
    width: 80px;
    height: 180px;
}
.page.holidays .block-text .balloons2 {
    position: relative;
}
.page.holidays .block-text .balloons2.anim::before {
    -webkit-animation: balloon3 0.5s forwards 0.5s;
    animation: balloon3 0.5s forwards 0.5s;
}
@-webkit-keyframes balloon3 {
    0% {
        opacity: 0;
        top: 100%;
    }
    100% {
        opacity: 1;
        top: 45%;
    }
}
@keyframes balloon3 {
    0% {
        opacity: 0;
        top: 100%;
    }
    100% {
        opacity: 1;
        top: 45%;
    }
}
.page.holidays .block-text .balloons2.anim::after {
    -webkit-animation: balloon4 0.5s forwards 0.5s;
    animation: balloon4 0.5s forwards 0.5s;
}
@-webkit-keyframes balloon4 {
    0% {
        opacity: 0;
        top: 100%;
    }
    100% {
        opacity: 1;
        top: 30%;
    }
}
@keyframes balloon4 {
    0% {
        opacity: 0;
        top: 100%;
    }
    100% {
        opacity: 1;
        top: 30%;
    }
}
.page.holidays .block-text .balloons2::before,
.page.holidays .block-text .balloons2::after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 768px) {
    .page.holidays .block-text .balloons2::before,
    .page.holidays .block-text .balloons2::after {
        display: none;
    }
}
.page.holidays .block-text .balloons2::before {
    top: 100%;
    right: 8%;
    background-image: url("../img/holidays/balloons/balloon_3.webp");
    width: 100px;
    height: 200px;
}
.page.holidays .block-text .balloons2::after {
    top: 100%;
    right: 5%;
    background-image: url("../img/holidays/balloons/balloon_4.webp");
    width: 100px;
    height: 250px;
}
.page.holidays .kids-holiday.anim .blocks .block.block2 .block__img {
    -webkit-animation: showTopHero 0.5s forwards 0.5s;
    animation: showTopHero 0.5s forwards 0.5s;
}
@-webkit-keyframes showTopHero {
    0% {
        top: 100vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes showTopHero {
    0% {
        top: 100vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.holidays .kids-holiday .blocks .block.block2 .block__img {
    position: relative;
    top: 100vh;
    opacity: 0;
}
.page.holidays .attractions-holiday .subtitle {
    margin-top: 10px;
    opacity: 0;
}
.page.holidays .attractions-holiday .subtitle span {
    display: ruby;
    font-size: 25px;
    font-family: "Inter";
}
.page.holidays .attractions-holiday .subtitle .text-bg span {
    font-family: "Inter-Bold";
}
.page.holidays .attractions-holiday .title {
    top: -10vh;
    opacity: 0;
}
.page.holidays .attractions-holiday.anim .title {
    -webkit-animation: topShowTitle 0.5s forwards 0.5s;
    animation: topShowTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes topShowTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topShowTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.holidays .attractions-holiday.anim .subtitle {
    -webkit-animation: showSubtitle 1s forwards 1s;
    animation: showSubtitle 1s forwards 1s;
}
@-webkit-keyframes showSubtitle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showSubtitle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.holidays .attractions-holiday .content {
    padding-bottom: 0;
}
@media (max-width: 768px) {
    .page.holidays .attractions-holiday .block-btn-arrow {
        display: none;
    }
    .page.holidays .attractions-holiday .content {
        margin: 20px -20px 0;
    }
}
.page.holidays .legendary-holiday {
    padding-top: 30px;
}
.page.holidays .legendary-holiday .subtitle {
    opacity: 0;
}
.page.holidays .legendary-holiday .title {
    top: -10vh;
    opacity: 0;
}
.page.holidays .legendary-holiday.anim .title {
    -webkit-animation: topShowTitle 0.5s forwards 0.5s;
    animation: topShowTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes topShowTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topShowTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.holidays .legendary-holiday.anim .subtitle {
    -webkit-animation: showSubtitle 1s forwards 1s;
    animation: showSubtitle 1s forwards 1s;
}
@-webkit-keyframes showSubtitle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showSubtitle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.holidays .legendary-holiday .subtitle {
        display: none;
    }
}
.page.holidays .block-review {
    padding-top: 50px;
}
.page.holidays .block-banquet-hall .block-btn-arrow {
    margin-top: 30px;
}
.page.holidays .order-holiday {
    padding-top: 50px;
}
@media (max-width: 768px) {
    .page.holidays .order-holiday {
        padding-top: 20px;
    }
}
.page.holidays .best-holiday {
    padding-top: 30px;
}
.page.holidays .your-holiday .block-boxes .box__desc.hero::before {
    display: none;
}
@media (max-width: 768px) {
    .page.holidays .your-holiday .block-boxes .box__desc.hero::before {
        display: block;
    }
}
@media (max-width: 768px) {
    .page.holidays .your-holiday {
        padding: 30px 0;
    }
    .page.holidays .your-holiday .blocks .block {
        margin: 30px auto 0;
    }
    .page.holidays .your-holiday .block-info .text {
        margin-top: 30px;
    }
    .page.holidays .your-holiday .block-btn-arrow {
        display: none;
    }
}
.page.holidays .sweet-sets {
    padding: 0 0 20px;
}
.page.holidays .attractions-holiday .block-btn-arrow {
    margin: 0 auto;
}
.page.menu {
    padding-bottom: 50px;
}
.page.menu .family-rest {
    padding: 30px 0 60px;
}
@media (max-width: 768px) {
    .page.menu .family-rest {
        padding: 30px 0;
    }
}
.page.menu .family-rest .block-cols .block-col.content {
    margin-top: 0;
}
.page.menu .family-rest .block-cols .block-col .text {
    margin-top: 30px;
}
.page.menu .family-rest .block-cols .block-col {
    margin-top: 30px;
}
.page.menu .family-rest .body .block-menu .block-btn-arrow {
    margin: 0;
}
.page.menu .family-rest .block-menu {
    margin-top: 30px;
}
.page.menu .block-banner .bg-img {
    padding: 70px 20px 20px;
}
@media (max-width: 992px) {
    .page.menu .block-banner .bg-img {
        padding: 30px 20px 20px;
    }
}
@media (max-width: 768px) {
    .page.menu .block-banner .bg-img {
        padding: 30px 10px 50px;
    }
}
@media (max-width: 480px) {
    .page.menu .block-banner .bg-img {
        padding: 20px 10px 30px;
    }
}
.page.menu .block-banner .body {
    align-self: flex-start;
    flex: 1 1 auto;
}
@media (max-width: 992px) {
    .page.menu .block-banner .body {
        -ms-flex-item-align: center;
        align-self: center;
    }
}
.page.menu .block-banner .content {
    margin-top: 20px;
}
@media (max-width: 768px) {
    .page.menu .block-banner .content {
        margin-top: 10px;
    }
}
.page.menu .block-banner .content .text {
    text-align: left;
}
@media (max-width: 992px) {
    .page.menu .block-banner .content .text {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .page.menu .block-banner .content .text {
        font-size: 16px;
    }
}
@media (max-width: 1200px) {
    .page.menu .block-banner .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 1200px) {
    .page.menu .block-banner .block-heroes {
        margin-top: 100px;
    }
}
@media (max-width: 992px) {
    .page.menu .block-banner .block-heroes {
        margin-top: 120px;
    }
}
@media (max-width: 480px) {
    .page.menu .block-banner .block-heroes {
        margin-top: 35px;
    }
}
.page.menu .block-banner .block-heroes .hero {
    width: 405.61px;
    height: 355.71px;
    border-radius: 48.29px;
}
@media (max-width: 992px) {
    .page.menu .block-banner .block-heroes .hero {
        width: 188.08px;
        height: 164.72px;
        border-radius: 26.27px;
    }
}
@media (max-width: 480px) {
    .page.menu .block-banner .block-heroes .hero {
        width: 100px !important;
        height: 100px !important;
        margin: 0 10px;
    }
}
.page.menu .block-banner .block-heroes .hero:first-child .img {
    width: 480px;
    right: -100%;
    opacity: 0;
}
@media (max-width: 992px) {
    .page.menu .block-banner .block-heroes .hero:first-child .img {
        width: 239.97px;
    }
}
@media (max-width: 480px) {
    .page.menu .block-banner .block-heroes .hero:first-child .img {
        width: 100%;
    }
}
.page.menu .block-banner .block-heroes .hero:last-child .img {
    width: 430px;
    right: -100%;
    opacity: 0;
}
@media (max-width: 992px) {
    .page.menu .block-banner .block-heroes .hero:last-child .img {
        width: 234.68px;
    }
}
@media (max-width: 480px) {
    .page.menu .block-banner .block-heroes .hero:last-child .img {
        width: 100%;
    }
}
.page.menu .block-banner .block-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
    opacity: 0;
    -webkit-animation: showButtons 1.5s forwards 1.5s;
    animation: showButtons 1.5s forwards 1.5s;
}
@media (max-width: 480px) {
    .page.menu .block-banner .block-buttons {
        margin-top: 30px;
    }
}
@media (max-width: 480px) {
    .page.menu .block-banner .block-buttons .btn.btn-yellow,
    .page.menu .block-banner .block-buttons .btn.light-pink {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        padding: 0 10px;
        font-size: 14px;
    }
}
.page.menu .block-banner .block-buttons a {
    margin: 0 10px;
}
@media (max-width: 480px) {
    .page.menu .block-banner .block-buttons a {
        margin: 0 5px;
    }
}
.page.menu .block-menu {
    margin-top: 50px;
}
@media (max-width: 992px) {
    .page.menu .block-menu {
        padding: 20px 0 50px;
    }
}
@media (max-width: 480px) {
    .page.menu .block-menu {
        margin-top: 0;
        padding: 20px 0 0;
    }
}
.page.menu .block-menu .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px;
}
@media (max-width: 992px) {
    .page.menu .block-menu .body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 20px;
    }
}
.page.menu .block-menu .body .items {
    background: #ffecc9;
    border-radius: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 459px;
    flex: 0 0 459px;
    padding: 20px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 40px 20px 50px;
}
@media (max-width: 992px) {
    .page.menu .block-menu .body .items {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        border-radius: 33.44px;
    }
}
@media (max-width: 768px) {
    .page.menu .block-menu .body .items {
        padding: 20px 35px;
    }
}
.page.menu .block-menu .body .items .item {
    width: 100%;
    height: auto;
    border-radius: 44.1px;
    background: #fff;
    font-family: var(--font-accent);
    font-size: 26.46px;
    line-height: 130%;
    color: #2f2f2f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 18px 0;
    text-align: center;
}
@media (max-width: 768px) {
    .page.menu .block-menu .body .items .item {
        font-size: 17.7px;
    }
}
@media (max-width: 480px) {
    .page.menu .block-menu .body .items .item {
        font-size: 14px;
    }
}
.page.menu .block-menu .body .items .item:not(:first-child) {
    margin-top: 10px;
}
.page.menu .block-menu .body .items .item:hover,
.page.menu .block-menu .body .items .item:focus {
    background: var(--yellow);
    color: #fff;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.menu .block-menu .body .items .item:hover svg line,
.page.menu .block-menu .body .items .item:focus svg line {
    stroke: #fff;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.menu .block-menu .body .items .item.select {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.page.menu .block-menu .body .items .item.select.active ~ .list-menu {
    display: block !important;
}
.page.menu .block-menu .body .items .item.select svg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}
@media (max-width: 768px) {
    .page.menu .block-menu .body .items .item.select svg {
        width: 18px;
    }
}
.page.menu .block-menu .body .items .item.active {
    background: var(--yellow);
    color: #fff;
}
.page.menu .block-menu .body .items .item.active svg line {
    stroke: #fff;
}
.page.menu .block-menu .body .list-menu {
    background: #fff;
    margin-top: -30px;
    margin-bottom: 20px;
    padding: 50px 0 20px;
    border-radius: 0 0 30px 30px;
    display: none;
}
@media (max-width: 768px) {
    .page.menu .block-menu .body .list-menu {
        border-radius: 20px;
        position: absolute;
        width: 80%;
        height: 348px;
        padding: 0;
        left: 0;
        right: 0;
        margin: 10px auto 0;
        overflow-x: hidden;
        z-index: 2;
    }
    .page.menu .block-menu .body .list-menu::-webkit-scrollbar {
        width: 5px;
        height: 100%;
    }
    .page.menu .block-menu .body .list-menu::-webkit-scrollbar-track {
        background: #ffecc9;
        border-radius: 5px;
    }
    .page.menu .block-menu .body .list-menu::-webkit-scrollbar-thumb {
        background: var(--yellow);
        border-radius: 5px;
        cursor: pointer;
    }
    .page.menu .block-menu .body .list-menu::-webkit-scrollbar-thumb:hover {
        opacity: 0.5;
    }
}
.page.menu .block-menu .body .list-menu .list-item {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}
@media (max-width: 768px) {
    .page.menu .block-menu .body .list-menu .list-item {
        font-size: 17.5px;
    }
}
@media (max-width: 480px) {
    .page.menu .block-menu .body .list-menu .list-item {
        font-size: 14px;
    }
}
.page.menu .block-menu .body .list-menu .list-item:not(:last-child) {
    border-bottom: 0.86px solid rgba(33, 33, 33, 0.18);
}
.page.menu .block-menu .body .list-menu .list-item:hover,
.page.menu .block-menu .body .list-menu .list-item:focus {
    color: var(--yellow);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.menu .block-menu .body .list-menu .list-item.active {
    color: var(--yellow);
}
.page.menu .block-menu .body .preview {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.page.menu .block-menu .body .preview .img {
    min-width: 100%;
    height: 100%;
    display: none;
}
.page.menu .block-menu .body .preview .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page.menu .block-menu .body .preview .images {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 50px;
}
@media (max-width: 992px) {
    .page.menu .block-menu .body .preview {
        margin-top: 50px;
    }
}
@media (max-width: 768px) {
    .page.menu .block-menu .body .preview {
        display: none;
    }
    .page.menu .block-menu .body .preview .swiper-wrapper {
        width: 100% !important;
    }
    .page.menu .block-menu .body .preview .swiper-button-next,
    .page.menu .block-menu .body .preview .swiper-button-prev {
        background: #fff;
        width: 52.26px;
        height: 52.26px;
        border-radius: 50%;
    }
}
@media (max-width: 480px) {
    .page.menu .block-menu .body .preview {
        margin-top: 30px;
    }
}
.page.menu .block-menu .body .no-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 768px) {
    .page.menu .block-menu .body .no-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.page.menu .block-menu .body .no-menu .tiki {
    width: 285px;
    height: 500px;
    position: relative;
    top: 0;
    left: -50px;
}
@media (max-width: 768px) {
    .page.menu .block-menu .body .no-menu .tiki {
        left: 0;
    }
}
@media (max-width: 480px) {
    .page.menu .block-menu .body .no-menu .tiki {
        width: 200px;
        height: 400px;
    }
}
.page.menu .block-menu .body .no-menu .tiki img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.menu .block-menu .body .no-menu .message {
    font-family: "Inter-Light";
    font-size: 30px;
    line-height: 130%;
    color: #2f2f2f;
}
@media (max-width: 768px) {
    .page.menu .block-menu .body .no-menu .message {
        display: none;
    }
}
.page.menu .block-menu .body .preview.swiper .swiper-slide {
    border-radius: 50px;
    overflow: hidden;
    width: 100%;
    max-width: 863px;
    margin-left: 37px;
    display: none;
}
@media (max-width: 992px) {
    .page.menu .block-menu .body .preview.swiper .swiper-slide {
        max-width: unset;
        margin: 0 auto;
        border-radius: 25.45px;
    }
}
@media (max-width: 768px) {
    .page.menu .block-menu .body .preview.swiper .swiper-slide {
        display: block;
        width: 100% !important;
    }
}
.page.menu .block-menu .body .preview.swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page.menu .block-banner .block-heroes .hero .img {
    right: -100%;
    opacity: 0;
    margin-right: -2rem;
}
.page.menu .block-banner .block-heroes .hero .img:first-child {
    -webkit-animation: rightHero1 1s forwards 1s;
    animation: rightHero1 1s forwards 1s;
}
@media (max-width: 768px) {
    .page.menu .block-banner .block-heroes .hero .img {
        margin-right: 0;
    }
    .page.menu .block-banner .block-heroes .hero .img:first-child {
        -webkit-animation: rightHero1m 1s forwards 1s;
        animation: rightHero1m 1s forwards 1s;
    }
}
.page.menu .block-banner .block-heroes .hero .img:last-child {
    -webkit-animation: rightHero2 1s forwards 1s;
    animation: rightHero2 1s forwards 1s;
}
@-webkit-keyframes topTitle {
    0% {
        top: -100vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topTitle {
    0% {
        top: -100vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@-webkit-keyframes showText {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showText {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes rightHero1 {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -10px;
        opacity: 1;
    }
}
@keyframes rightHero1 {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -10px;
        opacity: 1;
    }
}
@-webkit-keyframes rightHero1m {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightHero1m {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@-webkit-keyframes rightHero2 {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightHero2 {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@-webkit-keyframes showButtons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showButtons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.cakes {
    padding-bottom: 50px;
}
.page.cakes .block-banner .title {
    position: relative;
    top: -100vh;
    opacity: 0;
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
.page.cakes .block-banner .text {
    opacity: 0;
    -webkit-animation: showText 1s forwards 1s;
    animation: showText 1s forwards 1s;
}
.page.cakes .block-banner .bg-img {
    padding: 50px 30px 20px;
}
@media (max-width: 768px) {
    .page.cakes .block-banner .bg-img {
        padding: 20px;
    }
}
.page.cakes .block-banner .block-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
}
.page.cakes .block-banner .block-buttons a {
    margin: 0 15px;
}
@media (max-width: 768px) {
    .page.cakes .block-banner .block-buttons a {
        margin: 0 5px;
    }
}
@media (max-width: 480px) {
    .page.cakes .block-banner .block-buttons .btn.btn-yellow,
    .page.cakes .block-banner .block-buttons .btn.light-pink {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        padding: 0 10px;
    }
}
.page.cakes .block-banner .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page.cakes .block-banner .content .body {
    bottom: 50px;
}
@media (max-width: 768px) {
    .page.cakes .block-banner .content .body {
        bottom: 0;
    }
}
.page.cakes .block-banner .content .body .title {
    margin: 0 auto;
    font-size: 100px;
}
@media (max-width: 992px) {
    .page.cakes .block-banner .content .body .title {
        font-size: 50.94px;
    }
}
.page.cakes .block-banner .content .body .text {
    font-family: "Inter-Light";
    font-size: 26px;
    margin-top: 35px;
}
@media (max-width: 768px) {
    .page.cakes .block-banner .content .body .text {
        font-size: 16px;
        margin-top: 20px;
    }
}
.page.cakes .block-banner .block-heroes {
    padding-top: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .page.cakes .block-banner .block-heroes {
        padding-top: 0;
    }
}
.page.cakes .block-content .container {
    padding: 0 250px;
    position: relative;
}
@media (max-width: 992px) {
    .page.cakes .block-content .container {
        padding: 0 150px;
    }
}
@media (max-width: 768px) {
    .page.cakes .block-content .container {
        padding: 0 20px;
    }
}
.page.cakes .block-content .container::before,
.page.cakes .block-content .container::after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 768px) {
    .page.cakes .block-content .container::before,
    .page.cakes .block-content .container::after {
        display: none;
    }
}
.page.cakes .block-content .container::before {
    background-image: url("../img/cakes/cake.webp");
    bottom: 0;
    left: 0;
    width: 259px;
    height: 259px;
}
@media (max-width: 992px) {
    .page.cakes .block-content .container::before {
        width: 151.14px;
        height: 151.14px;
    }
}
.page.cakes .block-content .container::after {
    background-image: url("../img/cakes/viki.avif");
    bottom: -18px;
    right: -2rem;
    width: 416px;
    height: 459px;
}
@media (max-width: 992px) {
    .page.cakes .block-content .container::after {
        width: 300px;
        height: 300px;
        right: -10%;
    }
}
.page.cakes .block-content .block-text {
    border-radius: 50px;
    padding: 20px;
    overflow: hidden;
    margin-top: 10px;
}
@media (max-width: 768px) {
    .page.cakes .block-content .block-text {
        margin-top: 0;
        border-radius: 30.62px;
        padding: 15px 10px;
    }
}
.page.cakes .block-content .block-text.bg-img {
    position: relative;
    margin-left: -210px;
    margin-right: -210px;
    padding-top: 40px;
}
@media (max-width: 992px) {
    .page.cakes .block-content .block-text.bg-img {
        margin-left: -110px;
        margin-right: -110px;
    }
}
@media (max-width: 768px) {
    .page.cakes .block-content .block-text.bg-img {
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
        padding-top: 20px;
    }
}
.page.cakes .block-content .block-text.bg-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/cakes/bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0;
}
.page.cakes .block-content .block-text.bg-img .text .mark {
    font-size: 20px;
    color: rgba(47, 47, 47, 0.59);
}
.page.cakes .block-content .block-text.bg-img .text .text-yellow {
    color: var(--yellow);
}
.page.cakes .block-content .block-text.bg-img .text p {
    position: relative;
    right: -100%;
}
.page.cakes .block-content .block-text.bg-img.anim::before {
    -webkit-animation: showBgImg 0.5s forwards 0.5s;
    animation: showBgImg 0.5s forwards 0.5s;
}
@-webkit-keyframes showBgImg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBgImg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.cakes .block-content .block-text.bg-img.anim .text p:first-child {
    -webkit-animation: rText 0.75s forwards 0.75s;
    animation: rText 0.75s forwards 0.75s;
}
@-webkit-keyframes rText {
    0% {
        right: -100%;
    }
    100% {
        right: 0;
    }
}
@keyframes rText {
    0% {
        right: -100%;
    }
    100% {
        right: 0;
    }
}
.page.cakes .block-content .block-text.bg-img.anim .text p:last-child {
    -webkit-animation: rText2 1s forwards 1s;
    animation: rText2 1s forwards 1s;
}
@-webkit-keyframes rText2 {
    0% {
        right: -100%;
    }
    100% {
        right: 0;
    }
}
@keyframes rText2 {
    0% {
        right: -100%;
    }
    100% {
        right: 0;
    }
}
.page.cakes .block-content .block-text.bg-yellow {
    background-color: var(--yellow);
    padding: 30px 20px;
}
@media (max-width: 768px) {
    .page.cakes .block-content .block-text.bg-yellow {
        margin-top: 50px;
        padding: 20px;
    }
    .page.cakes .block-content .block-text.bg-yellow::before {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("../img/cakes/cake.webp");
        top: -3rem;
        bottom: 0;
        left: -1rem;
        width: 151.14px;
        height: 151.14px;
        margin: auto;
    }
}
.page.cakes .block-content .block-text .text {
    position: relative;
    font-family: "Inter-Light";
    font-size: 23px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
}
@media (max-width: 768px) {
    .page.cakes .block-content .block-text .text {
        font-size: 16px;
    }
}
.page.cakes .block-content .block-text .text h4 {
    font-family: var(--font-accent);
    font-size: 27px;
    line-height: 130%;
    color: #2f2f2f;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .page.cakes .block-content .block-text .text h4 {
        font-size: 18px;
    }
}
.page.cakes .block-content .block-text .text span {
    color: var(--yellow);
}
.page.cakes .block-cakes.anim .block-buttons {
    -webkit-animation: showButtons 0.2s forwards 0.2s;
    animation: showButtons 0.2s forwards 0.2s;
}
@-webkit-keyframes showButtons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showButtons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.cakes .block-cakes .block-buttons {
    margin-top: 10px;
    position: relative;
    opacity: 0;
}
.page.cakes .block-cakes .block-buttons .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 768px) {
    .page.cakes .block-cakes .block-buttons .buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.page.cakes .block-cakes .block-buttons .buttons .btn {
    min-width: 407px;
    max-width: 407px;
    height: 70px;
    border-radius: 44.1px;
    font-size: 24px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: var(--font-accent);
    margin: 0 5px;
    padding: 0 10px;
}
@media (max-width: 1440px) {
    .page.cakes .block-cakes .block-buttons .buttons .btn {
        min-width: 33.33%;
        max-width: 33.33%;
    }
}
@media (max-width: 768px) {
    .page.cakes .block-cakes .block-buttons .buttons .btn {
        min-width: 266px;
        max-width: 266px;
        height: 45.75px;
        border-radius: 28.82px;
        font-size: 17px;
        margin: 0 auto 10px;
    }
}
.page.cakes .block-cakes .block-buttons .buttons .btn:hover,
.page.cakes .block-cakes .block-buttons .buttons .btn:focus {
    background: var(--light-pink);
    color: #fff;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.cakes .block-cakes .block-buttons .buttons .btn.active {
    background: var(--light-pink);
    color: #fff;
}
.page.cakes .block-cakes .cake .table {
    border-radius: 50px;
    width: 100%;
    max-width: 927.04px;
    margin: 30px auto 0;
    overflow: hidden;
    border-spacing: 0;
    box-shadow: 0 0 0px 2px var(--yellow);
}
.page.cakes .block-cakes .cake .table,
.page.cakes .block-cakes .cake .table th,
.page.cakes .block-cakes .cake .table td {
    border: none;
}
@media (max-width: 768px) {
    .page.cakes .block-cakes .cake .table {
        border-radius: 23.84px;
        margin: 20px auto 0;
    }
}
.page.cakes .block-cakes .cake .table thead {
    background: #fee4b3;
}
.page.cakes .block-cakes .cake .table thead th {
    font-family: var(--font-accent);
    font-size: 30px;
    line-height: 130%;
    color: rgba(47, 47, 47, 0.96);
    height: 116px;
    width: 33.33%;
}
.page.cakes .block-cakes .cake .table thead th:not(:last-child) {
    border-right: 2px solid var(--yellow);
}
@media (max-width: 768px) {
    .page.cakes .block-cakes .cake .table thead th {
        font-size: 16px;
        height: 55.31px;
    }
}
.page.cakes .block-cakes .cake .table tbody tr:first-child td {
    padding-top: 20px;
}
.page.cakes .block-cakes .cake .table tbody tr:last-child td {
    padding-bottom: 20px;
}
.page.cakes .block-cakes .cake .table tbody tr td {
    font-family: "Inter-Light";
    font-size: 23px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    height: 65px;
    width: 33.33%;
}
.page.cakes .block-cakes .cake .table tbody tr td:not(:last-child) {
    border-right: 2px solid var(--yellow);
}
@media (max-width: 768px) {
    .page.cakes .block-cakes .cake .table tbody tr td {
        font-size: 14px;
        height: 50px;
    }
}
.page.cakes .block-cakes .cake .tab-content {
    display: none;
    opacity: 0;
}
.page.cakes .block-cakes .cake .tab-content .img {
    max-width: 927.04px;
    height: 1312.62px;
    margin: 20px auto 0;
    border-radius: 53.71px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .page.cakes .block-cakes .cake .tab-content .img {
        height: auto;
        border-radius: 25.45px;
    }
}
.page.cakes .block-cakes .cake .tab-content .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 768px) {
    .page.cakes .block-cakes .cake .tab-content .img img {
        -o-object-fit: contain;
        object-fit: contain;
    }
}
.page.cakes .block-cakes .cake .tab-content.active {
    display: block;
    -webkit-animation: showContent 0.2s forwards 0.2s;
    animation: showContent 0.2s forwards 0.2s;
}
@-webkit-keyframes showContent {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showContent {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.cakes .block-cakes .slider {
    margin-top: 30px;
}
@media (max-width: 768px) {
    .page.cakes .block-cakes .slider {
        margin-top: 20px;
    }
}
.page.cakes .block-cakes .slider.swiper .swiper-slide {
    max-width: 927.04px;
    height: 1312.62px;
    margin: 0 auto;
    border-radius: 53.71px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .page.cakes .block-cakes .slider.swiper .swiper-slide {
        height: auto;
        border-radius: 25.45px;
    }
}
.page.cakes .block-cakes .slider.swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 768px) {
    .page.cakes .block-cakes .slider.swiper .swiper-slide img {
        -o-object-fit: contain;
        object-fit: contain;
    }
}
.page.cakes .block-cakes .slider.swiper .swiper-button-prev,
.page.cakes .block-cakes .slider.swiper .swiper-rtl .swiper-button-next {
    left: 130px;
}
@media (max-width: 1200px) {
    .page.cakes .block-cakes .slider.swiper .swiper-button-prev,
    .page.cakes .block-cakes .slider.swiper .swiper-rtl .swiper-button-next {
        left: 0;
    }
}
@media (max-width: 768px) {
    .page.cakes .block-cakes .slider.swiper .swiper-button-prev,
    .page.cakes .block-cakes .slider.swiper .swiper-rtl .swiper-button-next {
        left: 10px;
    }
}
.page.cakes .block-cakes .slider.swiper .swiper-button-next,
.page.cakes .block-cakes .slider.swiper .swiper-rtl .swiper-button-prev {
    right: 130px;
}
@media (max-width: 1200px) {
    .page.cakes .block-cakes .slider.swiper .swiper-button-next,
    .page.cakes .block-cakes .slider.swiper .swiper-rtl .swiper-button-prev {
        right: 0;
    }
}
@media (max-width: 768px) {
    .page.cakes .block-cakes .slider.swiper .swiper-button-next,
    .page.cakes .block-cakes .slider.swiper .swiper-rtl .swiper-button-prev {
        right: 10px;
    }
}
.page.cakes .block-cakes .cake:has(.tab-content.active) ~ .slider {
    display: none;
}
.page.graduation {
    padding-bottom: 80px;
}
.page.graduation .order.block-order .block-text {
    height: auto;
}
.page.graduation .block-banner .title {
    position: relative;
    top: -100vh;
    opacity: 0;
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
.page.graduation .block-banner .text-bg {
    opacity: 0;
    -webkit-animation: showText 1s forwards 1s;
    animation: showText 1s forwards 1s;
}
.page.graduation .block-banner .block-heroes .hero .img {
    right: -100%;
    opacity: 0;
    margin-right: -3.5rem;
}
.page.graduation .block-banner .block-heroes .hero .img:first-child {
    -webkit-animation: rightHero1 1s forwards 1s;
    animation: rightHero1 1s forwards 1s;
}
@media (max-width: 768px) {
    .page.graduation .block-banner .block-heroes .hero .img {
        margin-right: -1rem;
    }
    .page.graduation .block-banner .block-heroes .hero .img:first-child {
        -webkit-animation: rightHero1m 1s forwards 1s;
        animation: rightHero1m 1s forwards 1s;
    }
}
.page.graduation .block-banner .block-heroes .hero .img:last-child {
    -webkit-animation: rightHero2 1s forwards 1s;
    animation: rightHero2 1s forwards 1s;
}
.page.graduation .block-banner.simple-banner .bg-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 700px;
}
@media (max-width: 1200px) {
    .page.graduation .block-banner.simple-banner .bg-img {
        height: auto;
    }
}
@media (max-width: 992px) {
    .page.graduation .block-banner.simple-banner .bg-img {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.page.graduation .block-banner.simple-banner .bg-img .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 50px;
    width: 55%;
}
@media (max-width: 1200px) {
    .page.graduation .block-banner.simple-banner .bg-img .content {
        width: 60%;
        margin-top: 0;
    }
}
@media (max-width: 992px) {
    .page.graduation .block-banner.simple-banner .bg-img .content {
        width: 100%;
        margin: 0 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .page.graduation .block-banner.simple-banner .bg-img .content .block-buttons {
        display: none;
    }
}
.page.graduation .block-banner.simple-banner .bg-img .content .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
@media (max-width: 768px) {
    .page.graduation .block-banner.simple-banner .bg-img .content .body {
        width: 100%;
    }
}
.page.graduation .block-banner.simple-banner .bg-img .content .body .text-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 56.26px;
    margin-top: 20px;
    padding: 0 20px;
}
@media (max-width: 992px) {
    .page.graduation .block-banner.simple-banner .bg-img .content .body .text-bg {
        height: 34.61px;
        border-radius: 10.29px;
        margin-top: 10px;
    }
}
.page.graduation .block-banner.simple-banner .bg-img .content .body .text-bg span {
    font-family: "Inter-Light";
    font-size: 30px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
@media (max-width: 768px) {
    .page.graduation .block-banner.simple-banner .bg-img .content .body .text-bg span {
        font-size: 18.45px;
    }
}
.page.graduation .block-banner.simple-banner .bg-img .block-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 100px auto 0;
}
@media (max-width: 1200px) {
    .page.graduation .block-banner.simple-banner .bg-img .block-buttons {
        margin: 50px auto 0;
    }
}
@media (max-width: 992px) {
    .page.graduation .block-banner.simple-banner .bg-img .block-buttons {
        margin: 0 auto;
    }
}
.page.graduation .block-banner.simple-banner .bg-img .block-buttons a {
    margin: 0 5px;
}
.page.graduation .block-banner.simple-banner .bg-img .block-heroes {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 1200px) {
    .page.graduation .block-banner.simple-banner .bg-img .block-heroes {
        width: 40%;
    }
}
@media (max-width: 992px) {
    .page.graduation .block-banner.simple-banner .bg-img .block-heroes {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-banner.simple-banner .bg-img .block-heroes {
        margin-top: 0;
    }
}
.page.graduation .block-banner.simple-banner .bg-img .block-heroes .heroes {
    width: 100%;
    height: 60%;
    border-radius: 44.05px;
    background: #fff;
    position: relative;
    right: -100%;
    opacity: 0;
    -webkit-animation: rightImage 1s forwards 1s;
    animation: rightImage 1s forwards 1s;
}
@-webkit-keyframes rightImage {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightImage {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@media (max-width: 992px) {
    .page.graduation .block-banner.simple-banner .bg-img .block-heroes .heroes {
        width: 100%;
        height: 100%;
        background: none;
    }
    .page.graduation .block-banner.simple-banner .bg-img .block-heroes .heroes::before {
        content: "";
        background: #fff;
        width: 75%;
        height: 50%;
        position: absolute;
        bottom: 4rem;
        left: 3rem;
        right: 0;
        margin: 0 auto;
        border-radius: 24.53px;
    }
}
@media (max-width: 992px) and (max-width: 480px) {
    .page.graduation .block-banner.simple-banner .bg-img .block-heroes .heroes::before {
        bottom: 1rem;
        left: 1rem;
    }
}
@media (max-width: 480px) {
    .page.graduation .block-banner.simple-banner .bg-img .block-heroes .heroes {
        border-radius: 24.53px;
    }
}
.page.graduation .block-banner.simple-banner .bg-img .block-heroes .heroes .img {
    position: absolute;
    bottom: 2rem;
    -webkit-transform: scale(1.35);
    -ms-transform: scale(1.35);
    transform: scale(1.35);
    right: 30px;
}
.page.graduation .block-banner.simple-banner .bg-img .block-heroes .heroes .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 992px) {
    .page.graduation .block-banner.simple-banner .bg-img .block-heroes .heroes .img {
        position: relative;
        bottom: 0;
        right: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.page.graduation .block-banner.simple-banner .bg-img .block-heroes ~ .block-buttons {
    display: none;
}
@media (max-width: 992px) {
    .page.graduation .block-banner.simple-banner .bg-img .block-heroes ~ .block-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 480px) {
    .page.graduation .block-banner.simple-banner .bg-img .block-heroes ~ .block-buttons {
        margin-top: 20px;
    }
    .page.graduation .block-banner.simple-banner .bg-img .block-heroes ~ .block-buttons .btn.btn-yellow,
    .page.graduation .block-banner.simple-banner .bg-img .block-heroes ~ .block-buttons .btn.light-pink {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        padding: 0 10px;
    }
}
.page.graduation .block-banner .block-buttons {
    opacity: 0;
    -webkit-animation: showButtons 1.5s forwards 1.5s;
    animation: showButtons 1.5s forwards 1.5s;
}
@-webkit-keyframes showButtons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showButtons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.graduation .your-holiday {
    position: relative;
    padding: 40px 0;
}
.page.graduation .your-holiday.anim .title {
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes topTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.graduation .your-holiday .blocks {
    opacity: 0;
}
.page.graduation .your-holiday .blocks.anim {
    -webkit-animation: showBlocks 0.5s forwards 0.5s;
    animation: showBlocks 0.5s forwards 0.5s;
}
@-webkit-keyframes showBlocks {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBlocks {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.graduation .your-holiday .blocks .block .block-prices {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.page.graduation .your-holiday .blocks .block .block-prices .block-price {
    border-radius: 40px 40px 40px 0 !important;
    padding: 20px 10px !important;
    margin-top: 10px;
}
@media (max-width: 768px) {
    .page.graduation .your-holiday .blocks .block {
        margin-top: 20px;
    }
    .page.graduation .your-holiday .blocks .block:not(:first-child) .content .body {
        padding: 30px 20px 50px;
    }
}
.page.graduation .your-holiday .blocks .content {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.page.graduation .your-holiday .blocks .content .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 20px;
}
.page.graduation .your-holiday .blocks .content .body .hours {
    width: 120px;
    height: 45px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transform: rotate(3.95deg);
    -ms-transform: rotate(3.95deg);
    transform: rotate(3.95deg);
    font-size: 20px;
    font-family: "Inter-Medium";
}
.page.graduation .your-holiday .blocks .content .body .list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
}
.page.graduation .your-holiday .blocks .content .body .list li span {
    position: relative;
}
.page.graduation .your-holiday .blocks .content .body .list li span:first-child::before {
    content: "";
    background: #000;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.page.graduation .your-holiday .blocks .content .body .list li .desc {
    text-align: center;
    opacity: 0.75;
}
.page.graduation .your-holiday .blocks .content .body .list .price {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 45px;
    border-radius: 40px;
    background: var(--yellow);
    font-family: "Inter-Medium";
    font-size: 20px;
    line-height: 130%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 10px;
}
.page.graduation .your-holiday .blocks .content .body .list .ap {
    position: relative;
    margin-bottom: 15px;
}
.page.graduation .your-holiday .blocks .content .body .list .ap .minuts {
    position: absolute;
    bottom: -10px;
    right: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 40px;
    -webkit-transform: rotate(3.95deg);
    -ms-transform: rotate(3.95deg);
    transform: rotate(3.95deg);
    background: var(--yellow);
    padding: 5px 15px;
    font-family: "Inter-Medium";
    font-size: 20px;
    line-height: 130%;
    color: #fff;
}
@media (max-width: 768px) {
    .page.graduation .your-holiday .blocks .content .body .list .ap .minuts {
        font-size: 14.64px;
        right: 0;
    }
}
@media (max-width: 480px) {
    .page.graduation .your-holiday .blocks .content .body .list .ap .minuts {
        right: 0;
    }
}
@media (max-width: 420px) {
    .page.graduation .your-holiday .blocks .content .body .list .ap .minuts {
        right: -20%;
    }
}
@media (max-width: 350px) {
    .page.graduation .your-holiday .blocks .content .body .list .ap .minuts {
        right: -35%;
    }
}
.page.graduation .your-holiday .buffets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin: 0 -10px;
}
.page.graduation .your-holiday .buffets.anim .buffet.hero {
    -webkit-animation: rHero 0.5s forwards 0.5s;
    animation: rHero 0.5s forwards 0.5s;
    display: none;
}
@-webkit-keyframes rHero {
    0% {
        opacity: 0;
        right: -100%;
    }
    100% {
        opacity: 1;
        right: 0;
    }
}
@keyframes rHero {
    0% {
        opacity: 0;
        right: -100%;
    }
    100% {
        opacity: 1;
        right: 0;
    }
}
.page.graduation .your-holiday .buffets.anim .buffet.text {
    -webkit-animation: showTextBlock 0.5s forwards 0.5s;
    animation: showTextBlock 0.5s forwards 0.5s;
}
@-webkit-keyframes showTextBlock {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showTextBlock {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 992px) {
    .page.graduation .your-holiday .buffets {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .page.graduation .your-holiday .buffets {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
    }
}
.page.graduation .your-holiday .buffets .buffet {
    min-width: 440px;
    max-width: 440px;
    margin: 20px 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 1440px) {
    .page.graduation .your-holiday .buffets .buffet {
        min-width: unset;
    }
}
@media (max-width: 1200px) {
    .page.graduation .your-holiday .buffets .buffet {
        max-width: 33.33%;
    }
}
@media (max-width: 992px) {
    .page.graduation .your-holiday .buffets .buffet {
        min-width: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .page.graduation .your-holiday .buffets .buffet {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        margin: 0;
    }
}
.page.graduation .your-holiday .buffets .buffet.hero {
    position: relative;
    opacity: 0;
    right: -100%;
}
@media (max-width: 768px) {
    .page.graduation .your-holiday .buffets .buffet.hero {
        display: none;
    }
}
.page.graduation .your-holiday .buffets .buffet.hero .img {
    width: 370px;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
}
@media (max-width: 1440px) {
    .page.graduation .your-holiday .buffets .buffet.hero .img {
        position: relative;
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 992px) {
    .page.graduation .your-holiday .buffets .buffet.hero .img {
        width: 50%;
        height: auto;
    }
}
.page.graduation .your-holiday .buffets .buffet.hero .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.graduation .your-holiday .buffets .buffet.text {
    background-color: var(--yellow);
    border-radius: 50px;
    margin-bottom: 10px;
    padding: 20px 10px;
    opacity: 0;
}
@media (max-width: 768px) {
    .page.graduation .your-holiday .buffets .buffet.text {
        border-radius: 34.53px;
        margin-top: -25px;
        margin-bottom: 0;
        opacity: 1;
    }
}
.page.graduation .your-holiday .buffets .buffet .head-title {
    font-family: "Inter-Bold";
    font-size: 28px;
    line-height: 130%;
    color: rgba(255, 255, 255, 0.97);
}
@media (max-width: 768px) {
    .page.graduation .your-holiday .buffets .buffet .head-title {
        font-size: 19px;
    }
}
.page.graduation .your-holiday .buffets .buffet .list {
    font-family: "Inter-Light";
    font-size: 22px;
    line-height: 130%;
    color: #2f2f2f;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .page.graduation .your-holiday .buffets .buffet .list {
        font-size: 15px;
    }
}
.page.graduation .your-holiday .ticket-price-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.page.graduation .your-holiday .ticket-price-info.anim .img {
    -webkit-animation: showCakes 0.5s forwards 0.5s;
    animation: showCakes 0.5s forwards 0.5s;
}
@-webkit-keyframes showCakes {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showCakes {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.graduation .your-holiday .ticket-price-info.anim .block-btn-arrow {
    -webkit-animation: showBtnArrow 0.5s forwards 0.5s;
    animation: showBtnArrow 0.5s forwards 0.5s;
}
@-webkit-keyframes showBtnArrow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBtnArrow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.graduation .your-holiday .ticket-price-info.anim .text .bg-yellow {
    -webkit-animation: showLeftTetx 0.5s forwards 0.5s;
    animation: showLeftTetx 0.5s forwards 0.5s;
}
@-webkit-keyframes showLeftTetx {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}
@keyframes showLeftTetx {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}
.page.graduation .your-holiday .ticket-price-info.anim .text .text-mark {
    -webkit-animation: showTextMark 1s forwards 1s;
    animation: showTextMark 1s forwards 1s;
}
@-webkit-keyframes showTextMark {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showTextMark {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.graduation .your-holiday .ticket-price-info {
        margin-top: 30px;
    }
}
@media (max-width: 480px) {
    .page.graduation .your-holiday .ticket-price-info {
        margin-top: 70px;
    }
}
.page.graduation .your-holiday .ticket-price-info .text .bg-yellow {
    background-color: var(--yellow);
    border-radius: 50px;
    font-family: "Inter-Light";
    font-size: 22px;
    line-height: 130%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px 50px 20px 20px;
    color: #2f2f2f;
    position: relative;
    left: -100%;
    opacity: 0;
}
.page.graduation .your-holiday .ticket-price-info .text .bg-yellow span {
    font-family: "Inter-Medium";
}
@media (max-width: 768px) {
    .page.graduation .your-holiday .ticket-price-info .text .bg-yellow {
        font-size: 17px;
        text-align: center;
    }
}
.page.graduation .your-holiday .ticket-price-info .text .text-mark {
    font-family: "Inter-Light";
    font-size: 21px;
    line-height: 130%;
    color: #2f2f2f;
    padding: 20px;
    opacity: 0;
}
@media (max-width: 768px) {
    .page.graduation .your-holiday .ticket-price-info .text .text-mark {
        font-size: 14px;
        text-align: center;
    }
}
.page.graduation .your-holiday .ticket-price-info .img {
    width: 321px;
    height: 321px;
    margin: -5rem auto;
    opacity: 0;
}
@media (max-width: 768px) {
    .page.graduation .your-holiday .ticket-price-info .img {
        width: 167px;
        height: 167px;
        margin: -5rem auto;
        position: absolute;
        bottom: 4.5%;
        margin: 0;
        left: 0;
    }
}
.page.graduation .your-holiday .ticket-price-info img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.graduation .your-holiday .block-btn-arrow {
    margin: 0 auto;
}
.page.graduation .block-menu {
    padding-bottom: 50px;
}
.page.graduation .block-menu.anim .head .head-title {
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes topTitle {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@keyframes topTitle {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
.page.graduation .block-menu.anim .head .price {
    -webkit-animation: topPrice 1s forwards 1s;
    animation: topPrice 1s forwards 1s;
}
@-webkit-keyframes topPrice {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@keyframes topPrice {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-menu {
        padding-bottom: 35px;
    }
}
.page.graduation .block-menu .title {
    font-size: 50px;
}
@media (max-width: 768px) {
    .page.graduation .block-menu .title {
        font-size: 30px;
    }
}
.page.graduation .block-menu .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .page.graduation .block-menu .blocks {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-menu .blocks .block:last-child {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.page.graduation .block-menu .blocks .block .body {
    min-width: 600px;
    border: 3px solid #8f9ee4;
    border-radius: 50px;
    margin: 50px 10px 0;
}
@media (max-width: 768px) {
    .page.graduation .block-menu .blocks .block .body {
        margin: 50px 0 0;
        border-radius: 34.54px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        min-width: unset;
    }
}
.page.graduation .block-menu .blocks .block .body .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -35px;
}
.page.graduation .block-menu .blocks .block .body .head .head-title {
    font-family: var(--font-accent);
    font-size: 36px;
    line-height: 130%;
    color: var(--purple);
    background-color: var(--yellow);
    border-radius: 40px;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    padding: 10px 50px;
    opacity: 0;
    top: -10vh;
}
@media (max-width: 768px) {
    .page.graduation .block-menu .blocks .block .body .head .head-title {
        font-size: 25px;
    }
}
.page.graduation .block-menu .blocks .block .body .head .price {
    font-family: "Inter-Medium";
    font-size: 24px;
    line-height: 130%;
    color: #fff;
    background-color: var(--purple);
    border-radius: 50px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    padding: 5px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: -20px;
    margin-right: 100px;
    position: relative;
    opacity: 0;
    top: -10vh;
}
@media (max-width: 768px) {
    .page.graduation .block-menu .blocks .block .body .head .price {
        font-size: 17px;
        margin-top: -10px;
        margin-right: 30px;
    }
}
.page.graduation .block-menu .blocks .block .body .text {
    font-family: "Inter-Light";
    font-size: 24px;
    line-height: 130%;
    color: #2f2f2f;
    padding: 10px 50px 30px;
}
@media (max-width: 768px) {
    .page.graduation .block-menu .blocks .block .body .text {
        font-size: 17px;
        color: #2c2c2c;
        padding: 10px 35px 30px;
    }
}
@media (max-width: 480px) {
    .page.graduation .block-menu .blocks .block .body .text {
        font-size: 14px;
    }
}
.page.graduation .block-menu .blocks .block .body .text ul li {
    list-style: disc;
}
.page.graduation .body-content.anim .block-text .head .title {
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes topTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.graduation .body-content.anim .block-text .text,
.page.graduation .body-content.anim .block-text .buttons,
.page.graduation .body-content.anim .block-text .video {
    -webkit-animation: showText 1s forwards 1s;
    animation: showText 1s forwards 1s;
}
@-webkit-keyframes showText {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showText {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.graduation .body-content .block-text .head .title {
    position: relative;
    top: -10vh;
    opacity: 0;
}
.page.graduation .body-content .block-text .text,
.page.graduation .body-content .block-text .buttons,
.page.graduation .body-content .block-text .video {
    opacity: 0;
}
.page.graduation .body-content .block-text .video {
    width: 100%;
    height: 765px;
    position: relative;
    border-radius: 62.51px;
    overflow: hidden;
    margin: 35px 0 50px;
}
@media (max-width: 480px) {
    .page.graduation .body-content .block-text .video {
        height: 247.5px;
        border-radius: 20.22px;
        margin: 30px 0 20px;
    }
}
.page.graduation .body-content .block-text .video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page.graduation .block-banner .bg-img {
    padding: 65px 15px 20px;
}
@media (max-width: 992px) {
    .page.graduation .block-banner .bg-img {
        padding: 30px 10px;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-banner .bg-img {
        overflow: unset;
    }
}
@media (max-width: 992px) {
    .page.graduation .block-banner .bg-img .title {
        margin: 0;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-banner .bg-img .title {
        margin: 0 auto;
    }
}
.page.graduation .block-banner .content .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
@media (max-width: 992px) {
    .page.graduation .block-banner .content .body {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-banner .content .body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
.page.graduation .block-banner .content .body .text-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 56.26px;
    margin-top: 0;
    padding: 0 35px;
}
@media (max-width: 992px) {
    .page.graduation .block-banner .content .body .text-bg {
        height: 34.61px;
        border-radius: 10.29px;
        margin-top: 10px;
    }
}
.page.graduation .block-banner .content .body .text-bg span {
    font-family: "Inter-Light";
    font-size: 30px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
@media (max-width: 768px) {
    .page.graduation .block-banner .content .body .text-bg span {
        font-size: 18.45px;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-banner .content .block-heroes {
        margin: 150px auto 0;
    }
}
@media (max-width: 480px) {
    .page.graduation .block-banner .content .block-heroes {
        margin: 100px auto 0;
    }
}
.page.graduation .block-banner .content .block-heroes .hero.viki .img {
    width: 446px;
}
@media (max-width: 1200px) {
    .page.graduation .block-banner .content .block-heroes .hero.viki .img {
        width: 259.09px;
    }
}
@media (max-width: 480px) {
    .page.graduation .block-banner .content .block-heroes .hero.viki .img {
        width: 200px;
    }
    .page.graduation .block-banner .content .block-heroes .hero.tiki .img {
        width: 220px !important;
    }
    .page.graduation .block-banner .content .block-heroes .hero.viki .img,
    .page.graduation .block-banner .content .block-heroes .hero.tiki .img {
        margin-right: -3rem;
    }
    .page.graduation.school .block-banner .content .block-heroes .hero.viki .img,
    .page.graduation.school .block-banner .content .block-heroes .hero.tiki .img {
        margin-right: -1rem;
    }
}
.page.graduation .block-banner .content .block-heroes .hero.tiki .img {
    width: 527px;
    right: -50px;
}
@media (max-width: 1200px) {
    .page.graduation .block-banner .content .block-heroes .hero.tiki .img {
        width: 306.15px;
        right: -30px;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-banner .content .block-heroes .hero.tiki .img {
        right: -60px;
    }
}
.page.graduation .block-banner .block-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px auto 0;
}
@media (max-width: 992px) {
    .page.graduation .block-banner .block-buttons {
        margin: 50px auto 0;
    }
}
.page.graduation .block-banner .block-buttons a {
    margin: 0 5px;
}
.page.graduation .legendary-holiday {
    padding-top: 30px;
}
.page.graduation .block-panorama {
    padding-top: 50px;
}
@media (max-width: 768px) {
    .page.graduation .block-panorama .title {
        display: none;
    }
}
.page.graduation .block-panorama .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.page.graduation .block-panorama .blocks .block {
    height: 830px;
    border-radius: 54.75px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .page.graduation .block-panorama .blocks .block {
        height: 546px;
        margin: 30px auto 0;
    }
    .page.graduation .block-panorama .blocks .block.block1 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .page.graduation .block-panorama .blocks .block.block1 .head-title {
        color: #fff;
    }
}
.page.graduation .block-panorama .blocks .block .head-title {
    color: #2f2f2f;
}
.page.graduation .block-panorama .blocks .block .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 480px) {
    .page.graduation .block-panorama .blocks .block .img {
        position: relative;
        overflow: hidden;
        padding: 0 0 65vh 0;
    }
    .page.graduation .block-panorama .blocks .block .img img {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.page.graduation .block-panorama .blocks .block .img-3d {
    opacity: 0;
}
.page.graduation .block-panorama .blocks .block .img-3d.anim {
    animation: animOpacity 1.5s forwards 1.5s;
}
.page.graduation .block-panorama .blocks .block .img-3d img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.graduation .block-panorama .blocks .block .img-3d.icon-cat {
    width: 301px;
    height: 301px;
    position: absolute;
    bottom: 35px;
    left: 35px;
}
@media (max-width: 768px) {
    .page.graduation .block-panorama .blocks .block .img-3d.icon-cat {
        width: 209px;
        height: 209px;
        bottom: 0;
        left: 0;
    }
}
.page.graduation .block-panorama .blocks .block .img-3d.viki {
    width: 443px;
    height: 517px;
    position: absolute;
    bottom: 0;
    left: -45px;
}
@media (max-width: 768px) {
    .page.graduation .block-panorama .blocks .block .img-3d.viki {
        width: 264px;
        height: 308px;
        bottom: 0;
        left: -25px;
    }
}
.page.graduation .block-panorama .blocks .block .strokes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 50px;
}
.page.graduation .block-panorama .blocks .block .strokes .stroke {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 350px;
    max-width: 350px;
}
@media (max-width: 768px) {
    .page.graduation .block-panorama .blocks .block .strokes .stroke {
        min-width: 265.57px;
        max-width: 265.57px;
    }
}
@media (max-width: 480px) {
    .page.graduation .block-panorama .blocks .block .strokes .stroke {
        min-width: 200px;
        max-width: 200px;
    }
}
.page.graduation .block-panorama .blocks .block .strokes .stroke .content {
    background: var(--purple);
    width: 100%;
    height: auto;
    border-radius: 50px;
    font-size: 25px;
    line-height: 130%;
    color: #fff;
    text-align: center;
    font-family: "Inter-Light";
    padding: 10px;
}
@media (max-width: 768px) {
    .page.graduation .block-panorama .blocks .block .strokes .stroke .content {
        font-size: 17px;
        border-radius: 33.26px;
    }
}
.page.graduation .block-panorama .blocks .block .strokes .stroke.stroke1 {
    -webkit-transform: rotate(-6.73deg);
    -ms-transform: rotate(-6.73deg);
    transform: rotate(-6.73deg);
}
.page.graduation .block-panorama .blocks .block .strokes .stroke.stroke2 {
    -webkit-transform: rotate(3.78deg);
    -ms-transform: rotate(3.78deg);
    transform: rotate(3.78deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.page.graduation .block-panorama .blocks .block.desc {
    padding: 35px 20px;
}
.page.graduation .photozone {
    padding-top: 20px;
}
@media (max-width: 768px) {
    .page.graduation .photozone .block-flex {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
    }
}
.page.graduation .photozone .block-flex .block {
    margin-top: 20px;
}
@media (max-width: 480px) {
    .page.graduation .photozone .block-flex .block {
        margin-top: 30px;
    }
}
.page.graduation .photozone .block-flex .block .img {
    height: 528px;
    border-radius: 50px;
    overflow: hidden;
}
@media (max-width: 480px) {
    .page.graduation .photozone .block-flex .block .img {
        height: 350.67px;
        border-radius: 33.21px;
    }
}
.page.graduation .photozone .block-flex .block .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page.graduation .photozone .swiper-button-prev,
.page.graduation .photozone .swiper-button-next {
    width: 52.26px;
    height: 52.26px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
}
.page.graduation .block-bonus {
    margin: 50px auto 0;
    opacity: 0;
}
.block-bonus .title {
    position: relative;
    top: -100vh;
    opacity: 0;
}
.block-bonus .block-btn-arrow,
.block-bonus .icon-3d {
    opacity: 0;
}
.page.graduation .block-bonus.anim {
    animation: animOpacity 0.5s forwards 0.5s;
}
.block-bonus.anim .title {
    animation: topTitle 0.5s forwards 0.5s;
}
.block-bonus.anim .block-btn-arrow {
    animation: animOpacity 1s forwards 1s;
}
.block-bonus.anim .icon-3d {
    animation: animOpacity 1.5s forwards 1.5s;
}
@media (max-width: 768px) {
    .page.graduation .block-bonus {
        margin: 35px auto 0;
    }
}
.page.graduation .block-bonus .block-container::after {
    right: -20px;
    top: -30px;
}
@media (max-width: 768px) {
    .page.graduation .block-bonus .block-container::after {
        right: -35px;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-bonus .block-container {
        border-radius: 19.08px;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-bonus .body {
        width: 100%;
    }
}
@media (max-width: 992px) {
    .page.graduation .block-bonus .body .title {
        font-size: 35px;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-bonus .body .title {
        font-size: 22px;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-bonus .block-btn-arrow {
        margin-top: 20px !important;
    }
}
.page.graduation .block-bonus .block-btn-arrow .btn.btn-yellow {
    min-width: 327px !important;
    max-width: 327px !important;
}
@media (max-width: 768px) {
    .page.graduation .block-bonus .block-btn-arrow .btn.btn-yellow {
        min-width: -webkit-fit-content !important;
        min-width: -moz-fit-content !important;
        min-width: fit-content !important;
        max-width: -webkit-fit-content !important;
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
        padding: 0 20px;
    }
}
.page.graduation .block-bonus .icon-3d {
    position: absolute;
}
.page.graduation .block-bonus .icon-3d .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.graduation .block-bonus .hatter1 {
    width: 280px;
    height: 247px;
    left: -5rem;
    bottom: -5rem;
}
@media (max-width: 768px) {
    .page.graduation .block-bonus .hatter1 {
        width: 143.75px;
        height: 127.02px;
        left: -1.75rem;
        bottom: -3.25rem;
    }
}
.page.graduation .block-bonus .hatter2 {
    width: 227.39px;
    height: 200.92px;
    right: -5rem;
    top: -3rem;
}
@media (max-width: 768px) {
    .page.graduation .block-bonus .hatter2 {
        width: 108.85px;
        height: 96.18px;
        right: -1.5rem;
        top: -3.5rem;
    }
}
.page.graduation .block-parents {
    padding: 100px 0 30px;
}
@media (max-width: 768px) {
    .page.graduation .block-parents {
        padding: 80px 0 30px;
    }
}
.page.graduation .block-parents .blocks .block {
    margin-top: 30px;
}
@media (max-width: 768px) {
    .page.graduation .block-parents .blocks .block.block1 .content {
        bottom: 30px !important;
    }
}
.page.graduation .block-parents .blocks .block.block1 .content .text1 {
    font-size: 30px;
}
@media (max-width: 768px) {
    .page.graduation .block-parents .blocks .block.block1 .content .text1 {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-parents .blocks .block.block2 .content {
        top: 30px !important;
    }
}
.page.graduation .block-parents .blocks .block.block2 .content .text1 {
    font-size: 30px;
}
@media (max-width: 768px) {
    .page.graduation .block-parents .blocks .block.block2 .content .text1 {
        font-size: 20px;
    }
}
.page.graduation .block-parents .blocks .block.block1 .content {
    bottom: 0;
}
.page.graduation .block-parents .blocks .block.block2 .content {
    top: 20px;
}
@media (max-width: 768px) {
    .page.graduation .block-parents .blocks .block.block2 .content {
        top: 0;
    }
}
.page.graduation .block-video .video {
    height: 765px;
    border-radius: 62.51px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .page.graduation .block-video .video {
        height: 500px;
        margin-top: 0;
        border-radius: 50px;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-video .video {
        height: 247.5px;
    }
}
.page.graduation .block-video .video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page.graduation .block-video .block-btn-arrow {
    margin: 20px auto 0;
}
@media (max-width: 768px) {
    .page.graduation .block-video .block-btn-arrow {
        margin: 35px auto 0;
    }
}
.page.graduation .block-video .block-btn-arrow .btn.btn-yellow {
    min-width: 327px;
}
@media (max-width: 768px) {
    .page.graduation .block-video .block-btn-arrow .btn.btn-yellow {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        padding: 0 20px;
    }
}
@media (max-width: 768px) {
    .page.graduation .block-video .block-btn-arrow .btn.btn-arrow {
        min-width: 42.33px;
        max-width: 42.33px;
        height: 42.33px;
    }
}
.page.graduation .block-raiting {
    padding: 50px 0;
}
.page.graduation .block-raiting .blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.page.graduation .block-raiting .blocks .block {
    flex: 0 0 33.33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
    text-align: center;
}
.page.graduation .block-raiting .blocks .block .img {
    width: fit-content;
    height: 50px;
}
.page.graduation .block-raiting .blocks .block .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.graduation .block-raiting .blocks .block .title-name {
    margin-top: 50px;
    font-size: 28px;
    font-family: "Inter-SemiBold";
}
.page.graduation .block-raiting .blocks .block .desc {
    margin-top: 20px;
    font-size: 18px;
}
@media (max-width: 768px) {
    .page.graduation .block-raiting {
        padding: 35px 0;
    }
    .page.graduation .block-raiting .title {
        font-size: 29px;
        color: #2f2f2f;
    }
    .page.graduation .block-raiting .blocks .block {
        flex: 1 1 auto;
        margin-top: 20px;
    }
    .page.graduation .block-raiting .blocks .block .title-name {
        margin-top: 20px;
        font-size: 20px;
        font-family: "Inter-SemiBold";
    }
    .page.graduation .block-raiting .blocks .block .desc {
        margin-top: 10px;
        font-size: 16px;
    }
}
.page.graduation .order-holiday {
    padding-bottom: 20px;
}
.page.graduation .order-holiday .content {
    padding: 30px 30px 50px;
}
@media (max-width: 768px) {
    .page.graduation .order-holiday .content {
        padding: 20px 20px 30px;
    }
}
.page.graduation .order-holiday .content .img {
    max-width: 35%;
    bottom: 0;
    left: 0;
}
.page.graduation .order-holiday .content .block-form .block-input textarea {
    height: 196.97px;
}
@media (max-width: 768px) {
    .page.graduation .order-holiday .content .block-form .block-input textarea {
        height: 112.05px;
    }
}
.page.graduation .order-holiday .content .block-btn-arrow {
    position: relative;
    z-index: 1;
}
.page.graduation .order-holiday .img-m {
    width: 100%;
}
.page.graduation.school .block-banner .block-heroes .hero.viki .img {
    width: 436px;
}
@media (max-width: 1200px) {
    .page.graduation.school .block-banner .block-heroes .hero.viki .img {
        width: 255px;
    }
}
@media (max-width: 480px) {
    .page.graduation.school .block-banner .block-heroes .hero.viki .img {
        width: 150px;
    }
}
.page.graduation.school .block-banner .block-heroes .hero.tiki .img {
    width: 403.55px;
    right: 0;
}
@media (max-width: 1200px) {
    .page.graduation.school .block-banner .block-heroes .hero.tiki .img {
        width: 224.21px;
    }
}
@media (max-width: 480px) {
    .page.graduation.school .block-banner .block-heroes .hero {
        margin: 0 10px;
    }
    .page.graduation.school .block-banner .block-heroes .hero.tiki .img {
        width: 135px !important;
    }
}
.page.graduation.school .block-holiday {
    padding: 30px 0 20px;
}
.page.graduation.school .block-holiday .swiper.block-slider {
    margin-right: 0;
}
.page.graduation.school .block-holiday .swiper-navigation .swiper-button-prev,
.page.graduation.school .block-holiday .swiper-navigation .swiper-button-next {
    margin: 10px 0px 0px 35px;
}
.page.cooperation {
    padding-bottom: 100px;
}
@media (max-width: 768px) {
    .page.cooperation {
        padding-bottom: 65px;
    }
}
.page.cooperation .block-banner .title {
    position: relative;
    top: -100vh;
    opacity: 0;
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
@media (max-width: 480px) {
    .page.cooperation .block-banner .title {
        font-size: 24px;
    }
}
.page.cooperation .block-banner .text {
    opacity: 0;
    -webkit-animation: showText 1s forwards 1s;
    animation: showText 1s forwards 1s;
}
.page.cooperation .block-banner .block-heroes .hero.viki .img {
    right: -100%;
    opacity: 0;
    -webkit-animation: rightHeroViki 1s forwards 1s;
    animation: rightHeroViki 1s forwards 1s;
}
@-webkit-keyframes rightHeroViki {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -35px;
        opacity: 1;
    }
}
@keyframes rightHeroViki {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -35px;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.cooperation .block-banner .block-heroes .hero.viki .img {
        -webkit-animation: rightHeroVikiMobile 1s forwards 1s;
        animation: rightHeroVikiMobile 1s forwards 1s;
    }
}
@-webkit-keyframes rightHeroVikiMobile {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -20px;
        opacity: 1;
    }
}
@keyframes rightHeroVikiMobile {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -20px;
        opacity: 1;
    }
}
.page.cooperation .block-banner .block-heroes .hero.tiki .img {
    right: -100%;
    opacity: 0;
    -webkit-animation: rightHeroTiki 1s forwards 1s;
    animation: rightHeroTiki 1s forwards 1s;
}
@-webkit-keyframes rightHeroTiki {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -100px;
        opacity: 1;
    }
}
@keyframes rightHeroTiki {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -100px;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.cooperation .block-banner .block-heroes .hero.tiki .img {
        -webkit-animation: rightHeroTikiMobile 1s forwards 1s;
        animation: rightHeroTikiMobile 1s forwards 1s;
    }
}
@-webkit-keyframes rightHeroTikiMobile {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -50px;
        opacity: 1;
    }
}
@keyframes rightHeroTikiMobile {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -50px;
        opacity: 1;
    }
}
.page.cooperation .block-banner .bg-img {
    overflow: unset;
    padding: 80px 30px 20px;
}
@media (max-width: 992px) {
    .page.cooperation .block-banner .bg-img {
        padding: 50px 10px;
    }
}
@media (max-width: 992px) {
    .page.cooperation .block-banner .block-heroes {
        margin-top: 150px;
    }
}
@media (max-width: 480px) {
    .page.cooperation .block-banner .block-heroes {
        margin-top: 50px;
    }
}
@media (max-width: 480px) {
    .page.cooperation .block-banner .block-heroes .hero {
        margin: 0 30px;
    }
}
.page.cooperation .block-banner .block-heroes .hero.viki .img {
    width: 435px;
}
@media (max-width: 1200px) {
    .page.cooperation .block-banner .block-heroes .hero.viki .img {
        width: 231.19px;
    }
}
@media (max-width: 480px) {
    .page.cooperation .block-banner .block-heroes .hero.viki .img {
        width: 160px;
    }
}
.page.cooperation .block-banner .block-heroes .hero.tiki .img {
    width: 508px;
}
@media (max-width: 1200px) {
    .page.cooperation .block-banner .block-heroes .hero.tiki .img {
        width: 269.58px;
    }
}
@media (max-width: 480px) {
    .page.cooperation .block-banner .block-heroes .hero.tiki .img {
        width: 180px;
    }
}
.page.cooperation .block-banner .block-buttons {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-animation: showButtons 1s forwards 1s;
    animation: showButtons 1s forwards 1s;
}
@-webkit-keyframes showButtons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showButtons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 992px) {
    .page.cooperation .block-banner .block-buttons {
        margin-top: 50px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .page.cooperation .block-banner .block-buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 30px;
    }
}
.page.cooperation .block-banner .block-buttons a {
    margin: 0 15px;
}
@media (max-width: 768px) {
    .page.cooperation .block-banner .block-buttons a {
        margin: 20px 5px 0;
    }
}
.page.cooperation .block-banner .content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.page.cooperation .block-banner .content .body {
    width: 100%;
}
.page.cooperation .block-slider {
    margin-top: 50px;
}
@media (max-width: 768px) {
    .page.cooperation .block-slider {
        margin-top: 35px;
    }
}
.page.cooperation .block-slider.anim .slider {
    -webkit-animation: showBlock 0.5s forwards 0.5s;
    animation: showBlock 0.5s forwards 0.5s;
}
@-webkit-keyframes showBlock {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBlock {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.cooperation .block-slider .slider {
    border-radius: 50px;
    overflow: hidden;
    opacity: 0;
    height: 765px;
}
@media (max-width: 768px) {
    .page.cooperation .block-slider .slider {
        border-radius: 20.09px;
        height: 307.39px;
    }
}
.page.cooperation .block-slider .slider.swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 768px) {
    .page.cooperation .block-slider .slider.swiper .swiper-button-prev,
    .page.cooperation .block-slider .slider.swiper .swiper-button-next {
        background: rgba(255, 255, 255, 0.95);
        width: 44.93px;
        height: 44.93px;
        border-radius: 50%;
    }
}
.page.cooperation .block-slider .slider.swiper .swiper-button-prev::after,
.page.cooperation .block-slider .slider.swiper .swiper-button-next::after {
    color: #fff;
}
@media (max-width: 768px) {
    .page.cooperation .block-slider .slider.swiper .swiper-button-prev::after,
    .page.cooperation .block-slider .slider.swiper .swiper-button-next::after {
        color: #2f2f2f;
    }
}
.page.cooperation .block-order .block-flex .w-50 {
    margin-top: 50px;
}
@media (max-width: 768px) {
    .page.cooperation .block-order .block-flex .block-video {
        margin-top: 35px;
        height: 546px;
    }
}
.page.cooperation .block-order .block-flex .block-text {
    position: relative;
}
@media (max-width: 768px) {
    .page.cooperation .block-order .block-flex .block-text {
        margin-top: 20px;
        border-radius: 33.38px;
        height: 587px;
    }
}
.page.cooperation .block-order .block-flex .block-text::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/cooperation/bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
}
.page.cooperation .block-order .block-flex .block-text .body {
    position: relative;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}
@media (max-width: 768px) {
    .page.cooperation .block-order .block-flex .block-text .body {
        padding: 20px;
    }
}
.page.cooperation .block-order .block-flex .block-text .body .text {
    margin-top: 20px;
    text-align: center;
    top: -10vh;
    opacity: 0;
}
.page.cooperation .block-order .block-flex .block-text .body .text.text1.anim {
    -webkit-animation: topTextShow1 1s forwards 1s;
    animation: topTextShow1 1s forwards 1s;
}
@-webkit-keyframes topTextShow1 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topTextShow1 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.cooperation .block-order .block-flex .block-text .body .text.text2.anim {
    -webkit-animation: topTextShow2 1.5s forwards 1.5s;
    animation: topTextShow2 1.5s forwards 1.5s;
}
@-webkit-keyframes topTextShow2 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topTextShow2 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.cooperation .block-order .block-flex .block-text .body .text.text3.anim {
    -webkit-animation: topTextShow3 2s forwards 2s;
    animation: topTextShow3 2s forwards 2s;
}
@-webkit-keyframes topTextShow3 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topTextShow3 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.cooperation .block-order .block-flex .block-text .body .text p {
    font-family: "Inter-Light";
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
}
@media (max-width: 768px) {
    .page.cooperation .block-order .block-flex .block-text .body .text p {
        font-size: 17px;
    }
}
.page.cooperation .block-order .block-flex .block-text .body .text a {
    font-family: "Inter-Bold";
    font-size: 30px;
    line-height: 130%;
    color: #fff;
}
@media (max-width: 768px) {
    .page.cooperation .block-order .block-flex .block-text .body .text a {
        font-size: 21px;
    }
}
.page.cooperation .block-order .block-flex .block-text .body .text a:hover,
.page.cooperation .block-order .block-flex .block-text .body .text a:focus {
    color: #eee;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.cooperation .application-form {
    margin-top: 50px;
}
.page.cooperation .application-form .form-container {
    background-color: #ffecc9;
    border-radius: 50px;
    padding: 35px 20px 0px;
}
.page.cooperation .application-form .form-container .subtitle {
    font-family: "Inter-Light";
    font-size: 27px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
}
@media (max-width: 768px) {
    .page.cooperation .application-form .form-container .subtitle {
        font-size: 14px;
    }
}
.page.cooperation .application-form .form-container .block-flex {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 768px) {
    .page.cooperation .application-form .form-container .block-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.page.cooperation .application-form .form-container .block-flex .img {
    max-width: 250px;
    margin: 0 60px;
}
.page.cooperation .application-form .form-container .block-flex .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.cooperation .application-form .form-container .block-flex .block-form {
    min-width: 682px;
    max-width: 682px;
    padding-bottom: 30px;
}
@media (max-width: 1200px) {
    .page.cooperation .application-form .form-container .block-flex .block-form {
        min-width: unset;
        max-width: unset;
        width: 50%;
    }
}
@media (max-width: 768px) {
    .page.cooperation .application-form .form-container .block-flex .block-form {
        width: 100%;
    }
}
.page.cooperation .application-form .form-container .block-flex .block-form form {
    padding: 25px 20px 35px;
}
.page.cooperation .application-form .form-container .block-flex .block-form .block-bottom {
    margin-top: 10px;
}
.page.cooperation .application-form .form-container .block-flex .block-form .block-agree {
    margin-top: 10px;
}
.page.banquet-menu {
    padding-bottom: 50px;
}
@media (max-width: 768px) {
    .page.banquet-menu {
        padding-bottom: 80px;
    }
}
.page.banquet-menu .block-banner .title {
    position: relative;
    top: -100vh;
    opacity: 0;
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
.page.banquet-menu .block-banner .text {
    opacity: 0;
    -webkit-animation: showText 1s forwards 1s;
    animation: showText 1s forwards 1s;
}
.page.banquet-menu .block-banner .block-buttons {
    opacity: 0;
    -webkit-animation: showText 1.5s forwards 1.5s;
    animation: showText 1.5s forwards 1.5s;
}
@media (max-width: 992px) {
    .page.banquet-menu .block-banner .block-heroes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.page.banquet-menu .block-banner .block-heroes .hero.viki .img {
    right: -100%;
    opacity: 0;
    -webkit-animation: rightVikiShef 1s forwards 1s;
    animation: rightVikiShef 1s forwards 1s;
}
@-webkit-keyframes rightVikiShef {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -6rem;
        opacity: 1;
    }
}
@keyframes rightVikiShef {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -6rem;
        opacity: 1;
    }
}
@media (max-width: 992px) {
    .page.banquet-menu .block-banner .block-heroes .hero.viki .img {
        -webkit-animation: rightVikiShefMobile 1s forwards 1s;
        animation: rightVikiShefMobile 1s forwards 1s;
    }
}
@-webkit-keyframes rightVikiShefMobile {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -3rem;
        opacity: 1;
    }
}
@keyframes rightVikiShefMobile {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -3rem;
        opacity: 1;
    }
}
.page.banquet-menu .block-banner .block-heroes .hero.spaco .img {
    margin-right: -1.5rem;
    right: -100%;
    opacity: 0;
    -webkit-animation: rightSpacoMenu 1s forwards 1s;
    animation: rightSpacoMenu 1s forwards 1s;
}
@-webkit-keyframes rightSpacoMenu {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightSpacoMenu {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.page.banquet-menu .block-banner .bg-img {
    padding: 50px 30px 30px;
}
@media (max-width: 768px) {
    .page.banquet-menu .block-banner .bg-img {
        overflow: unset;
        padding: 60px 15px 40px;
    }
}
.page.banquet-menu .block-banner .bg-img .body {
    position: relative;
    z-index: 2;
}
@media (max-width: 992px) {
    .page.banquet-menu .block-banner .bg-img .body {
        text-align: center;
    }
}
.page.banquet-menu .block-banner .bg-img .body .title {
    font-size: 86.22px;
}
@media (max-width: 992px) {
    .page.banquet-menu .block-banner .bg-img .body .title {
        font-size: 50px;
    }
}
@media (max-width: 768px) {
    .page.banquet-menu .block-banner .bg-img .body .title {
        font-size: 35px;
    }
}
.page.banquet-menu .block-banner .bg-img .body .text {
    font-size: 28px;
    line-height: 130%;
    color: #2f2f2f;
}
@media (max-width: 768px) {
    .page.banquet-menu .block-banner .bg-img .body .text {
        font-size: 17px;
        font-family: "Inter-Light";
        color: #2c2c2c;
    }
}
.page.banquet-menu .block-banner .bg-img .content {
    margin-top: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 992px) {
    .page.banquet-menu .block-banner .bg-img .content {
        margin-top: 120px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .page.banquet-menu .block-banner .bg-img .content {
        margin-top: 0;
    }
}
.page.banquet-menu .block-banner .bg-img .content .block-heroes .hero {
    width: 405.61px;
    height: 355.71px;
    border-radius: 48.29px;
    margin-left: 20px;
}
@media (max-width: 992px) {
    .page.banquet-menu .block-banner .bg-img .content .block-heroes .hero {
        width: 250px;
        height: 250px;
        border-radius: 24.03px;
    }
}
@media (max-width: 768px) {
    .page.banquet-menu .block-banner .bg-img .content .block-heroes .hero {
        width: 200px;
        height: 180px;
    }
}
@media (max-width: 480px) {
    .page.banquet-menu .block-banner .bg-img .content .block-heroes .hero {
        width: 150px;
        height: 150px;
        margin-left: 0;
    }
}
.page.banquet-menu .block-banner .bg-img .content .block-heroes .hero.viki {
    z-index: 1;
}
.page.banquet-menu .block-banner .bg-img .content .block-heroes .hero.viki .img {
    width: 630px;
    right: -6rem;
}
@media (max-width: 992px) {
    .page.banquet-menu .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 400px;
    }
}
@media (max-width: 768px) {
    .page.banquet-menu .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 350px;
    }
}
@media (max-width: 480px) {
    .page.banquet-menu .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 250px;
    }
}
.page.banquet-menu .block-banner .bg-img .content .block-heroes .hero.spaco .img {
    width: 450px;
}
@media (max-width: 992px) {
    .page.banquet-menu .block-banner .bg-img .content .block-heroes .hero.spaco .img {
        width: 300px;
    }
}
@media (max-width: 768px) {
    .page.banquet-menu .block-banner .bg-img .content .block-heroes .hero.spaco .img {
        width: 250px;
    }
}
@media (max-width: 480px) {
    .page.banquet-menu .block-banner .bg-img .content .block-heroes .hero.spaco .img {
        width: 200px;
    }
}
.page.banquet-menu .menu-sets {
    margin-top: 50px;
}
@media (max-width: 768px) {
    .page.banquet-menu .menu-sets {
        margin-top: 35px;
    }
}
.page.banquet-menu .menu-sets .slider.swiper .swiper-slide {
    border-radius: 59.44px;
    overflow: hidden;
    padding: 0 100px;
}
@media (max-width: 768px) {
    .page.banquet-menu .menu-sets .slider.swiper .swiper-slide {
        padding: 0;
        border-radius: 25.45px;
    }
}
.page.banquet-menu .menu-sets .slider.swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
}
.page.blog {
    padding-bottom: 50px;
}
.page.blog .title {
    position: relative;
    top: -100vh;
    opacity: 0;
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
.page.blog .text {
    opacity: 0;
    -webkit-animation: showText 1s forwards 1s;
    animation: showText 1s forwards 1s;
}
.page.blog .block-buttons {
    opacity: 0;
    -webkit-animation: showText 1.5s forwards 1.5s;
    animation: showText 1.5s forwards 1.5s;
}
@media (max-width: 992px) {
    .page.blog .block-heroes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.page.blog .block-heroes .hero.viki .img {
    -webkit-animation: rightHero1 1s forwards 1s;
    animation: rightHero1 1s forwards 1s;
}
.page.blog .block-heroes .hero.spaco .img {
    -webkit-animation: rightHero2 1s forwards 1s;
    animation: rightHero2 1s forwards 1s;
}
.page.blog .block-heroes .hero .img {
    right: -100%;
    opacity: 0;
}
@-webkit-keyframes rightHero1 {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightHero1 {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@-webkit-keyframes rightHero2 {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightHero2 {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.page.blog .block-banner .bg-img {
    overflow: unset;
    padding: 100px 30px 40px;
}
@media (max-width: 992px) {
    .page.blog .block-banner .bg-img {
        padding: 50px 30px 40px;
    }
}
.page.blog .block-banner .bg-img .title {
    font-size: 108.51px;
}
@media (max-width: 768px) {
    .page.blog .block-banner .bg-img .title {
        font-size: 50px;
    }
}
.page.blog .block-banner .bg-img .content {
    margin-top: 10px;
}
.page.blog .block-banner .bg-img .content .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
@media (max-width: 992px) {
    .page.blog .block-banner .bg-img .content .body {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.page.blog .block-banner .bg-img .content .body .text {
    text-align: left;
    font-size: 26px;
}
@media (max-width: 768px) {
    .page.blog .block-banner .bg-img .content .body .text {
        font-size: 17px;
        color: #2c2c2c;
        text-align: center;
    }
}
@media (max-width: 992px) {
    .page.blog .block-banner .bg-img .content .block-heroes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 100px;
    }
}
@media (max-width: 768px) {
    .page.blog .block-banner .bg-img .content .block-heroes {
        margin-top: 120px;
    }
}
@media (max-width: 480px) {
    .page.blog .block-banner .bg-img .content .block-heroes {
        margin-top: 70px;
    }
}
.page.blog .block-banner .bg-img .content .block-heroes .hero {
    width: 433px;
    height: 356px;
    border-radius: 48.29px;
    margin-left: 15px;
}
@media (max-width: 1200px) {
    .page.blog .block-banner .bg-img .content .block-heroes .hero {
        width: 300px;
        height: 250px;
    }
}
@media (max-width: 768px) {
    .page.blog .block-banner .bg-img .content .block-heroes .hero {
        width: 194.81px;
        height: 160.17px;
        border-radius: 21.72px;
        margin-left: 0;
    }
}
@media (max-width: 480px) {
    .page.blog .block-banner .bg-img .content .block-heroes .hero {
        width: 150px;
        height: 150px;
    }
}
.page.blog .block-banner .bg-img .content .block-heroes .hero.viki .img {
    width: 458px;
}
@media (max-width: 1200px) {
    .page.blog .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 300px;
    }
}
@media (max-width: 768px) {
    .page.blog .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 200px;
    }
}
@media (max-width: 480px) {
    .page.blog .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 150px;
    }
}
.page.blog .block-banner .bg-img .content .block-heroes .hero.spaco .img {
    width: 500px;
    margin-right: -4.5rem;
}
@media (max-width: 1200px) {
    .page.blog .block-banner .bg-img .content .block-heroes .hero.spaco .img {
        width: 350px;
    }
}
@media (max-width: 768px) {
    .page.blog .block-banner .bg-img .content .block-heroes .hero.spaco .img {
        width: 230px;
        margin-right: -2rem;
    }
}
@media (max-width: 480px) {
    .page.blog .block-banner .bg-img .content .block-heroes .hero.spaco .img {
        width: 180px;
        margin-right: -1rem;
    }
}
.page.blog .block-articles.anim .articles {
    -webkit-animation: showArticles 0.2s forwards 0.2s;
    animation: showArticles 0.2s forwards 0.2s;
}
@-webkit-keyframes showArticles {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showArticles {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.blog .block-articles .articles {
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
}
@media (max-width: 992px) {
    .page.blog .block-articles .articles {
        margin: 0 -10px;
    }
}
@media (max-width: 768px) {
    .page.blog .block-articles .articles {
        margin: 0 auto;
    }
}
.page.blog .block-articles .articles .article {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    margin-top: 50px;
    padding: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 992px) {
    .page.blog .block-articles .articles .article {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 10px;
    }
}
@media (max-width: 768px) {
    .page.blog .block-articles .articles .article {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0;
    }
}
.page.blog .block-articles .articles .article .img {
    width: 100%;
    height: 382px;
    border-radius: 50.26px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .page.blog .block-articles .articles .article .img {
        height: 376.81px;
        border-radius: 49.58px;
    }
}
.page.blog .block-articles .articles .article .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page.blog .block-articles .articles .article .body {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (max-width: 768px) {
    .page.blog .block-articles .articles .article .body {
        text-align: center;
    }
}
.page.blog .block-articles .articles .article .body .head-title {
    font-family: var(--font-accent);
    font-size: 25px;
    line-height: 130%;
}
@media (max-width: 768px) {
    .page.blog .block-articles .articles .article .body .head-title {
        font-size: 21px;
    }
}
.page.blog .block-articles .articles .article .body .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.page.blog .block-articles .articles .article .body .content .text {
    font-family: "Inter-Light";
    font-size: 23px;
    line-height: 130%;
    color: #2f2f2f;
    margin-top: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (max-width: 768px) {
    .page.blog .block-articles .articles .article .body .content .text {
        font-size: 16px;
    }
}
.page.blog .block-articles .articles .article .body .content .btn {
    min-width: 248px;
    height: 75px;
    font-family: "Inter-Medium";
    font-size: 25px;
    line-height: 100%;
    color: #2f2f2f;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .page.blog .block-articles .articles .article .body .content .btn {
        margin: 20px auto 0;
        font-size: 17.98px;
        min-width: 178.37px;
        height: 53.94px;
    }
}
.page.blog .block-articles .articles .article .body .content .btn:hover,
.page.blog .block-articles .articles .article .body .content .btn:focus {
    background: var(--yellow);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.article {
    padding: 35px 0;
}
@media (max-width: 768px) {
    .page.article {
        padding: 20px 0 50px;
    }
}
.page.article h1,
.page.article .content h2 {
    font-family: var(--font-accent);
    line-height: 130%;
    text-align: center;
}
.page.article h1 {
    font-size: 50px;
    margin-bottom: 35px;
}
@media (max-width: 768px) {
    .page.article h1 {
        font-size: 30px;
    }
}
.page.article .content h2 {
    font-size: 35px;
    margin-top: 35px;
    margin-bottom: 10px;
    color: #8f9ee4;
}
@media (max-width: 768px) {
    .page.article .content h2 {
        font-size: 30px;
    }
}
.page.article .content h3 {
    font-family: var(--font-accent);
    line-height: 130%;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: var(--yellow);
}
@media (max-width: 768px) {
    .page.article .content h3 {
        font-size: 21.94px;
    }
}
.page.article .content p {
    font-family: "Inter-Light";
    font-size: 22px;
    line-height: 130%;
    color: #2f2f2f;
}
@media (max-width: 768px) {
    .page.article .content p {
        font-size: 16.09px;
    }
}
.page.article .content p strong {
    font-family: "Inter-Bold";
}
.page.article .content a {
    font-family: "Inter-SemiBold";
    color: #8f9ee4;
}
.page.article .content ul li {
    font-family: "Inter-Light";
    font-size: 22px;
    line-height: 130%;
    color: #2f2f2f;
    list-style: disc;
    margin-left: 1.5rem;
}
@media (max-width: 768px) {
    .page.article .content ul li {
        font-size: 16.09px;
    }
}
.page.article img {
    border-radius: 1rem;
}
.page.catalog-animators {
    overflow: hidden;
    padding-top: 50px;
}
.page.catalog-animators .block-faq {
    padding: 30px 0 80px;
}
.page.catalog-animators .block-faq .block-questions {
    margin-top: 0;
}
@media (max-width: 768px) {
    .page.catalog-animators .block-faq .block-questions {
        padding: 0;
    }
}
.page.catalog-animators .block-faq .block-questions .questions .question .head.active {
    border-bottom: 1.19px solid rgba(33, 33, 33, 0.18);
}
.page.catalog-animators .block-faq .block-questions .questions .question .swiper .swiper-wrapper {
    width: 100% !important;
}
.page.catalog-animators .block-faq .block-questions .questions .question .swiper .swiper-wrapper .swiper-slide.img {
    width: 100% !important;
    min-width: 100%;
    overflow: hidden;
    padding: 50px 90px;
    border-radius: 59.44px;
}
@media (max-width: 768px) {
    .page.catalog-animators .block-faq .block-questions .questions .question .swiper .swiper-wrapper .swiper-slide.img {
        padding: 35px 0 20px;
        border-radius: 25.45px;
    }
}
.page.catalog-animators .block-faq .block-questions .questions .question .swiper .swiper-wrapper .swiper-slide.img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
}
@media (max-width: 768px) {
    .page.catalog-animators ~ .footer {
        display: none;
    }
}
.page.order {
    padding-bottom: 50px;
}
.page.order .bg-img {
    padding: 50px 0 30px;
}
@media (max-width: 768px) {
    .page.order .bg-img {
        padding: 50px 20px 30px;
    }
}
.page.order .bg-img .content .title {
    font-size: 42px;
}
@media (max-width: 768px) {
    .page.order .bg-img .content .title {
        font-size: 30px;
    }
}
@media (max-width: 480px) {
    .page.order .bg-img .content .title {
        font-size: 24px;
    }
}
.page.order .bg-img .content .order-success {
    margin: 35px auto 0;
}
.page.not-page {
    padding-bottom: 50px;
}
@media (max-width: 768px) {
    .page.not-page {
        padding-bottom: 20px;
    }
}
.page.not-page .bg-img {
    padding: 60px 80px 20px;
}
@media (max-width: 768px) {
    .page.not-page .bg-img {
        padding: 50px 20px 40px;
    }
}
.page.not-page .bg-img .content .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    position: relative;
    top: -10vh;
    opacity: 0;
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes topTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@media (max-width: 1200px) {
    .page.not-page .bg-img .content .title {
        padding-top: 100px;
    }
}
@media (max-width: 768px) {
    .page.not-page .bg-img .content .title {
        padding-top: 50px;
    }
}
.page.not-page .bg-img .content .title .four {
    font-size: 380px;
    padding: 0 20px;
}
@media (max-width: 992px) {
    .page.not-page .bg-img .content .title .four {
        font-size: 280px;
    }
}
@media (max-width: 768px) {
    .page.not-page .bg-img .content .title .four {
        font-size: 174.81px;
    }
}
@media (max-width: 768px) {
    .page.not-page .bg-img .content .title .four {
        font-size: 100px;
    }
}
.page.not-page .bg-img .content .title .zero {
    font-size: 450px;
    position: relative;
    -webkit-animation: hideZero 1.5s forwards 1.5s;
    animation: hideZero 1.5s forwards 1.5s;
}
@-webkit-keyframes hideZero {
    0% {
        color: #2f2f2f;
    }
    100% {
        color: rgba(0, 0, 0, 0);
    }
}
@keyframes hideZero {
    0% {
        color: #2f2f2f;
    }
    100% {
        color: rgba(0, 0, 0, 0);
    }
}
@media (max-width: 992px) {
    .page.not-page .bg-img .content .title .zero {
        font-size: 350px;
    }
}
@media (max-width: 768px) {
    .page.not-page .bg-img .content .title .zero {
        font-size: 200px;
    }
}
@media (max-width: 768px) {
    .page.not-page .bg-img .content .title .zero {
        font-size: 120px;
    }
}
.page.not-page .bg-img .content .title .zero::before {
    content: "";
    position: absolute;
    top: -3.5rem;
    left: -5px;
    width: 100%;
    height: 100%;
    background-image: url("../img/404.avif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-animation: showSpaco 1.5s forwards 1.5s;
    animation: showSpaco 1.5s forwards 1.5s;
}
@-webkit-keyframes showSpaco {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showSpaco {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.not-page .bg-img .content .title .zero::before {
        top: -1.5rem;
        -webkit-transform: scale(1.35);
        -ms-transform: scale(1.35);
        transform: scale(1.35);
    }
}
.page.not-page .bg-img .content .subtitle {
    font-family: "Inter-Light";
    font-size: 26px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    opacity: 0;
    -webkit-animation: showSubTitle 1s forwards 1s;
    animation: showSubTitle 1s forwards 1s;
}
@-webkit-keyframes showSubTitle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showSubTitle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.not-page .bg-img .content .subtitle {
        font-size: 15px;
        margin-top: 20px;
    }
}
.page.not-page .bg-img .content .top-text {
    font-family: "Inter-Light";
    font-size: 24px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: right;
    position: relative;
    z-index: 1;
    opacity: 0;
    -webkit-animation: showTopText 1s forwards 1s;
    animation: showTopText 1s forwards 1s;
}
@-webkit-keyframes showTopText {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showTopText {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.not-page .bg-img .content .top-text {
        font-size: 15px;
    }
}
.page.not-page .bg-img .content .block-buttons {
    display: flex;
    justify-content: center;
    margin: 20px auto 0;
    opacity: 0;
    -webkit-animation: showButtons 1s forwards 1s;
    animation: showButtons 1s forwards 1s;
}
@-webkit-keyframes showButtons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showButtons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.not-page .bg-img .content .block-buttons .btn.btn-yellow {
    min-width: 100%;
    max-width: 100%;
}
@media (max-width: 768px) {
    .page.not-page .bg-img .content .block-buttons .btn.btn-arrow {
        min-width: 42.82px;
        max-width: 42.82px;
        height: 42.82px;
    }
}
@media (max-width: 768px) {
    .page.not-page ~ .footer {
        display: none;
    }
}
.page.pinata {
    padding-bottom: 80px;
}
@media (max-width: 768px) {
    .page.pinata {
        padding-bottom: 50px;
    }
}
.page.pinata .block-banner .title {
    position: relative;
    top: -100vh;
    opacity: 0;
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
.page.pinata .block-banner .text {
    opacity: 0;
    -webkit-animation: showText 1s forwards 1s;
    animation: showText 1s forwards 1s;
}
.page.pinata .block-banner .block-buttons {
    opacity: 0;
    -webkit-animation: showText 1.5s forwards 1.5s;
    animation: showText 1.5s forwards 1.5s;
}
@media (max-width: 992px) {
    .page.pinata .block-banner .block-heroes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.page.pinata .block-banner .block-heroes .hero.tiki .img {
    right: -100%;
    opacity: 0;
    -webkit-animation: rightTikiPinata 1s forwards 1s;
    animation: rightTikiPinata 1s forwards 1s;
}
@-webkit-keyframes rightTikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightTikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.page.pinata .block-banner .block-heroes .hero.viki .img {
    right: -100%;
    opacity: 0;
    -webkit-animation: rightVikiPinata 1s forwards 1s;
    animation: rightVikiPinata 1s forwards 1s;
}
@-webkit-keyframes rightVikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightVikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.page.pinata .block-banner .bg-img {
    overflow: unset;
    padding: 70px 30px 20px;
}
@media (max-width: 768px) {
    .page.pinata .block-banner .bg-img {
        padding: 50px 10px 35px;
    }
}
.page.pinata .block-banner .bg-img .body {
    position: relative;
    z-index: 2;
}
@media (max-width: 992px) {
    .page.pinata .block-banner .bg-img .body {
        text-align: center;
    }
}
.page.pinata .block-banner .bg-img .body .title {
    font-size: 75px;
}
@media (max-width: 768px) {
    .page.pinata .block-banner .bg-img .body .title {
        font-size: 45px;
    }
}
.page.pinata .block-banner .bg-img .body .text {
    font-size: 26px;
    line-height: 130%;
    color: #2f2f2f;
}
@media (max-width: 768px) {
    .page.pinata .block-banner .bg-img .body .text {
        font-size: 17px;
        font-family: "Inter-Light";
        color: #2c2c2c;
    }
}
.page.pinata .block-banner .bg-img .content {
    margin-top: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 1200px) {
    .page.pinata .block-banner .bg-img .content {
        margin-top: 120px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .page.pinata .block-banner .bg-img .content {
        margin-top: 0;
    }
}
.page.pinata .block-banner .bg-img .content .block-heroes .hero {
    width: 420.97px;
    height: 346.11px;
    border-radius: 46.94px;
    margin-left: 20px;
}
@media (max-width: 992px) {
    .page.pinata .block-banner .bg-img .content .block-heroes .hero {
        width: 320.97px;
        height: 246.11px;
    }
}
@media (max-width: 768px) {
    .page.pinata .block-banner .bg-img .content .block-heroes .hero {
        width: 180px;
        height: 167.95px;
        margin-left: 0;
        border-radius: 22.78px;
    }
}
.page.pinata .block-banner .bg-img .content .block-heroes .hero.tiki {
    position: relative;
    z-index: 1;
}
.page.pinata .block-banner .bg-img .content .block-heroes .hero.tiki .img {
    width: 550px;
    margin-right: -3rem;
}
@media (max-width: 992px) {
    .page.pinata .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 350px;
        margin-right: 0;
    }
}
@media (max-width: 768px) {
    .page.pinata .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 200px;
        margin-right: 0;
    }
    .page.pinata .block-banner .bg-img .content .block-heroes .hero.tiki {
        margin-left: 1.5rem;
    }
    .page.pinata .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 225px !important;
        margin-right: 1rem;
    }
}
.page.pinata .block-banner .bg-img .content .block-heroes .hero.viki .img {
    width: 600px;
    margin-right: -3rem;
}
@media (max-width: 992px) {
    .page.pinata .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 400px;
        margin-right: 0;
    }
}
.page.pinata .block-cost.anim .desc .text p {
    position: relative;
    top: -10vh;
    opacity: 0;
}
.page.pinata .block-cost.anim .desc .text p:first-child {
    -webkit-animation: firstText 0.5s forwards 0.5s;
    animation: firstText 0.5s forwards 0.5s;
}
@-webkit-keyframes firstText {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@keyframes firstText {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
.page.pinata .block-cost.anim .desc .text p:last-child {
    -webkit-animation: lastText 0.75s forwards 0.75s;
    animation: lastText 0.75s forwards 0.75s;
}
@-webkit-keyframes lastText {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@keyframes lastText {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
.page.pinata .block-cost.anim .desc .bg-purple {
    position: relative;
    top: -10vh;
    opacity: 0;
    -webkit-animation: bgPurpleText 1.25s forwards 1.25s;
    animation: bgPurpleText 1.25s forwards 1.25s;
}
@-webkit-keyframes bgPurpleText {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@keyframes bgPurpleText {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
.page.pinata .block-cost.anim .desc .bg-img {
    opacity: 0;
    -webkit-animation: bgImg 1s forwards 1s;
    animation: bgImg 1s forwards 1s;
}
@-webkit-keyframes bgImg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes bgImg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.pinata .block-cost.anim .cost .img-3d {
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    opacity: 0;
    -webkit-animation: matrixImg3d 0.5s forwards 0.5s;
    animation: matrixImg3d 0.5s forwards 0.5s;
}
@-webkit-keyframes matrixImg3d {
    0% {
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@keyframes matrixImg3d {
    0% {
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
.page.pinata .block-cost.anim .cost .text-bottom {
    opacity: 0;
    -webkit-animation: textBottom 1s forwards 1s;
    animation: textBottom 1s forwards 1s;
}
@-webkit-keyframes textBottom {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes textBottom {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.pinata .block-cost .block-flex {
        margin-top: 15px;
    }
}
.page.pinata .block-cost .block-flex .block {
    margin-top: 50px;
}
@media (max-width: 768px) {
    .page.pinata .block-cost .block-flex .block {
        margin-top: 25px;
        border-radius: 33.38px;
    }
}
.page.pinata .block-cost .block-flex .block.desc .block-content {
    padding: 80px 30px 0;
}
@media (max-width: 768px) {
    .page.pinata .block-cost .block-flex .block.desc .block-content {
        padding: 60px 20px 0;
    }
}
.page.pinata .block-cost .block-flex .block.desc .bg-img {
    width: 100%;
    height: 440.13px;
    -webkit-filter: blur(3px);
    filter: blur(3px);
}
@media (max-width: 768px) {
    .page.pinata .block-cost .block-flex .block.desc .bg-img {
        height: 290.39px;
    }
}
.page.pinata .block-cost .block-flex .block.desc .bg-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page.pinata .block-cost .block-flex .block.desc .text {
    font-family: "Inter-Light";
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
}
.page.pinata .block-cost .block-flex .block.desc .text p {
    margin-top: 30px;
}
@media (max-width: 768px) {
    .page.pinata .block-cost .block-flex .block.desc .text p {
        margin-top: 20px;
    }
}
@media (max-width: 768px) {
    .page.pinata .block-cost .block-flex .block.desc .text {
        font-size: 17px;
    }
}
.page.pinata .block-cost .block-flex .block.desc .bg-purple {
    font-family: "Inter-Medium";
    font-size: 25px;
    line-height: 130%;
    color: #fff;
    background: var(--purple);
    border-radius: 50px;
    text-align: center;
    padding: 20px 50px;
    margin-top: 30px;
}
@media (max-width: 768px) {
    .page.pinata .block-cost .block-flex .block.desc .bg-purple {
        font-size: 17px;
        padding: 10px 20px;
        border-radius: 32.99px;
        margin-top: 20px;
    }
}
.page.pinata .block-cost .block-flex .block.cost .block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 768px) {
    .page.pinata .block-cost .block-flex .block.cost .block-content {
        padding-bottom: 50px;
    }
}
.page.pinata .block-cost .block-flex .block.cost .img-3d {
    width: 608px;
    height: 608px;
}
@media (max-width: 768px) {
    .page.pinata .block-cost .block-flex .block.cost .img-3d {
        width: 360px;
        height: 360px;
    }
}
@media (max-width: 480px) {
    .page.pinata .block-cost .block-flex .block.cost .img-3d {
        width: 200px;
        height: 200px;
    }
}
.page.pinata .block-cost .block-flex .block.cost .img-3d img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.pinata .block-cost .block-flex .block.cost .text-bottom {
    font-family: var(--font-accent);
    text-align: center;
    color: var(--purple);
    margin-top: 35px;
}
@media (max-width: 768px) {
    .page.pinata .block-cost .block-flex .block.cost .text-bottom {
        margin-top: 20px;
    }
}
.page.pinata .block-cost .block-flex .block.cost .text-bottom .price {
    font-size: 59.23px;
    line-height: 130%;
}
@media (max-width: 768px) {
    .page.pinata .block-cost .block-flex .block.cost .text-bottom .price {
        font-size: 40.78px;
    }
}
@media (max-width: 480px) {
    .page.pinata .block-cost .block-flex .block.cost .text-bottom .price {
        font-size: 35px;
    }
}
.page.pinata .block-cost .block-flex .block.cost .text-bottom .text-desc {
    font-size: 30.61px;
    line-height: 130%;
    margin-top: 10px;
}
@media (max-width: 768px) {
    .page.pinata .block-cost .block-flex .block.cost .text-bottom .text-desc {
        font-size: 21.08px;
    }
}
@media (max-width: 480px) {
    .page.pinata .block-cost .block-flex .block.cost .text-bottom .text-desc {
        font-size: 16px;
    }
}
.page.pinata .block-slider {
    margin-top: 50px;
}
@media (max-width: 768px) {
    .page.pinata .block-slider {
        margin-top: 20px;
    }
}
.page.pinata .block-slider .swiper .swiper-wrapper .swiper-slide {
    border-radius: 59.44px;
    overflow: hidden;
    padding: 0 100px;
}
@media (max-width: 768px) {
    .page.pinata .block-slider .swiper .swiper-wrapper .swiper-slide {
        border-radius: 25.45px;
        padding: 0;
    }
}
.page.pinata .block-slider .swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
}
@media (max-width: 768px) {
    .page.pinata ~ .footer {
        display: none;
    }
}
.page.contacts {
    padding-bottom: 60px;
}
.page.contacts .block-banner .block-heroes .hero .img img {
    position: relative;
    z-index: 0;
}
.page.contacts .block-banner .title {
    position: relative;
    top: -100vh;
    opacity: 0;
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
    z-index: 3;
}
.page.contacts .block-banner .text {
    opacity: 0;
    -webkit-animation: showText 1s forwards 1s;
    animation: showText 1s forwards 1s;
}
.page.contacts .block-banner .block-buttons {
    opacity: 0;
    -webkit-animation: showText 1.5s forwards 1.5s;
    animation: showText 1.5s forwards 1.5s;
}
@media (max-width: 992px) {
    .page.contacts .block-banner .block-heroes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.page.contacts .block-banner .block-heroes .hero.tiki .img {
    right: -100%;
    opacity: 0;
    -webkit-animation: rightTikiPinata 1s forwards 1s;
    animation: rightTikiPinata 1s forwards 1s;
}
@-webkit-keyframes rightTikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightTikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.page.contacts .block-banner .block-heroes .hero.viki .img {
    right: -100%;
    opacity: 0;
    -webkit-animation: rightVikiPinata 1s forwards 1s;
    animation: rightVikiPinata 1s forwards 1s;
}
@-webkit-keyframes rightVikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightVikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.page.contacts .block-banner .bg-img {
    padding: 70px 20px 40px;
}
@media (max-width: 768px) {
    .page.contacts .block-banner .bg-img {
        padding: 50px 10px 40px;
    }
}
.page.contacts .block-banner .bg-img .title {
    font-size: 108.51px;
}
@media (max-width: 768px) {
    .page.contacts .block-banner .bg-img .title {
        font-size: 45px;
    }
}
.page.contacts .block-banner .bg-img .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-top: 80px;
}
@media (max-width: 1200px) {
    .page.contacts .block-banner .bg-img .body {
        padding-top: 0;
    }
}
@media (max-width: 992px) {
    .page.contacts .block-banner .bg-img .body {
        margin: 0 auto;
    }
}
.page.contacts .block-banner .bg-img .body .text {
    font-size: 26px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: left;
}
@media (max-width: 992px) {
    .page.contacts .block-banner .bg-img .body .text {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .page.contacts .block-banner .bg-img .body .text {
        font-size: 17px;
        font-family: "Inter-Light";
        color: #2c2c2c;
    }
}
.page.contacts .block-banner .bg-img .content {
    margin-top: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 1200px) {
    .page.contacts .block-banner .bg-img .content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .page.contacts .block-banner .bg-img .content {
        margin-top: 0;
    }
}
@media (max-width: 1200px) {
    .page.contacts .block-banner .bg-img .content .block-heroes {
        margin-top: 100px;
    }
}
@media (max-width: 992px) {
    .page.contacts .block-banner .bg-img .content .block-heroes {
        margin: 20px auto 0;
    }
}
@media (max-width: 768px) {
    .page.contacts .block-banner .bg-img .content .block-heroes {
        margin: 120px auto 0;
    }
}
@media (max-width: 480px) {
    .page.contacts .block-banner .bg-img .content .block-heroes {
        margin: 50px auto 0;
    }
}
.page.contacts .block-banner .bg-img .content .block-heroes .hero {
    width: 433px;
    height: 356px;
    border-radius: 46.94px;
    margin-left: 20px;
}
@media (max-width: 992px) {
    .page.contacts .block-banner .bg-img .content .block-heroes .hero {
        width: 300px;
        height: 250px;
    }
}
@media (max-width: 768px) {
    .page.contacts .block-banner .bg-img .content .block-heroes .hero {
        width: 200px;
        height: 150px;
        margin-left: 0;
        border-radius: 22.78px;
    }
}
@media (max-width: 480px) {
    .page.contacts .block-banner .bg-img .content .block-heroes .hero {
        width: 125px;
    }
}
.page.contacts .block-banner .bg-img .content .block-heroes .hero.tiki .img {
    width: 441px;
}
@media (max-width: 992px) {
    .page.contacts .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 219.07px;
        margin-right: 2rem;
    }
}
@media (max-width: 768px) {
    .page.contacts .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        margin-right: 0;
    }
}
@media (max-width: 480px) {
    .page.contacts .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 150px;
    }
}
.page.contacts .block-banner .bg-img .content .block-heroes .hero.viki .img {
    width: 524px;
    margin-right: -5rem;
    z-index: 2;
}
@media (max-width: 992px) {
    .page.contacts .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 260.71px;
        margin-right: -2.75rem;
    }
}
@media (max-width: 480px) {
    .page.contacts .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 180px;
        margin-right: -1.5rem;
    }
}
.page.contacts .ticker span {
    font-size: 120px;
    color: #89cff3;
}
@media (max-width: 768px) {
    .page.contacts .ticker span {
        font-size: 65px;
    }
}
.page.contacts .block-contacts.anim .head-title {
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes topTitle {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@keyframes topTitle {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
.page.contacts .block-contacts.anim .text-contacts {
    -webkit-animation: showTextContacts 0.5s forwards 0.5s;
    animation: showTextContacts 0.5s forwards 0.5s;
}
@-webkit-keyframes showTextContacts {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showTextContacts {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.contacts .block-contacts.anim .block-icons {
    opacity: 0;
    -webkit-animation: blockIcons 0.5s forwards 0.5s;
    animation: blockIcons 0.5s forwards 0.5s;
}
@-webkit-keyframes blockIcons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes blockIcons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.contacts .block-contacts .block-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .page.contacts .block-contacts .block-flex {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
    }
}
.page.contacts .block-contacts .block-flex .block {
    margin-top: 50px;
    padding: 0 100px;
}
@media (max-width: 1200px) {
    .page.contacts .block-contacts .block-flex .block {
        padding: 0 50px;
    }
}
@media (max-width: 992px) {
    .page.contacts .block-contacts .block-flex .block {
        padding: 0;
    }
}
@media (max-width: 768px) {
    .page.contacts .block-contacts .block-flex .block {
        margin-top: 35px;
    }
}
@media (max-width: 480px) {
    .page.contacts .block-contacts .block-flex .block {
        margin-top: 20px;
        width: 100%;
    }
}
.page.contacts .block-contacts .head-title {
    font-family: var(--font-accent);
    font-size: 33px;
    line-height: 130%;
    color: #2f2f2f;
}
@media (max-width: 768px) {
    .page.contacts .block-contacts .head-title {
        font-size: 19px;
    }
}
@media (max-width: 480px) {
    .page.contacts .block-contacts .head-title {
        font-size: 16px;
    }
}
.page.contacts .block-contacts .text-contacts {
    margin-top: 15px;
}
.page.contacts .block-contacts .text-contacts .tel,
.page.contacts .block-contacts .text-contacts .mail {
    font-family: "Inter-Bold";
    font-size: 45.12px;
    line-height: 130%;
    color: #2f2f2f;
}
@media (max-width: 1200px) {
    .page.contacts .block-contacts .text-contacts .tel,
    .page.contacts .block-contacts .text-contacts .mail {
        font-size: 35px;
    }
}
@media (max-width: 992px) {
    .page.contacts .block-contacts .text-contacts .tel,
    .page.contacts .block-contacts .text-contacts .mail {
        font-size: 22.85px;
    }
}
@media (max-width: 480px) {
    .page.contacts .block-contacts .text-contacts .tel,
    .page.contacts .block-contacts .text-contacts .mail {
        font-size: 14px;
    }
}
.page.contacts .block-contacts .text-contacts .tel {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
@media (max-width: 768px) {
    .page.contacts .block-contacts .text-contacts .mail {
        margin-top: 5px;
    }
}
.page.contacts .block-contacts .text-contacts .work {
    font-family: "Inter-Bold";
    font-size: 33px;
    line-height: 130%;
    color: rgba(47, 47, 47, 0.6);
}
@media (max-width: 768px) {
    .page.contacts .block-contacts .text-contacts .work {
        font-size: 16.72px;
        margin-top: 5px;
    }
}
.page.contacts .block-contacts .text-contacts .block-btn-arrow {
    margin: 20px 0 0;
    background: var(--yellow);
}
@media (max-width: 480px) {
    .page.contacts .block-contacts .text-contacts .block-btn-arrow .btn.btn-yellow {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        padding: 0 1rem;
    }
}
.page.contacts .block-contacts .text-contacts .block-btn-arrow .btn.btn-arrow {
    min-width: 71.46px;
    max-width: 71.46px;
    height: 71.46px;
}
@media (max-width: 768px) {
    .page.contacts .block-contacts .text-contacts .block-btn-arrow .btn.btn-arrow {
        min-width: 47.79px;
        max-width: 47.79px;
        height: 47.79px;
    }
}
.page.contacts .block-contacts .social .block-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
}
@media (max-width: 768px) {
    .page.contacts .block-contacts .social .block-icons {
        margin-top: 20px;
    }
}
.page.contacts .block-contacts .social .block-icons .icon {
    width: 92.03px;
    height: 92.03px;
    border-radius: 50%;
    background: var(--yellow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
}
@media (max-width: 768px) {
    .page.contacts .block-contacts .social .block-icons .icon {
        width: 49.6px;
        height: 49.6px;
    }
}
@media (max-width: 480px) {
    .page.contacts .block-contacts .social .block-icons .icon {
        width: 35px;
        height: 35px;
        padding: 5px;
    }
}
.page.contacts .block-contacts .social .block-icons .icon:not(:first-child) {
    margin-left: 7px;
}
@media (max-width: 480px) {
    .page.contacts .block-contacts .social .block-icons .icon:not(:first-child) {
        margin-left: 3px;
    }
}
.page.contacts .block-contacts .social .block-icons .icon:hover,
.page.contacts .block-contacts .social .block-icons .icon:focus {
    background: #ffbe3c;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.contacts .block-contacts .social .block-icons .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.contacts .block-location {
    margin-top: 20px;
}
.page.contacts .block-location .block-map {
    position: relative;
    border-radius: 50px;
    overflow: hidden;
}
.page.contacts .block-location .block-map .map {
    width: 100%;
    height: 975px;
}
@media (max-width: 1200px) {
    .page.contacts .block-location .block-map .map {
        height: 1200px;
    }
}
@media (max-width: 768px) {
    .page.contacts .block-location .block-map .map {
        height: 1500px;
    }
}
.page.contacts .block-location .block-map .map iframe {
    width: 100%;
    height: 100%;
}
.page.contacts .block-location .block-map .body {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #fff;
    border-radius: 30px;
    padding: 40px 20px 50px 50px;
    max-width: 675px;
}
@media (max-width: 992px) {
    .page.contacts .block-location .block-map .body {
        padding: 20px;
        max-width: 100%;
        margin: 0 20px;
        left: 0;
    }
}
@media (max-width: 480px) {
    .page.contacts .block-location .block-map .body {
        padding: 10px;
    }
}
@media (max-width: 768px) {
    .page.contacts .block-location .block-map .flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.page.contacts .block-location .block-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px;
}
@media (max-width: 768px) {
    .page.contacts .block-location .block-address {
        margin-bottom: 20px;
    }
}
.page.contacts .block-location .block-address .icon {
    margin-right: 10px;
    min-width: 50px;
    height: 50px;
}
@media (max-width: 768px) {
    .page.contacts .block-location .block-address .icon {
        min-width: 20px;
        height: 20px;
    }
}
.page.contacts .block-location .block-address .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.contacts .block-location .block-address .address {
    font-size: 22px;
    line-height: 130%;
    font-family: "Inter-Bold";
}
@media (max-width: 768px) {
    .page.contacts .block-location .block-address .address {
        font-size: 14px;
    }
}
.page.contacts .block-location .items .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .page.contacts .block-location .items .item {
        margin-top: 10px;
    }
}
.page.contacts .block-location .items .item .icon {
    margin-right: 10px;
    min-width: 50px;
    height: 50px;
}
@media (max-width: 768px) {
    .page.contacts .block-location .items .item .icon {
        min-width: 20px;
        height: 20px;
    }
}
.page.contacts .block-location .items .item .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.contacts .block-location .items .item .text {
    font-size: 22px;
    line-height: 150%;
}
@media (max-width: 768px) {
    .page.contacts .block-location .items .item .text {
        font-size: 14px;
    }
}
.page.contacts .block-location .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page.contacts .block-location .text-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}
.page.contacts .block-location .text-contacts .icon {
    margin-right: 10px;
    min-width: 50px;
    height: 50px;
}
@media (max-width: 768px) {
    .page.contacts .block-location .text-contacts .icon {
        min-width: 20px;
        height: 20px;
    }
}
.page.contacts .block-location .text-contacts .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.contacts .block-location .text-contacts .text-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.page.contacts .block-location .text-contacts .text-body span {
    font-size: 18px;
    line-height: 130%;
}
.page.contacts .block-location .text-contacts .text-body a {
    font-size: 22px;
    line-height: 130%;
    font-family: "Inter-Bold";
    color: #2c2c2c;
}
@media (max-width: 768px) {
    .page.contacts .block-location .text-contacts .text-body a {
        font-size: 16px;
    }
}
.page.contacts .block-location .text-contacts .text-body a:hover,
.page.contacts .block-location .text-contacts .text-body a:focus {
    color: #000;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.contacts .block-location .text-social {
    margin-top: 20px;
    margin-left: 50px;
}
@media (max-width: 992px) {
    .page.contacts .block-location .text-social {
        margin-left: 20px;
    }
}
@media (max-width: 768px) {
    .page.contacts .block-location .text-social {
        margin-left: 30px;
    }
}
.page.contacts .block-location .text-social span {
    font-size: 18px;
    line-height: 130%;
}
.page.contacts .block-location .text-social .icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page.contacts .block-location .text-social .icons a {
    font-size: 22px;
    line-height: 130%;
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 5px;
    background: var(--purple);
    padding: 5px;
    margin-top: 5px;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page.contacts .block-location .text-social .icons a:hover,
.page.contacts .block-location .text-social .icons a:focus {
    background: #647be1;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.contacts .block-location .text-social .icons a svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.prices {
    overflow: hidden;
}
.page.prices .block-banner .title {
    position: relative;
    top: -100vh;
    opacity: 0;
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
.page.prices .block-banner .text {
    opacity: 0;
    -webkit-animation: showText 1s forwards 1s;
    animation: showText 1s forwards 1s;
}
.page.prices .block-banner .block-buttons {
    opacity: 0;
    -webkit-animation: showText 1.5s forwards 1.5s;
    animation: showText 1.5s forwards 1.5s;
}
@media (max-width: 992px) {
    .page.prices .block-banner .block-heroes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.page.prices .block-banner .block-heroes .hero.tiki .img {
    right: -100%;
    opacity: 0;
    -webkit-animation: rightTikiPinata 1s forwards 1s;
    animation: rightTikiPinata 1s forwards 1s;
}
@-webkit-keyframes rightTikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightTikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.page.prices .block-banner .block-heroes .hero.viki .img {
    right: -100%;
    opacity: 0;
    -webkit-animation: rightVikiPinata 1s forwards 1s;
    animation: rightVikiPinata 1s forwards 1s;
}
@-webkit-keyframes rightVikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightVikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.page.prices .block-banner .bg-img {
    overflow: unset;
    padding: 80px 30px 40px;
}
@media (max-width: 768px) {
    .page.prices .block-banner .bg-img {
        padding: 50px 10px 40px;
    }
}
.page.prices .block-banner .bg-img .title {
    font-size: 108.51px;
}
@media (max-width: 768px) {
    .page.prices .block-banner .bg-img .title {
        font-size: 45px;
    }
}
.page.prices .block-banner .bg-img .body {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-top: 30px;
}
@media (max-width: 992px) {
    .page.prices .block-banner .bg-img .body {
        -ms-flex-item-align: center;
        align-self: center;
        text-align: center;
        padding-top: 0;
    }
}
.page.prices .block-banner .bg-img .body .text {
    font-size: 26px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: left;
}
@media (max-width: 768px) {
    .page.prices .block-banner .bg-img .body .text {
        font-size: 17px;
        font-family: "Inter-Light";
        color: #2c2c2c;
    }
}
@media (max-width: 992px) {
    .page.prices .block-banner .bg-img .body .text {
        text-align: center;
    }
}
.page.prices .block-banner .bg-img .content {
    margin-top: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 1200px) {
    .page.prices .block-banner .bg-img .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (max-width: 1200px) {
    .page.prices .block-banner .bg-img .content .block-heroes {
        margin-top: 100px;
    }
}
@media (max-width: 480px) {
    .page.prices .block-banner .bg-img .content .block-heroes {
        margin-top: 20px;
    }
}
.page.prices .block-banner .bg-img .content .block-heroes .hero {
    width: 433px;
    height: 356px;
    border-radius: 48.29px;
    margin-left: 20px;
}
@media (max-width: 1440px) {
    .page.prices .block-banner .bg-img .content .block-heroes .hero {
        width: 400px;
    }
}
@media (max-width: 992px) {
    .page.prices .block-banner .bg-img .content .block-heroes .hero {
        width: 204.28px;
        height: 167.95px;
        border-radius: 22.78px;
    }
}
@media (max-width: 768px) {
    .page.prices .block-banner .bg-img .content .block-heroes .hero {
        margin-left: 0;
    }
}
@media (max-width: 480px) {
    .page.prices .block-banner .bg-img .content .block-heroes .hero {
        width: 125px;
    }
}
.page.prices .block-banner .bg-img .content .block-heroes .hero.tiki {
    position: relative;
    z-index: 1;
}
.page.prices .block-banner .bg-img .content .block-heroes .hero.tiki .img {
    width: 565px;
    margin-right: -7rem;
}
@media (max-width: 1440px) {
    .page.prices .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 500px;
    }
}
@media (max-width: 992px) {
    .page.prices .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 274.58px;
        margin-right: -3rem;
    }
}
@media (max-width: 480px) {
    .page.prices .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 180px;
        z-index: 1;
    }
}
.page.prices .block-banner .bg-img .content .block-heroes .hero.viki .img {
    width: 508px;
    margin-right: -2.5rem;
}
@media (max-width: 1440px) {
    .page.prices .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 450px;
    }
}
@media (max-width: 992px) {
    .page.prices .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 247.28px;
        margin-right: -2rem;
    }
}
@media (max-width: 480px) {
    .page.prices .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 150px;
        margin-right: -1rem;
    }
}
.page.prices .block-banner .pic {
    position: absolute;
}
.page.prices .block-banner .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.prices .block-banner .pic.money1 {
    width: 121.94px;
    height: 95.93px;
    bottom: 10px;
    left: -2.5rem;
}
@media (max-width: 768px) {
    .page.prices .block-banner .pic.money1 {
        width: 58.36px;
        height: 45.91px;
        bottom: 7rem;
        left: -2.5rem;
        -webkit-transform: rotate(132.07deg);
        -ms-transform: rotate(132.07deg);
        transform: rotate(132.07deg);
    }
}
.page.prices .block-banner .pic.money2 {
    width: 184px;
    height: 144.76px;
    bottom: 32%;
    left: 24%;
    z-index: 1;
}
@media (max-width: 1200px) {
    .page.prices .block-banner .pic.money2 {
        left: 0;
    }
}
@media (max-width: 768px) {
    .page.prices .block-banner .pic.money2 {
        width: 81.93px;
        height: 64.46px;
        bottom: 60%;
        left: -2rem;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
    }
}
.page.prices .block-banner .pic.money3 {
    width: 154.07px;
    height: 121.21px;
    top: 5rem;
    right: 40%;
}
@media (max-width: 768px) {
    .page.prices .block-banner .pic.money3 {
        display: none;
    }
}
.page.prices .block-banner .pic.money4 {
    width: 107.36px;
    height: 84.46px;
    bottom: 35%;
    right: -2.5rem;
}
@media (max-width: 768px) {
    .page.prices .block-banner .pic.money4 {
        width: 60.46px;
        height: 47.57px;
        bottom: 15%;
        right: -1.5rem;
    }
}
.page.prices .block-about-us {
    margin-top: 20px;
}
.page.prices .block-faq {
    padding: 35px 100px 80px;
}
@media (max-width: 1200px) {
    .page.prices .block-faq {
        padding: 35px 0 80px;
    }
}
.page.prices .block-faq .block-questions {
    margin-top: 0;
}
@media (max-width: 768px) {
    .page.prices .block-faq .block-questions {
        padding: 0;
    }
}
.page.prices .block-faq .block-questions .questions .question .active ~ .content {
    padding: 20px 0 50px;
}
.page.prices .block-faq .block-questions .questions .question .content {
    border-top: 1.19px solid rgba(33, 33, 33, 0.18);
}
.page.prices .block-faq .block-questions .questions .question .content h2 {
    font-family: "Inter-SemiBold";
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    margin-bottom: 35px;
}
@media (max-width: 768px) {
    .page.prices .block-faq .block-questions .questions .question .content h2 {
        font-size: 18px;
    }
    .page.prices .block-faq .block-questions .questions .question .content {
        overflow-y: hidden;
        padding: 0 20px !important;
    }
}
.page.prices .block-faq .block-questions .questions .question .content p {
    font-family: "Inter-Light";
    font-size: 23px;
    line-height: 130%;
    color: #2f2f2f;
}
.page.prices .block-faq .block-questions .questions .question .content p small {
    font-size: 20px;
}
@media (max-width: 768px) {
    .page.prices .block-faq .block-questions .questions .question .content p {
        font-size: 16px;
    }
    .page.prices .block-faq .block-questions .questions .question .content p small {
        font-size: 15px;
    }
}
.page.prices .block-faq .block-questions .questions .question .content .table {
    overflow-y: hidden;
}
.page.prices .block-faq .block-questions .questions .question .content .table table thead th {
    text-align: left;
    font-family: "Inter-Semibold";
    font-size: 25px;
    line-height: 130%;
    vertical-align: baseline;
    padding: 10px;
}
@media (max-width: 768px) {
    .page.prices .block-faq .block-questions .questions .question .content .table table thead th {
        font-size: 19px;
    }
}
.page.prices .block-faq .block-questions .questions .question .content .table table tbody tr td {
    font-family: "Inter-Medium";
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    padding: 10px;
}
@media (max-width: 768px) {
    .page.prices .block-faq .block-questions .questions .question .content .table table tbody tr td {
        font-size: 17px;
    }
}
.page.prices .block-faq .block-questions .questions .question .content .table table tbody tr td span {
    font-family: "Inter-Light";
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
}
@media (max-width: 768px) {
    .page.prices .block-faq .block-questions .questions .question .content .table table tbody tr td span {
        font-size: 17px;
    }
}
.page.prices .block-faq .block-questions .questions .question .content .table table tbody tr td small {
    font-family: var(--font-main);
    font-size: 25px;
    line-height: 130%;
    opacity: 0.52;
}
@media (max-width: 768px) {
    .page.prices .block-faq .block-questions .questions .question .content .table table tbody tr td small {
        font-size: 17px;
    }
}
.page.prices .block-faq .block-questions .questions .question .content .bg-yellow {
    background: var(--yellow);
    border-radius: 35px;
    padding: 20px;
}
.page.prices .block-faq .block-questions .questions .question .content .bg-yellow .title-w {
    font-family: "Inter-SemiBold";
    font-size: 28px;
    line-height: 130%;
    color: #fff;
}
@media (max-width: 768px) {
    .page.prices .block-faq .block-questions .questions .question .content .bg-yellow .title-w {
        font-size: 17px;
    }
}
.page.prices .block-faq .block-questions .questions .question .content .bg-yellow .title-w ~ small {
    color: #fff;
}
.page.prices .block-faq .block-questions .questions .question .content .bg-yellow .text-w {
    color: #fff;
}
.page.prices .block-faq .block-questions .questions .question .content .bg-yellow h4 {
    font-family: "Inter-Light";
    font-size: 23px;
    line-height: 130%;
    color: #2f2f2f;
}
@media (max-width: 768px) {
    .page.prices .block-faq .block-questions .questions .question .content .bg-yellow h4 {
        font-size: 17px;
    }
}
.page.prices .block-faq .block-questions .questions .question .content .bg-yellow ul li {
    font-family: "Inter-Light";
    font-size: 23px;
    line-height: 130%;
    color: #2f2f2f;
    list-style: disc;
    margin-left: 2rem;
}
.page.prices .block-faq .block-questions .questions .question .content .bg-yellow ul li:not(:first-child) {
    margin-top: 10px;
}
@media (max-width: 768px) {
    .page.prices .block-faq .block-questions .questions .question .content .bg-yellow ul li {
        font-size: 16px;
    }
}
.page.prices .block-faq .block-questions .questions .question .content .text-gray {
    color: #2f2f2f;
    opacity: 0.52;
}
.page.prices .block-faq .block-questions .questions .question .content .text-center {
    text-align: center !important;
}
.page.attractions {
    padding-bottom: 50px;
}
@media (max-width: 768px) {
    .page.attractions {
        padding-bottom: 100px;
    }
}
@media (max-width: 992px) {
    .page.attractions .block-banner .block-heroes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.page.attractions .block-banner .block-heroes .hero.tiki .img {
    right: -100%;
    opacity: 0;
    -webkit-animation: rightTikiPinata 1s forwards 1s;
    animation: rightTikiPinata 1s forwards 1s;
}
@-webkit-keyframes rightTikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightTikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.page.attractions .block-banner .block-heroes .hero.viki .img {
    right: -100%;
    opacity: 0;
    -webkit-animation: rightVikiPinata 1s forwards 1s;
    animation: rightVikiPinata 1s forwards 1s;
}
@-webkit-keyframes rightVikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightVikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.page.attractions .block-banner .bg-img {
    overflow: unset;
    padding: 50px 30px 40px;
}
.page.attractions .block-banner .bg-img .title {
    font-size: 108.51px;
}
@media (max-width: 992px) {
    .page.attractions .block-banner .bg-img .title {
        font-size: 75px;
    }
}
@media (max-width: 768px) {
    .page.attractions .block-banner .bg-img .title {
        font-size: 45px;
    }
}
@media (max-width: 480px) {
    .page.attractions .block-banner .bg-img .title {
        font-size: 28px;
    }
}
.page.attractions .block-banner .bg-img .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.page.attractions .block-banner .bg-img .body .text {
    font-size: 26px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: left;
}
@media (max-width: 768px) {
    .page.attractions .block-banner .bg-img .body .text {
        font-size: 17px;
        font-family: "Inter-Light";
        color: #2c2c2c;
    }
}
@media (max-width: 992px) {
    .page.attractions .block-banner .bg-img .body .text {
        text-align: center;
    }
}
.page.attractions .block-banner .bg-img .body .img-3d {
    width: 271.29px;
    height: 348.8px;
    margin-left: 20px;
    position: relative;
    left: -100%;
    opacity: 0;
    -webkit-animation: leftModel3d 1s forwards 1s;
    animation: leftModel3d 1s forwards 1s;
}
@-webkit-keyframes leftModel3d {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}
@keyframes leftModel3d {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}
@media (max-width: 1200px) {
    .page.attractions .block-banner .bg-img .body .img-3d {
        width: 200px;
        height: 300px;
        margin-left: 0;
    }
}
@media (max-width: 992px) {
    .page.attractions .block-banner .bg-img .body .img-3d {
        display: none;
    }
}
.page.attractions .block-banner .bg-img .body .img-3d img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.attractions .block-banner .bg-img .content {
    margin-top: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 992px) {
    .page.attractions .block-banner .bg-img .content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 1200px) {
    .page.attractions .block-banner .bg-img .content .block-heroes {
        margin-top: 100px;
    }
}
@media (max-width: 992px) {
    .page.attractions .block-banner .bg-img .content .block-heroes {
        margin-top: 200px;
    }
}
@media (max-width: 768px) {
    .page.attractions .block-banner .bg-img .content .block-heroes {
        margin: 120px -5px 0;
    }
}
@media (max-width: 480px) {
    .page.attractions .block-banner .bg-img .content .block-heroes {
        margin: 50px -5px 0;
    }
}
.page.attractions .block-banner .bg-img .content .block-heroes .hero {
    width: 433px;
    height: 356px;
    border-radius: 48.29px;
    margin-left: 20px;
}
@media (max-width: 1440px) {
    .page.attractions .block-banner .bg-img .content .block-heroes .hero {
        width: 350px;
        height: 270px;
    }
}
@media (max-width: 1200px) {
    .page.attractions .block-banner .bg-img .content .block-heroes .hero {
        width: 300px;
        height: 220px;
    }
}
@media (max-width: 768px) {
    .page.attractions .block-banner .bg-img .content .block-heroes .hero {
        width: 204.28px;
        height: 167.95px;
        border-radius: 22.78px;
        margin-left: 0;
    }
}
@media (max-width: 480px) {
    .page.attractions .block-banner .bg-img .content .block-heroes .hero {
        width: 125px;
        height: 150px;
    }
}
.page.attractions .block-banner .bg-img .content .block-heroes .hero.tiki .img {
    width: 537px;
    z-index: 1;
    margin-right: -2rem;
}
@media (max-width: 1440px) {
    .page.attractions .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 450px;
    }
}
@media (max-width: 1200px) {
    .page.attractions .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 400px;
    }
}
@media (max-width: 768px) {
    .page.attractions .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 278.14px;
    }
}
@media (max-width: 480px) {
    .page.attractions .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 200px;
    }
}
.page.attractions .block-banner .bg-img .content .block-heroes .hero.viki .img {
    width: 476px;
    margin-right: -1.5rem;
}
@media (max-width: 1440px) {
    .page.attractions .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 390px;
    }
}
@media (max-width: 1200px) {
    .page.attractions .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 340px;
    }
}
@media (max-width: 768px) {
    .page.attractions .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 246.52px;
    }
}
@media (max-width: 480px) {
    .page.attractions .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 180px;
    }
}
.page.attractions .block-attractions.anim .attraction {
    -webkit-animation: showBlocks 0.5s forwards 0.5s;
    animation: showBlocks 0.5s forwards 0.5s;
}
@-webkit-keyframes showBlocks {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBlocks {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.attractions .block-attractions .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 40px -15px 0;
}
@media (max-width: 768px) {
    .page.attractions .block-attractions .blocks {
        margin: 30px -10px 0;
    }
}
@media (max-width: 480px) {
    .page.attractions .block-attractions .blocks {
        margin: 10px -5px 0;
    }
}
.page.attractions .block-attractions .attraction {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    display: block;
    margin-top: 10px;
    padding: 0 15px;
    opacity: 0;
}
@media (max-width: 768px) {
    .page.attractions .block-attractions .attraction {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        margin-top: 20px;
        padding: 0 10px;
    }
}
@media (max-width: 768px) {
    .page.attractions .block-attractions .attraction {
        padding: 0 5px;
    }
}
.page.attractions .block-attractions .attraction:hover,
.page.attractions .block-attractions .attraction:focus {
    opacity: 0.5;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.page.attractions .block-attractions .attraction .img {
    min-width: 243px;
    height: 215px;
    border-radius: 10.9px;
    padding: 30px;
}
@media (max-width: 768px) {
    .page.attractions .block-attractions .attraction .img {
        min-width: 132.39px;
        height: 117.13px;
        padding: 20px;
    }
}
@media (max-width: 480px) {
    .page.attractions .block-attractions .attraction .img {
        min-width: 85px;
        height: 85px;
        padding: 15px;
    }
}
.page.attractions .block-attractions .attraction .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.attractions .block-attractions .attraction .title-name {
    font-family: var(--font-accent);
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    margin-top: 15px;
    white-space: pre-line;
    text-align: center;
}
@media (max-width: 768px) {
    .page.attractions .block-attractions .attraction .title-name {
        font-size: 13.62px;
    }
}
@media (max-width: 480px) {
    .page.attractions .block-attractions .attraction .title-name {
        font-size: 10px;
    }
}
@media (max-width: 768px) {
    .page.attractions ~ .footer {
        display: none;
    }
}
.page.magic-room .block-video {
    height: 85vh;
    overflow: hidden;
    position: relative;
}
@media (max-width: 768px) {
    .page.magic-room .block-video {
        height: 370px;
        position: relative;
        bottom: -1px;
    }
    .page.magic-room .block-video::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        background: #fff;
    }
}
.page.magic-room .block-video .body {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
}
@media (max-width: 768px) {
    .page.magic-room .block-video .body {
        bottom: 35px;
    }
}
.page.magic-room .block-video .body .title {
    font-size: 50px;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    top: -100vh;
    opacity: 0;
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes topTitle {
    0% {
        top: -100vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topTitle {
    0% {
        top: -100vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.magic-room .block-video .body .title {
        font-size: 25px;
        margin-bottom: 65px;
    }
}
.page.magic-room .block-video .body .block-buttons {
    opacity: 0;
    -webkit-animation: showButtons 0.75s forwards 0.75s;
    animation: showButtons 0.75s forwards 0.75s;
    display: flex;
    justify-content: center;
}
.page.magic-room .block-video .body .block-buttons a {
    margin: 0 20px;
}
@-webkit-keyframes showButtons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showButtons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.magic-room .block-video .body .block-buttons .btn.btn-yellow {
    -webkit-box-shadow: 0 0 20px 0 #febd3d;
    box-shadow: 0 0 20px 0 #febd3d;
}
.page.magic-room .block-video .body .block-buttons .btn.btn-arrow {
    min-width: 71.46px;
    max-width: 71.46px;
    height: 71.46px;
    -webkit-box-shadow: 0 0 20px 0 #febd3d;
    box-shadow: 0 0 20px 0 #febd3d;
}
@media (max-width: 768px) {
    .page.magic-room .block-video .body .block-buttons .btn.btn-arrow {
        min-width: 44.03px;
        max-width: 44.03px;
        height: 44.03px;
    }
}
.page.magic-room .block-video .body .block-buttons .btn.light-pink {
    -webkit-box-shadow: 0 0 20px 0 #f5b0d0;
    box-shadow: 0 0 20px 0 #f5b0d0;
}
.page.magic-room .block-magic-room {
    padding-top: 40px;
}
@media (max-width: 768px) {
    .page.magic-room .block-magic-room {
        padding-top: 20px;
    }
}
.page.magic-room .block-magic-room .title {
    position: relative;
    top: -10vh;
    opacity: 0;
}
.page.magic-room .block-magic-room .title.anim {
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes topTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.magic-room .block-magic-room .block-img {
    opacity: 0;
}
.page.magic-room .block-magic-room .block-img.anim {
    -webkit-animation: showBlockImg 0.75s forwards 0.75s;
    animation: showBlockImg 0.75s forwards 0.75s;
}
@-webkit-keyframes showBlockImg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBlockImg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.magic-room .block-magic-room .block-img {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        height: 248px;
        border-radius: 40px;
    }
}
.page.magic-room .block-magic-room .block-desc.anim p:first-child {
    -webkit-animation: str1 0.5s forwards 0.5s;
    animation: str1 0.5s forwards 0.5s;
}
@-webkit-keyframes str1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes str1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.magic-room .block-magic-room .block-desc.anim p:last-child {
    -webkit-animation: str1 0.75s forwards 0.75s;
    animation: str1 0.75s forwards 0.75s;
}
@-webkit-keyframes str1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes str1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.magic-room .block-magic-room .block-desc p:first-child {
    opacity: 0;
}
.page.magic-room .block-magic-room .block-desc p:last-child {
    opacity: 0;
}
@media (min-width: 769px) {
    .page.magic-room .block-magic-room .block-buttons {
        opacity: 0;
    }
    .page.magic-room .block-magic-room .block-buttons.anim {
        -webkit-animation: showButtons 0.5s forwards 0.5s;
        animation: showButtons 0.5s forwards 0.5s;
    }
    @-webkit-keyframes showButtons {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes showButtons {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
}
@media (max-width: 768px) {
    .page.magic-room .block-magic-room .block-buttons {
        margin-top: 30px;
    }
    .page.magic-room .block-magic-room .block-buttons.anim .buttons .btn.btn1 {
        -webkit-animation: showBtn1 0.5s forwards 0.5s;
        animation: showBtn1 0.5s forwards 0.5s;
    }
    @-webkit-keyframes showBtn1 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes showBtn1 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .page.magic-room .block-magic-room .block-buttons.anim .buttons .btn.btn2 {
        -webkit-animation: showBtn2 0.6s forwards 0.6s;
        animation: showBtn2 0.6s forwards 0.6s;
    }
    @-webkit-keyframes showBtn2 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes showBtn2 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .page.magic-room .block-magic-room .block-buttons.anim .buttons .btn.btn3 {
        -webkit-animation: showBtn3 0.7s forwards 0.7s;
        animation: showBtn3 0.7s forwards 0.7s;
    }
    @-webkit-keyframes showBtn3 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes showBtn3 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .page.magic-room .block-magic-room .block-buttons.anim .buttons .btn.btn4 {
        -webkit-animation: showBtn4 0.8s forwards 0.8s;
        animation: showBtn4 0.8s forwards 0.8s;
    }
    @-webkit-keyframes showBtn4 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes showBtn4 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .page.magic-room .block-magic-room .block-buttons.anim .buttons .btn.btn5 {
        -webkit-animation: showBtn5 0.9s forwards 0.9s;
        animation: showBtn5 0.9s forwards 0.9s;
    }
    @-webkit-keyframes showBtn5 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes showBtn5 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .page.magic-room .block-magic-room .block-buttons.anim .buttons .btn.btn6 {
        -webkit-animation: showBtn6 1s forwards 1s;
        animation: showBtn6 1s forwards 1s;
    }
    @-webkit-keyframes showBtn6 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes showBtn6 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .page.magic-room .block-magic-room .block-buttons .buttons {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .page.magic-room .block-magic-room .block-buttons .buttons .btn {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        padding: 0 20px;
        opacity: 0;
        position: relative;
    }
}
@media (max-width: 768px) and (max-width: 480px) {
    .page.magic-room .block-magic-room .block-buttons .buttons .btn {
        font-size: 12px;
    }
}
@media (max-width: 768px) {
    .page.magic-room .block-magic-room .block-buttons .buttons .btn.btn1 {
        -webkit-transform: rotate(3.78deg);
        -ms-transform: rotate(3.78deg);
        transform: rotate(3.78deg);
        left: calc(100% - 50vw);
    }
}
@media (max-width: 768px) {
    .page.magic-room .block-magic-room .block-buttons .buttons .btn.btn2 {
        -webkit-transform: rotate(-2.23deg);
        -ms-transform: rotate(-2.23deg);
        transform: rotate(-2.23deg);
    }
}
@media (max-width: 768px) {
    .page.magic-room .block-magic-room .block-buttons .buttons .btn.btn3 {
        -webkit-transform: rotate(-9.23deg);
        -ms-transform: rotate(-9.23deg);
        transform: rotate(-9.23deg);
        left: 2rem;
    }
}
@media (max-width: 768px) {
    .page.magic-room .block-magic-room .block-buttons .buttons .btn.btn4 {
        -webkit-transform: rotate(-3.36deg);
        -ms-transform: rotate(-3.36deg);
        transform: rotate(-3.36deg);
        left: calc(100% - 60vw);
    }
}
@media (max-width: 768px) {
    .page.magic-room .block-magic-room .block-buttons .buttons .btn.btn5 {
        -webkit-transform: rotate(2.16deg);
        -ms-transform: rotate(2.16deg);
        transform: rotate(2.16deg);
    }
}
@media (max-width: 768px) {
    .page.magic-room .block-magic-room .block-buttons .buttons .btn.btn6 {
        left: calc(100% - 80vw);
    }
}
.page.magic-room .interactiv-room {
    position: relative;
    padding: 50px 0;
}
.page.magic-room .interactiv-room.anim .body .blocks {
    -webkit-animation: showBlocks 0.5s forwards 0.5s;
    animation: showBlocks 0.5s forwards 0.5s;
}
@-webkit-keyframes showBlocks {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBlocks {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.magic-room .interactiv-room.anim .body .img-line {
    -webkit-animation: rotateImgLine 0.75s forwards 0.75s;
    animation: rotateImgLine 0.75s forwards 0.75s;
}
@-webkit-keyframes rotateImgLine {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
}
@keyframes rotateImgLine {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
}
.page.magic-room .interactiv-room.anim .img-3d {
    -webkit-animation: topShowImg3d 1.5s forwards 1.5s;
    animation: topShowImg3d 1.5s forwards 1.5s;
}
@-webkit-keyframes topShowImg3d {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topShowImg3d {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.magic-room .interactiv-room.anim .img-3d {
        -webkit-animation: topShowImg3dm 1.5s forwards 1.5s;
        animation: topShowImg3dm 1.5s forwards 1.5s;
    }
    @-webkit-keyframes topShowImg3dm {
        0% {
            top: -10vh;
            opacity: 0;
        }
        100% {
            top: 20%;
            opacity: 1;
        }
    }
    @keyframes topShowImg3dm {
        0% {
            top: -10vh;
            opacity: 0;
        }
        100% {
            top: 20%;
            opacity: 1;
        }
    }
}
@-webkit-keyframes leftTitle {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}
@keyframes leftTitle {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.magic-room .interactiv-room .title {
        display: block;
        text-align: left;
        position: relative;
        left: -100%;
        opacity: 0;
        -webkit-animation: leftTitle 0.5s forwards 0.5s;
        animation: leftTitle 0.5s forwards 0.5s;
    }
}
.page.magic-room .interactiv-room .body .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0;
}
.page.magic-room .interactiv-room .body .blocks .block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
}
@media (max-width: 768px) {
    .page.magic-room .interactiv-room .body .blocks .block {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}
.page.magic-room .interactiv-room .body .blocks .block.block1 {
    padding-top: 50px;
}
@media (max-width: 768px) {
    .page.magic-room .interactiv-room .body .blocks .block.block1 {
        padding-top: 200px;
        padding-right: 50px;
    }
}
.page.magic-room .interactiv-room .body .blocks .block.block2 {
    padding-top: 180px;
}
@media (max-width: 768px) {
    .page.magic-room .interactiv-room .body .blocks .block.block2 {
        padding-top: 50px;
        padding-left: 50px;
    }
}
.page.magic-room .interactiv-room .body .blocks .block.block3 {
    margin-top: -3rem;
    margin-left: 5rem;
    padding-left: 50px;
}
@media (max-width: 768px) {
    .page.magic-room .interactiv-room .body .blocks .block.block3 {
        margin: 0;
        padding-top: 50px;
        padding-left: 0;
        padding-right: 50px;
    }
}
.page.magic-room .interactiv-room .body .blocks .block .head {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    border-radius: 50px;
    background: var(--purple);
    font-family: "Inter-Medium";
    font-size: 30px;
    line-height: 130%;
    color: #fff;
    padding: 5px 20px;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .page.magic-room .interactiv-room .body .blocks .block .head {
        font-size: 22px;
        border-radius: 40.24px;
    }
}
.page.magic-room .interactiv-room .body .blocks .block .text {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    border-radius: 50px;
    background: rgba(143, 158, 228, 0.212);
    font-family: "Inter-Light";
    font-size: 20px;
    line-height: 130%;
    color: #2f2f2f;
    margin-top: 5px;
    padding: 10px 20px;
}
@media (max-width: 768px) {
    .page.magic-room .interactiv-room .body .blocks .block .text {
        margin-top: 20px;
        font-size: 16px;
        border-radius: 40.24px;
    }
}
.page.magic-room .interactiv-room .body .img-line {
    width: 207.82px;
    height: 120.48px;
    position: absolute;
    right: 0;
    bottom: 18%;
    left: 0;
    margin: auto;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0;
}
@media (max-width: 768px) {
    .page.magic-room .interactiv-room .body .img-line {
        width: 150.73px;
        height: 87.38px;
        right: unset;
        bottom: 25%;
        left: -3rem;
    }
}
.page.magic-room .interactiv-room .body .img-line img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.magic-room .interactiv-room .img-3d {
    width: 540px;
    height: 540px;
    position: absolute;
    right: -5rem;
    top: -10vh;
    opacity: 0;
}
@media (max-width: 768px) {
    .page.magic-room .interactiv-room .img-3d {
        width: 400px;
        height: 400px;
        top: 20%;
        right: -25%;
    }
}
.page.magic-room .interactiv-room .img-3d img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.magic-room .by-ticket {
    padding-top: 20px;
}
.page.magic-room .by-ticket .title {
    position: relative;
    opacity: 0;
    top: -10vh;
}
.page.magic-room .by-ticket.anim .block-container {
    -webkit-animation: showContainer 0.5s forwards 0.5s;
    animation: showContainer 0.5s forwards 0.5s;
}
@-webkit-keyframes showContainer {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showContainer {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.magic-room .by-ticket.anim .title {
    -webkit-animation: topTitle 0.75s forwards 0.75s;
    animation: topTitle 0.75s forwards 0.75s;
}
@-webkit-keyframes topTitle {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@keyframes topTitle {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
.page.magic-room .by-ticket.anim .sphere {
    -webkit-animation: leftImg 1s forwards 1s;
    animation: leftImg 1s forwards 1s;
}
@-webkit-keyframes leftImg {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: -150px;
    }
}
@keyframes leftImg {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: -150px;
    }
}
.page.magic-room .by-ticket .block-container {
    padding: 40px 20px 30px;
    opacity: 0;
}
@media (max-width: 768px) {
    .page.magic-room .by-ticket .block-container {
        border-radius: 30px;
    }
}
.page.magic-room .by-ticket .block-container::after {
    right: 0;
}
.page.magic-room .by-ticket .block-container .body .block-btn-arrow {
    margin: 10px auto 0;
}
@media (max-width: 768px) {
    .page.magic-room .by-ticket .block-container .body .block-btn-arrow {
        margin: 20px auto 0;
    }
}
@media (max-width: 768px) {
    .page.magic-room .by-ticket .block-container .body .block-btn-arrow .btn.btn-arrow {
        min-width: 48.6px;
        max-width: 48.6px;
        height: 48.6px;
    }
}
.page.magic-room .by-ticket .sphere {
    width: 330px;
    height: 330px;
    position: absolute;
    bottom: -50px;
    opacity: 0;
    left: -100%;
}
@media (max-width: 768px) {
    .page.magic-room .by-ticket .sphere {
        width: 174px;
        height: 174px;
        bottom: -3rem;
        left: -3.5rem;
    }
}
.page.magic-room .by-ticket .sphere img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.magic-room .block-faq {
    padding: 0;
}
@media (max-width: 768px) {
    .page.magic-room .block-faq {
        padding: 0 0 50px;
    }
}
@media (max-width: 768px) {
    .page.magic-room ~ .footer {
        display: none;
    }
}
.page.attraction-simple {
    position: relative;
    -webkit-box-shadow: inset 0 20px 41px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 20px 41px rgba(0, 0, 0, 0.1);
    padding: 50px 0 100px;
}
@media (max-width: 768px) {
    .page.attraction-simple {
        padding: 50px 0;
    }
}
.page.attraction-simple .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page.attraction-simple .w-50 {
    margin-top: 35px;
}
.page.attraction-simple .text {
    font-family: "Inter-Light";
    font-size: 23px;
    line-height: 130%;
    text-align: center;
    padding: 20px;
    border-radius: 0;
}
@media (max-width: 768px) {
    .page.attraction-simple .text {
        font-size: 17px;
        text-align: left;
        padding: 0;
    }
}
.page.attraction-simple .text a {
    font-family: "Inter-Semibold";
    font-size: 23px;
    line-height: 130%;
    color: #ff9cca;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 5px;
}
@media (max-width: 768px) {
    .page.attraction-simple .text a {
        font-size: 17px;
        margin-bottom: 10px;
    }
}
.page.attraction-simple .block-buttons {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    margin: 35px 0 auto;
}
.page.attraction-simple .block-buttons a {
    margin: 0 20px;
}
@media (max-width: 768px) {
    .page.attraction-simple .block-btn-arrow .btn.btn-arrow {
        min-width: 48.6px;
        max-width: 48.6px;
        height: 48.6px;
    }
    .page.attraction-simple .block-buttons {
        flex-wrap: wrap;
    }
    .page.attraction-simple .block-buttons a {
        margin: 10px 20px;
    }
}
.page.attraction-simple .img3d {
    width: 245.75px;
    height: 315.97px;
    position: absolute;
    bottom: -50px;
    right: 0;
}
.page.attraction-simple .img3d img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 768px) {
    .page.attraction-simple ~ .footer {
        display: none;
    }
}
.page.holiday-animators .block-banner .title {
    position: relative;
    top: -100vh;
    opacity: 0;
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
.page.holiday-animators .block-banner .text {
    opacity: 0;
    -webkit-animation: showText 1s forwards 1s;
    animation: showText 1s forwards 1s;
}
.page.holiday-animators .block-banner .block-buttons {
    opacity: 0;
    -webkit-animation: showText 1.5s forwards 1.5s;
    animation: showText 1.5s forwards 1.5s;
}
.page.holiday-animators .block-banner .block-heroes {
    padding-top: 20px;
}
@media (max-width: 992px) {
    .page.holiday-animators .block-banner .block-heroes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.page.holiday-animators .block-banner .block-heroes .hero.tiki .img {
    right: -100%;
    opacity: 0;
    -webkit-animation: rightTikiPinata 1s forwards 1s;
    animation: rightTikiPinata 1s forwards 1s;
}
@-webkit-keyframes rightTikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightTikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.page.holiday-animators .block-banner .block-heroes .hero.viki .img {
    right: -100%;
    opacity: 0;
    -webkit-animation: rightVikiPinata 1s forwards 1s;
    animation: rightVikiPinata 1s forwards 1s;
}
@-webkit-keyframes rightVikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes rightVikiPinata {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.page.holiday-animators .block-banner .bg-img {
    padding: 50px 30px 20px;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-banner .bg-img {
        padding: 40px 10px 20px;
    }
}
.page.holiday-animators .block-banner .bg-img .title {
    font-size: 50px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 992px) {
    .page.holiday-animators .block-banner .bg-img .title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .block-banner .bg-img .title {
        font-size: 26px;
    }
}
.page.holiday-animators .block-banner .bg-img .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-banner .bg-img .body {
        -ms-flex-item-align: center;
        align-self: center;
    }
}
.page.holiday-animators .block-banner .bg-img .body .text {
    font-size: 26px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: left;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-banner .bg-img .body .text {
        font-size: 17px;
        font-family: "Inter-Light";
        color: #2c2c2c;
    }
}
@media (max-width: 992px) {
    .page.holiday-animators .block-banner .bg-img .body .text {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .block-banner .bg-img .body .text {
        -ms-flex-item-align: center;
        align-self: center;
    }
}
.page.holiday-animators .block-banner .bg-img .content {
    margin-top: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 992px) {
    .page.holiday-animators .block-banner .bg-img .content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .block-banner .bg-img .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (max-width: 1200px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes {
        margin-top: 100px;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes {
        margin: 50px -5px 0;
    }
}
@media (max-width: 480px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes {
        margin: 35px -5px 0;
    }
}
.page.holiday-animators .block-banner .bg-img .content .block-heroes .hero {
    width: 420.97px;
    height: 346.11px;
    border-radius: 46.94px;
    margin-left: 20px;
}
@media (max-width: 1440px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes .hero {
        width: 350px;
        height: 270px;
    }
}
@media (max-width: 1200px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes .hero {
        width: 300px;
        height: 220px;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes .hero {
        width: 204.28px;
        height: 167.95px;
        border-radius: 22.78px;
        margin-left: 0;
    }
}
@media (max-width: 480px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes .hero {
        width: 125px;
        height: 150px;
    }
}
.page.holiday-animators .block-banner .bg-img .content .block-heroes .hero.tiki .img {
    width: 549.63px;
    z-index: 1;
    margin-right: -2rem;
}
@media (max-width: 1440px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 450px;
    }
}
@media (max-width: 1200px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 400px;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 278.14px;
    }
}
@media (max-width: 480px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes .hero.tiki .img {
        width: 200px;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes .hero.viki {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}
.page.holiday-animators .block-banner .bg-img .content .block-heroes .hero.viki .img {
    width: 450px;
    margin-right: -2rem;
}
@media (max-width: 1440px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 350px;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 300px;
    }
}
@media (max-width: 480px) {
    .page.holiday-animators .block-banner .bg-img .content .block-heroes .hero.viki .img {
        width: 220px;
    }
}
.page.holiday-animators .kids-holiday .blocks .block .block__bg {
    opacity: 0;
}
.page.holiday-animators .kids-holiday .blocks .block.block2 .block__img {
    position: relative;
    top: 100vh;
    opacity: 0;
}
.page.holiday-animators .kids-holiday.anim .blocks .block__bg {
    -webkit-animation: showBlock 0.5s forwards 0.5s;
    animation: showBlock 0.5s forwards 0.5s;
}
@-webkit-keyframes showBlock {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBlock {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.holiday-animators .kids-holiday.anim .blocks .block.block2 .block__img {
    -webkit-animation: topSpaco 1s forwards 1s;
    animation: topSpaco 1s forwards 1s;
}
@-webkit-keyframes topSpaco {
    0% {
        top: 100vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topSpaco {
    0% {
        top: 100vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .kids-holiday {
        padding-top: 35px;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .kids-holiday .title {
        font-size: 24px;
    }
}
.page.holiday-animators .kids-holiday .blocks {
    margin-top: -3rem;
}
@media (max-width: 992px) {
    .page.holiday-animators .kids-holiday .blocks {
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .kids-holiday .blocks {
        margin-top: 2rem;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .kids-holiday .blocks .block.block1 {
        position: relative;
        left: -20px;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .kids-holiday .blocks .block.block2 {
        z-index: 1;
        position: relative;
        right: -20px;
    }
}
.page.holiday-animators .kids-holiday .blocks .block.block2 .block__img {
    margin: 0 auto -2rem;
}
@media (max-width: 768px) {
    .page.holiday-animators .kids-holiday .blocks .block.block2 .block__img {
        position: relative;
        margin: 0 auto;
    }
    .kids-holiday .blocks .block__img img {
        width: auto !important;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .kids-holiday .blocks .block.block3 {
        position: relative;
        left: -20px;
    }
}
.page.holiday-animators .kids-holiday .blocks .block__bg {
    min-height: 550px !important;
    padding: 80px 20px 50px !important;
}
@media (max-width: 768px) {
    .page.holiday-animators .kids-holiday .blocks .block__bg {
        min-height: 350px !important;
    }
}
.page.holiday-animators .kids-holiday .blocks .block__title {
    font-family: var(--font-accent);
    font-size: 37px;
    line-height: 130%;
}
@media (max-width: 768px) {
    .page.holiday-animators .kids-holiday .blocks .block__title {
        font-size: 24px;
    }
}
.page.holiday-animators .kids-holiday .blocks .block__img {
    margin: 0 auto -30px;
    -webkit-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
.page.holiday-animators .block-animators {
    padding-top: 80px;
}
.page.holiday-animators .block-animators .title.anim {
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes topTitle {
    0% {
        top: -100vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topTitle {
    0% {
        top: -100vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.holiday-animators .block-animators .title.anim ~ .subtitle {
    -webkit-animation: showSubtitle 1s forwards 1s;
    animation: showSubtitle 1s forwards 1s;
}
@-webkit-keyframes showSubtitle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showSubtitle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.holiday-animators .block-animators .animators.anim .animator-img {
    -webkit-animation: showAnimatorImg 1s forwards 1s;
    animation: showAnimatorImg 1s forwards 1s;
}
@-webkit-keyframes showAnimatorImg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showAnimatorImg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.holiday-animators .block-animators .animators.anim .animator-name {
    -webkit-animation: showAnimatorName 1.5s forwards 1.5s;
    animation: showAnimatorName 1.5s forwards 1.5s;
}
@-webkit-keyframes showAnimatorName {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showAnimatorName {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.holiday-animators .block-animators .title {
    position: relative;
    top: -100vh;
    opacity: 0;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-animators .title {
        font-size: 26px;
    }
}
.page.holiday-animators .block-animators .subtitle {
    font-family: "Inter-Light";
    font-size: 25px;
    line-height: 130%;
    text-align: center;
    margin-top: 20px;
    opacity: 0;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-animators .subtitle {
        font-size: 16px;
    }
}
.page.holiday-animators .block-animators .animators {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 35px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-animators .animators {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-y: hidden;
        margin-right: -20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.page.holiday-animators .block-animators .animators .animator {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 487.09px;
    margin: 65px 10px 0;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-animators .animators .animator {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-top: 50px;
        min-width: 85%;
    }
    .page.holiday-animators .block-animators .animators .animator:not(:first-child) {
        margin-left: 20px;
    }
}
.page.holiday-animators .block-animators .animators .animator .bg-color {
    background-color: #e4f4fd;
    border-radius: 55.35px;
    height: 592.26px;
    position: relative;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-animators .animators .animator .bg-color {
        height: 422.96px;
        border-radius: 39.53px;
    }
}
.page.holiday-animators .block-animators .animators .animator .bg-color .animator-img {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    height: 650px;
    opacity: 0;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-animators .animators .animator .bg-color .animator-img {
        bottom: 30px;
        height: 100%;
        width: 100%;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.page.holiday-animators .block-animators .animators .animator .bg-color .animator-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.holiday-animators .block-animators .animators .animator .animator-name {
    font-family: var(--font-accent);
    font-size: 35px;
    line-height: 130%;
    margin-top: 20px;
    text-align: center;
    opacity: 0;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-animators .animators .animator .animator-name {
        font-size: 25px;
    }
}
.page.holiday-animators .block-animators .block-btn-arrow {
    margin: 50px auto 0;
    opacity: 0;
    -webkit-animation: showButton 1s forwards 1s;
    animation: showButton 1s forwards 1s;
}
@-webkit-keyframes showButton {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showButton {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.holiday-animators .block-animators .block-btn-arrow .btn.btn-yellow {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0 35px;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-animators .block-btn-arrow {
        margin-top: 35px;
    }
    .page.holiday-animators .block-animators .block-btn-arrow .btn.btn-yellow {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        padding: 0 20px;
    }
    .page.holiday-animators .block-animators .block-btn-arrow .btn.btn-arrow {
        min-width: 48.04px;
        max-width: 48.04px;
        height: 48.04px;
    }
}
.page.holiday-animators .block-bonus {
    margin: 0 auto;
    padding: 50px 0;
}
.page.holiday-animators .block-bonus.anim .block-container {
    -webkit-animation: showContainer 0.5s forwards 0.5s;
    animation: showContainer 0.5s forwards 0.5s;
}
@-webkit-keyframes showContainer {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showContainer {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page.holiday-animators .block-bonus.anim .title {
    -webkit-animation: topTitle 0.75s forwards 0.75s;
    animation: topTitle 0.75s forwards 0.75s;
}
@-webkit-keyframes topTitle {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@keyframes topTitle {
    0% {
        opacity: 0;
        top: -10vh;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
.page.holiday-animators .block-bonus.anim .img3d {
    -webkit-animation: leftImg 1s forwards 1s;
    animation: leftImg 1s forwards 1s;
}
@-webkit-keyframes leftImg {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}
@keyframes leftImg {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}
.page.holiday-animators .block-bonus .block-container {
    opacity: 0;
}
.page.holiday-animators .block-bonus .block-container .title {
    position: relative;
    top: -10vh;
    opacity: 0;
}
.page.holiday-animators .block-bonus .block-container::after {
    right: 0;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-bonus .block-container::after {
        right: -35px;
    }
}
.page.holiday-animators .block-bonus .block-container .block-btn-arrow .btn.btn-yellow {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0 35px;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-bonus .block-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .page.holiday-animators .block-bonus .block-container .body {
        width: 100%;
    }
}
.page.holiday-animators .block-bonus .img3d {
    width: 293px;
    height: 293px;
    position: absolute;
    bottom: -100px;
    left: 0;
    z-index: 1;
    left: -100%;
    opacity: 0;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-bonus .img3d {
        width: 182px;
        height: 182px;
        bottom: unset;
        left: unset !important;
        top: -2rem;
        right: -2rem;
        -webkit-transform: rotate(9.35deg);
        -ms-transform: rotate(9.35deg);
        transform: rotate(9.35deg);
    }
}
.page.holiday-animators .block-bonus .img3d img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page.holiday-animators .your-holiday {
    padding: 100px 0 65px;
}
@media (max-width: 768px) {
    .page.holiday-animators .your-holiday {
        padding: 20px 0 50px;
    }
}
.page.holiday-animators .your-holiday .subtitle {
    font-family: "Inter-Light";
    font-size: 25px;
    line-height: 130%;
    text-align: center;
    margin-top: 20px;
}
.page.holiday-animators .your-holiday .blocks .block .content .head .block-prices {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.page.holiday-animators .your-holiday .blocks .block .content .head .block-prices .block-price {
    border-radius: 30px 30px 30px 0;
}
.page.holiday-animators .your-holiday .blocks .block .content .body {
    min-height: 300px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.page.holiday-animators .legendary-holiday {
    padding-top: 30px;
}
.page.holiday-animators .block-conception {
    padding: 100px 0 150px;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-conception {
        padding: 50px 0;
    }
}
.page.holiday-animators .block-conception .block-title {
    z-index: 4;
}
.page.holiday-animators .block-conception .block-title h2 {
    font-size: 95px;
}
@media (max-width: 992px) {
    .page.holiday-animators .block-conception .block-title h2 {
        font-size: 75px;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .block-conception .block-title h2 {
        font-size: 36px;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .block-conception .blocks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.page.holiday-animators .block-conception .blocks .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-conception .blocks .block {
        width: 50% !important;
        padding: 50px 5px;
    }
}
@media (max-width: 480px) {
    .page.holiday-animators .block-conception .blocks .block {
        width: 65% !important;
    }
}
.page.holiday-animators .block-conception .blocks .block .title-head {
    font-family: var(--font-accent);
    font-size: 26px;
    line-height: 130%;
    text-align: center;
    z-index: 0;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-conception .blocks .block .title-head {
        font-size: 19px;
    }
}
@media (max-width: 480px) {
    .page.holiday-animators .block-conception .blocks .block .title-head {
        font-size: 14px;
    }
}
.page.holiday-animators .block-conception .blocks .block .text {
    font-size: 21px;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-conception .blocks .block .text {
        font-size: 16px;
    }
}
.page.holiday-animators .block-conception .blocks .block .line-bottom {
    display: none;
}
.page.holiday-animators .block-conception .blocks1 .block1 {
    width: 455.55px;
    height: 386.1px;
    -webkit-transform: rotate(-13.49deg);
    -ms-transform: rotate(-13.49deg);
    transform: rotate(-13.49deg);
    bottom: -20px;
    left: 0;
    z-index: 5;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-conception .blocks1 .block1 {
        -webkit-transform: rotate(4.72deg);
        -ms-transform: rotate(4.72deg);
        transform: rotate(4.72deg);
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}
.page.holiday-animators .block-conception .blocks1 .block2 {
    width: 452.44px;
    height: 381px;
    -webkit-transform: rotate(7.61deg);
    -ms-transform: rotate(7.61deg);
    transform: rotate(7.61deg);
    bottom: -70px;
    left: 0;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-conception .blocks1 .block2 {
        -webkit-transform: rotate(-4.19deg);
        -ms-transform: rotate(-4.19deg);
        transform: rotate(-4.19deg);
        bottom: -20px;
        z-index: 5;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}
.page.holiday-animators .block-conception .blocks1 .block3 {
    width: 452.44px;
    height: 381px;
    -webkit-transform: rotate(-9.82deg);
    -ms-transform: rotate(-9.82deg);
    transform: rotate(-9.82deg);
    bottom: -20px;
    left: 0;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-conception .blocks1 .block3 {
        -webkit-transform: rotate(2.96deg);
        -ms-transform: rotate(2.96deg);
        transform: rotate(2.96deg);
        z-index: 5;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}
.page.holiday-animators .block-conception .blocks2 .block1 {
    width: 452.44px;
    height: 381px;
    -webkit-transform: rotate(7.61deg);
    -ms-transform: rotate(7.61deg);
    transform: rotate(7.61deg);
    top: -20px;
    z-index: 5;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-conception .blocks2 .block1 {
        -webkit-transform: rotate(-8.34deg);
        -ms-transform: rotate(-8.34deg);
        transform: rotate(-8.34deg);
        z-index: 6;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}
.page.holiday-animators .block-conception .blocks2 .block2 {
    width: 452.44px;
    height: 381px;
    -webkit-transform: rotate(-15.11deg);
    -ms-transform: rotate(-15.11deg);
    transform: rotate(-15.11deg);
    top: 35px;
    z-index: 4;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-conception .blocks2 .block2 {
        -webkit-transform: rotate(3.92deg);
        -ms-transform: rotate(3.92deg);
        transform: rotate(3.92deg);
        top: 0;
        z-index: 5;
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin-right: 50px;
    }
}
.page.holiday-animators .block-conception .blocks2 .block3 {
    width: 452.44px;
    height: 381.38px;
    -webkit-transform: rotate(5.44deg);
    -ms-transform: rotate(5.44deg);
    transform: rotate(5.44deg);
    top: -40px;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-conception .blocks2 .block3 {
        -webkit-transform: rotate(2.7deg);
        -ms-transform: rotate(2.7deg);
        transform: rotate(2.7deg);
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}
.page.holiday-animators .ticker span {
    font-size: 220px;
    color: #cbeafa;
}
@media (max-width: 768px) {
    .page.holiday-animators .ticker span {
        font-size: 96.97px;
    }
}
.page.holiday-animators .block-faq {
    padding: 50px 0 0;
}
.page.holiday-animators .block-holiday {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 1439px) {
    .page.holiday-animators .block-holiday {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators .block-holiday {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.page.holiday-animators .block-holiday .container {
    margin: 0;
    padding: 0;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-holiday .container {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }
}
.page.holiday-animators .block-holiday .swiper {
    padding-left: 100px;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-holiday .swiper {
        padding: 0;
    }
    .page.holiday-animators .block-holiday .swiper.block-slider {
        margin: 0 auto;
    }
}
.page.holiday-animators .block-holiday .swiper .swiper-button-prev.btn-yellow,
.page.holiday-animators .block-holiday .swiper .swiper-button-next.btn-yellow {
    top: 42%;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-holiday .swiper .swiper-button-prev.btn-yellow,
    .page.holiday-animators .block-holiday .swiper .swiper-button-next.btn-yellow {
        display: none;
    }
}
.page.holiday-animators .block-holiday .blocks {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
}
.page.holiday-animators .block-holiday .blocks .block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0;
}
@media (max-width: 768px) {
    .page.holiday-animators .block-holiday .blocks .block {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .page.holiday-animators ~ .footer {
        display: none;
    }
}
.page.rules {
    padding-bottom: 120px;
    position: relative;
    overflow: hidden;
}
@media (max-width: 768px) {
    .page.rules {
        padding-bottom: 80px;
    }
}
.page.rules .bg-img {
    padding: 90px 30px 120px;
}
@media (max-width: 768px) {
    .page.rules .bg-img {
        padding: 50px 30px 70px;
    }
}
.page.rules .bg-img .title {
    font-size: 108.51px;
    margin: 0 auto;
}
@media (max-width: 992px) {
    .page.rules .bg-img .title {
        font-size: 65px;
    }
}
@media (max-width: 768px) {
    .page.rules .bg-img .title {
        font-size: 45px;
    }
}
.page.rules .block-faq {
    padding: 0 100px;
}
@media (max-width: 1200px) {
    .page.rules .block-faq {
        padding: 0 50px;
    }
}
@media (max-width: 768px) {
    .page.rules .block-faq {
        padding: 0;
    }
}
@media (max-width: 768px) {
    .page.rules .block-faq .block-questions {
        margin-top: 20px;
        padding: 0;
    }
}
.page.rules .block-faq .block-questions .questions .question .head {
    font-family: "Inter-Semibold";
    padding: 10px 50px 10px 0px;
}
@media (max-width: 768px) {
    .page.rules .block-faq .block-questions .questions .question .head {
        padding: 10px 15px;
    }
}
.page.rules .block-faq .block-questions .questions .question .text {
    font-size: 22px;
}
@media (max-width: 768px) {
    .page.rules .block-faq .block-questions .questions .question .text {
        font-size: 14px;
    }
}
.page.politics {
    position: relative;
    -webkit-box-shadow: inset 0 20px 41px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 20px 41px rgba(0, 0, 0, 0.1);
    padding: 70px 0 50px;
}
@media (max-width: 768px) {
    .page.politics {
        padding: 50px 0;
    }
}
.page.politics h1 {
    font-size: 50px;
}
@media (max-width: 768px) {
    .page.politics h1 {
        font-size: 25px;
    }
}
.page.politics h2 {
    font-family: "Inter-Semibold";
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
}
@media (max-width: 768px) {
    .page.politics h2 {
        font-size: 16px;
        color: #343434;
    }
}
.page.politics p {
    font-family: "Inter-Light";
    font-size: 22px;
    line-height: 130%;
    color: #2f2f2f;
}
@media (max-width: 768px) {
    .page.politics p {
        font-size: 14px;
    }
}
.page.politics strong {
    font-family: "Inter-Semibold";
}
.order.block-order {
    margin-top: 50px;
    padding-bottom: 30px;
}
.order.block-order.anim .text .head-title {
    -webkit-animation: topHeadTtile 0.5s forwards 0.5s;
    animation: topHeadTtile 0.5s forwards 0.5s;
}
@-webkit-keyframes topHeadTtile {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topHeadTtile {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.order.block-order.anim .text .body .head-title {
    -webkit-animation: topHeadTtile2 0.5s forwards 0.5s;
    animation: topHeadTtile2 0.5s forwards 0.5s;
}
@-webkit-keyframes topHeadTtile2 {
    0% {
        bottom: -10vh;
        opacity: 0;
    }
    100% {
        bottom: 0;
        opacity: 1;
    }
}
@keyframes topHeadTtile2 {
    0% {
        bottom: -10vh;
        opacity: 0;
    }
    100% {
        bottom: 0;
        opacity: 1;
    }
}
.order.block-order.anim .text .btn {
    -webkit-animation: showBtn 0.5s forwards 0.5s;
    animation: showBtn 0.5s forwards 0.5s;
}
@-webkit-keyframes showBtn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBtn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.order.block-order.anim .block-text .img {
    -webkit-animation: showImage 0.5s forwards 0.5s;
    animation: showImage 0.5s forwards 0.5s;
}
@-webkit-keyframes showImage {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showImage {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .order.block-order {
        padding-bottom: 20px;
    }
}
.order.block-order .block-video .video {
    height: auto;
}
.order.block-order .block-video .video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 768px) {
    .order.block-order .block-text {
        height: auto;
        border-radius: 33.21px;
        margin-top: 35px;
    }
}
.order.block-order .block-text::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/graduation/bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
}
.order.block-order .block-text .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 30px 50px;
    height: 100%;
}
@media (max-width: 1200px) {
    .order.block-order .block-text .text {
        padding: 20px;
    }
}
@media (max-width: 768px) {
    .order.block-order .block-text .text {
        padding: 30px;
    }
}
.order.block-order .block-text .text .head-title {
    font-family: var(--font-accent);
    font-size: 35px;
    line-height: 130%;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    top: -10vh;
    opacity: 0;
}
@media (max-width: 1200px) {
    .order.block-order .block-text .text .head-title {
        font-size: 28px;
    }
}
@media (max-width: 768px) {
    .order.block-order .block-text .text .head-title {
        font-size: 25px;
    }
}
@media (max-width: 480px) {
    .order.block-order .block-text .text .head-title {
        font-size: 18px;
    }
}
.order.block-order .block-text .text .btn {
    margin: 0 auto;
    opacity: 0;
}
.order.block-order .block-text .text .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.order.block-order .block-text .text .body .line {
    width: 254.61px;
    height: 226.61px;
    position: absolute;
    bottom: 25%;
    right: -5%;
}
.order.block-order .block-text .text .body .line img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.order.block-order .block-text .text .body .img {
    width: 345px;
    height: 304.84px;
    margin: 50px auto;
    opacity: 0;
}
@media (max-width: 1200px) {
    .order.block-order .block-text .text .body .img {
        margin: 0 auto;
    }
}
@media (max-width: 992px) {
    .order.block-order .block-text .text .body .img {
        width: 231px;
        height: 204.11px;
    }
}
@media (max-width: 480px) {
    .order.block-order .block-text .text .body .img {
        width: 100%;
        height: 100%;
    }
    .order.block-order .block-text .text .body .line {
        width: 169.95px;
        height: 151.25px;
        bottom: 20%;
        right: -10%;
    }
}
.order.block-order .block-text .text .body .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.order.block-order .block-text .text .body .head-title {
    margin-bottom: 20px;
    position: relative;
    top: unset;
    bottom: -10vh;
    opacity: 0;
}
.page.main .about.about-park .title {
    position: relative;
    top: -10vh;
    opacity: 0;
}
.page.main .about.about-park .title.anim {
    -webkit-animation: animTitle 0.5s forwards 0.5s;
    animation: animTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes animTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes animTitle {
    0% {
        top: 500px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.about-park .blocks .block.anim {
    background-color: #e4f4fd;
    padding-bottom: 20px;
}
.about-park .blocks .block.anim:hover,
.about-park .blocks .block.anim:focus {
    background-color: #8f9ee3;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.about-park .blocks .block.anim:hover.bg-lines::before,
.about-park .blocks .block.anim:focus.bg-lines::before {
    opacity: 1;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.about-park .blocks .block.anim:hover .body,
.about-park .blocks .block.anim:focus .body {
    opacity: 0;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.about-park .blocks .block.anim:hover .hide,
.about-park .blocks .block.anim:focus .hide {
    opacity: 1;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.block-conception {
    position: relative;
    padding: 50px 0;
}
@media (max-width: 768px) {
    .block-conception {
        padding: 50px 0 150px;
    }
}
@media (max-width: 768px) {
    .block-conception .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.block-conception .block-title {
    background: #e4f4fd;
    border-radius: 50px;
    position: relative;
    z-index: 3;
    padding: 30px 0;
}
@media (max-width: 768px) {
    .block-conception .block-title {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        border-radius: 40.49px;
    }
}
.block-conception .block-title h2 {
    font-size: 165px;
    line-height: 130%;
    color: var(--pink);
    font-family: var(--font-accent);
    text-align: center;
}
@media (max-width: 1200px) {
    .block-conception .block-title h2 {
        font-size: 120px;
    }
}
@media (max-width: 992px) {
    .block-conception .block-title h2 {
        font-size: 90px;
    }
}
@media (max-width: 768px) {
    .block-conception .block-title h2 {
        font-size: 60px;
    }
}
@media (max-width: 480px) {
    .block-conception .block-title h2 {
        font-size: 36px;
    }
}
.block-conception .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 992px) {
    .block-conception .blocks {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (min-width: 769px) {
    .block-conception .blocks:hover.blocks1 .block.block1,
    .block-conception .blocks:focus.blocks1 .block.block1 {
        bottom: -50px;
        -webkit-transition: 0.2s ease 0.2s;
        -o-transition: 0.2s ease 0.2s;
        transition: 0.2s ease 0.2s;
    }
    .block-conception .blocks:hover.blocks1 .block.block2,
    .block-conception .blocks:focus.blocks1 .block.block2 {
        bottom: -30px;
        -webkit-transition: 0.2s ease 0.2s;
        -o-transition: 0.2s ease 0.2s;
        transition: 0.2s ease 0.2s;
    }
    .block-conception .blocks:hover.blocks1 .block.block3,
    .block-conception .blocks:focus.blocks1 .block.block3 {
        bottom: -60px;
        -webkit-transition: 0.2s ease 0.2s;
        -o-transition: 0.2s ease 0.2s;
        transition: 0.2s ease 0.2s;
    }
    .block-conception .blocks:hover.blocks2 .block.block1,
    .block-conception .blocks:focus.blocks2 .block.block1 {
        top: -70px;
        -webkit-transition: 0.2s ease 0.2s;
        -o-transition: 0.2s ease 0.2s;
        transition: 0.2s ease 0.2s;
    }
    .block-conception .blocks:hover.blocks2 .block.block2,
    .block-conception .blocks:focus.blocks2 .block.block2 {
        top: 40px;
        -webkit-transition: 0.2s ease 0.2s;
        -o-transition: 0.2s ease 0.2s;
        transition: 0.2s ease 0.2s;
    }
    .block-conception .blocks:hover.blocks2 .block.block3,
    .block-conception .blocks:focus.blocks2 .block.block3 {
        bottom: 120px;
        -webkit-transition: 0.2s ease 0.2s;
        -o-transition: 0.2s ease 0.2s;
        transition: 0.2s ease 0.2s;
    }
    .block-conception .blocks:hover.blocks2 .block.block4,
    .block-conception .blocks:focus.blocks2 .block.block4 {
        top: -30px;
        -webkit-transition: 0.2s ease 0.2s;
        -o-transition: 0.2s ease 0.2s;
        transition: 0.2s ease 0.2s;
    }
}
.block-conception .blocks .block {
    background-color: var(--yellow);
    border-radius: 42.47px;
    -webkit-box-shadow: 4.25px 5.95px 18.69px rgba(51, 51, 51, 0.26);
    box-shadow: 4.25px 5.95px 18.69px rgba(51, 51, 51, 0.26);
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 768px) {
    .block-conception .blocks .block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}
.block-conception .blocks .block .line-top,
.block-conception .blocks .block .line-bottom {
    position: absolute;
}
.block-conception .blocks .block .line-top img,
.block-conception .blocks .block .line-bottom img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.block-conception .blocks .block .line-top {
    width: 150px;
    height: 150px;
    top: -15px;
    right: -30px;
}
.block-conception .blocks .block .line-bottom {
    width: 100px;
    height: 150px;
    bottom: -15px;
    left: -15px;
}
.block-conception .blocks .block .circle {
    background: var(--light-pink);
    width: 35.67px;
    height: 35.67px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    right: 15px;
}
@media (max-width: 768px) {
    .block-conception .blocks .block .circle {
        width: 22.84px;
        height: 22.84px;
    }
}
.block-conception .blocks .block .text {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    font-family: "Inter-Light";
}
@media (max-width: 768px) {
    .block-conception .blocks .block .text {
        font-size: 17px;
    }
}
@media (max-width: 768px) {
    .block-conception .blocks.blocks1 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.block-conception .blocks.blocks1 .block1 {
    width: 378.02px;
    height: 334.24px;
    -webkit-transform: rotate(4.72deg);
    -ms-transform: rotate(4.72deg);
    transform: rotate(4.72deg);
    bottom: -100px;
    left: -35px;
}
@media (max-width: 768px) {
    .block-conception .blocks.blocks1 .block1 {
        bottom: 0;
        left: -100%;
        opacity: 0;
        z-index: 4;
    }
    .block-conception .blocks.blocks1 .block1.anim {
        -webkit-animation: leftBlock1 0.5s forwards 0.5s;
        animation: leftBlock1 0.5s forwards 0.5s;
    }
    @-webkit-keyframes leftBlock1 {
        0% {
            left: -100%;
            opacity: 0;
        }
        100% {
            left: 0;
            opacity: 1;
        }
    }
    @keyframes leftBlock1 {
        0% {
            left: -100%;
            opacity: 0;
        }
        100% {
            left: 0;
            opacity: 1;
        }
    }
}
.block-conception .blocks.blocks1 .block2 {
    width: 376.82px;
    height: 292.25px;
    -webkit-transform: rotate(-9.42deg);
    -ms-transform: rotate(-9.42deg);
    transform: rotate(-9.42deg);
    bottom: -60px;
    z-index: 4;
}
@media (max-width: 768px) {
    .block-conception .blocks.blocks1 .block2 {
        bottom: -150px;
        right: -100%;
        opacity: 0;
    }
    .block-conception .blocks.blocks1 .block2.anim {
        -webkit-animation: rightBlock2 0.5s forwards 0.5s;
        animation: rightBlock2 0.5s forwards 0.5s;
    }
    @-webkit-keyframes rightBlock2 {
        0% {
            right: -100%;
            opacity: 0;
        }
        100% {
            right: 0;
            opacity: 1;
        }
    }
    @keyframes rightBlock2 {
        0% {
            right: -100%;
            opacity: 0;
        }
        100% {
            right: 0;
            opacity: 1;
        }
    }
}
.block-conception .blocks.blocks1 .block3 {
    width: 378.56px;
    height: 326.22px;
    -webkit-transform: rotate(-2.27deg);
    -ms-transform: rotate(-2.27deg);
    transform: rotate(-2.27deg);
    bottom: -120px;
    left: 30px;
}
@media (max-width: 768px) {
    .block-conception .blocks.blocks1 .block3 {
        bottom: -35px;
        left: 50px;
        z-index: 4;
        opacity: 0;
    }
    .block-conception .blocks.blocks1 .block3.anim {
        -webkit-animation: leftBlock3 0.5s forwards 0.5s;
        animation: leftBlock3 0.5s forwards 0.5s;
    }
    @-webkit-keyframes leftBlock3 {
        0% {
            left: -100%;
            opacity: 0;
        }
        100% {
            left: 50px;
            opacity: 1;
        }
    }
    @keyframes leftBlock3 {
        0% {
            left: -100%;
            opacity: 0;
        }
        100% {
            left: 50px;
            opacity: 1;
        }
    }
}
.block-conception .blocks.blocks2 .block1 {
    width: 376.82px;
    height: 325.24px;
    -webkit-transform: rotate(-9.59deg);
    -ms-transform: rotate(-9.59deg);
    transform: rotate(-9.59deg);
    top: -35px;
    z-index: 2;
}
@media (max-width: 768px) {
    .block-conception .blocks.blocks2 .block1 {
        -webkit-transform: rotate(9.16deg);
        -ms-transform: rotate(9.16deg);
        transform: rotate(9.16deg);
        z-index: 4;
        right: -100%;
        opacity: 0;
    }
    .block-conception .blocks.blocks2 .block1.anim {
        -webkit-animation: rightBlock1 0.5s forwards 0.5s;
        animation: rightBlock1 0.5s forwards 0.5s;
    }
    @-webkit-keyframes rightBlock1 {
        0% {
            right: -100%;
            opacity: 0;
        }
        100% {
            right: 0;
            opacity: 1;
        }
    }
    @keyframes rightBlock1 {
        0% {
            right: -100%;
            opacity: 0;
        }
        100% {
            right: 0;
            opacity: 1;
        }
    }
}
.block-conception .blocks.blocks2 .block2 {
    width: 386.52px;
    height: 328.71px;
    -webkit-transform: rotate(8.26deg);
    -ms-transform: rotate(8.26deg);
    transform: rotate(8.26deg);
    top: 85px;
    z-index: 1;
}
@media (max-width: 768px) {
    .block-conception .blocks.blocks2 .block2 {
        top: 150px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        left: 50px;
        z-index: 5;
        opacity: 0;
    }
    .block-conception .blocks.blocks2 .block2.anim {
        -webkit-animation: leftBlock2 0.5s forwards 0.5s;
        animation: leftBlock2 0.5s forwards 0.5s;
    }
    @-webkit-keyframes leftBlock2 {
        0% {
            left: -100%;
            opacity: 0;
        }
        100% {
            left: 0;
            opacity: 1;
        }
    }
    @keyframes leftBlock2 {
        0% {
            left: -100%;
            opacity: 0;
        }
        100% {
            left: 0;
            opacity: 1;
        }
    }
}
.block-conception .blocks.blocks2 .block3 {
    width: 380.57px;
    height: 325.7px;
    -webkit-transform: rotate(-9.03deg);
    -ms-transform: rotate(-9.03deg);
    transform: rotate(-9.03deg);
    bottom: 60px;
}
@media (max-width: 768px) {
    .block-conception .blocks.blocks2 .block3 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        bottom: -20px;
        z-index: 5;
        right: -100%;
        opacity: 0;
    }
    .block-conception .blocks.blocks2 .block3.anim {
        -webkit-animation: rightBlock3 0.5s forwards 0.5s;
        animation: rightBlock3 0.5s forwards 0.5s;
    }
    @-webkit-keyframes rightBlock3 {
        0% {
            right: -100%;
            opacity: 0;
        }
        100% {
            right: 0;
            opacity: 1;
        }
    }
    @keyframes rightBlock3 {
        0% {
            right: -100%;
            opacity: 0;
        }
        100% {
            right: 0;
            opacity: 1;
        }
    }
}
.block-conception .blocks.blocks2 .block4 {
    width: 376.82px;
    height: 328.69px;
    -webkit-transform: rotate(5.44deg);
    -ms-transform: rotate(5.44deg);
    transform: rotate(5.44deg);
    top: 30px;
}
@media (max-width: 768px) {
    .block-conception .blocks.blocks2 .block4 {
        -webkit-transform: rotate(-4.76deg);
        -ms-transform: rotate(-4.76deg);
        transform: rotate(-4.76deg);
        top: 200px;
        z-index: 6;
        left: -100%;
        opacity: 0;
    }
    .block-conception .blocks.blocks2 .block4.anim {
        -webkit-animation: leftBlock4 0.5s forwards 0.5s;
        animation: leftBlock4 0.5s forwards 0.5s;
    }
    @-webkit-keyframes leftBlock4 {
        0% {
            left: -100%;
            opacity: 0;
        }
        100% {
            left: 35px;
            opacity: 1;
        }
    }
    @keyframes leftBlock4 {
        0% {
            left: -100%;
            opacity: 0;
        }
        100% {
            left: 35px;
            opacity: 1;
        }
    }
}
@media (max-width: 768px) {
    .block-magic-room .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.block-magic-room .block-video,
.block-magic-room .block-img {
    width: 100%;
    height: 765px;
    border-radius: 62.51px;
    overflow: hidden;
    margin-top: 30px;
}
@media (max-width: 768px) {
    .block-magic-room .block-video,
    .block-magic-room .block-img {
        height: 500px;
        border-radius: 20.18px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
@media (max-width: 480px) {
    .block-magic-room .block-video,
    .block-magic-room .block-img {
        height: 246.94px;
    }
}
.block-magic-room .block-video video,
.block-magic-room .block-video img,
.block-magic-room .block-img video,
.block-magic-room .block-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.block-magic-room .block-desc {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    font-family: "Inter-Light";
    margin-top: 30px;
}
@media (max-width: 768px) {
    .block-magic-room .block-desc {
        font-size: 17px;
    }
}
.block-magic-room .text-mark {
    font-size: 25px;
    line-height: 130%;
    color: var(--purple);
    text-align: center;
    font-family: "Inter-Bold";
    margin-top: 10px;
}
@media (max-width: 768px) {
    .block-magic-room .text-mark {
        font-size: 17px;
    }
}
.block-magic-room .block-buttons {
    margin-top: 15px;
}
@media (max-width: 768px) {
    .block-magic-room .block-buttons {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.block-magic-room .block-buttons .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .block-magic-room .block-buttons .buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 49%;
    }
}
.block-magic-room .block-buttons .btn {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    margin: 15px 5px 0;
    padding: 0 20px;
}
@media (max-width: 768px) {
    .block-magic-room .block-buttons .btn {
        margin: 10px 0 0;
        padding: 0;
        min-width: 100%;
    }
}
.block-magic-room .block-buttons .btn.purple:hover,
.block-magic-room .block-buttons .btn.purple:focus {
    background: var(--yellow);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.block-about-us.about-park {
    padding: 50px 0 20px;
}
@media (max-width: 768px) {
    .block-about-us.about-park {
        padding: 20px 0;
    }
}
.block-about-us.about-park .title {
    line-height: 110px;
}
@media (max-width: 768px) {
    .block-about-us.about-park .title {
        font-size: 85px;
    }
}
.block-about-us.about-park .block-desc {
    background-color: #e4f4fd;
    width: 100%;
    height: auto;
    font-size: 25px;
    color: #2f2f2f;
    text-align: center;
    font-family: "Inter-Light";
    border-radius: 50px;
    padding: 40px 20px;
    position: relative;
}
@media (max-width: 768px) {
    .block-about-us.about-park .block-desc {
        margin-top: 20px;
        font-size: 16px;
        padding: 20px;
    }
}
.block-about-us.about-park .block-slider {
    margin-top: 20px;
}
.block-about-us.about-park .block-slider .blocks .block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.5%;
    flex: 0 0 31.5%;
}
@media (max-width: 992px) {
    .block-about-us.about-park .block-slider .blocks .block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
    }
}
@media (max-width: 768px) {
    .block-about-us.about-park .block-slider .blocks .block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .block-about-us.about-park .block-slider .blocks .block:not(:last-child) {
        margin-right: 20px;
    }
}
.block-about-us.about-park .block-slider .blocks .block.anim:hover::before,
.block-about-us.about-park .block-slider .blocks .block.anim:focus::before {
    -webkit-animation: showBgImage 0.2s forwards 0.2s;
    animation: showBgImage 0.2s forwards 0.2s;
}
@-webkit-keyframes showBgImage {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBgImage {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.block-about-us.about-park .block-slider .blocks .block.anim:hover .img.photo,
.block-about-us.about-park .block-slider .blocks .block.anim:focus .img.photo {
    padding: 20px;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.block-about-us.about-park .block-slider .blocks .block .img {
    border-radius: 19.86px;
    overflow: hidden;
    padding: 0;
    height: 70%;
}
.block-about-us.about-park .block-slider .blocks .block .img.photo {
    padding: 50px;
}
@media (max-width: 768px) {
    .block-about-us.about-park .block-slider .blocks .block .img.photo {
        padding: 20px;
    }
}
.block-about-us.about-park .block-slider .blocks .block .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
}
@media (max-width: 768px) {
    .block-about-us.about-park .block-slider .blocks .block .img img {
        -o-object-fit: contain;
        object-fit: contain;
    }
    .block-about-us.about-park .block-slider .blocks .block .img.photo img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.block-about-us.about-park .block-slider .blocks .block .body {
    height: 30%;
    z-index: 0;
    padding: 0 20px;
    opacity: 1;
}
.block-about-us.about-park .block-slider .blocks .block .body .count {
    font-size: 55px;
}
@media (max-width: 768px) {
    .block-about-us.about-park .block-slider .blocks .block .body .count {
        font-size: 35px;
    }
}
@media (max-width: 480px) {
    .block-about-us.about-park .block-slider .blocks .block .body .count {
        font-size: 28px;
    }
}
.block-about-us.about-park .block-slider .blocks .block .body .text {
    font-size: 24px;
}
@media (max-width: 768px) {
    .block-about-us.about-park .block-slider .blocks .block .body .text {
        font-size: 19px;
    }
}
@media (max-width: 480px) {
    .block-about-us.about-park .block-slider .blocks .block .body .text {
        font-size: 16px;
    }
}
.block-about-us.about-park .text-style {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    background: var(--light-pink);
    border-radius: 16.99px;
    -webkit-transform: rotate(-3.42deg);
    -ms-transform: rotate(-3.42deg);
    transform: rotate(-3.42deg);
}
.block-about-us.about-park .text-style span {
    -webkit-transform: rotate(3.42deg);
    -ms-transform: rotate(3.42deg);
    transform: rotate(3.42deg);
    padding: 2px;
    font-family: var(--font-main);
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
}
@media (max-width: 768px) {
    .block-about-us.about-park .text-style span {
        font-size: 16px;
    }
}
.ticker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: ticker 10s linear infinite;
    animation: ticker 10s linear infinite;
}
@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes ticker {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.ticker span {
    font-family: "SoyuzGroteskBold";
    line-height: 130%;
    padding: 0 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
@media (max-width: 768px) {
    .ticker span {
        padding: 0 10px;
    }
}
.bg-block {
    position: relative;
}
.bg-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-block .block-content {
    position: relative;
}
.bg-block.cyan::before {
    background-image: url("../img/bg/bg-light.png");
}
.order-success {
    background: #fff;
    max-width: 811px;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
}
@media (max-width: 768px) {
    .order-success {
        border-radius: 27.13px;
    }
}
@media (max-width: 480px) {
    .order-success {
        padding-bottom: 50px;
    }
}
.order-success .bg-banner {
    width: 100%;
    height: 177px;
    border-radius: 50px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .order-success .bg-banner {
        border-radius: 27.13px;
    }
}
.order-success .bg-banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.order-success .message {
    font-family: "Inter-Light";
    font-size: 31px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    padding: 35px 60px 50px;
}
@media (max-width: 768px) {
    .order-success .message {
        font-size: 18px;
        padding: 35px 20px 50px;
    }
}
.order-success .subscribe {
    font-family: "Inter-Light";
    font-size: 23px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
}
@media (max-width: 768px) {
    .order-success .subscribe {
        font-size: 14px;
    }
}
.order-success .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.order-success .social .messenger {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin: 10px 2px 0;
}
@media (max-width: 768px) {
    .order-success .social .messenger {
        width: 44.62px;
        height: 44.62px;
    }
}
.order-success .social .messenger:hover,
.order-success .social .messenger:focus {
    opacity: 0.5;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.order-success .social .messenger img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.order-success .to-page {
    position: absolute;
    bottom: 15px;
    right: 30px;
    font-family: "Inter-SemiBold";
    font-size: 23px;
    line-height: 130%;
    color: rgba(47, 47, 47, 0.59);
}
.order-success .to-page:hover,
.order-success .to-page:focus {
    text-decoration: underline;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
@media (max-width: 768px) {
    .order-success .to-page {
        font-size: 15px;
        right: 20px;
    }
}
#modalOrderSuccess {
    padding: 0 20px;
}
.bg-img.before {
    position: relative;
    border-radius: 33px;
    overflow: hidden;
}
.bg-img.before::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/order/bg.avif");
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-img .content {
    position: relative;
}
.body-content .block-text {
    margin-top: 30px;
}
.body-content .block-text .head {
    text-align: center;
}
@media (max-width: 768px) {
    .body-content .block-text {
        margin-top: 50px;
    }
    .body-content .block-text .head {
        margin-bottom: 20px;
    }
}
.body-content .block-text .head .title {
    font-size: 50px;
    display: ruby-text;
}
@media (max-width: 768px) {
    .body-content .block-text .head .title {
        font-size: 30px;
        display: ruby;
    }
}
.body-content .block-text .head .title .text-bg {
    display: inline-block;
}
.body-content .block-text .head .title .text-bg span {
    font-size: inherit;
}
.body-content .block-text .text {
    font-family: "Inter-Light";
    font-size: 22px;
    line-height: 130%;
}
.body-content .block-text .text.text-content {
    display: contents !important;
}
@media (max-width: 768px) {
    .body-content .block-text .text {
        font-size: 15px;
        margin-top: 20px;
    }
}
.body-content .block-text .text strong {
    font-family: "Inter-Bold";
}
.body-content .block-text .text .text-bg {
    border-radius: 20px;
    padding: 0 5px;
    display: ruby;
}
.body-content .block-text .text .text-bg span {
    font-size: inherit;
    font-family: "Inter-Medium";
}
.body-content .block-text .text a {
    color: var(--purple);
    display: inline-block;
}
.body-content .block-text .text a:hover,
.body-content .block-text .text a:focus {
    text-decoration: underline;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.body-content .block-text .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0;
}
@media (max-width: 768px) {
    .body-content .block-text .buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px 0 30px;
    }
}
.body-content .block-text .buttons .btn {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    margin: 0 10px;
    padding: 0 50px;
}
@media (max-width: 768px) {
    .body-content .block-text .buttons .btn {
        margin: 15px auto 0;
        padding: 0;
        min-width: 100%;
    }
}
.text-pink {
    color: #ff88bf !important;
}
.text-pink a {
    color: inherit !important;
}
.text-purple {
    color: #8f9ee4 !important;
}
.text-purple a {
    color: inherit !important;
}
.text-yellow {
    color: #fdd078 !important;
}
.text-yellow a {
    color: inherit !important;
}
.flex-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.org-holiday {
    position: relative;
    padding: 100px 0 50px;
}
.org-holiday.anim .hero {
    -webkit-animation: showSpaco 0.5s forwards 0.5s;
    animation: showSpaco 0.5s forwards 0.5s;
}
@-webkit-keyframes showSpaco {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showSpaco {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.org-holiday.anim .balloon-t-l {
    -webkit-animation: topBallon1 1s forwards 1s;
    animation: topBallon1 1s forwards 1s;
}
@-webkit-keyframes topBallon1 {
    0% {
        opacity: 0;
        top: 100%;
    }
    100% {
        opacity: 1;
        top: 35px;
    }
}
@keyframes topBallon1 {
    0% {
        opacity: 0;
        top: 100%;
    }
    100% {
        opacity: 1;
        top: 35px;
    }
}
.org-holiday.anim .balloon-t-r {
    -webkit-animation: topBallon2 1s forwards 1s;
    animation: topBallon2 1s forwards 1s;
}
@-webkit-keyframes topBallon2 {
    0% {
        opacity: 0;
        top: 100%;
    }
    100% {
        opacity: 1;
        top: -70px;
    }
}
@keyframes topBallon2 {
    0% {
        opacity: 0;
        top: 100%;
    }
    100% {
        opacity: 1;
        top: -70px;
    }
}
.org-holiday.anim .balloon-b-l {
    -webkit-animation: topBallon3 1s forwards 1s;
    animation: topBallon3 1s forwards 1s;
}
@-webkit-keyframes topBallon3 {
    0% {
        opacity: 0;
        bottom: -100%;
    }
    100% {
        opacity: 1;
        bottom: -50px;
    }
}
@keyframes topBallon3 {
    0% {
        opacity: 0;
        bottom: -100%;
    }
    100% {
        opacity: 1;
        bottom: -50px;
    }
}
.org-holiday.anim .balloon-b-r {
    -webkit-animation: topBallon4 1s forwards 1s;
    animation: topBallon4 1s forwards 1s;
}
@-webkit-keyframes topBallon4 {
    0% {
        opacity: 0;
        bottom: -100%;
    }
    100% {
        opacity: 1;
        bottom: -65px;
    }
}
@keyframes topBallon4 {
    0% {
        opacity: 0;
        bottom: -100%;
    }
    100% {
        opacity: 1;
        bottom: -65px;
    }
}
.org-holiday .body .head .title {
    position: relative;
    top: -10vh;
    opacity: 0;
    animation: topTitle 0.5s forwards 0.5s;
}
@keyframes topTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.org-holiday .body .head .subtitle {
    position: relative;
    top: -10vh;
    opacity: 0;
    animation: topSubtitle 0.75s forwards 0.75s;
}
@keyframes topSubtitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.org-holiday .body .block-btn-arrow {
    opacity: 0;
    animation: showButton 1s forwards 1s;
}
@keyframes showButton {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.org-holiday.bg-line .block-container::after {
    right: 0;
}
@media (max-width: 1200px) {
    .org-holiday {
        padding: 50px 0;
    }
}
@media (max-width: 768px) {
    .org-holiday {
        padding: 0;
    }
    .org-holiday::before,
    .org-holiday::after {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .org-holiday::before {
        background-image: url("../img/birthday/org-holiday/mobile/airbrush-image-enhancer.avif");
        bottom: -40px;
        width: 153.32px;
        height: 114.57px;
        z-index: 2;
        left: -100%;
        opacity: 0;
    }
    .org-holiday.anim::before {
        animation: leftMobileAnim 1.5s forwards 1.5s;
    }
    .org-holiday::after {
        background-image: url("../img/birthday/org-holiday/mobile/spaco.avif");
        bottom: 0;
        width: 218px;
        height: 222px;
        z-index: 1;
        right: -100%;
        opacity: 0;
    }
    .org-holiday.anim::after {
        animation: rightMobileSpaco 1.5s forwards 1.5s;
    }
}
@keyframes rightMobileSpaco {
    0% {
        opacity: 0;
        right: -100%;
    }
    100% {
        opacity: 1;
        right: -30%;
    }
}
@media (max-width: 480px) {
    .org-holiday::after {
        width: 75%;
        height: 75%;
        right: -30%;
    }
}
.org-holiday.bg-line .block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 519.54px;
    position: relative;
}
@media (max-width: 768px) {
    .org-holiday.bg-line .block-container {
        height: auto;
        border-radius: 20px;
        padding: 20px 0;
    }
    .org-holiday.bg-line .block-container::after {
        right: 0;
        background-image: url("../img/birthday/org-holiday/line.webp");
        margin-right: -25%;
    }
}
.org-holiday .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 20px;
    position: relative;
    z-index: 1;
    right: 45px;
}
@media (max-width: 768px) {
    .org-holiday .body {
        right: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}
.org-holiday .body .head .title {
    font-size: 40px;
    line-height: 130%;
}
@media (max-width: 992px) {
    .org-holiday .body .head .title {
        font-size: 35px;
    }
}
@media (max-width: 768px) {
    .org-holiday .body .head .title {
        font-size: 25px;
    }
}
.org-holiday .body .head .subtitle {
    font-size: 24px;
    line-height: 130%;
    font-family: "Inter-Light";
    text-align: center;
    margin-top: 30px;
}
@media (max-width: 768px) {
    .org-holiday .body .head .subtitle {
        font-size: 14px;
    }
}
.org-holiday .body .block-btn-arrow {
    margin: 60px auto 0;
}
@media (max-width: 992px) {
    .org-holiday .body .block-btn-arrow {
        margin: 20px auto 0;
    }
}
.org-holiday .body .block-btn-arrow .btn.btn-yellow {
    min-width: 357.24px;
    max-width: 357.24px;
}
@media (max-width: 768px) {
    .org-holiday .body .block-btn-arrow .btn.btn-yellow {
        min-width: 190px;
        max-width: 190px;
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    .org-holiday .body .block-btn-arrow .btn.btn-arrow {
        min-width: 38.67px;
        max-width: 38.67px;
        height: 38.67px;
    }
}
.org-holiday .hero {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
    left: -50px;
    opacity: 0;
}
@media (max-width: 1200px) {
    .org-holiday .hero {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}
@media (max-width: 992px) {
    .org-holiday .hero {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    }
}
@media (max-width: 768px) {
    .org-holiday .hero {
        display: none;
    }
}
.org-holiday .hero .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.org-holiday .balloon {
    position: absolute;
    opacity: 0;
}
@media (max-width: 768px) {
    .org-holiday .balloon {
        display: none;
    }
}
.org-holiday .balloon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.org-holiday .balloon.balloon-t-l {
    top: 35px;
    left: -60px;
    width: 105.09px;
}
.org-holiday .balloon.balloon-t-r {
    top: -70px;
    right: 20px;
    width: 129.01px;
}
.org-holiday .balloon.balloon-b-l {
    bottom: -50px;
    left: 41%;
    width: 98.48px;
}
@media (max-width: 992px) {
    .org-holiday .balloon.balloon-b-l {
        left: 20%;
    }
}
.org-holiday .balloon.balloon-b-r {
    bottom: -65px;
    right: 45%;
    width: 113.58px;
}
@media (max-width: 992px) {
    .org-holiday .balloon.balloon-b-r {
        right: 50%;
    }
}
.container {
    padding: 0 40px;
    max-width: 1440px;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .container {
        padding: 0 20px;
    }
}
.kids-holiday {
    padding-top: 50px;
}
.kids-holiday .title {
    font-size: 50px;
}
@media (max-width: 768px) {
    .kids-holiday .title {
        font-size: 35px;
    }
}
@media (max-width: 480px) {
    .kids-holiday .title,
    .attractions-holiday .title {
        font-size: 28px;
    }
    .page.main .about-park {
        padding: 50px 0 30px;
    }
}
.kids-holiday .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .kids-holiday .blocks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 20px;
        margin-left: 20px;
    }
}
.kids-holiday .blocks .block {
    width: 30%;
    border-radius: 60px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .kids-holiday .blocks .block {
        width: 100%;
    }
}
.kids-holiday .blocks .block__bg {
    background-color: var(--yellow);
    width: 100%;
    height: 100%;
    min-height: 450px;
    padding: 20px 20px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 35px;
    position: relative;
}
.kids-holiday .blocks .block__bg .circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--light-pink);
    position: absolute;
    top: 20px;
    right: 20px;
}
.kids-holiday .blocks .block__bg::before,
.kids-holiday .blocks .block__bg::after {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}
.kids-holiday .blocks .block__bg::before {
    background-image: url("../img/kids-holiday/line-left.webp");
    bottom: 0;
    left: 0;
    width: 360px;
    height: 100px;
}
.kids-holiday .blocks .block__bg::after {
    background-image: url("../img/kids-holiday/line-right.webp");
    background-position: right;
    top: 0;
    right: 0;
    width: 360px;
    height: 120px;
}
@media (max-width: 768px) {
    .kids-holiday .blocks .block__bg {
        min-height: unset;
    }
}
.kids-holiday .blocks .block__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.kids-holiday .blocks .block__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.kids-holiday .blocks .block__title span:first-child {
    font-size: 70px;
    font-family: "SoyuzGroteskBold";
    color: #2f2f2f;
}
@media (max-width: 768px) {
    .kids-holiday .blocks .block__title span:first-child {
        font-size: 65px;
    }
    .kids-holiday .blocks .block__title span:last-child {
        font-size: 25px;
    }
}
.kids-holiday .blocks .block__title span:last-child {
    font-size: 45px;
    font-family: var(--font-accent);
    color: #2f2f2f;
}
@media (max-width: 1200px) {
    .kids-holiday .blocks .block__title span:last-child {
        font-size: 40px;
    }
}
@media (max-width: 992px) {
    .kids-holiday .blocks .block__title span:last-child {
        font-size: 30px;
    }
}
@media (max-width: 768px) {
    .kids-holiday .blocks .block__title span:last-child {
        font-size: 29px;
    }
}
.kids-holiday .blocks .block__text {
    font-size: 25px;
    line-height: 130%;
    font-family: "Inter-Light";
    color: #2f2f2f;
    position: relative;
}
@media (max-width: 768px) {
    .kids-holiday .blocks .block__text {
        font-size: 19px;
        color: #343434;
        margin-top: 50px;
    }
}
.kids-holiday .blocks .block.block1 {
    -webkit-transform: rotate(-14deg);
    -ms-transform: rotate(-14deg);
    transform: rotate(-14deg);
    margin: -15% 2% 0 0;
}
.kids-holiday .blocks .block.block1:hover,
.kids-holiday .blocks .block.block1:focus {
    -webkit-transform: scale(1.05) rotate(-14deg);
    -ms-transform: scale(1.05) rotate(-14deg);
    transform: scale(1.05) rotate(-14deg);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
@media (max-width: 768px) {
    .kids-holiday .blocks .block.block1 {
        -webkit-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        transform: rotate(-6deg);
        margin: 0 auto;
    }
    .kids-holiday .blocks .block.block1:hover,
    .kids-holiday .blocks .block.block1:focus {
        -webkit-transform: scale(1.05) rotate(-6deg);
        -ms-transform: scale(1.05) rotate(-6deg);
        transform: scale(1.05) rotate(-6deg);
        -webkit-transition: 0.2s ease 0.2s;
        -o-transition: 0.2s ease 0.2s;
        transition: 0.2s ease 0.2s;
    }
    .kids-holiday .blocks .block.block1 .block__text {
        width: 50%;
    }
}
@media (max-width: 768px) and (max-width: 768px) {
    .kids-holiday .blocks .block.block1 .block__text {
        width: 100%;
    }
}
.kids-holiday .blocks .block.block2 {
    -webkit-transform: rotate(9.12deg);
    -ms-transform: rotate(9.12deg);
    transform: rotate(9.12deg);
}
.kids-holiday .blocks .block.block2:hover,
.kids-holiday .blocks .block.block2:focus {
    -webkit-transform: scale(1.05) rotate(9.12deg);
    -ms-transform: scale(1.05) rotate(9.12deg);
    transform: scale(1.05) rotate(9.12deg);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
@media (max-width: 768px) {
    .kids-holiday .blocks .block.block2 {
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg);
        margin-left: 50px;
        margin-top: -100px;
    }
}
@media (max-width: 480px) {
    .kids-holiday .blocks .block.block2 .block__bg {
        margin-top: -1rem;
    }
}
.kids-holiday .blocks .block.block2 .block__img {
    margin: 0 5% 0 15%;
}
@media (max-width: 768px) {
    .kids-holiday .blocks .block.block2 .block__img {
        width: 252.66px;
        height: 350.69px;
        margin: 0 50%;
    }
}
@media (max-width: 480px) {
    .kids-holiday .blocks .block.block2 .block__img {
        height: 250px;
        margin: 0 30%;
    }
}
.kids-holiday .blocks .block.block3 {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
    margin: -10% 0 0 2%;
}
.kids-holiday .blocks .block.block3:hover,
.kids-holiday .blocks .block.block3:focus {
    -webkit-transform: scale(1.05) rotate(7.2deg);
    -ms-transform: scale(1.05) rotate(7.2deg);
    transform: scale(1.05) rotate(7.2deg);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
@media (max-width: 768px) {
    .kids-holiday .blocks .block.block3 {
        -webkit-transform: rotate(-7.41deg);
        -ms-transform: rotate(-7.41deg);
        transform: rotate(-7.41deg);
        margin: 0 auto;
    }
}
.about-park {
    overflow: hidden;
    padding: 50px 0;
}
.about-park .title {
    font-size: 100px;
}
@media (max-width: 768px) {
    .about-park .title {
        font-size: 50px;
        color: #404040;
    }
}
@media (max-width: 480px) {
    .about-park .title {
        font-size: 40px;
    }
}
.about-park .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}
@media (max-width: 768px) {
    .about-park .blocks {
        -ms-flex-wrap: unset;
        flex-wrap: unset;
        margin: 0 auto;
        overflow-y: hidden;
        justify-content: flex-start;
    }
}
.about-park .blocks .block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    border-radius: 50px;
    overflow: hidden;
    height: 535px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px;
    position: relative;
}
.about-park .blocks .block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/about-park/bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    pointer-events: none;
}
@media (max-width: 1200px) {
    .about-park .blocks .block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
    }
}
@media (max-width: 768px) {
    .about-park .blocks .block {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: 439.47px;
        border-radius: 40.49px;
        margin: 0 auto;
        min-width: 90%;
        margin-right: 20px;
    }
    .about-park .blocks .block.anim {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 375px) {
    .about-park .blocks .block {
        height: 375px;
    }
}
.about-park .blocks .block .cursor {
    width: 51px;
    height: 51px;
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
}
@media (max-width: 768px) {
    .about-park .blocks .block .cursor {
        display: block;
    }
}
.about-park .blocks .block .cursor img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.about-park .blocks .block .photo img,
.about-park .blocks .block .img img {
    width: 100%;
    height: 100%;
}
.about-park .blocks .block .photo img {
    -o-object-fit: cover;
    object-fit: cover;
}
.about-park .blocks .block .photo.ai {
    padding: 70% 0;
}
@media (max-width: 480px) {
    .about-park .blocks .block .photo.ai {
        padding: 100% 0;
    }
}
.about-park .blocks .block .img {
    margin: auto;
    padding: 0 50px;
    position: relative;
    height: 50%;
}
.about-park .blocks .block .img img {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 768px) {
    .about-park .blocks .block .img {
        margin: 0;
        padding: 0 20px;
    }
    .about-park .blocks .block .photo.ai img,
    .about-park .blocks .block .photo.ai img {
        width: 100vw;
        height: auto;
    }
    .about-park .blocks .block .photo.ai img {
        right: 0;
        bottom: 20%;
        margin: auto;
    }
}
.about-park .blocks .block .body {
    text-align: center;
    height: 50%;
    padding: 20px;
    display: block !important;
}
.about-park .blocks .block .body .count {
    font-size: 65px;
    line-height: 130%;
    color: var(--yellow);
    font-family: var(--font-accent);
}
@media (max-width: 992px) {
    .about-park .blocks .block .body .count {
        font-size: 70px;
    }
}
@media (max-width: 768px) {
    .about-park .blocks .block .body .count {
        font-size: 50px;
    }
    .about-park .blocks .block .body {
        height: auto;
    }
}
.about-park .blocks .block .body .text {
    font-size: 28px;
    line-height: 130%;
    color: #2f2f2f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 768px) {
    .about-park .blocks .block .body .text {
        font-size: 23px;
        color: #343434;
    }
}
.about-park .blocks .block .hide {
    font-size: 25px;
    line-height: 130%;
    color: #fff;
    text-align: center;
    padding: 0 20px;
    opacity: 0;
    height: 50%;
    padding: 20px;
    position: absolute;
    bottom: 0;
}
.attractions-holiday {
    position: relative;
    padding: 20px 0;
}
.attractions-holiday .title {
    font-size: 60px;
    position: relative;
}
@media (max-width: 768px) {
    .attractions-holiday .title {
        font-size: 35px;
    }
}
@media (max-width: 480px) {
    .attractions-holiday .title {
        font-size: 28px;
    }
}
.attractions-holiday .subtitle {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 768px) {
    .attractions-holiday .subtitle {
        display: none;
    }
}
.attractions-holiday .pic {
    position: absolute;
}
.attractions-holiday .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.attractions-holiday .pic.pic1 {
    width: 400px;
    height: 261.06px;
    top: -20px;
    left: -45px;
}
@media (max-width: 768px) {
    .attractions-holiday .pic.pic1 {
        width: 207.45px;
        height: 161.84px;
        bottom: 25%;
        top: unset;
        left: -20px;
        z-index: 1;
    }
}
@media (max-width: 480px) {
    .attractions-holiday .pic.pic1 {
        width: 100px;
        height: 100px;
        bottom: 30%;
    }
}
.attractions-holiday .pic.pic2 {
    width: 311px;
    height: 242.62px;
    top: 0;
    right: -52px;
}
@media (max-width: 768px) {
    .attractions-holiday .pic.pic2 {
        width: 207px;
        height: 161.49px;
        top: 120px;
    }
}
.attractions-holiday .pic.pic3 {
    width: 338px;
    height: 263.69px;
    bottom: 70px;
    right: 30%;
}
@media (max-width: 768px) {
    .attractions-holiday .pic.pic3 {
        width: 126.38px;
        height: 98.6px;
        bottom: 20px;
        right: -20px;
    }
}
.attractions-holiday .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-image: url("../img/attractions-holiday/freepik__create-separate-3d-models-of-individual-a-no-bg-preview.avif");
    background-repeat: no-repeat;
    background-size: 743px 955.29px;
    background-position: center;
    position: relative;
    padding-bottom: 50px;
}
@media (max-width: 768px) {
    .attractions-holiday .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-size: 100%;
        background-position: -200px;
        margin: 0 -20px;
        padding: 0 20px;
        background-image: none;
    }
}
@media (max-width: 450px) {
    .attractions-holiday .content {
        background-position: -150px -50px;
    }
}
.attractions-holiday .content .block-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding-top: 20px;
}
.attractions-holiday .content .block-slider.slider-m {
    display: none;
}
@media (max-width: 768px) {
    .attractions-holiday .content .block-slider {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
    }
    .attractions-holiday .content .block-slider.slider-l,
    .attractions-holiday .content .block-slider.slider-r {
        display: none;
    }
    .attractions-holiday .content .block-slider.slider-m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.attractions-holiday .content .block-slider .swiper.swiper-vertical {
    width: 100%;
    height: 1010px;
    padding: 20px 0;
}
@media (max-width: 768px) {
    .attractions-holiday .content .block-slider .swiper.swiper-vertical {
        height: 100%;
        overflow-x: auto;
    }
}
@media (max-width: 768px) {
    .attractions-holiday .content .block-slider .swiper .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
    }
}
.attractions-holiday .content .block-slider .swiper .swiper-wrapper .swiper-slide {
    height: auto !important;
}
.attractions-holiday .content .block-slider .swiper .swiper-wrapper .swiper-slide .img {
    width: 100%;
    height: 390px;
    border-radius: 50px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .attractions-holiday .content .block-slider .swiper .swiper-wrapper .swiper-slide .img {
        height: 301px;
        border-radius: 38px;
    }
}
.attractions-holiday .content .block-slider .swiper .swiper-wrapper .swiper-slide .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 768px) {
    .attractions-holiday .content .block-slider .swiper .swiper-wrapper .swiper-slide .img img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.attractions-holiday .content .block-slider .swiper .swiper-wrapper .swiper-slide .title-name {
    font-size: 28px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    margin-top: 10px;
    height: 75px;
}
@media (max-width: 768px) {
    .attractions-holiday .content .block-slider .swiper .swiper-wrapper .swiper-slide .title-name {
        font-size: 18px;
        color: #343434;
        height: 50px;
        margin-top: 35px;
    }
}
.attractions-holiday .content .block-slider .swiper-button-prev,
.attractions-holiday .content .block-slider .swiper-button-next {
    position: relative;
    min-width: 80px;
    min-height: 80px;
    background: #fee4b3;
    border-radius: 50%;
    color: #04a1f3;
    top: 0;
    right: 0;
    left: 0;
    margin-top: 0;
}
@media (max-width: 768px) {
    .attractions-holiday .content .block-slider .swiper-button-prev,
    .attractions-holiday .content .block-slider .swiper-button-next {
        min-width: 50px;
        min-height: 50px;
    }
}
.attractions-holiday .content .block-slider .swiper-button-prev:hover,
.attractions-holiday .content .block-slider .swiper-button-prev:focus,
.attractions-holiday .content .block-slider .swiper-button-next:hover,
.attractions-holiday .content .block-slider .swiper-button-next:focus {
    background: #fdce76;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.attractions-holiday .content .block-slider .swiper-button-prev::after,
.attractions-holiday .content .block-slider .swiper-button-next::after {
    font-size: 30px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media (max-width: 768px) {
    .attractions-holiday .content .block-slider .swiper-button-prev::after,
    .attractions-holiday .content .block-slider .swiper-button-next::after {
        font-size: 16px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}
@media (max-width: 768px) {
    .attractions-holiday .content .block-slider .swiper-button-prev {
        left: -10px !important;
    }
    .attractions-holiday .content .block-slider .swiper-button-next {
        left: 10px !important;
    }
}
.attractions-holiday .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .attractions-holiday .buttons {
        margin: 0 auto;
    }
}
.attractions-holiday .buttons .btn {
    margin: 10px 5px 0px;
}
@media (max-width: 768px) {
    .attractions-holiday .buttons .btn {
        min-width: 46%;
        max-width: 46%;
    }
}
@media (max-width: 768px) {
    .attractions-holiday .buttons .btn.btn-long {
        min-width: 95%;
        max-width: 95%;
    }
}
.block-bonus {
    position: relative;
    max-width: 1440px;
    margin: 180px auto 0;
}
@media (max-width: 768px) {
    .block-bonus {
        margin: 50px auto 0;
    }
}
.block-bonus .block-container {
    height: 357px;
    margin: 0 90px;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 992px) {
    .block-bonus .block-container {
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .block-bonus .block-container {
        height: 231px;
        border-radius: 19.08px;
        padding: 30px 10px;
    }
}
@media (max-width: 768px) {
    .block-bonus .block-container {
        height: auto;
    }
}
.block-bonus .block-container .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    position: relative;
    z-index: 2;
}
@media (max-width: 768px) {
    .block-bonus .block-container .body {
        margin: auto 0;
        width: 60%;
    }
}
.block-bonus .block-container .body .title {
    font-size: 40px;
}
@media (max-width: 768px) {
    .block-bonus .block-container .body .title {
        font-size: 27px;
        color: #343434;
    }
}
.block-bonus .block-container .body .block-btn-arrow {
    margin-top: 35px;
}
.block-bonus .block-container .body .block-btn-arrow .btn.btn-yellow {
    min-width: 267.24px;
    max-width: 267.24px;
}
@media (max-width: 768px) {
    .block-bonus .block-container .body .block-btn-arrow .btn.btn-yellow {
        min-width: 157.44px;
        max-width: 157.44px;
        height: 42.33px;
    }
}
.block-bonus .block-container .body .block-btn-arrow .btn.btn-arrow {
    min-width: 71.46px;
    max-width: 71.46px;
}
@media (max-width: 768px) {
    .block-bonus .block-container .body .block-btn-arrow .btn.btn-arrow {
        min-width: 41.21px;
        max-width: 41.21px;
        height: 41.21px;
    }
}
.block-bonus .block-container .hero {
    position: absolute;
    bottom: 0;
    right: -75px;
    z-index: 1;
}
@media (max-width: 992px) {
    .block-bonus .block-container .hero {
        right: 0;
    }
}
@media (max-width: 768px) {
    .block-bonus .block-container .hero {
        right: -20px;
    }
}
.block-bonus .block-container .hero .img {
    width: 384px;
    height: 557px;
}
@media (max-width: 768px) {
    .block-bonus .block-container .hero .img {
        width: 205px;
        height: 288.7px;
    }
}
.block-bonus .block-container .hero .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.block-bonus .gift {
    position: absolute;
    z-index: 1;
    opacity: 0;
}
.block-bonus .gift img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.block-bonus .gift.gift1 {
    width: 181.15px;
    height: 181.15px;
    top: -100%;
    left: 30px;
}
@media (max-width: 768px) {
    .block-bonus .gift.gift1 {
        width: 93.09px;
        height: 93.09px;
        left: -20px;
        z-index: 0;
    }
}
.block-bonus .gift.gift2 {
    width: 211.53px;
    height: 211.53px;
    bottom: 100%;
    right: 0;
}
@media (max-width: 768px) {
    .block-bonus .gift.gift2 {
        width: 83.13px;
        height: 83.13px;
        right: -20px;
    }
}
.block-bonus .gift.gift3 {
    width: 225.76px;
    height: 225.76px;
    bottom: 100%;
    left: 0;
}
@media (max-width: 768px) {
    .block-bonus .gift.gift3 {
        width: 96.22px;
        height: 96.22px;
        left: -10px;
    }
}
.block-bonus .gift.gift1.anim {
    -webkit-animation: animGift1 0.5s forwards 0.5s;
    animation: animGift1 0.5s forwards 0.5s;
}
@media (max-width: 768px) {
    .block-bonus .gift.gift1.anim {
        -webkit-animation: animGift1m 0.5s forwards 0.5s;
        animation: animGift1m 0.5s forwards 0.5s;
    }
}
@-webkit-keyframes animGift1 {
    0% {
        opacity: 0;
        top: -100%;
    }
    100% {
        opacity: 1;
        top: -25%;
    }
}
@keyframes animGift1 {
    0% {
        opacity: 0;
        top: -100%;
    }
    100% {
        opacity: 1;
        top: -25%;
    }
}
@-webkit-keyframes animGift1m {
    0% {
        opacity: 0;
        top: -100%;
    }
    100% {
        opacity: 1;
        top: -20%;
    }
}
@keyframes animGift1m {
    0% {
        opacity: 0;
        top: -100%;
    }
    100% {
        opacity: 1;
        top: -20%;
    }
}
.block-bonus .gift.gift2.anim {
    -webkit-animation: animGift2 0.5s forwards 0.5s;
    animation: animGift2 0.5s forwards 0.5s;
}
@media (max-width: 768px) {
    .block-bonus .gift.gift2.anim {
        -webkit-animation: animGift2m 0.5s forwards 0.5s;
        animation: animGift2m 0.5s forwards 0.5s;
    }
}
@-webkit-keyframes animGift2 {
    0% {
        opacity: 0;
        bottom: 100%;
    }
    100% {
        opacity: 1;
        bottom: 10%;
    }
}
@keyframes animGift2 {
    0% {
        opacity: 0;
        bottom: 100%;
    }
    100% {
        opacity: 1;
        bottom: 10%;
    }
}
@-webkit-keyframes animGift2m {
    0% {
        opacity: 0;
        bottom: 100%;
    }
    100% {
        opacity: 1;
        bottom: 0;
    }
}
@keyframes animGift2m {
    0% {
        opacity: 0;
        bottom: 100%;
    }
    100% {
        opacity: 1;
        bottom: 0;
    }
}
.block-bonus .gift.gift3.anim {
    -webkit-animation: animGift3 0.5s forwards 0.5s;
    animation: animGift3 0.5s forwards 0.5s;
}
@media (max-width: 768px) {
    .block-bonus .gift.gift3.anim {
        -webkit-animation: animGift3m 0.5s forwards 0.5s;
        animation: animGift3m 0.5s forwards 0.5s;
    }
}
@-webkit-keyframes animGift3 {
    0% {
        opacity: 0;
        bottom: 100%;
    }
    100% {
        opacity: 1;
        bottom: -65px;
    }
}
@keyframes animGift3 {
    0% {
        opacity: 0;
        bottom: 100%;
    }
    100% {
        opacity: 1;
        bottom: -65px;
    }
}
@-webkit-keyframes animGift3m {
    0% {
        opacity: 0;
        bottom: 100%;
    }
    100% {
        opacity: 1;
        bottom: -30px;
    }
}
@keyframes animGift3m {
    0% {
        opacity: 0;
        bottom: 100%;
    }
    100% {
        opacity: 1;
        bottom: -30px;
    }
}
.bg-line .block-container {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(rgb(203, 234, 250)), to(rgb(143, 158, 228)));
    background: -o-linear-gradient(left, rgb(203, 234, 250) 0%, rgb(143, 158, 228) 100%);
    background: linear-gradient(90deg, rgb(203, 234, 250) 0%, rgb(143, 158, 228) 100%);
    border-radius: 50px;
}
.bg-line .block-container::before,
.bg-line .block-container::after {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}
.bg-line .block-container::before {
    background-image: url("../img/block-bonus/line-left.webp");
    bottom: 0;
    left: 0;
    width: 239.53px;
    height: 178px;
}
@media (max-width: 768px) {
    .bg-line .block-container::before {
        width: 103.95px;
        height: 82.87px;
        bottom: -10px;
    }
}
.bg-line .block-container::after {
    background-image: url("../img/block-bonus/line-right.webp");
    top: 0;
    right: 150px;
    width: 265.16px;
    height: 204.65px;
}
@media (max-width: 768px) {
    .bg-line .block-container::after {
        width: 201.94px;
        height: 130.36px;
        right: 50px;
    }
}
.bg-line .block-container .text {
    font-family: "Inter-Light";
    font-size: 23px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    margin-top: 20px;
}
.block-parents {
    padding: 80px 0 50px;
}
@media (max-width: 768px) {
    .block-parents {
        padding: 50px 0;
    }
}
.block-parents.anim .block .text1 {
    -webkit-animation: showText1 0.5s forwards 0.5s;
    animation: showText1 0.5s forwards 0.5s;
}
@-webkit-keyframes showText1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showText1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.block-parents.anim .block .text2 {
    -webkit-animation: showText2 0.5s forwards 0.5s;
    animation: showText2 0.5s forwards 0.5s;
}
@-webkit-keyframes showText2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showText2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.block-parents.anim .line {
    -webkit-animation: rotateLine 0.5s forwards 0.5s;
    animation: rotateLine 0.5s forwards 0.5s;
}
@media (max-width: 768px) {
    .block-parents.anim .line {
        -webkit-animation: rotateLineMobile 0.5s forwards 0.5s;
        animation: rotateLineMobile 0.5s forwards 0.5s;
    }
}
@-webkit-keyframes rotateLine {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotateLine {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateLineMobile {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(82.5deg);
        transform: rotate(82.5deg);
    }
}
@keyframes rotateLineMobile {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(82.5deg);
        transform: rotate(82.5deg);
    }
}
.block-parents .title {
    font-size: 50px;
}
@media (max-width: 768px) {
    .block-parents .title {
        font-size: 35px;
    }
}
.block-parents .subtitle {
    font-family: "Inter-Light";
    font-size: 26px;
    line-height: 130%;
    text-align: center;
    margin-top: 10px;
}
@media (max-width: 768px) {
    .block-parents .subtitle {
        font-size: 17px;
    }
}
.block-parents .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}
@media (max-width: 992px) {
    .block-parents .blocks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.block-parents .blocks .block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48.5%;
    flex: 0 0 48.5%;
    position: relative;
}
@media (max-width: 992px) {
    .block-parents .blocks .block {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}
@media (max-width: 768px) {
    .block-parents .blocks .block .text2 br {
        display: none;
    }
}
.block-parents .blocks .block .preview .img {
    border-radius: 50px;
    overflow: hidden;
    min-height: 602px;
}
@media (max-width: 768px) {
    .block-parents .blocks .block .preview .img {
        border-radius: 33.62px;
    }
}
.block-parents .blocks .block .preview .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.block-parents .blocks .block .preview .content {
    position: absolute;
    z-index: 1;
    padding: 20px;
}
@media (max-width: 768px) {
    .block-parents .blocks .block .preview .content {
        padding: 10px;
    }
}
.block-parents .blocks .block .preview .content .text1 {
    line-height: 130%;
    color: #fff;
    font-family: "Inter-Medium";
    background: var(--purple);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 50px;
    padding: 5px 20px;
    opacity: 0;
}
@media (max-width: 768px) {
    .block-parents .blocks .block .preview .content .text1 {
        border-radius: 34.6px;
        padding: 10px 20px;
    }
}
.block-parents .blocks .block .preview .content .text2 {
    font-size: 20px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    background: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 50px;
    padding: 20px;
    margin-top: 10px;
    opacity: 0;
}
@media (max-width: 768px) {
    .block-parents .blocks .block .preview .content .text2 {
        font-size: 16px;
        color: #343434;
        border-radius: 34.6px;
        padding: 10px 20px;
    }
}
@media (max-width: 480px) {
    .page.main .block-parents .blocks .block.block1 .content .text1 {
        font-size: 18px;
    }
    .block-parents .blocks .block .preview .content .text2 {
        font-size: 14px;
    }
}
.block-parents .line {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 254.61px;
    height: 226.61px;
    margin: auto;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
@media (max-width: 768px) {
    .block-parents .line {
        width: 161.45px;
        height: 138.71px;
        transform: rotate(82.5deg) !important;
        top: 35px;
        right: unset;
        left: 30px;
        z-index: 1;
    }
}
.block-parents .line img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.best-holiday {
    padding-top: 50px;
}
@media (max-width: 768px) {
    .best-holiday {
        padding-top: 10px;
    }
}
.best-holiday .block .img {
    left: -100%;
    opacity: 0;
}
.best-holiday.anim .block .img {
    -webkit-animation: showImage 0.3s forwards 0.3s;
    animation: showImage 0.3s forwards 0.3s;
}
@-webkit-keyframes showImage {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}
@keyframes showImage {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}
.best-holiday .block-feedback {
    right: -100%;
    opacity: 0;
}
.best-holiday.anim .block-feedback {
    -webkit-animation: showFeedback 1s forwards 1s;
    animation: showFeedback 1s forwards 1s;
}
@-webkit-keyframes showFeedback {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes showFeedback {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.best-holiday .title {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 992px) {
    .best-holiday .title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.best-holiday .text-bg {
    border-radius: 16.99px;
}
.best-holiday .text-bg span {
    font-size: inherit;
}
.best-holiday .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .best-holiday .blocks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 35px;
    }
}
.best-holiday .blocks .block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    margin-top: 50px;
}
@media (max-width: 768px) {
    .best-holiday .blocks .block {
        margin-top: 20px;
    }
}
.best-holiday .blocks .block.block1 {
    background-image: url("../img/best-holiday/bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    border-radius: 50px;
}
@media (max-width: 768px) {
    .best-holiday .blocks .block.block1 {
        border-radius: 32.95px;
    }
}
.best-holiday .blocks .block.block2 {
    width: 100%;
    height: 100%;
    border-radius: 54.75px;
    z-index: 0;
}
@media (max-width: 768px) {
    .best-holiday .blocks .block.block2 {
        border-radius: 36.02px;
    }
}
.best-holiday .blocks .block.block2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 768px) {
    .best-holiday .blocks .block.block2 .swiper-slide {
        height: 547px;
    }
}
.best-holiday .blocks .block .img {
    width: 100%;
    height: auto;
    margin: -40px 50px -35px;
    position: relative;
    left: -100%;
    opacity: 0;
}
@media (max-width: 992px) {
    .best-holiday .blocks .block .img {
        margin: -40px 50px -20px;
    }
}
.best-holiday .blocks .block .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.best-holiday .blocks .block .block-buttons .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.best-holiday .blocks .block .block-buttons .buttons .btn {
    min-width: 160px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    height: 56px;
    border-radius: 50px;
    padding: 0 35px;
    margin: 5px;
    font-family: "Inter-Light";
}
@media (max-width: 768px) {
    .best-holiday .blocks .block .block-buttons .buttons .btn {
        min-width: 109px;
        height: 30px;
        border-radius: 34.06px;
        padding: 0 10px;
        font-size: 14px;
    }
}
@media (max-width: 480px) {
    .best-holiday .blocks .block .block-buttons .buttons .btn {
        min-width: 69px;
    }
}
.best-holiday .block-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 50px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1200px) {
    .best-holiday .block-bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 992px) {
    .best-holiday .block-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media (max-width: 768px) {
    .best-holiday .block-bottom {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
        padding: 0 30px;
    }
    .best-holiday .block-bottom.mm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .best-holiday .block-bottom.mm .btn {
        margin: 20px 5px 0;
    }
}
@media (max-width: 480px) {
    .best-holiday .block-bottom {
        padding: 0;
    }
    .best-holiday .block-btn-arrow .btn-yellow {
        min-width: fit-content;
        padding: 0 10px;
        font-size: 14px;
    }
}
.best-holiday .block-bottom .btn {
    margin-top: 30px;
}
.best-holiday .block-bottom .btn.btn-bgn {
    border: 2px solid var(--yellow);
    text-align: center;
}
@media (max-width: 768px) {
    .best-holiday .block-bottom .btn.btn-bgn {
        min-width: 45%;
        max-width: 45%;
    }
}
.best-holiday .block-bottom .btn.btn-bgn:hover,
.best-holiday .block-bottom .btn.btn-bgn:focus {
    background: var(--yellow);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.best-holiday .block-btn-arrow {
    margin: 0;
    padding: 0 10px;
}
@media (max-width: 992px) {
    .best-holiday .block-btn-arrow {
        padding: 0;
    }
}
.best-holiday .block-btn-arrow .btn-yellow {
    min-width: 298.73px;
    max-width: 298.73px;
}
@media (max-width: 768px) {
    .best-holiday .block-btn-arrow .btn-yellow {
        min-width: 50vw;
        height: 46.38px;
    }
}
@media (max-width: 360px) {
    .best-holiday .block-btn-arrow .btn-yellow {
        min-width: 55vw;
    }
}
.best-holiday .block-btn-arrow .btn-arrow {
    min-width: 75px;
    max-width: 75px;
    height: 75px;
}
@media (max-width: 768px) {
    .best-holiday .block-btn-arrow .btn-arrow {
        min-width: 46.38px;
        max-width: 46.38px;
        height: 46.38px;
    }
}
.best-holiday .block-feedback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    right: -100%;
    position: relative;
}
.best-holiday .block-feedback .contact {
    background: var(--yellow);
    border-radius: 35px;
    width: 513px;
    padding: 15px 30px;
    margin-top: 20px;
    position: relative;
}
@media (max-width: 768px) {
    .best-holiday .block-feedback .contact {
        width: 100%;
        border-radius: 31.26px;
        padding: 15px 50% 15px 20px;
    }
}
@media (max-width: 480px) {
    .best-holiday .block-feedback .contact {
        padding: 15px 50% 15px 15px;
    }
}
@media (max-width: 360px) {
    .best-holiday .block-feedback .contact {
        padding: 15px 40% 15px 15px;
    }
}
.best-holiday .block-feedback .contact::before {
    content: "";
    position: absolute;
    top: -337px;
    right: -30px;
    width: 316px;
    height: 337px;
    background-image: url("../img/best-holiday/viki.avif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    z-index: 1;
}
@media (max-width: 768px) {
    .best-holiday .block-feedback .contact::before {
        right: -10px;
        width: 207px;
        height: 220.84px;
        top: -103px;
    }
}
@media (max-width: 480px) {
    .best-holiday .block-feedback .contact::before {
        width: 150px;
        height: 150px;
        top: unset;
        bottom: -20px;
    }
}
@media (max-width: 350px) {
    .best-holiday .block-feedback .contact::before {
        top: unset;
        bottom: -20px;
        right: -15px;
    }
}
.best-holiday .block-feedback .contact .phone {
    font-size: 35px;
    line-height: 130%;
    color: var(--purple);
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .best-holiday .block-feedback .contact .phone {
        font-size: 20px;
    }
}
@media (max-width: 480px) {
    .best-holiday .block-feedback .contact .phone {
        font-size: 16px;
    }
}
@media (max-width: 380px) {
    .best-holiday .block-feedback .contact .phone {
        font-size: 14px;
    }
}
.best-holiday .block-feedback .contact .text {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Light";
}
@media (max-width: 768px) {
    .best-holiday .block-feedback .contact .text {
        font-size: 15px;
    }
    .best-holiday .block-feedback .contact .text br {
        display: none;
    }
}
@media (max-width: 480px) {
    .best-holiday .block-feedback .contact .text {
        font-size: 14px;
    }
}
@media (max-width: 380px) {
    .best-holiday .block-feedback .contact .text {
        font-size: 12px;
    }
}
.block-review .title {
    font-size: 50px;
    padding: 0 20px;
}
@media (max-width: 768px) {
    .block-review .title {
        font-size: 24px;
    }
}
.block-review .reviews {
    padding: 0 30px 30px;
}
.block-review .reviews.swiper .swiper-wrapper {
    padding: 20px 0;
}
.block-review .reviews.swiper .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.block-review .reviews.swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #2f75ff;
    width: 10px;
    height: 10px;
}
.block-review .reviews.swiper .swiper-button-prev,
.block-review .reviews.swiper .swiper-rtl .swiper-button-next {
    left: 0;
}
.block-review .reviews.swiper .swiper-button-next,
.block-review .reviews.swiper .swiper-rtl .swiper-button-prev {
    right: 0;
}
.block-review .reviews .review {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.block-review .reviews .review .body {
    padding: 20px 20px 30px;
}
.block-review .reviews .review .body .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.block-review .reviews .review .body .head .img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}
.block-review .reviews .review .body .head .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.block-review .reviews .review .body .head .head-title {
    margin-left: 5px;
}
.block-review .reviews .review .body .head .head-title .name {
    font-size: 18px;
    line-height: 100%;
    color: #000;
    font-family: "Inter-Bold";
}
.block-review .reviews .review .body .head .head-title .stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
}
.block-review .reviews .review .body .head .head-title .stars .star {
    width: 20px;
    height: 20px;
}
.block-review .reviews .review .body .head .head-title .stars .star svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.block-review .reviews .review .body .head .head-title .date {
    font-size: 12px;
    line-height: 100%;
    font-family: "Inter-Light";
    margin-top: 5px;
}
.block-review .reviews .review .body .comment {
    font-size: 14px;
    line-height: 100%;
    margin-top: 30px;
}
.block-review .reviews .review .body .readFullText {
    font-size: 12px;
    opacity: 0.9;
    cursor: pointer;
}
.family-rest {
    padding: 100px 0;
}
@media (max-width: 992px) {
    .family-rest {
        padding: 50px 0;
    }
}
@media (max-width: 768px) {
    .family-rest {
        padding: 30px 0;
    }
}
.family-rest .dish::before {
    opacity: 0;
}
.family-rest .dish.anim::before {
    -webkit-animation: showHero 0.5s forwards 0.5s;
    animation: showHero 0.5s forwards 0.5s;
}
@-webkit-keyframes showHero {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showHero {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.family-rest .block-line {
    opacity: 0;
}
.family-rest .block-line.anim {
    -webkit-animation: showLineText 1s forwards 1s;
    animation: showLineText 1s forwards 1s;
}
@-webkit-keyframes showLineText {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showLineText {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.family-rest .line {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.family-rest .line.anim {
    -webkit-animation: rotateLine 1.5s forwards 1.5s;
    animation: rotateLine 1.5s forwards 1.5s;
}
@media (max-width: 768px) {
    .family-rest .line.anim {
        -webkit-animation: rotateLineMobile 1.5s forwards 1.5s;
        animation: rotateLineMobile 1.5s forwards 1.5s;
    }
}
@-webkit-keyframes rotateLine {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotateLine {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateLineMobile {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-42.87deg);
        transform: rotate(-42.87deg);
    }
}
@keyframes rotateLineMobile {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-42.87deg);
        transform: rotate(-42.87deg);
    }
}
.family-rest .block-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 992px) {
    .family-rest .block-cols {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.family-rest .block-cols .block-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
}
@media (max-width: 768px) {
    .family-rest .block-cols .block-col {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}
.family-rest .block-cols .block-col .title {
    text-align: left;
}
@media (max-width: 768px) {
    .family-rest .block-cols .block-col .title {
        text-align: center;
    }
}
.family-rest .block-cols .block-col .text {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    margin-top: 50px;
}
@media (max-width: 768px) {
    .family-rest .block-cols .block-col .text {
        margin-top: 0;
        font-size: 16px;
        color: #303030;
    }
}
.family-rest .block-cols .block-col.content {
    margin-top: -100px;
}
@media (max-width: 992px) {
    .family-rest .block-cols .block-col.content {
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    .family-rest .block-cols .block-col.content .body {
        border: 1px solid #ff88bf;
        border-radius: 50px;
        margin-top: 30px;
        padding: 20px;
    }
}
@media (max-width: 992px) {
    .family-rest .block-cols .block-col.hall {
        margin-top: 20px;
    }
}
.family-rest .block-cols .block-col.hall .video {
    height: 739px;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
}
@media (max-width: 768px) {
    .family-rest .block-cols .block-col.hall .video {
        height: 502px;
    }
}
.family-rest .block-cols .block-col.hall .video video,
.family-rest .block-cols .block-col.hall .video img,
.family-rest .block-cols .block-col.hall .video iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.family-rest .block-cols .block-col.hall .video iframe {
    position: absolute;
    top: 0;
    left: 0;
}
.family-rest .block-cols .block-col.hall .video img {
    position: relative;
    z-index: 1;
}
.family-rest .block-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 992px) {
    .family-rest .block-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 20px;
    }
}
.family-rest .block-btn-arrow {
    position: relative;
    bottom: 30px;
    z-index: 2;
}
@media (max-width: 992px) {
    .family-rest .block-btn-arrow {
        bottom: 0;
    }
}
.family-rest .block-btn-arrow .btn.btn-yellow {
    min-width: 298.73px;
}
@media (max-width: 768px) {
    .family-rest .block-btn-arrow .btn.btn-yellow {
        min-width: 184.74px;
        height: 46.38px;
    }
    .family-rest .block-btn-arrow .btn.btn-arrow {
        min-width: 46.38px;
        max-width: 46.38px;
        height: 46.38px;
    }
}
@media (max-width: 480px) {
    .family-rest .block-btn-arrow .btn.btn-yellow {
        min-width: fit-content;
        height: 35px;
        padding: 0 20px;
        font-size: 14px;
    }
    .family-rest .block-btn-arrow .btn.btn-arrow {
        min-width: 35px;
        max-width: 35px;
        height: 35px;
    }
}
.family-rest .block-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: -75px;
    opacity: 0;
}
@media (max-width: 992px) {
    .family-rest .block-line {
        margin-left: 0;
    }
}
@media (max-width: 768px) {
    .family-rest .block-line {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.family-rest .block-line .phrase {
    font-size: 25px;
    line-height: 130%;
    color: var(--light-pink);
    font-family: "Inter-Bold";
}
@media (max-width: 768px) {
    .family-rest .block-line .phrase {
        font-size: 15px;
    }
}
.family-rest .block-line .line {
    width: 181.73px;
    height: 156.2px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
@media (max-width: 768px) {
    .family-rest .block-line .line {
        width: 100.57px;
        height: 89.2px;
        -webkit-transform: rotate(-42.87deg);
        -ms-transform: rotate(-42.87deg);
        transform: rotate(-42.87deg);
        margin-left: 10px;
    }
}
.family-rest .block-line .line img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.family-rest .dish {
    margin-top: 30px;
    position: relative;
}
.family-rest .dish::before {
    content: "";
    position: absolute;
    bottom: -85px;
    right: -25%;
    width: 423px;
    height: 585.97px;
    background-image: url("../img/family-rest/tiki.avif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    z-index: 2;
    opacity: 0;
}
.family-rest .dish .img {
    width: 100%;
    height: 299px;
    border-radius: 50px;
    overflow: hidden;
}
@media (max-width: 1440px) {
    .family-rest .dish::before {
        right: -35%;
    }
}
@media (max-width: 1200px) {
    .family-rest .dish::before {
        right: -50%;
    }
}
@media (max-width: 992px) {
    .family-rest .dish::before {
        bottom: -25px;
        right: -20%;
    }
}
@media (max-width: 768px) {
    .family-rest .dish {
        margin-top: 20px;
    }
    .family-rest .dish::before {
        width: 250px;
        height: 350px;
        right: -10%;
    }
    .family-rest .dish .img {
        width: 75%;
        height: 191.43px;
        border-radius: 46.46px;
    }
}
@media (max-width: 480px) {
    .family-rest .dish::before {
        right: -30%;
        width: 250px;
        height: 300px;
    }
}
.family-rest .dish .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.block-afisha .block.info .img.anim {
    -webkit-animation: showAfishaImage 0.5s forwards 0.5s;
    animation: showAfishaImage 0.5s forwards 0.5s;
}
@-webkit-keyframes showAfishaImage {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showAfishaImage {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.block-afisha .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .block-afisha .blocks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
.block-afisha .blocks .block {
    border-radius: 50px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    width: 100%;
    height: 710px;
}
.block-afisha .blocks .block .swiper-button-next:after,
.block-afisha .blocks .block .swiper-button-prev:after {
    color: #fff;
}
@media (max-width: 768px) {
    .block-afisha .blocks .block {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: 472px;
        border-radius: 33px;
    }
}
.block-afisha .blocks .block.photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 768px) {
    .block-afisha .blocks .block.photo {
        margin-top: 20px;
    }
}
.block-afisha .blocks .block.info {
    background-image: url("../img/block-afisha/bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 60px 50px 20px;
}
@media (max-width: 1440px) {
    .block-afisha .blocks .block.info {
        padding: 30px 20px 20px;
    }
}
@media (max-width: 768px) {
    .block-afisha .blocks .block.info {
        padding: 50px 50px 20px;
    }
}
@media (max-width: 480px) {
    .block-afisha .blocks .block.info {
        padding: 40px 20px 20px;
    }
}
.block-afisha .blocks .block.info .img {
    width: 266px;
    height: 266px;
    opacity: 0;
}
@media (max-width: 768px) {
    .block-afisha .blocks .block.info .img {
        width: 176.67px;
        height: 176.67px;
    }
}
.block-afisha .blocks .block.info .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.block-afisha .blocks .block .title-head {
    font-size: 45px;
    line-height: 130%;
    color: #fff;
    text-align: center;
    font-family: var(--font-accent);
}
@media (max-width: 992px) {
    .block-afisha .blocks .block .title-head {
        font-size: 30px;
    }
}
@media (max-width: 768px) {
    .block-afisha .blocks .block .title-head {
        font-size: 24px;
    }
}
@media (max-width: 480px) {
    .block-afisha .blocks .block .title-head {
        font-size: 20px;
    }
}
.block-afisha .blocks .block .text {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    font-family: "Inter-Light";
    margin-top: 20px;
    padding: 0 20px;
}
@media (max-width: 1200px) {
    .block-afisha .blocks .block .text {
        padding: 0;
    }
}
@media (max-width: 768px) {
    .block-afisha .blocks .block .text {
        font-size: 17px;
        color: #1e1e1e;
    }
}
.block-afisha .blocks .block .block-btn-arrow .btn.btn-yellow {
    min-width: 257.56px;
}
@media (max-width: 768px) {
    .block-afisha .blocks .block .block-btn-arrow .btn.btn-yellow {
        min-width: 171.82px;
        height: 45px;
    }
}
.block-afisha .blocks .block .block-btn-arrow .btn.btn-arrow {
    min-width: 69.64px;
    height: 69.64px;
}
@media (max-width: 768px) {
    .block-afisha .blocks .block .block-btn-arrow .btn.btn-arrow {
        min-width: 44.73px;
        max-width: 44.73px;
        height: 44.73px;
    }
}
.avail-prices {
    padding: 80px 0;
}
@media (max-width: 768px) {
    .avail-prices {
        display: none;
    }
}
.avail-prices .title {
    color: #2c2c2c;
}
.avail-prices .blocks {
    padding-top: 10px;
}
.avail-prices .blocks .block-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 992px) {
    .avail-prices .blocks .block-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.avail-prices .blocks .block-flex:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.avail-prices .blocks .block-flex .block {
    background: var(--yellow);
    border-radius: 57.49px;
    position: relative;
    width: 539.9px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px;
}
.avail-prices .blocks .block-flex .block:hover,
.avail-prices .blocks .block-flex .block:focus {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
@media (max-width: 992px) {
    .avail-prices .blocks .block-flex .block {
        width: 100%;
        height: auto;
    }
}
.avail-prices .blocks .block-flex .block::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    height: 300px;
    background-image: url("../img/avail-prices/line.webp");
    background-repeat: no-repeat;
    background-size: contain;
}
.avail-prices .blocks .block-flex .block:first-child {
    margin-right: 20px;
}
.avail-prices .blocks .block-flex .block .head {
    position: relative;
    padding: 50px 20px;
}
@media (max-width: 768px) {
    .avail-prices .blocks .block-flex .block .head {
        padding: 30px 20px;
    }
}
.avail-prices .blocks .block-flex .block .head .head-title {
    font-size: 40px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .avail-prices .blocks .block-flex .block .head .head-title {
        font-size: 28px;
    }
}
.avail-prices .blocks .block-flex .block .head span {
    width: 41px;
    height: 41px;
    border-radius: 50%;
    display: block;
    background: var(--light-pink);
    position: absolute;
    top: 20px;
    right: 20px;
}
.avail-prices .blocks .block-flex .block .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 20px 20px 30px;
}
.avail-prices .blocks .block-flex .block .body.bg-white {
    background: #fff;
    border: 2px solid var(--yellow);
    border-radius: 0 0 57.49px 57.49px;
}
.avail-prices .blocks .block-flex .block .body.bg-none {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 50px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.avail-prices .blocks .block-flex .block .body .stroke:not(:first-child) {
    margin-top: 35px;
}
.avail-prices .blocks .block-flex .block .body .stroke p {
    font-size: 25px;
}
@media (max-width: 768px) {
    .avail-prices .blocks .block-flex .block .body .stroke p {
        font-size: 18px;
    }
}
.avail-prices .blocks .block-flex .block .body .stroke .text-bold {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Bold";
}
@media (max-width: 768px) {
    .avail-prices .blocks .block-flex .block .body .stroke .text-bold {
        font-size: 18px;
    }
}
.avail-prices .blocks .block-flex .block .body .stroke .text-mark {
    font-size: 20px;
    line-height: 130%;
    color: rgba(36, 36, 36, 0.56);
    font-family: "Inter-Medium";
}
@media (max-width: 768px) {
    .avail-prices .blocks .block-flex .block .body .stroke .text-mark {
        font-size: 16px;
    }
}
.avail-prices .blocks .block-flex .block .body .stroke .text-pink {
    font-size: 27px;
    line-height: 130%;
    color: #ff88bf;
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .avail-prices .blocks .block-flex .block .body .stroke .text-pink {
        font-size: 24px;
    }
}
.avail-prices .blocks .block-flex .block .body .stroke .text-black {
    font-size: 27px;
    line-height: 130%;
    color: rgba(38, 38, 38, 0.81);
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .avail-prices .blocks .block-flex .block .body .stroke .text-black {
        font-size: 24px;
    }
}
.avail-prices .blocks .block-flex .block .body .stroke .prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .avail-prices .blocks .block-flex .block .body .stroke .prices {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.avail-prices .blocks .block-flex .block .body .stroke .prices .price:first-child {
    padding-top: 10px;
    padding-right: 30px;
}
.avail-prices .blocks .block-flex .block .body .stroke .prices .price p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.avail-prices .blocks .block-flex .block .body .stroke .prices .price p span {
    line-height: 30px;
    padding-left: 5px;
}
.full-price {
    position: relative;
    max-width: 1440px;
    margin: 200px auto;
}
@media (max-width: 768px) {
    .full-price {
        margin: 50px auto;
    }
}
.full-price.anim .coin1 {
    -webkit-animation: topCoin1 0.5s forwards 0.5s;
    animation: topCoin1 0.5s forwards 0.5s;
}
@media (max-width: 768px) {
    .full-price.anim .coin1 {
        -webkit-animation: topCoin1m 0.5s forwards 0.5s;
        animation: topCoin1m 0.5s forwards 0.5s;
    }
}
@-webkit-keyframes topCoin1 {
    0% {
        top: -100%;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        top: -100px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@keyframes topCoin1 {
    0% {
        top: -100%;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        top: -100px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes topCoin1m {
    0% {
        top: -100%;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        top: -50px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@keyframes topCoin1m {
    0% {
        top: -100%;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        top: -50px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
.full-price.anim .coin2 {
    -webkit-animation: topCoin2 0.5s forwards 0.5s;
    animation: topCoin2 0.5s forwards 0.5s;
}
@media (max-width: 768px) {
    .full-price.anim .coin2 {
        -webkit-animation: topCoin2m 0.5s forwards 0.5s;
        animation: topCoin2m 0.5s forwards 0.5s;
    }
}
@-webkit-keyframes topCoin2 {
    0% {
        bottom: 100%;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        bottom: -70px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@keyframes topCoin2 {
    0% {
        bottom: 100%;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        bottom: -70px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes topCoin2m {
    0% {
        bottom: 100%;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        bottom: -20px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@keyframes topCoin2m {
    0% {
        bottom: 100%;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        bottom: -20px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
.full-price.anim .coin3 {
    -webkit-animation: topCoin3 0.5s forwards 0.5s;
    animation: topCoin3 0.5s forwards 0.5s;
}
@media (max-width: 768px) {
    .full-price.anim .coin3 {
        -webkit-animation: topCoin3m 0.5s forwards 0.5s;
        animation: topCoin3m 0.5s forwards 0.5s;
    }
}
@-webkit-keyframes topCoin3 {
    0% {
        bottom: 100%;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        bottom: -50px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@keyframes topCoin3 {
    0% {
        bottom: 100%;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        bottom: -50px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes topCoin3m {
    0% {
        bottom: 100%;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        bottom: -15px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
@keyframes topCoin3m {
    0% {
        bottom: 100%;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        opacity: 0;
    }
    100% {
        bottom: -15px;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
    }
}
.full-price .coin {
    position: absolute;
}
.full-price .coin img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.full-price .coin.coin1 {
    width: 187.82px;
    height: 183.35px;
    top: -100%;
    left: 100px;
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    opacity: 0;
}
@media (max-width: 768px) {
    .full-price .coin.coin1 {
        width: 97.14px;
        height: 94.82px;
        left: 30px;
    }
}
.full-price .coin.coin2 {
    width: 168.87px;
    height: 164.85px;
    bottom: 100%;
    left: 0;
    z-index: 1;
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    opacity: 0;
}
@media (max-width: 768px) {
    .full-price .coin.coin2 {
        width: 69.67px;
        height: 68.01px;
        left: 5px;
    }
}
.full-price .coin.coin3 {
    width: 148.57px;
    height: 145.04px;
    bottom: 100%;
    right: 30%;
    z-index: 1;
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    opacity: 0;
}
@media (max-width: 768px) {
    .full-price .coin.coin3 {
        width: 48.45px;
        height: 47.29px;
        right: 20%;
    }
}
.full-price .block-container {
    width: 100%;
    height: 426px;
    padding: 50px 20px 20px;
}
@media (max-width: 992px) {
    .full-price .block-container {
        height: auto;
    }
}
@media (max-width: 768px) {
    .full-price .block-container {
        padding: 30px 20px 20px;
        border-radius: 19.08px;
    }
}
@media (max-width: 480px) {
    .full-price .block-container {
        padding: 20px 10px;
    }
}
.page.main .full-price .body {
    align-items: center;
}
.full-price .body {
    width: 65%;
    height: 100%;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 480px) {
    .full-price .body {
        width: 75%;
    }
}
.full-price .body .head {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (max-width: 992px) {
    .full-price .body .title {
        font-size: 35px;
    }
}
@media (max-width: 768px) {
    .full-price .body .title {
        font-size: 25px;
    }
}
@media (max-width: 480px) {
    .full-price .body .title {
        font-size: 18px;
    }
}
.full-price .body .subtitle {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    text-align: center;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .full-price .body .subtitle {
        font-size: 16px;
        color: #303030;
        margin-top: 5px;
    }
}
@media (max-width: 480px) {
    .full-price .body .subtitle {
        font-size: 12px;
    }
}
.full-price .body .block-btn-arrow {
    margin: 50px 0 auto;
}
@media (max-width: 768px) {
    .full-price .body .block-btn-arrow {
        margin: 20px 0 auto;
    }
}
.full-price .body .block-btn-arrow .btn.btn-yellow {
    min-width: 291.24px;
    max-width: 291.24px;
}
.full-price .body .block-btn-arrow .btn.btn-arrow {
    min-width: 71.46px;
    max-width: 71.46px;
}
@media (max-width: 768px) {
    .full-price .body .block-btn-arrow .btn.btn-yellow {
        min-width: 175px;
        max-width: 175px;
        height: 39px;
    }
    .full-price .body .block-btn-arrow .btn.btn-arrow {
        min-width: 41.21px;
        max-width: 41.21px;
        height: 41.21px;
    }
}
@media (max-width: 480px) {
    .full-price .body .block-btn-arrow .btn.btn-yellow {
        min-width: fit-content;
        max-width: fit-content;
        height: 35px;
        padding: 0 10px;
    }
    .full-price .body .block-btn-arrow .btn.btn-arrow {
        min-width: 35px;
        max-width: 35px;
        height: 35px;
    }
}
.full-price .hero {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}
@media (max-width: 480px) {
    .full-price .hero {
        right: -30px;
    }
}
.full-price .hero .img {
    width: 500px;
    height: 800px;
}
@media (max-width: 768px) {
    .full-price .hero .img {
        width: 205.97px;
        height: 310.44px;
    }
}
@media (max-width: 480px) {
    .full-price .hero .img {
        width: 200px;
        height: 300px;
    }
}
.full-price .hero .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.block-prices .block-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 30px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}
.block-prices .block-buttons .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.block-prices .block-buttons .buttons .btn {
    background: inherit;
    height: 67px;
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    border: 1px solid var(--purple);
    background: #fff;
}
.block-prices .block-buttons .buttons .btn:not(:last-child) {
    margin-right: -35px;
}
.block-prices .block-buttons .buttons .btn:nth-child(2) {
    z-index: 2 !important;
}
.block-prices .block-buttons .buttons .btn.active,
.block-prices .block-buttons .buttons .btn:first-child.active,
.block-prices .block-buttons .buttons .btn:nth-child(2).active {
    z-index: 3 !important;
    border-radius: 40px !important;
}
.block-prices .block-buttons .buttons .btn.active ~.btn {
    border-radius: 0 40px 40px 0 !important;
}
.block-prices .block-buttons .buttons .btn:first-child,
.block-prices .block-buttons .buttons .btn:nth-child(2) {
    border-radius: 40px 0 0 40px !important;
}
@media (max-width: 768px) {
    .block-prices .block-buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .block-prices .block-buttons .buttons {
        overflow-y: hidden;
    }
    .block-prices .block-buttons .buttons .btn {
        font-size: 14px;
    }
    .block-prices .block-buttons .buttons .btn:not(:last-child) {
        margin-right: -30px;
    }
}
@media (max-width: 480px) {
    .block-prices .block-buttons {
        justify-content: flex-start;
    }
    .block-prices .block-buttons .buttons {
        align-items: center;
        overflow: visible;
    }
    .block-prices .block-buttons .buttons .btn {
        position: relative;
        min-width: fit-content;
        max-width: fit-content;
        height: 40px;
        padding: 0 20px;
        font-size: 12px !important;
        line-height: 40px;
        border-radius: 40px !important;
    }
    .block-prices .block-buttons .buttons .btn:not(:last-child) {
        margin-right: -1rem;
    }
    .block-prices .block-buttons .buttons .btn:nth-child(2) {
        margin-left: 0;
    }
    .block-prices .block-buttons .buttons .btn {
        z-index: 1 !important;
    }
}
.block-prices .block-buttons .buttons .btn:hover,
.block-prices .block-buttons .buttons .btn:focus {
    background: #2f2f2f;
    color: #fff;
    z-index: 2 !important;
    border-radius: 40px;
}
.block-prices .block-buttons .buttons .btn.active {
    background: var(--purple);
    color: #fff;
}
.block-prices .block-container {
    background-color: var(--purple);
    border-radius: 50px;
    position: relative;
}
.block-prices .block-container .block-btn-arrow,
.block-prices .block-container .text-mark,
.block-prices .block-container .block-bottom .text {
    position: relative;
    z-index: 1;
}
.block-prices .body .prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
}
.block-prices .body .prices .block-price {
    padding-right: 50px;
}
.block-prices .body .prices .block-price .stroke:last-child,
.block-prices .body .prices .block-price .stroke:not(:first-child) {
    margin-top: 50px;
}
@media (max-width: 768px) {
    .block-prices .body .prices .block-price {
        padding: 0;
    }
    .block-prices .body .prices .block-price:last-child,
    .block-prices .body .prices .block-price .stroke:not(:first-child) {
        margin-top: 20px;
    }
}
.block-prices .body .prices .block-price .head-title {
    font-size: 35px;
    line-height: 130%;
    color: #fff;
    font-family: var(--font-accent);
    border-radius: 50px;
    border: 1px solid #fff;
    padding: 0 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
}
@media (max-width: 768px) {
    .block-prices .body .prices .block-price .head-title {
        font-size: 14px;
        padding: 5px 20px;
    }
}
.block-prices .body .prices .block-price .text {
    font-size: 25px;
    color: #2f2f2f;
    font-family: "Inter-Light";
    margin-top: 10px;
}
@media (max-width: 768px) {
    .block-prices .body .prices .block-price .text {
        font-size: 14px;
        color: #1c1c1c;
    }
}
.block-prices .body .prices .block-price .text span {
    font-size: 32px;
    color: var(--yellow);
    font-family: var(--font-accent);
    padding-right: 5px;
}
@media (max-width: 768px) {
    .block-prices .body .prices .block-price .text span {
        font-size: 18px;
    }
}
@media (max-width: 992px) {
    .block-prices .body .prices {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.block-prices .block-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.block-prices .block-bottom .text {
    font-size: 20px;
    color: #2f2f2f;
    font-family: "Inter-Light";
    line-height: 130%;
    margin-right: 100px;
}
@media (max-width: 768px) {
    .block-prices .block-bottom .text {
        margin-right: 0;
    }
}
@media (max-width: 480px) {
    .block-prices .block-bottom .text {
        font-size: 11px;
        color: #2c2c2c;
    }
}
.block-prices .tab-content {
    display: none;
    position: relative;
    opacity: 0;
}
.block-prices .tab-content.active {
    display: block;
    -webkit-animation: showBlock 0.1s forwards 0.1s;
    animation: showBlock 0.1s forwards 0.1s;
}
@-webkit-keyframes showBlock {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes showBlock {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.page.by-ticket #buy-ticket .block-container.anim::before {
    display: none;
}
#buy-ticket .block-container.anim::before {
    opacity: 0;
    left: -100%;
    -webkit-animation: showBuyTicket1 0.5s forwards 0.5s;
    animation: showBuyTicket1 0.5s forwards 0.5s;
}
@-webkit-keyframes showBuyTicket1 {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        opacity: 1;
        left: 120px;
    }
}
@keyframes showBuyTicket1 {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        opacity: 1;
        left: 120px;
    }
}
#buy-ticket .block-container.anim::after {
    opacity: 0;
    right: -100%;
    -webkit-animation: showBuyTicket2 0.5s forwards 0.5s;
    animation: showBuyTicket2 0.5s forwards 0.5s;
}
@-webkit-keyframes showBuyTicket2 {
    0% {
        opacity: 0;
        right: -100%;
    }
    100% {
        opacity: 1;
        right: -7%;
    }
}
@keyframes showBuyTicket2 {
    0% {
        opacity: 0;
        right: -100%;
    }
    100% {
        opacity: 1;
        right: -7%;
    }
}
#buy-ticket .block-container .pic.hero.anim {
    -webkit-animation: showTicketHero 0.5s forwards 0.5s;
    animation: showTicketHero 0.5s forwards 0.5s;
}
@media (max-width: 768px) {
    #buy-ticket .block-container .pic.hero.anim {
        -webkit-animation: showTicketHeroMobile 0.5s forwards 0.5s;
        animation: showTicketHeroMobile 0.5s forwards 0.5s;
    }
}
@-webkit-keyframes showTicketHero {
    0% {
        right: -100%;
    }
    100% {
        right: -35px;
    }
}
@keyframes showTicketHero {
    0% {
        right: -100%;
    }
    100% {
        right: -35px;
    }
}
@-webkit-keyframes showTicketHeroMobile {
    0% {
        right: -100%;
    }
    100% {
        right: -20px;
    }
}
@keyframes showTicketHeroMobile {
    0% {
        right: -100%;
    }
    100% {
        right: -20px;
    }
}
#buy-ticket .block-container .pic.gift.anim {
    -webkit-animation: showTicketGift 0.5s forwards 0.5s;
    animation: showTicketGift 0.5s forwards 0.5s;
}
@-webkit-keyframes showTicketGift {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showTicketGift {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
#buy-ticket .block-container::before {
    content: "";
    position: absolute;
    background-image: url("../img/block-prices/buy-ticket/discount-voucher.webp");
    background-repeat: no-repeat;
    background-size: contain;
    width: 250px;
    height: 250px;
    top: -165px;
    left: 120px;
    opacity: 0;
}
@media (max-width: 768px) {
    #buy-ticket .block-container::before {
        width: 154.99px;
        height: 154.99px;
        top: 0;
        bottom: 0;
        left: unset;
        right: -50%;
        margin: auto;
        z-index: 1;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
    }
}
@media (max-width: 480px) {
    #buy-ticket .block-container::before {
        width: 100px;
        height: 100px;
    }
}
#buy-ticket .block-container::after {
    content: "";
    position: absolute;
    background-image: url("../img/block-prices/buy-ticket/bg-preview.avif");
    background-repeat: no-repeat;
    background-size: contain;
    width: 350px;
    height: 250px;
    top: -130px;
    left: 250px;
    opacity: 0;
}
@media (max-width: 768px) {
    #buy-ticket .block-container::after {
        width: 171.98px;
        height: 137.32px;
        top: unset;
        bottom: 50px;
        left: -30px;
    }
}
@media (max-width: 480px) {
    #buy-ticket .block-container::after {
        width: 150px;
        height: 100px;
        left: -20px;
    }
}
#buy-ticket .block-container .pic {
    position: absolute;
}
#buy-ticket .block-container .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
#buy-ticket .block-container .pic.gift {
    width: 428.32px;
    height: 323.17px;
    bottom: 20px;
    right: 135px;
    opacity: 0;
}
@media (max-width: 768px) {
    #buy-ticket .block-container .pic.gift {
        width: 275.63px;
        height: 207.96px;
        bottom: unset;
        right: -60px;
        top: 30px;
    }
}
@media (max-width: 480px) {
    #buy-ticket .block-container .pic.gift {
        width: 200px;
        height: 150px;
        bottom: unset;
        right: -45px;
        top: 20px;
    }
}
@media (max-width: 360px) {
    #buy-ticket .block-container .pic.gift {
        width: 150px;
        height: 100px;
    }
}
#buy-ticket .block-container .pic.hero {
    width: 350px;
    height: 600px;
    bottom: -13px;
    right: -100%;
    z-index: 1;
}
@media (max-width: 768px) {
    #buy-ticket .block-container .pic.hero {
        width: 250px;
        height: 300px;
    }
}
@media (max-width: 480px) {
    #buy-ticket .block-container .pic.hero {
        width: 200px;
        height: 250px;
        right: -35px !important;
        bottom: 0;
    }
}
#buy-ticket .block-container .body {
    position: relative;
    background: inherit;
    border-radius: inherit;
    padding: 40px 30px;
}
@media (max-width: 768px) {
    #buy-ticket .block-container .body {
        padding: 20px 20px 300px;
        border-radius: 25px;
    }
}
@media (max-width: 480px) {
    #buy-ticket .block-container .body {
        padding: 20px;
    }
}
#buy-ticket .block-container .body .text-mark {
    font-size: 20px;
    color: #fff;
    font-family: "Inter-Medium";
    line-height: 130%;
    margin-top: 50px;
}
@media (max-width: 768px) {
    #buy-ticket .block-container .body .text-mark {
        margin-top: 30px;
        font-size: 14px;
    }
}
@media (max-width: 480px) {
    #buy-ticket .block-container .body .text-mark {
        margin-top: 20px;
        font-size: 12px;
    }
}
#buy-ticket .block-container .body .block-btn-arrow {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 50px;
}
@media (max-width: 768px) {
    #buy-ticket .block-container .body .block-btn-arrow {
        margin-top: 20px;
    }
}
#buy-ticket .block-container .body .block-btn-arrow .btn-yellow {
    height: 54px;
}
#buy-ticket .block-container .body .block-btn-arrow .btn-arrow {
    min-width: 51.45px;
    max-width: 51.45px;
    height: 51.45px;
}
@media (max-width: 480px) {
    #buy-ticket .block-container .body .block-btn-arrow .btn-yellow {
        height: 35px;
    }
    #buy-ticket .block-container .body .block-btn-arrow .btn-arrow {
        min-width: 35px;
        max-width: 35px;
        height: 35px;
    }
}
#buy-ticket .block-bottom {
    margin-top: 20px;
}
#certificates .body .block-bottom {
    margin-top: -50px;
    padding: 0px 0px 20px 50px;
}
@media (max-width: 768px) {
    #certificates .body .block-bottom {
        margin-top: 0;
        padding: 0 20px 10px;
    }
}
#certificates .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    #certificates .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
#certificates .pic.hero {
    width: 558px;
    height: 764.67px;
    margin: -250px 0px 0px -50px;
    position: relative;
    z-index: 2;
}
#certificates .pic.hero img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 768px) {
    #certificates .pic.hero {
        width: 200px;
        height: 300px;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin: 0 -50px -70px 0;
    }
}
#certificates .pic.gift {
    width: 309px;
    height: 309px;
    position: absolute;
    bottom: -100px;
    right: -30px;
}
#certificates .pic.gift img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 768px) {
    #certificates .pic.gift {
        width: 158.76px;
        height: 158.76px;
        position: absolute;
        bottom: 100px;
        right: unset;
        left: -25px;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
    }
    #certificates .block-container {
        border-radius: 30px;
    }
}
#certificates .nominals {
    text-align: center;
    padding: 50px 20px 0 0;
}
@media (max-width: 992px) {
    #certificates .nominals {
        padding: 30px 10px 0;
    }
}
@media (max-width: 768px) {
    #certificates .nominals .block-btn-arrow {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 50px;
        padding: 0 20px;
    }
    #certificates .nominals .block-btn-arrow .btn.btn-yellow {
        height: 53.43px;
    }
    #certificates .nominals .block-btn-arrow .btn.btn-arrow {
        min-width: 50.91px;
        max-width: 50.91px;
        height: 50.91px;
    }
    #certificates .block-bottom .text {
        font-size: 11px;
    }
}
#certificates .nominals .head-title {
    font-size: 73.61px;
    line-height: 130%;
    color: #fff;
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    #certificates .nominals .head-title {
        font-size: 53px;
        text-align: left;
        padding: 0 10px;
    }
}
@media (max-width: 480px) {
    #certificates .nominals .head-title {
        font-size: 35px;
    }
    #certificates .block-bottom .text {
        font-size: 8px;
    }
}
#certificates .nominals .subtitle {
    font-size: 25px;
    line-height: 130%;
    color: #fff;
    font-family: "Inter-Light";
}
@media (max-width: 768px) {
    #certificates .nominals .subtitle {
        font-size: 18px;
        text-align: left;
        margin-top: 5px;
        padding: 0 20px;
    }
}
#certificates .nominals .title-name {
    font-size: 28px;
    line-height: 130%;
    color: #fff;
    font-family: "Inter-Medium";
    margin-top: 35px;
}
@media (max-width: 768px) {
    #certificates .nominals .title-name {
        font-size: 21px;
    }
}
#certificates .nominals .prices {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -50px;
}
@media (max-width: 1200px) {
    #certificates .nominals .prices {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    #certificates .nominals .prices {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 5px auto 0;
    }
}
#certificates .nominals .prices .cost {
    font-size: 50px;
    line-height: 130%;
    color: var(--yellow);
    font-family: var(--font-accent);
    border: 1px solid #fff;
    border-radius: 50px;
    margin: 10px 5px 0;
    padding: 0 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
@media (max-width: 1440px) {
    #certificates .nominals .prices .cost {
        font-size: 40px;
    }
}
@media (max-width: 768px) {
    #certificates .nominals .prices .cost {
        font-size: 34.33px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
#abonements .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px;
}
@media (max-width: 1200px) {
    #abonements .blocks {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    #abonements .blocks {
        margin: 0 auto;
        -ms-flex-wrap: unset;
        flex-wrap: unset;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
#abonements .blocks .block {
    background-color: var(--purple);
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 50px 5px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32.5%;
    flex: 0 0 32.5%;
}
@media (max-width: 1200px) {
    #abonements .blocks .block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        margin-top: 20px;
    }
}
@media (max-width: 768px) {
    #abonements .blocks .block {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        border-radius: 42.43px;
        margin: 20px auto 0;
        width: 100%;
    }
}
#abonements .blocks .block .head {
    height: 266px;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 768px) {
    #abonements .blocks .block .head {
        height: 225.71px;
    }
}
#abonements .blocks .block .head .head-title {
    font-size: 40px;
    line-height: 130%;
    color: #fff;
    text-align: center;
    font-family: var(--font-accent);
    padding-top: 20px;
}
@media (max-width: 768px) {
    #abonements .blocks .block .head .head-title {
        font-size: 32px;
    }
}
#abonements .blocks .block .head .head-subtitle {
    font-size: 25px;
    line-height: 130%;
    color: #fff;
    text-align: center;
    font-family: "Inter-Medium";
}
@media (max-width: 768px) {
    #abonements .blocks .block .head .head-subtitle {
        font-size: 20px;
    }
}
#abonements .blocks .block .head .head-desc {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    font-family: "Inter-Medium";
    margin-top: 20px;
}
@media (max-width: 768px) {
    #abonements .blocks .block .head .head-desc {
        font-size: 20px;
        color: #222;
    }
}
#abonements .blocks .block .body {
    background: #fff;
    padding: 20px;
    border: 1px solid var(--purple);
    border-radius: 0 0 50px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
#abonements .blocks .block .body .body-text {
    font-size: 25px;
    line-height: 130%;
    color: #343434;
    text-align: center;
    font-family: "Inter-Light";
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
#abonements .blocks .block .body .body-text.mark {
    opacity: 0.7;
}
@media (max-width: 768px) {
    #abonements .blocks .block .body .body-text {
        font-size: 20px;
    }
}
#abonements .blocks .block .body .price {
    font-size: 54px;
    line-height: 130%;
    color: var(--purple);
    text-align: center;
    font-family: var(--font-accent);
    margin-top: 50px;
}
@media (max-width: 768px) {
    #abonements .blocks .block .body .price {
        font-size: 43px;
    }
}
#abonements .blocks .block .body .btn {
    margin-top: 10px;
}
#abonements .blocks .block .body .btn.btn-order {
    background: var(--yellow);
    font-size: 25px;
    line-height: 100%;
    color: #2f2f2f;
    text-align: center;
    font-family: "Inter-Medium";
}
#abonements .blocks .block .body .btn.btn-order:hover,
#abonements .blocks .block .body .btn.btn-order:focus {
    background: #ffbf3e;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
@media (max-width: 768px) {
    #abonements .blocks .block .body .btn.btn-order {
        font-size: 20px;
        color: #2c2c2c;
    }
}
.about-team {
    padding: 80px 0 50px;
}
@media (max-width: 768px) {
    .about-team {
        padding: 50px 0;
    }
}
.about-team .title {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about-team .title .text-bg span {
    font-size: inherit;
}
@media (max-width: 768px) {
    .about-team .title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.about-team .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 992px) {
    .about-team .blocks {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    .about-team .blocks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.about-team .blocks .block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    margin-top: 50px;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
}
@media (max-width: 992px) {
    .about-team .blocks .block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        height: 535px;
    }
}
@media (max-width: 768px) {
    .about-team .blocks .block {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}
@media (max-width: 480px) {
    .about-team .blocks .block {
        height: 350px;
    }
}
.about-team .blocks .block.bg-pink {
    background-color: #fbaed2;
}
.about-team .blocks .block.bg-cyan {
    background-color: #d2effe;
}
.about-team .blocks .block .bg,
.about-team .blocks .block .photo {
    border-radius: 50px;
    overflow: hidden;
}
.about-team .blocks .block .bg img,
.about-team .blocks .block .photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.about-team .blocks .block .text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    font-family: "Inter-Light";
    padding: 0 20px;
}
@media (max-width: 480px) {
    .about-team .blocks .block .text {
        font-size: 18px;
    }
}
.about-team .block-btn-arrow {
    margin: 50px auto 0;
}
@media (max-width: 768px) {
    .about-team .block-btn-arrow .btn.btn-yellow {
        height: 75px;
    }
    .about-team .block-btn-arrow .btn .arrow {
        margin: 20px;
    }
}
.block-secure {
    position: relative;
    padding-top: 20px;
    padding-bottom: 80px;
}
.block-secure.anim .block1 .pic::before {
    -webkit-animation: showSecureHome 1s forwards 1s;
    animation: showSecureHome 1s forwards 1s;
}
@-webkit-keyframes showSecureHome {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showSecureHome {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.block-secure.anim .block2 .pic::before {
    -webkit-animation: showSecureHero 1s forwards 1s;
    animation: showSecureHero 1s forwards 1s;
}
@media (max-width: 768px) {
    @-webkit-keyframes showSecureHero {
        0% {
            right: -100%;
        }
        100% {
            right: 0;
        }
    }
    @keyframes showSecureHero {
        0% {
            right: -100%;
        }
        100% {
            right: 0;
        }
    }
}
.block-secure.anim .block3 .pic::before {
    -webkit-animation: showSecureHero 1s forwards 1s;
    animation: showSecureHero 1s forwards 1s;
}
@media (max-width: 768px) {
    .block-secure.anim .block3 .pic::before {
        right: 0 !important;
        -webkit-animation: showSecureHome 1s forwards 1s;
        animation: showSecureHome 1s forwards 1s;
    }
}
@-webkit-keyframes showSecureHero {
    0% {
        right: -100%;
    }
    100% {
        right: 0;
    }
}
@keyframes showSecureHero {
    0% {
        right: -100%;
    }
    100% {
        right: 0;
    }
}
@-webkit-keyframes showSecureHome {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showSecureHome {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.block-secure .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .block-secure .blocks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 50px;
    }
    .page.main .block-secure {
        padding-bottom: 35px;
    }
}
.block-secure .blocks .block {
    background-color: var(--yellow);
    border-radius: 50px;
    -webkit-box-shadow: 5px 7px 22px rgba(51, 51, 51, 0.26);
    box-shadow: 5px 7px 22px rgba(51, 51, 51, 0.26);
    position: relative;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.block-secure .blocks .block .pic {
    position: absolute;
}
.block-secure .blocks .block::before,
.block-secure .blocks .block::after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}
.block-secure .blocks .block::before {
    background-image: url("../img/block-secure/bottom-line.webp");
    bottom: -5px;
    left: -5px;
    width: 330px;
    height: 125px;
}
.block-secure .blocks .block::after {
    background-image: url("../img/block-secure/top-line.webp");
    top: -10px;
    right: -10px;
    width: 200px;
    height: 200px;
}
.block-secure .blocks .block.block1 {
    width: 445.6px;
    height: 469.84px;
    -webkit-transform: rotate(-3.32deg);
    -ms-transform: rotate(-3.32deg);
    transform: rotate(-3.32deg);
    padding-bottom: 60px;
    margin-top: 330px;
}
.block-secure .blocks .block.block1 .pic {
    width: 280px;
    height: 360px;
    top: -270px;
    left: 65px;
    z-index: 1;
}
.block-secure .blocks .block.block1 .pic::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("../img/block-secure/freepik__create-separate-3d-models-of-individual-a-no-bg-preview.avif");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
}
@media (max-width: 768px) {
    .block-secure .blocks .block.block1 .pic {
        display: none;
    }
}
@media (max-width: 768px) {
    .block-secure .blocks .block.block1 {
        margin: 0 auto;
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
        width: 381.35px;
        height: 400px;
    }
    .block-secure .blocks .block.block1 .body {
        width: 80%;
    }
}
@media (max-width: 480px) {
    .block-secure .blocks .block.block1 {
        width: 100%;
        height: 100%;
    }
    .block-secure .blocks .block.block1 .body {
        padding-top: 30px;
    }
}
.block-secure .blocks .block.block2 {
    width: 443.66px;
    height: 477.98px;
    -webkit-transform: rotate(3.32deg);
    -ms-transform: rotate(3.32deg);
    transform: rotate(3.32deg);
    padding-bottom: 50px;
    margin-top: 50px;
    margin-left: -25px;
    z-index: 1;
}
.block-secure .blocks .block.block2::before {
    left: unset;
    right: 0;
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
@media (max-width: 768px) {
    .block-secure .blocks .block.block2 {
        margin: 0 auto;
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
        width: 380px;
        height: 397.14px;
        right: 0;
    }
    .block-secure .blocks .block.block2 .pic {
        width: 250px;
        height: 350px;
        top: -345px;
        right: -50px;
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    .block-secure .blocks .block.block2 .pic::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url("../img/block-secure/viki_m.avif");
        background-repeat: no-repeat;
        background-size: contain;
    }
}
@media (max-width: 480px) {
    .block-secure .blocks .block.block2 {
        width: 100%;
        height: 100%;
    }
    .block-secure .blocks .block.block2 .pic {
        top: -245px;
        right: 15px;
        width: 150px;
        height: 250px;
    }
    .block-secure .blocks .block.block2 .body {
        padding-top: 30px;
    }
}
.block-secure .blocks .block.block3 {
    width: 440.63px;
    height: 467.2px;
    -webkit-transform: rotate(9.35deg);
    -ms-transform: rotate(9.35deg);
    transform: rotate(9.35deg);
    padding-bottom: 20px;
    margin-top: 490px;
    margin-left: -180px;
}
.block-secure .blocks .block.block3 .pic {
    width: 600px;
    height: 850px;
    top: -430px;
    right: -500px;
    z-index: 1;
    -webkit-transform: rotate(-9.35deg);
    -ms-transform: rotate(-9.35deg);
    transform: rotate(-9.35deg);
}
.block-secure .blocks .block.block3 .pic::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("../img/block-secure/viki.avif");
    background-repeat: no-repeat;
    background-size: contain;
    right: -100%;
}
@media (max-width: 768px) {
    .block-secure .blocks .block.block3 {
        margin: 20px auto 0;
        -webkit-transform: rotate(-5.26deg);
        -ms-transform: rotate(-5.26deg);
        transform: rotate(-5.26deg);
        z-index: 1;
        width: 380px;
        height: 392.77px;
    }
    .block-secure .blocks .block.block3 .pic {
        width: 188.14px !important;
        height: 241.89px !important;
        top: -130px !important;
        left: -50px;
        display: block;
        -webkit-transform: rotate(4.98deg) !important;
        -ms-transform: rotate(4.98deg) !important;
        transform: rotate(4.98deg) !important;
    }
    .block-secure .blocks .block.block3 .pic::before {
        background-image: url("../img/block-secure/freepik__create-separate-3d-models-of-individual-a-no-bg-preview.avif") !important;
    }
}
@media (max-width: 480px) {
    .block-secure .blocks .block.block3 {
        width: 100%;
        height: 100%;
    }
    .block-secure .blocks .block.block3 .pic {
        width: 150px !important;
        height: 200px !important;
        top: -90px !important;
        left: 0;
    }
    .block-secure .blocks .block.block3 .body {
        padding-top: 30px;
    }
}
.block-secure .blocks .block .disc {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--light-pink);
    position: absolute;
    top: 20px;
    right: 20px;
}
@media (max-width: 768px) {
    .block-secure .blocks .block .disc {
        width: 36.03px;
        height: 35.3px;
        top: 25px;
        right: 25px;
    }
}
.block-secure .blocks .block .head-title {
    font-size: 30px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: var(--font-accent);
    position: relative;
    z-index: 1;
    padding-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 992px) {
    .block-secure .blocks .block .head-title {
        padding-top: 50px;
    }
}
@media (max-width: 768px) {
    .block-secure .blocks .block .head-title {
        font-size: 27px;
        color: #343434;
        padding-top: 100px;
    }
}
@media (max-width: 480px) {
    .block-secure .blocks .block .head-title {
        font-size: 24px;
        padding-top: 50px;
    }
}
.block-secure .blocks .block .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}
.block-secure .blocks .block .body .text {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Light";
}
@media (max-width: 768px) {
    .block-secure .blocks .block .body .text {
        font-size: 18px;
        color: #343434;
    }
}
.block-faq {
    padding: 50px 0;
}
.block-faq .img.anim {
    -webkit-animation: swingImg 2s forwards 2s;
    animation: swingImg 2s forwards 2s;
}
@-webkit-keyframes swingImg {
    0% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
@keyframes swingImg {
    0% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
.block-faq .title {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.block-faq .title .text-bg span {
    font-size: inherit;
}
@media (max-width: 992px) {
    .block-faq .title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.block-faq .block-questions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
}
@media (max-width: 768px) {
    .block-faq .block-questions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0 20px;
    }
}
.block-faq .block-questions .img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    height: auto;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
@media (max-width: 768px) {
    .block-faq .block-questions .img {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0 50px;
    }
}
.block-faq .block-questions .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.block-faq .block-questions .questions {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.block-faq .block-questions .questions .question .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1.19px solid rgba(33, 33, 33, 0.18);
    padding: 10px 80px 10px 0px;
    cursor: pointer;
}
@media (max-width: 1200px) {
    .block-faq .block-questions .questions .question .head {
        padding: 10px 20px 10px 0px;
    }
}
@media (max-width: 768px) {
    .block-faq .block-questions .questions .question .head {
        border-bottom: 0.86px solid rgba(33, 33, 33, 0.18);
        padding: 10px 15px;
    }
}
.block-faq .block-questions .questions .question .head:hover .btn-plus,
.block-faq .block-questions .questions .question .head:focus .btn-plus {
    background: var(--yellow);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.block-faq .block-questions .questions .question .head .title-name {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Bold";
    padding-right: 20px;
    flex: 1 1 auto;
    text-align: center;
}
.page.rules .block-faq .block-questions .questions .question .head .title-name,
.page.rules .block-faq .block-questions .questions .question .text {
    text-align: left;
}
.page.rules .block-banner .block-buttons {
    flex-wrap: nowrap;
}
@media (max-width: 768px) {
    .block-faq .block-questions .questions .question .head .title-name {
        font-size: 18px;
        color: #343434;
    }
}
@media (max-width: 480px) {
    .page.rules .block-banner .block-buttons .btn.btn-yellow,
    .page.rules .block-banner .block-buttons .btn.light-pink {
        min-width: fit-content;
        padding: 0 20px;
    }
}
.block-faq .block-questions .questions .question .head .btn-plus {
    min-width: 54px;
    height: 54px;
    border-radius: 50%;
    background: var(--cyan);
}
@media (max-width: 768px) {
    .block-faq .block-questions .questions .question .head .btn-plus {
        min-width: 40px;
        height: 40px;
    }
    .block-faq .block-questions .questions .question .head .btn-plus svg {
        width: 23.7px;
        height: 23.7px;
    }
}
.block-faq .block-questions .questions .question .head.active {
    border-bottom: 1.19px solid rgba(33, 33, 33, 0.18);
    padding-bottom: 20px;
}
.block-faq .block-questions .questions .question .head.active ~ div {
    height: auto;
    visibility: visible;
    border-bottom: 1.19px solid rgba(33, 33, 33, 0.18);
    padding: 20px 0;
}
.block-faq .block-questions .questions .question .head.active .btn-plus {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.block-faq .block-questions .questions .question .head ~ div {
    height: 0;
    visibility: hidden;
}
.block-faq .block-questions .questions .question .text {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    padding-right: 80px !important;
    text-align: center;
}
.block-faq .block-questions .questions .question .text a {
    color: inherit;
    font-family: "Inter-Medium";
    text-decoration: underline;
}
@media (max-width: 768px) {
    .block-faq .block-questions .questions .question .text {
        font-size: 18px;
        color: #343434;
        padding-right: 0 !important;
    }
}
.block-banner {
    position: relative;
}
.block-banner .block-buttons {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.block-banner .block-buttons a {
    margin: 0 15px;
}
.block-banner .bg-img {
    background-image: url("../img/birthday/block-banner/bg.avif");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 33px;
    overflow: hidden;
    padding: 50px 30px;
    position: relative;
}
@media (max-width: 768px) {
    .block-banner .block-buttons {
        flex-wrap: wrap;
    }
    .block-banner .block-buttons a {
        margin: 10px 15px;
    }
    .block-banner .bg-img {
        padding: 30px 20px;
    }
}
.block-banner .title {
    font-size: 60px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    top: -10vh;
    opacity: 0;
    animation: topTitle 0.5s forwards 0.5s;
}
@keyframes topTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.block-banner .title .block-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 992px) {
    .block-banner .title {
        font-size: 30px;
        margin: 0 auto;
    }
}
.block-banner .text-bg span {
    font-size: 60px;
}
@media (max-width: 992px) {
    .block-banner .text-bg span {
        font-size: 30px;
    }
}
.block-banner .block-ballons.ballons-r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -25px;
    right: -100%;
    opacity: 0;
    animation: rightBallon 1s forwards 1s;
}
@keyframes rightBallon {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 180px;
        opacity: 1;
    }
}
@media (max-width: 992px) {
    .block-banner .block-ballons.ballons-r {
        top: 0;
        right: 0;
    }
}
@keyframes rightBallonMobile {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .block-banner .block-ballons.ballons-r {
        display: none;
    }
}
.block-banner .block-ballons.ballons-r .ballon1 {
    width: 90px;
    margin-top: 100px;
}
.block-banner .block-ballons.ballons-r .ballon2 {
    width: 120px;
    margin: 0 -20px 0 0;
}
.block-banner .block-ballons.ballons-r .ballon3 {
    width: 80px;
}
.block-banner .block-ballons.ballons-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 20px;
    margin-left: 50px;
    position: relative;
    left: -100%;
    opacity: 0;
    animation: leftBallon 1s forwards 1s;
}
@keyframes leftBallon {
    0% {
        left: -100%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .block-banner .block-ballons.ballons-l {
        display: none;
    }
}
.block-banner .block-ballons.ballons-l .ballon1 {
    width: 120px;
    margin-top: 20px;
}
.block-banner .block-ballons.ballons-l .ballon2 {
    width: 80px;
}
.block-banner .block-ballons .ballon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.block-banner .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 50px;
}
@media (max-width: 992px) {
    .block-banner .content {
        margin-top: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.block-banner .content .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    z-index: 1;
}
.block-banner .content .body .block-heroes {
    display: none;
}
@media (max-width: 992px) {
    .block-banner .content .body .block-heroes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.block-banner .content .body .text {
    font-size: 27px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
}
@media (max-width: 992px) {
    .block-banner .content .body .text {
        font-size: 18px;
    }
}
@media (max-width: 992px) {
    .block-banner .block-btn-arrow {
        margin-top: 50px;
    }
}
@media (max-width: 768px) {
    .block-banner .block-btn-arrow {
        margin-top: 30px;
    }
}
@media (max-width: 768px) {
    .block-banner .block-btn-arrow .btn.btn-arrow {
        min-width: 44.03px;
        max-width: 44.03px;
        height: 44.03px;
    }
}
.block-banner .block-heroes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 992px) {
    .block-banner .block-heroes {
        display: none;
    }
}
@media (max-width: 768px) {
    .block-banner .block-heroes {
        margin: 150px -5px 0;
    }
}
@media (max-width: 480px) {
    .block-banner .block-heroes {
        margin: 100px -5px 0;
    }
}
.block-banner .block-heroes .hero {
    background-color: #fff;
    border-radius: 44.05px;
    width: 370.02px;
    height: 324.5px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 30px;
    position: relative;
    top: -10vh;
    opacity: 0;
    animation: topHero 0.5s forwards 0.5s;
}
@keyframes topHero {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@media (max-width: 1440px) {
    .block-banner .block-heroes .hero {
        width: 330px;
        height: 280px;
    }
}
@media (max-width: 1200px) {
    .block-banner .block-heroes .hero {
        width: 250px;
        height: 200px;
        margin-left: 20px;
    }
}
@media (max-width: 992px) {
    .block-banner .block-heroes .hero {
        width: 191.39px;
        height: 167.62px;
    }
}
@media (max-width: 768px) {
    .block-banner .block-heroes .hero {
        margin: 0 20px;
        border-radius: 26.18px;
    }
}
@media (max-width: 480px) {
    .block-banner .block-heroes .hero {
        width: 120px;
    }
}
.block-banner .block-heroes .hero .img {
    position: absolute;
    bottom: 0;
    width: 300px;
    height: auto;
}
.block-banner .block-btn-arrow {
    opacity: 0;
    animation: btnOpacity 1s forwards 1s;
}
@keyframes btnOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 1200px) {
    .block-banner .block-heroes .hero .img {
        width: 200px;
    }
}
@media (max-width: 992px) {
    .block-banner .block-heroes .hero .img {
        width: 180px;
    }
}
@media (max-width: 480px) {
    .block-banner .block-heroes .hero .img {
        width: 150px;
    }
}
.block-banner .block-heroes .hero .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.block-banner .ballon-m {
    display: none;
    position: absolute;
}
.block-banner .ballon-m img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 768px) {
    .block-banner .ballon-m {
        display: block;
    }
}
.block-banner .ballon-m.ballon1 {
    width: 50px;
    bottom: -75px;
    left: 0;
}
.block-banner .ballon-m.ballon2 {
    width: 75px;
    top: 150px;
    left: 0;
}
.block-banner .ballon-m.ballon3 {
    width: 50px;
    top: 80px;
    left: 60px;
}
.block-banner .ballon-m.ballon4 {
    width: 60px;
    top: 50px;
    right: 5px;
}
.block-banner .ballon-m.ballon5 {
    width: 60px;
    bottom: -40px;
    right: 0;
}
.your-holiday {
    padding: 70px 0 50px;
}
@media (max-width: 768px) {
    .your-holiday {
        padding: 50px 0;
    }
}
.your-holiday .subtitle {
    opacity: 0;
}
.your-holiday.anim .title {
    -webkit-animation: topShowTitle 0.5s forwards 0.5s;
    animation: topShowTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes topShowTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topShowTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.your-holiday.anim .subtitle {
    -webkit-animation: showSubtitle 0.75s forwards 0.75s;
    animation: showSubtitle 0.75s forwards 0.75s;
}
@-webkit-keyframes showSubtitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes showSubtitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.your-holiday.anim .blocks {
    -webkit-animation: showBlocks 1s forwards 1s;
    animation: showBlocks 1s forwards 1s;
}
@-webkit-keyframes showBlocks {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBlocks {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.your-holiday .title {
    font-size: 50px;
    position: relative;
    top: -10vh;
    opacity: 0;
}
@media (max-width: 768px) {
    .your-holiday .title {
        font-size: 30px;
    }
}
.your-holiday .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
    opacity: 0;
}
@media (max-width: 768px) {
    .your-holiday .blocks {
        margin: 0 auto;
    }
}
.your-holiday .blocks .block {
    min-width: 440px;
    max-width: 440px;
    margin: 35px 10px 0;
}
@media (max-width: 768px) {
    .your-holiday .blocks .block {
        min-width: 100%;
        max-width: 100%;
        margin: 50px auto 0;
        padding: 0 70px;
    }
}
@media (max-width: 480px) {
    .your-holiday .blocks .block {
        padding: 0 20px;
    }
}
.your-holiday .blocks .block .content {
    background: var(--purple);
    border-radius: 35px;
    -webkit-box-shadow: 0 0 0px 1px var(--purple);
    box-shadow: 0 0 0px 1px var(--purple);
}
.your-holiday .blocks .block .content .head {
    padding: 20px 10px;
}
.your-holiday .blocks .block .content .head .head-title {
    font-size: 40px;
    line-height: 130%;
    color: #fff;
    text-align: center;
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .your-holiday .blocks .block .content .head .head-title {
        font-size: 30.96px;
    }
}
.your-holiday .blocks .block .content .head .block-prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.your-holiday .blocks .block .content .head .block-prices .block-price {
    background: #fff;
    border-radius: 30px 30px 0 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    padding: 10px;
}
@media (max-width: 768px) {
    .your-holiday .blocks .block .content .head .block-prices .block-price {
        margin-top: 30px;
    }
    .your-holiday .blocks .block .content .head .block-prices .block-price:last-child {
        border-radius: 30px 30px 30px 0;
    }
}
.your-holiday .blocks .block .content .head .block-prices .block-price .day {
    font-size: 24px;
    line-height: 130%;
    color: #2c2c2c;
    text-align: center;
}
@media (max-width: 768px) {
    .your-holiday .blocks .block .content .head .block-prices .block-price .day {
        font-size: 17px;
    }
}
.your-holiday .blocks .block .content .head .block-prices .block-price .price {
    font-size: 40px;
    line-height: 130%;
    color: var(--yellow);
    text-align: center;
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .your-holiday .blocks .block .content .head .block-prices .block-price .price {
        font-size: 30.96px;
    }
}
@media (max-width: 480px) {
    .your-holiday .blocks .block .content .head .block-prices .block-price .price {
        font-size: 20px;
    }
}
.your-holiday .blocks .block .content .body {
    min-height: 410px;
    background: #fff;
    border-radius: 0 0 35px 35px;
    padding: 20px 50px;
}
@media (max-width: 768px) {
    .your-holiday .blocks .block .content .body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 100%;
    }
}
@media (max-width: 480px) {
    .your-holiday .blocks .block .content .body {
        padding: 20px;
    }
}
.your-holiday .blocks .block .content .body .list {
    margin-top: 5px;
    padding: 0 30px;
}
.your-holiday .blocks .block .content .body .list li {
    font-size: 22px;
    line-height: 130%;
    color: #2c2c2c;
    font-family: "Inter-Light";
    list-style: disc;
    margin-bottom: 5px;
}
@media (max-width: 768px) {
    .your-holiday .blocks .block .content .body .list li {
        font-size: 17px;
        margin-bottom: 10px;
    }
}
.your-holiday .blocks .block .content .body .strokes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
    justify-content: center;
}
.your-holiday .blocks .block .content .body .strokes .stroke {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 168px;
    height: 56px;
    background: var(--purple);
    border-radius: 50px;
    font-size: 22px;
    line-height: 130%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px 2.5px;
    padding: 0 30px;
    text-align: center;
}
@media (max-width: 768px) {
    .your-holiday .blocks .block .content .body .strokes .stroke {
        min-width: 130.57px;
        height: 43.52px;
        border-radius: 38.86px;
        font-size: 17px;
    }
}
@media (max-width: 480px) {
    .your-holiday .blocks .block .content .body .strokes .stroke {
        padding: 0 20px;
    }
}
.your-holiday .blocks .block .content .body .hours {
    width: 82px;
    height: 56px;
    border-radius: 50px;
    background: var(--yellow);
    font-size: 24px;
    line-height: 130%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .your-holiday .blocks .block .content .body .hours {
        width: 63.73px;
        height: 43.52px;
        font-size: 17px;
        margin: 5px auto 0;
        border-radius: 38.86px;
    }
}
.your-holiday .blocks .block .bottom .img.cake {
    width: 250px;
    height: 250px;
    margin-top: -100px;
}
.your-holiday .blocks .block .bottom .img.cake img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.your-holiday .blocks .block .bottom ul {
    width: 100%;
    height: 101px;
    border-radius: 50px;
    background: var(--yellow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .your-holiday .blocks .block .bottom ul {
        height: auto;
        border-radius: 34.5px;
        padding: 5px 0;
    }
}
.your-holiday .blocks .block .bottom ul li {
    font-size: 25px;
    line-height: 130%;
    color: #fff;
    text-align: center;
    font-family: var(--font-accent);
    padding: 5px 0;
}
@media (max-width: 768px) {
    .your-holiday .blocks .block .bottom ul li {
        font-size: 20px;
    }
}
.your-holiday .block-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .your-holiday .block-info {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.your-holiday .block-info .text {
    max-width: 665px;
    margin-top: 20px;
    margin-right: 30px;
}
@media (max-width: 768px) {
    .your-holiday .block-info .text {
        max-width: 50%;
        margin-top: 50px;
        margin-right: 0;
    }
}
.your-holiday .block-info .text li {
    font-size: 24px;
    line-height: 130%;
    color: rgba(44, 44, 44, 0.73);
    font-family: "Inter-Light";
}
@media (max-width: 768px) {
    .your-holiday .block-info .text li {
        font-size: 14px;
    }
}
.your-holiday .block-info .text li:not(:first-child) {
    margin-top: 10px;
}
.your-holiday .block-info .text li span {
    font-family: "Inter-Bold";
}
.your-holiday .block-info .discount {
    border-radius: 50px;
    max-width: 668px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: var(--yellow);
    margin-top: 20px;
    padding: 20px;
    position: relative;
}
@media (max-width: 768px) {
    .your-holiday .block-info .discount {
        border-radius: 33.45px;
        width: 100%;
        max-width: unset;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        margin-top: 40px;
    }
    .your-holiday .block-info .discount::before {
        content: "";
        background-image: url("../img/birthday/your-holiday/3d-celebration-icon-with-cake.webp");
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        bottom: 60px;
        right: 0;
        width: 179px;
        height: 179px;
    }
}
@media (max-width: 768px) and (max-width: 480px) {
    .your-holiday .block-info .discount::before {
        width: 50%;
    }
}
.your-holiday .block-info .discount .discount-text {
    font-size: 35px;
    line-height: 130%;
    color: #fff;
    text-align: center;
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .your-holiday .block-info .discount .discount-text {
        font-size: 20px;
    }
}
.your-holiday .block-info .discount .discount-percent {
    font-size: 24px;
    line-height: 130%;
    color: #2c2c2c;
    text-align: center;
    font-family: "Inter-Bold";
}
@media (max-width: 768px) {
    .your-holiday .block-info .discount .discount-percent {
        font-size: 16px;
        margin-top: 5px;
    }
}
.your-holiday .block-boxes {
    margin-top: 30px;
}
@media (max-width: 768px) {
    .your-holiday .block-boxes {
        margin-top: 50px;
    }
}
.your-holiday .block-boxes .head-title {
    font-size: 35px;
    line-height: 130%;
    color: var(--purple);
    text-align: center;
    font-family: var(--font-accent);
}
.your-holiday .block-boxes .cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -30px;
}
.your-holiday .block-boxes .cols .col {
    min-width: 640px;
    max-width: 640px;
    margin: 20px 30px 0;
}
@media (max-width: 768px) {
    .your-holiday .block-boxes .cols .col {
        min-width: 100%;
        max-width: 100%;
        margin: 50px auto 0;
        padding: 0 30px;
    }
}
@media (max-width: 768px) {
    .your-holiday .block-boxes .cols .col .box:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
.your-holiday .block-boxes .cols .col .box__container {
    min-height: 179px;
    border-radius: 50px;
    border: 3px solid var(--purple);
    padding: 20px;
}
@media (max-width: 768px) {
    .your-holiday .block-boxes .cols .col .box__container {
        width: 100%;
        min-height: 100%;
        padding: 20px 20px 50px;
    }
}
.your-holiday .block-boxes .cols .col .box__title {
    font-size: 30px;
    line-height: 130%;
    color: var(--purple);
    text-align: center;
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .your-holiday .block-boxes .cols .col .box__title {
        font-size: 23px;
    }
}
.your-holiday .block-boxes .cols .col .box__text {
    font-size: 24px;
    line-height: 130%;
    color: #2c2c2c;
    text-align: center;
    font-family: "Inter-Bold";
}
@media (max-width: 768px) {
    .your-holiday .block-boxes .cols .col .box__text {
        font-size: 17px;
    }
}
.your-holiday .block-boxes .cols .col .box__weight {
    font-size: 24px;
    line-height: 130%;
    color: #2c2c2c;
    text-align: center;
    font-family: "Inter-Light";
}
@media (max-width: 768px) {
    .your-holiday .block-boxes .cols .col .box__weight {
        font-size: 17px;
    }
}
.your-holiday .block-boxes .cols .col .box__desc {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 380.76px;
    border-radius: 40px;
    background: var(--yellow);
    font-size: 23px;
    line-height: 130%;
    color: #2c2c2c;
    text-align: center;
    font-family: "Inter-Bold";
    padding: 20px;
    -webkit-transform: rotate(-6.13deg);
    -ms-transform: rotate(-6.13deg);
    transform: rotate(-6.13deg);
    margin-left: 50px;
}
@media (max-width: 768px) {
    .your-holiday .block-boxes .cols .col .box__desc {
        font-size: 16px;
    }
}
.your-holiday .block-boxes .cols .col .box__desc .price {
    font-size: 29px;
    line-height: 130%;
    color: var(--purple);
    text-align: center;
    font-family: var(--font-accent);
    margin-top: 5px;
}
@media (max-width: 768px) {
    .your-holiday .block-boxes .cols .col .box__desc .price {
        font-size: 25px;
    }
}
.your-holiday .block-boxes .cols .col .box__desc span {
    color: #fff;
}
.your-holiday .block-boxes .cols .col .box__desc.tiki-box {
    position: relative;
}
@media (max-width: 768px) {
    .your-holiday .block-boxes .cols .col .box__desc.tiki-box {
        top: -3rem;
    }
}
.your-holiday .block-boxes .cols .col .box__desc.tiki-box::before {
    content: "";
    background-image: url("../img/birthday/your-holiday/tiki-box.avif");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 4rem;
    bottom: 0;
    margin: auto;
    right: -100%;
    width: 350px;
    height: 200px;
    -webkit-transform: rotate(6.13deg);
    -ms-transform: rotate(6.13deg);
    transform: rotate(6.13deg);
}
@media (max-width: 768px) {
    .your-holiday .block-boxes .cols .col .box__desc.tiki-box::before {
        top: 0;
        bottom: 0;
        margin: 0;
        right: 100px;
    }
}
@media (max-width: 480px) {
    .your-holiday .block-boxes .cols .col .box__desc.tiki-box::before {
        width: 200px;
        height: 150px;
        top: -100% !important;
        bottom: unset;
        right: 100%;
    }
}
.your-holiday .block-boxes .cols .col .box__desc.hero {
    position: relative;
    right: -1rem;
}
@media (max-width: 768px) {
    .your-holiday .block-boxes .cols .col .box__desc.hero {
        right: unset;
        left: -48%;
    }
}
@media (max-width: 480px) {
    .your-holiday .block-boxes .cols .col .box__desc.hero {
        left: -15%;
    }
    .your-holiday .block-boxes .cols .col .box__desc.hero::before {
        margin-right: 30% !important;
        width: 100px !important;
        height: 300px !important;
    }
}
.your-holiday .block-boxes .cols .col .box__desc.hero::before {
    content: "";
    background-image: url("../img/birthday/your-holiday/tiki.avif");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -5rem;
    bottom: 0;
    margin: auto;
    right: -1000vh;
    width: 450px;
    height: 650px;
    -webkit-transform: rotate(6.13deg);
    -ms-transform: rotate(6.13deg);
    transform: rotate(6.13deg);
    opacity: 0;
    z-index: -1;
}
.your-holiday .block-boxes .cols .col .box__desc.hero.anim::before {
    animation: rightHeroMenu 1s forwards 1s;
}
@keyframes rightHeroMenu {
    0% {
        right: -1000vh;
        opacity: 0;
    }
    100% {
        right: -100%;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .your-holiday .block-boxes .cols .col .box__desc.hero::before {
        top: -5rem;
        width: 300px;
        height: 500px;
    }
}
@media (max-width: 480px) {
    .your-holiday .block-boxes .cols .col .box__desc.hero::before {
        top: 5rem;
        right: -50%;
        width: 150px;
        height: 350px;
        animation: rightHeroMenuM 1s forwards 1s;
    }
}
@keyframes rightHeroMenuM {
    0% {
        right: -500vh;
        opacity: 0;
    }
    100% {
        right: -50%;
        opacity: 1;
    }
}
.your-holiday .block-btn-arrow {
    margin-top: 50px;
}
.page.birthday .your-holiday .block-btn-arrow,
.page.holidays .your-holiday .block-btn-arrow {
    margin: 50px auto 0;
}
.page.birthday .block-banner .block-btn-arrow {
    margin: 0 auto;
}
@media (max-width: 768px) {
    .your-holiday .block-btn-arrow {
        margin-top: 70px;
    }
}
@media (max-width: 768px) {
    .your-holiday .block-btn-arrow .btn.btn-arrow {
        min-width: 42.3px;
        max-width: 42.3px;
        height: 41.25px;
    }
}
.legendary-holiday .title {
    font-size: 50px;
    position: relative;
    top: -10vh;
    opacity: 0;
}
@media (max-width: 768px) {
    .legendary-holiday .title {
        font-size: 30px;
    }
}
.legendary-holiday .subtitle {
    font-size: 25px;
    line-height: 130%;
    text-align: center;
    margin-top: 10px;
    opacity: 0;
}
.legendary-holiday .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .legendary-holiday .blocks {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.legendary-holiday .block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32.5%;
    flex: 0 0 32.5%;
    background-color: #e4f4fd;
    border-radius: 50px;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin-top: 20px;
}
@media (max-width: 1200px) {
    .legendary-holiday .block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
    }
}
@media (max-width: 768px) {
    .legendary-holiday .block {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        border-radius: 40.49px;
    }
}
.legendary-holiday .block:hover .text,
.legendary-holiday .block:focus .text {
    visibility: visible;
    -webkit-animation: showBlock 0.15s forwards 0.15s;
    animation: showBlock 0.15s forwards 0.15s;
}
@-webkit-keyframes showBlock {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showBlock {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.legendary-holiday .block:hover .body,
.legendary-holiday .block:focus .body {
    visibility: hidden;
    -webkit-animation: hideBlock 0.15s forwards 0.15s;
    animation: hideBlock 0.15s forwards 0.15s;
}
@-webkit-keyframes hideBlock {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes hideBlock {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.legendary-holiday .block .icon-click {
    width: 51px;
    height: 51px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    display: none;
}
@media (max-width: 768px) {
    .legendary-holiday .block .icon-click {
        display: block;
    }
}
.legendary-holiday .block .icon-click img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.legendary-holiday .block .text {
    background-image: url("../img/birthday/bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    font-size: 24px;
    line-height: 130%;
    color: #2c2c2c;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    visibility: hidden;
    opacity: 0;
}
@media (max-width: 768px) {
    .legendary-holiday .block .text {
        font-size: 17px;
    }
}
@media (max-width: 480px) {
    .legendary-holiday .block .text {
        font-size: 14px;
    }
}
.legendary-holiday .block .body {
    padding: 50px 20px;
}
.legendary-holiday .block .body .img {
    width: 350px;
    height: 350px;
    margin: 0 auto;
}
.legendary-holiday .block .body .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 992px) {
    .legendary-holiday .block .body .img {
        width: 100%;
        height: 100%;
    }
}
.legendary-holiday .block .body .name {
    font-size: 35px;
    line-height: 130%;
    color: var(--yellow);
    font-family: var(--font-accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 992px) {
    .legendary-holiday .block .body .name {
        font-size: 28px;
    }
}
@media (max-width: 768px) {
    .legendary-holiday .block .body .name {
        font-size: 26px;
        margin-top: 10px;
    }
}
@media (max-width: 480px) {
    .legendary-holiday .block .body .name {
        font-size: 18px;
    }
}
.legendary-holiday.anim .title {
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes topTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.legendary-holiday.anim .subtitle {
    -webkit-animation: showSubtitle 0.75s forwards 0.75s;
    animation: showSubtitle 0.75s forwards 0.75s;
}
@-webkit-keyframes showSubtitle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showSubtitle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.block-banquet-hall {
    padding-top: 60px;
}
.block-banquet-hall .block-video .swiper-slide {
    min-height: 765px;
    border-radius: 50px;
}
.block-banquet-hall .block-video iframe,
.block-banquet-hall .block-video img {
    min-height: inherit;
    border-radius: inherit;
}
@media (max-width: 768px) {
    .block-banquet-hall .block-video .swiper-slide {
        min-height: 500px;
        border-radius: 50px;
    }
    .block-banquet-hall {
        padding-top: 30px;
    }
}
@media (max-width: 480px) {
    .block-banquet-hall .block-video .swiper-slide {
        min-height: 248.63px;
        border-radius: 16.25px;
    }
}
.block-banquet-hall .block-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 20px;
}
.block-banquet-hall .block-buttons .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--purple);
    border-radius: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .block-banquet-hall .block-buttons .buttons {
        width: 75%;
        padding: 0;
    }
}
@media (max-width: 480px) {
    .block-banquet-hall .block-buttons .buttons {
        width: 100%;
    }
}
.block-banquet-hall .block-buttons .buttons .btn {
    background: #fff;
    height: 65.44px;
    margin-top: 0 !important;
}
@media (max-width: 768px) {
    .block-banquet-hall .block-buttons .buttons .btn {
        height: 38px;
        border-radius: 29.08px;
        font-size: 16px;
    }
}
@media (max-width: 480px) {
    .block-banquet-hall .block-buttons .buttons .btn {
        font-size: 14px;
    }
}
.block-banquet-hall .block-buttons .buttons .btn.active {
    background: var(--purple);
    color: #fff;
    z-index: 0;
}
.block-banquet-hall .block-buttons .buttons .btn.active:first-child {
    min-width: 287.14px;
    max-width: 287.14px;
}
@media (max-width: 768px) {
    .block-banquet-hall .block-buttons .buttons .btn.active:first-child {
        min-width: 50%;
        max-width: 50%;
    }
}
.block-banquet-hall .block-buttons .buttons .btn.active:last-child {
    min-width: 263px;
    max-width: 263px;
}
@media (max-width: 768px) {
    .block-banquet-hall .block-buttons .buttons .btn.active:last-child {
        min-width: 50%;
        max-width: 50%;
    }
}
.block-banquet-hall .block-buttons .buttons .btn:hover {
    background: #2f2f2f;
    color: #fff;
    z-index: 0;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
.block-banquet-hall .block-buttons .buttons .btn:first-child {
    min-width: 345px;
    max-width: 345px;
    margin-right: -50px;
    margin-left: 0;
}
@media (max-width: 768px) {
    .block-banquet-hall .block-buttons .buttons .btn:first-child {
        min-width: 50%;
        max-width: 50%;
        margin-right: -15px;
    }
}
.block-banquet-hall .block-buttons .buttons .btn:last-child {
    min-width: 274.44px;
    max-width: 274.44px;
    margin-right: 0;
}
@media (max-width: 768px) {
    .block-banquet-hall .block-buttons .buttons .btn:last-child {
        min-width: 50%;
        max-width: 50%;
    }
}
.block-banquet-hall .tab-content {
    display: none;
    position: relative;
    top: -10vh;
    opacity: 0;
}
.block-banquet-hall .tab-content.active {
    top: 0;
    display: block;
    -webkit-animation: showBlock 0.1s forwards 0.1s;
    animation: showBlock 0.1s forwards 0.1s;
}
@-webkit-keyframes showBlock {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes showBlock {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.block-banquet-hall .tab-content .block-video {
    position: relative;
}
@media (max-width: 768px) {
    .block-banquet-hall .tab-content .block-video {
        padding-top: 65px;
    }
}
.block-banquet-hall .tab-content .block-video .preview-hall {
    border-radius: 50px;
    overflow: hidden;
    height: 904px;
    display: none;
    opacity: 0;
}
.block-banquet-hall .tab-content .block-video .preview-hall img,
.block-banquet-hall .tab-content .block-video .preview-hall video,
.block-banquet-hall .tab-content .block-video .preview-hall iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 768px) {
    .block-banquet-hall .tab-content .block-video .preview-hall {
        height: 500px;
        border-radius: 16.22px;
    }
}
@media (max-width: 768px) {
    .block-banquet-hall .tab-content .block-video .preview-hall {
        height: 293.37px;
    }
}
.block-banquet-hall .tab-content .block-video .preview-hall.active {
    display: block;
    -webkit-animation: showHall 0.2s forwards 0.2s;
    animation: showHall 0.2s forwards 0.2s;
}
@-webkit-keyframes showHall {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showHall {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.block-banquet-hall .tab-content .block-video .buttons {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.block-banquet-hall .tab-content .block-video .buttons .btn {
    min-width: 260px;
    max-width: 260px;
    height: 66px;
    margin: 0 5px 20px;
    font-size: 23px;
    line-height: 130%;
    color: rgba(44, 44, 44, 0.82);
}
.block-banquet-hall .tab-content .block-video .buttons .btn.active {
    background: var(--purple);
    color: #fff;
}
.block-banquet-hall .tab-content .block-video .buttons .btn:hover,
.block-banquet-hall .tab-content .block-video .buttons .btn:focus {
    background: var(--purple);
    color: #fff;
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
@media (max-width: 768px) {
    .block-banquet-hall .tab-content .block-video .buttons {
        display: none;
    }
}
.block-banquet-hall .tab-content .block-video .swiper .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.block-banquet-hall .tab-content .block-video .swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.block-banquet-hall .tab-content .block-video .swiper .swiper-button-next:after,
.block-banquet-hall .tab-content .block-video .swiper .swiper-button-prev:after {
    font-size: 25px;
    color: #fff;
}
.block-banquet-hall .tab-content .block-video .block-select {
    width: 100%;
    height: 42px;
    display: none;
    background-color: #fff !important;
    font-size: 16px;
    line-height: 130%;
    color: #5b6ab0;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0);
    background-image: url("../img/svg/select-arrow.svg");
    background-repeat: no-repeat;
    background-position: 98%;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.block-banquet-hall .tab-content .block-video .block-select.active {
    height: auto;
    border-radius: 0 0 30px 30px;
}
.block-banquet-hall .tab-content .block-video .block-select .btn-hall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 42px;
    background-color: #fff;
    border-radius: 30px;
}
.block-banquet-hall .tab-content .block-video .block-select .btn-hall.active {
    background-color: rgba(143, 158, 228, 0.4);
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
@media (max-width: 768px) {
    .block-banquet-hall .tab-content .block-video .block-select {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.block-banquet-hall .video-review {
    position: absolute;
    bottom: -110px;
    left: 0;
}
@media (max-width: 992px) {
    .block-banquet-hall .video-review {
        bottom: 20px;
        left: 20px;
    }
}
@media (max-width: 768px) {
    .block-banquet-hall .video-review {
        display: none;
    }
}
.block-banquet-hall .video-review .btn-play {
    width: 159.97px;
    height: 159.97px;
    background: none;
    margin-left: 30px;
}
.block-banquet-hall .video-review .btn-play img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.block-banquet-hall .video-review .text {
    font-size: 20.55px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px;
}
@media (max-width: 992px) {
    .block-banquet-hall .video-review .text {
        color: #fff;
    }
}
.block-banquet-hall .video-review .text .text-bg {
    border-radius: 18.23px;
}
.block-banquet-hall .video-review .text .text-bg span {
    font-size: 16.03px;
    -webkit-transform: rotate(-0.5deg);
    -ms-transform: rotate(-0.5deg);
    transform: rotate(-0.5deg);
}
.block-banquet-hall .video-review .text .block-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.block-banquet-hall .block-btn-arrow {
    margin: 35px auto 0;
}
@media (max-width: 768px) {
    .block-banquet-hall .block-btn-arrow {
        margin: 20px auto 0;
    }
    .block-banquet-hall .block-btn-arrow .btn-arrow {
        min-width: 39.74px;
        max-width: 39.74px;
        height: 39.74px;
    }
}
.sweet-sets {
    padding: 50px 0;
}
.sweet-sets .set.s .img.anim {
    -webkit-animation: moveLeftImg 1s forwards 1s;
    animation: moveLeftImg 1s forwards 1s;
}
@media (max-width: 768px) {
    .sweet-sets .set.s .img.anim {
        -webkit-animation: moveLeftImgMobile 1s forwards 1s;
        animation: moveLeftImgMobile 1s forwards 1s;
    }
}
@-webkit-keyframes moveLeftImg {
    0% {
        margin-left: -100%;
    }
    100% {
        margin-left: -50px;
    }
}
@keyframes moveLeftImg {
    0% {
        margin-left: -100%;
    }
    100% {
        margin-left: -50px;
    }
}
@-webkit-keyframes moveLeftImgMobile {
    0% {
        margin-left: -100%;
    }
    100% {
        margin-left: -85px;
    }
}
@keyframes moveLeftImgMobile {
    0% {
        margin-left: -100%;
    }
    100% {
        margin-left: -85px;
    }
}
.sweet-sets .set.xl .img.anim {
    -webkit-animation: moveRightImg 1s forwards 1s;
    animation: moveRightImg 1s forwards 1s;
}
@media (max-width: 768px) {
    .sweet-sets .set.xl .img.anim {
        -webkit-animation: moveRightImgMobile 1s forwards 1s;
        animation: moveRightImgMobile 1s forwards 1s;
    }
}
@-webkit-keyframes moveRightImg {
    0% {
        right: -100%;
    }
    100% {
        right: -40px;
    }
}
@keyframes moveRightImg {
    0% {
        right: -100%;
    }
    100% {
        right: -40px;
    }
}
@-webkit-keyframes moveRightImgMobile {
    0% {
        right: -100%;
    }
    100% {
        right: -100px;
    }
}
@keyframes moveRightImgMobile {
    0% {
        right: -100%;
    }
    100% {
        right: -100px;
    }
}
.sweet-sets .title {
    font-size: 50px;
}
@media (max-width: 768px) {
    .sweet-sets .title {
        font-size: 26px;
    }
}
.sweet-sets .sets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .sweet-sets .sets {
        padding: 0 60px;
    }
}
@media (max-width: 480px) {
    .sweet-sets .sets {
        padding: 0;
    }
}
.sweet-sets .set {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    border: 1px solid var(--pink);
    border-radius: 51.81px;
    padding: 20px 10px 30px;
    position: relative;
    margin-top: 60px;
}
@media (max-width: 1200px) {
    .sweet-sets .set {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
    }
}
@media (max-width: 992px) {
    .sweet-sets .set {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
    }
}
@media (max-width: 768px) {
    .sweet-sets .set {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        border-radius: 42px;
        width: 100%;
        padding: 20px 10px 50px;
    }
}
.sweet-sets .set.s .img {
    width: 343px;
    height: 343px;
    margin-bottom: -100px;
    margin-left: -100%;
}
@media (max-width: 768px) {
    .sweet-sets .set.s .img {
        width: 210px;
        height: 210px;
        margin-left: -100%;
    }
}
.sweet-sets .set.s .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.sweet-sets .set.xl .img {
    width: 180.49px;
    height: 216.94px;
    position: absolute;
    top: -160px;
    right: -100%;
}
@media (max-width: 768px) {
    .sweet-sets .set.xl .img {
        right: -100%;
    }
}
.sweet-sets .set.xl .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.sweet-sets .body {
    position: relative;
}
.sweet-sets .body .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px 0 5px;
}
.sweet-sets .body .menu {
    margin-top: 35px;
}
@media (max-width: 768px) {
    .sweet-sets .body .head {
        padding: 0;
    }
}
.sweet-sets .body .head .name {
    font-size: 55px;
    line-height: 130%;
    color: var(--yellow);
    font-family: var(--font-accent);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
@media (max-width: 480px) {
    .sweet-sets .body .head .name {
        font-size: 35px;
    }
}
.sweet-sets .body .head .price {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 63px;
    border-radius: 50px;
    background: var(--pink);
    font-size: 40px;
    line-height: 130%;
    color: #fff;
    font-family: var(--font-accent);
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 768px) {
    .sweet-sets .body .head .price {
        font-size: 30px;
        height: auto;
    }
}
@media (max-width: 480px) {
    .sweet-sets .body .head .price {
        font-size: 20px;
    }
}
.sweet-sets .body .menu .dish .stroke {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px dashed #2f2f2f;
}
.sweet-sets .body .menu .dish .stroke .name {
    font-size: 20px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.sweet-sets .body .menu .dish .stroke .name span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #fff;
    position: relative;
    bottom: -7px;
}
@media (max-width: 768px) {
    .sweet-sets .body .menu .dish .stroke .name {
        font-size: 16.2px;
    }
}
.sweet-sets .body .menu .dish .stroke .weight {
    font-size: 18px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    background: #fff;
    position: relative;
    bottom: -7px;
}
@media (max-width: 768px) {
    .sweet-sets .body .menu .dish .stroke .weight {
        font-size: 14.58px;
    }
}
.sweet-sets .body .menu .dish .stroke .weight .count {
    font-size: 20px;
    line-height: 130%;
    color: var(--yellow);
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .sweet-sets .body .menu .dish .stroke .weight .count {
        font-size: 16.2px;
    }
}
.block-panorama {
    padding: 20px 0;
}
.block-panorama .blocks .block.desc.pink .text p,
.block-panorama .blocks .block.desc.cyan .text p {
    position: relative;
    right: -100%;
    opacity: 0;
}
.block-panorama .block.desc.pink.anim .head-title,
.block-panorama .block.desc.cyan.anim .head-title {
    animation: topTitle 0.5s forwards 0.5s;
}
@keyframes topTitle {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.block-panorama .blocks .block.desc.pink.anim .text p:first-child,
.block-panorama .blocks .block.desc.cyan.anim .text p:first-child {
    animation: rightText 0.75s forwards 0.75s;
}
.block-panorama .blocks .block.desc.pink.anim .text p:nth-child(2),
.block-panorama .blocks .block.desc.cyan.anim .text p:nth-child(2) {
    animation: rightText 1s forwards 1s;
}
.block-panorama .blocks .block.desc.pink.anim .text p:last-child,
.block-panorama .blocks .block.desc.cyan.anim .text p:last-child {
    animation: rightText 1.25s forwards 1.25s;
}
@keyframes rightText {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}
.block-panorama .block.desc.pink.anim .img,
.block-panorama .block.desc.cyan.anim .img {
    -webkit-animation: showPanoramaImg 1.5s forwards 1.5s;
    animation: showPanoramaImg 1.5s forwards 1.5s;
}
@-webkit-keyframes showPanoramaImg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showPanoramaImg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.block-panorama .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -10px;
}
@media (max-width: 1200px) {
    .block-panorama .blocks {
        margin: 0 -5px;
    }
}
@media (max-width: 992px) {
    .block-panorama .blocks {
        margin: -50px auto 0;
    }
}
.block-panorama .blocks .block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    border-radius: 50px;
    margin: 50px 10px 0;
    height: 710px;
}
@media (max-width: 1200px) {
    .block-panorama .blocks .block {
        margin: 50px 5px 0;
    }
}
@media (max-width: 992px) {
    .block-panorama .blocks .block {
        margin: 50px auto 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}
@media (max-width: 768px) {
    .block-panorama .blocks .block {
        height: 546px;
    }
}
@media (max-width: 480px) {
    .block-panorama .blocks .block {
        margin: 30px auto 0;
    }
}
.block-panorama .blocks .block.swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.block-panorama .blocks .block.swiper .swiper-button-prev,
.block-panorama .blocks .block.swiper .swiper-button-next {
    color: #fff;
}
.block-panorama .blocks .block.desc {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 70px;
    position: relative;
}
@media (max-width: 1200px) {
    .block-panorama .blocks .block.desc {
        padding: 35px;
    }
}
@media (max-width: 768px) {
    .block-panorama .blocks .block.desc {
        border-radius: 33.21px;
    }
}
@media (max-width: 480px) {
    .block-panorama .blocks .block.desc {
        padding: 35px 20px;
    }
}
.block-panorama .blocks .block.desc.pink {
    background-image: url("../img/birthday/block-panorama/bg-pink.webp");
}
.block-panorama .blocks .block.desc.pink .img {
    width: 368px;
    height: 368px;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
}
@media (max-width: 1200px) {
    .block-panorama .blocks .block.desc.pink .img {
        width: 275px;
        height: 275px;
    }
}
@media (max-width: 768px) {
    .block-panorama .blocks .block.desc.pink .img {
        width: 250px;
        height: 250px;
    }
}
@media (max-width: 480px) {
    .block-panorama .blocks .block.desc.pink .img {
        width: 225px;
        height: 225px;
        bottom: -15px;
    }
}
.block-panorama .blocks .block.desc.cyan {
    background-image: url("../img/birthday/block-panorama/bg-cyan.webp");
}
@media (max-width: 992px) {
    .block-panorama .blocks .block.desc.cyan {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.block-panorama .blocks .block.desc.cyan .img {
    width: 301px;
    height: 301px;
    position: absolute;
    bottom: -150px;
    right: 0;
    opacity: 0;
}
@media (max-width: 1200px) {
    .block-panorama .blocks .block.desc.cyan .img {
        width: 211px;
        height: 211px;
        bottom: -70px;
    }
}
@media (max-width: 992px) {
    .block-panorama .blocks .block.desc.cyan .img {
        left: 0;
    }
}
@media (max-width: 768px) {
    .block-panorama .blocks .block.desc.cyan .img {
        width: 150px;
        height: 150px;
        bottom: -50px;
    }
}
.block-panorama .blocks .block.desc .head-title {
    font-size: 45px;
    line-height: 130%;
    color: #fff;
    text-align: center;
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .block-panorama .blocks .block.desc .head-title {
        font-size: 30px;
    }
}
.block-panorama .blocks .block.desc .text {
    font-size: 25px;
    line-height: 130%;
    color: #2c2c2c;
    text-align: center;
    font-family: "Inter-Light";
    margin-top: 35px;
}
.block-panorama .blocks .block.desc .text p {
    margin-top: 20px;
}
.block-panorama .blocks .block.desc .text span {
    color: #ff88bf;
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .block-panorama .blocks .block.desc .text {
        margin-top: 0;
        font-size: 17px;
    }
}
.block-panorama .blocks .block.desc .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.block-panorama .blocks .block .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.order-call {
    padding: 200px 0;
}
@media (max-width: 1200px) {
    .order-call {
        padding: 100px 0;
    }
}
@media (max-width: 992px) {
    .order-call {
        padding: 120px 0;
    }
}
@media (max-width: 768px) {
    .order-call {
        padding: 100px 0 50px;
    }
}
@media (max-width: 480px) {
    .order-call {
        padding: 60px 0 50px;
    }
}
.order-call .gift {
    position: absolute;
}
.order-call .gift img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.order-call .gift.gift1 {
    width: 181.15px;
    height: 181.15px;
    left: -50px;
    top: -10vh;
    opacity: 0;
    animation: topGift1 1s forwards 1s;
}
@keyframes topGift1 {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: -100px;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .order-call .gift.gift1 {
        width: 100.33px;
        height: 100.33px;
        animation: topGift1m 1s forwards 1s;
    }
}
@keyframes topGift1m {
    0% {
        top: -10vh;
        opacity: 0;
    }
    100% {
        top: -50px;
        opacity: 1;
    }
}
.order-call .gift.gift2 {
    width: 225.76px;
    height: 225.76px;
    left: -85px;
    z-index: 1;
    bottom: 10vh;
    opacity: 0;
    animation: topGift2 1s forwards 1s;
}
@keyframes topGift2 {
    0% {
        bottom: 10vh;
        opacity: 0;
    }
    100% {
        bottom: -85px;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .order-call .gift.gift2 {
        width: 89.91px;
        height: 89.91px;
        left: -25px;
        animation: topGift2m 1s forwards 1s;
    }
}
@keyframes topGift2m {
    0% {
        bottom: 10vh;
        opacity: 0;
    }
    100% {
        bottom: -30px;
        opacity: 1;
    }
}
.order-call .gift.gift3 {
    width: 206.54px;
    height: 206.54px;
    right: -50px;
    z-index: 1;
    bottom: 10vh;
    opacity: 0;
    animation: topGift3 1s forwards 1s;
}
@keyframes topGift3 {
    0% {
        bottom: 10vh;
        opacity: 0;
    }
    100% {
        bottom: -100px;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .order-call .gift.gift3 {
        width: 67.79px;
        height: 67.79px;
        right: 40px;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        animation: topGift3m 1s forwards 1s;
    }
}
@keyframes topGift3 {
    0% {
        bottom: 10vh;
        opacity: 0;
    }
    100% {
        bottom: 30px;
        opacity: 1;
    }
}
.order-call .block-container {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(rgb(203, 234, 250)), to(rgb(143, 158, 228)));
    background: -o-linear-gradient(left, rgb(203, 234, 250) 0%, rgb(143, 158, 228) 100%);
    background: linear-gradient(90deg, rgb(203, 234, 250) 0%, rgb(143, 158, 228) 100%);
    border-radius: 50px;
}
@media (max-width: 768px) {
    .order-call .block-container {
        border-radius: 19.08px;
    }
}
.order-call .block-container .content {
    background: inherit;
    border-radius: inherit;
    position: relative;
}
.order-call .block-container .body {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 50px 50px 35px;
    position: relative;
    z-index: 1;
    width: 100%;
}
@media (max-width: 768px) {
    .order-call .block-container .body {
        width: 80%;
        padding: 30px 20px;
        z-index: 2;
    }
}
.order-call .block-container .body .title {
    font-size: 40px;
}
@media (max-width: 1200px) {
    .order-call .block-container .body .title {
        font-size: 35px;
    }
}
@media (max-width: 992px) {
    .order-call .block-container .body .title {
        font-size: 20px;
    }
}
@media (max-width: 480px) {
    .order-call .block-container .body .title {
        font-size: 14px;
    }
}
.order-call .block-container .body .text {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    font-family: "Inter-Light";
    margin-top: 30px;
}
@media (max-width: 992px) {
    .order-call .block-container .body .text {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .order-call .block-container .body .text {
        margin-top: 20px;
    }
}
.order-call .block-container .body .block-btn-arrow {
    margin: 30px auto 0;
}
.order-call .block-container .body .block-btn-arrow .btn.btn-arrow {
    min-width: 71.46px;
    max-width: 71.46px;
    height: 71.46px;
}
@media (max-width: 480px) {
    .order-call .block-container .body .block-btn-arrow .btn.btn-arrow {
        min-width: 45px;
        max-width: 45px;
        height: 45px;
    }
}
.order-call .block-container .hero {
    position: absolute;
    bottom: -140px;
    right: -100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    opacity: 0;
}
.order-call.anim .block-container .hero {
    animation: rightHero 1s forwards 1s;
}
@keyframes rightHero {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -50px;
        opacity: 1;
    }
}
@media (max-width: 1200px) {
    .order-call .block-container .hero {
        bottom: -100px;
        animation: rightHeroLs 1s forwards 1s;
    }
}
@keyframes rightHeroLs {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -100px;
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .order-call .block-container .hero {
        bottom: -45px;
        animation: rightHeroM 1s forwards 1s;
    }
}
@keyframes rightHeroM {
    0% {
        right: -100%;
        opacity: 0;
    }
    100% {
        right: -70px;
        opacity: 1;
    }
}
.order-call .block-container .hero .img {
    width: 450px;
    height: auto;
}
@media (max-width: 1200px) {
    .order-call .block-container .hero .img {
        width: 350px;
    }
}
@media (max-width: 768px) {
    .order-call .block-container .hero .img {
        width: 240.98px;
        -webkit-transform: rotate(3.53deg);
        -ms-transform: rotate(3.53deg);
        transform: rotate(3.53deg);
    }
}
@media (max-width: 768px) {
    .order-call .block-container .hero .img {
        width: 200px;
    }
}
.order-call .block-container .hero .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.order-holiday {
    position: relative;
    padding-bottom: 50px;
}
.order-holiday .ballon1.anim {
    -webkit-animation: moveBallon1 1s forwards 1s;
    animation: moveBallon1 1s forwards 1s;
}
@-webkit-keyframes moveBallon1 {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: -30px;
    }
}
@keyframes moveBallon1 {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: -30px;
    }
}
@-webkit-keyframes moveBallon1m {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: 50px;
    }
}
@keyframes moveBallon1m {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: 50px;
    }
}
.order-holiday .ballon2.anim {
    -webkit-animation: moveBallon2 1s forwards 1s;
    animation: moveBallon2 1s forwards 1s;
}
@-webkit-keyframes moveBallon2 {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: 45%;
    }
}
@keyframes moveBallon2 {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: 45%;
    }
}
.order-holiday .ballon3.anim {
    -webkit-animation: moveBallon3 1s forwards 1s;
    animation: moveBallon3 1s forwards 1s;
}
@-webkit-keyframes moveBallon3 {
    0% {
        opacity: 0;
        right: -100%;
    }
    100% {
        opacity: 1;
        right: -5px;
    }
}
@keyframes moveBallon3 {
    0% {
        opacity: 0;
        right: -100%;
    }
    100% {
        opacity: 1;
        right: -5px;
    }
}
.order-holiday .content .img.anim {
    -webkit-animation: showImg 1s forwards 1s;
    animation: showImg 1s forwards 1s;
}
@-webkit-keyframes showImg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showImg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.order-holiday .img-m.anim {
    -webkit-animation: showImgMobile 1s forwards 1s;
    animation: showImgMobile 1s forwards 1s;
}
@-webkit-keyframes showImgMobile {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showImgMobile {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .order-holiday {
        padding-bottom: 0;
    }
}
.order-holiday .img-m {
    width: 340px;
    margin: -80px auto 0;
    position: relative;
    opacity: 0;
}
.order-holiday .img-m img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.order-holiday .content {
    background-color: #ffecc9;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 40px 30px 50px;
}
@media (max-width: 768px) {
    .order-holiday .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 20px;
    }
}
@media (max-width: 480px) {
    .order-holiday .content {
        padding: 20px 10px;
    }
}
.order-holiday .content .ballon {
    position: absolute;
}
.order-holiday .content .ballon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.order-holiday .content .ballon.ballon1 {
    width: 134.4px;
    bottom: -50px;
    left: -100%;
    opacity: 0;
}
@media (max-width: 768px) {
    .order-holiday .content .ballon.ballon1 {
        width: 100px;
        bottom: -90px;
        left: 50px;
    }
}
.order-holiday .content .ballon.ballon2 {
    width: 114.58px;
    top: -30px;
    left: -100%;
    opacity: 0;
}
.order-holiday .content .ballon.ballon3 {
    width: 95.18px;
    bottom: -60px;
    right: -100%;
    opacity: 0;
}
@media (max-width: 768px) {
    .order-holiday .content .ballon.ballon3 {
        width: 76.06px;
        top: 120px;
        bottom: unset;
        right: -5px;
    }
}
.order-holiday .content .img {
    width: 100%;
    max-width: 350px;
    height: 100%;
    position: absolute;
    top: 120px;
    opacity: 0;
    left: 50px;
}
@media (max-width: 1200px) {
    .order-holiday .content .img {
        top: 150px;
    }
}
.order-holiday .content .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.order-holiday .content .block-content {
    padding: 0 20px;
}
.order-holiday .content .block-content .title {
    font-size: 40px;
    position: relative;
}
@media (max-width: 1440px) {
    .order-holiday .content .block-content .title {
        font-size: 35px;
    }
}
@media (max-width: 768px) {
    .order-holiday .content .block-content .title {
        font-size: 26px;
    }
}
.order-holiday .content .block-content .text {
    font-size: 25px;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    font-family: "Inter-Light";
    margin-top: 20px;
    position: relative;
}
@media (max-width: 768px) {
    .order-holiday .content .block-content .text {
        font-size: 16px;
    }
}
.order-holiday .content .block-form {
    min-width: 682.04px;
    max-width: 682.04px;
}
@media (max-width: 1440px) {
    .order-holiday .content .block-form {
        min-width: 50%;
        max-width: 50%;
    }
}
@media (max-width: 768px) {
    .order-holiday .content .block-form {
        margin-top: 30px;
        min-width: 100%;
        max-width: 100%;
    }
}
.order-holiday .content .block-form form {
    padding: 25px 20px;
}
.order-holiday .content .block-form .block-btn-arrow {
    margin: 20px auto 0;
}
.order-holiday .content .block-form .block-bottom .block-agree input + label {
    margin-top: 10px;
}
.order-holiday .ballon-m {
    position: absolute;
}
.order-holiday .ballon-m img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.order-holiday .ballon-m.ballon1 {
    width: 70px;
    bottom: 130px;
    left: 0;
}
.order-holiday .ballon-m.ballon2 {
    width: 70px;
    bottom: 20px;
    right: 20px;
}
#select-nominal,
#select-abonement {
    width: 49.5%;
    font-size: 26.46px;
    line-height: 130%;
    color: rgba(52, 52, 52, 0.74);
    position: relative;
}
@media (max-width: 768px) {
    #select-nominal,
    #select-abonement {
        width: 100%;
        font-size: 16px;
    }
}
#select-nominal .tab-input,
#select-abonement .tab-input {
    width: 100%;
    background: #fff;
    height: 83.78px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}
@media (max-width: 768px) {
    #select-nominal .tab-input,
    #select-abonement .tab-input {
        height: 55px;
        padding: 0 20px;
    }
}
#select-nominal .block-items,
#select-abonement .block-items {
    position: absolute;
    top: 104px;
    left: 0;
    z-index: 1;
    height: 0;
    opacity: 0;
    width: 100%;
    padding-top: 10px;
    visibility: hidden;
}
#select-nominal .block-items .items,
#select-abonement .block-items .items {
    overflow: hidden;
    border-radius: 30px;
}
#select-nominal .block-items .items .item,
#select-abonement .block-items .items .item {
    background: #fff;
    height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    cursor: pointer;
}
#select-nominal .block-items .items .item:not(:last-child),
#select-abonement .block-items .items .item:not(:last-child) {
    border-bottom: 1px solid rgba(27, 27, 27, 0.11);
}
#select-nominal ._select,
#select-abonement ._select {
    visibility: visible;
    -webkit-animation: select 0.2s forwards 0.2s;
    animation: select 0.2s forwards 0.2s;
}
@-webkit-keyframes select {
    0% {
        opacity: 0;
        height: 0;
    }
    100% {
        opacity: 1;
        height: auto;
    }
}
@keyframes select {
    0% {
        opacity: 0;
        height: 0;
    }
    100% {
        opacity: 1;
        height: auto;
    }
}
.stocks .blocks .block {
    margin-top: 50px;
}
@media (max-width: 768px) {
    .stocks .blocks .block {
        margin-top: 30px;
    }
}
.stocks .blocks .block .img {
    border-radius: 50px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .stocks .blocks .block .img {
        border-radius: 33.03px;
    }
}
.stocks .blocks .block .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.stocks .blocks .block .body {
    margin-top: 20px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
.stocks .blocks .block .body .head-title {
    font-size: 30px;
    line-height: 130%;
    color: var(--purple);
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .stocks .blocks .block .body .head-title {
        font-size: 22px;
    }
}
.stocks .blocks .block .body .intro {
    font-size: 23px;
    line-height: 130%;
    color: #2f2f2f;
    font-family: "Inter-Light";
    margin-top: 5px;
    flex: 1 1 auto;
}
@media (max-width: 768px) {
    .stocks .blocks .block .body .intro {
        font-size: 16px;
    }
}
.stocks .blocks .block .body .btn {
    min-width: 248px;
    max-width: 248px;
    height: 75px;
    margin-top: 10px;
}
.stocks .blocks .block .body .btn:hover,
.stocks .blocks .block .body .btn:focus {
    background: var(--yellow);
    -webkit-transition: 0.2s ease 0.2s;
    -o-transition: 0.2s ease 0.2s;
    transition: 0.2s ease 0.2s;
}
@media (max-width: 768px) {
    .stocks .blocks .block .body .btn {
        min-width: 173.19px;
        max-width: 173.19px;
        height: 52.38px;
    }
}
@media (max-width: 768px) {
    .block-holiday .title {
        font-size: 29px;
    }
}
.block-holiday .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}
@media (max-width: 768px) {
    .block-holiday .blocks {
        margin: 0 auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.block-holiday .blocks .block {
    margin-top: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 10px;
}
@media (max-width: 768px) {
    .block-holiday .blocks .block {
        padding: 0;
        margin-top: 20px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}
.block-holiday .blocks .block .img {
    height: 528px;
    border-radius: 50px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .block-holiday .blocks .block .img {
        height: 347px;
        border-radius: 32.83px;
    }
}
.block-holiday .blocks .block .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.block-holiday .blocks .block .body {
    text-align: center;
    margin-top: 20px;
    padding: 0 10px;
}
.block-holiday .blocks .block .body .head {
    font-family: var(--font-accent);
    font-size: 35px;
    line-height: 130%;
    color: #83ccf2;
}
@media (max-width: 768px) {
    .block-holiday .blocks .block .body .head {
        font-size: 25.24px;
    }
}
.block-holiday .blocks .block .body .text {
    margin-top: 20px;
    font-family: "Inter-Light";
    font-size: 22px;
    line-height: 130%;
    color: #2f2f2f;
}
@media (max-width: 768px) {
    .block-holiday .blocks .block .body .text {
        font-size: 16px;
    }
}
@keyframes leftMobileAnim {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}
@keyframes rightMobileAnim {
    0% {
        opacity: 0;
        right: -100%;
    }
    100% {
        opacity: 1;
        right: 0;
    }
}
.block-attractions .bg-img .head-title .title {
    top: -100vh;
    opacity: 0;
    position: relative;
    animation: topTitle 0.5s forwards 0.5s;
}
@-webkit-keyframes topTitle {
    0% {
        top: -100vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes topTitle {
    0% {
        top: -100vh;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.block-banner .title {
    position: relative;
    top: -100vh;
    opacity: 0;
    -webkit-animation: topTitle 0.5s forwards 0.5s;
    animation: topTitle 0.5s forwards 0.5s;
}
.block-banner .text,
.block-attractions .head-subtitle,
.block-banner .content .body .text {
    opacity: 0;
    animation: opacityAfterTitle 1s forwards 1s;
}
.block-attractions .block-buttons,
.block-banner .block-buttons {
    opacity: 0;
    animation: opacityAfterTitle 1.5s forwards 1.5s;
}
@keyframes opacityAfterTitle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes animOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.sw-app-head {
    font-weight: 400;
    font-size: 50px !important;
    line-height: 130%;
    color: #2f2f2f;
    text-align: center;
    font-family: var(--font-accent);
}
@media (max-width: 768px) {
    .sw-app-head {
        font-size: 30px !important;
    }
}
#hall-video iframe,
#cafe iframe,
.bg .img video,
.block-video .video video {
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
    .error-text.validPhone {
        margin-left: -3rem;
        font-size: 10px;
    }
    .block-faq {
        margin: 0 -20px;
    }
    #faq .block-questions {
        margin-top: 20px;
    }
    #faq .block-questions .questions .question .head.active ~ div {
        padding: 20px !important;
    }
    .page.prices .block-faq {
        padding: 35px 0;
    }
    .page.menu .block-menu .body .preview {
        margin-left: 0 !important;
    }
}
.justifyleft {
    text-align: left;
}
._hidden {
    display: none !important;
}
._showblock,
._showImg {
    display: block !important;
}
.page.menu .block-menu .body .preview {
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    margin-left: 30px;
}
.page.menu .block-menu .body .preview .images .img {
    border-radius: inherit;
    overflow: hidden;
}
.page.menu .block-menu .body .preview .swiper-button-next,
.page.menu .block-menu .body .preview .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 68px;
    height: 68px;
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    background: #fff;
    border-radius: 50%;
}
.page.menu .block-menu .body .preview .swiper-button-prev {
    left: 20px;
}
.page.menu .block-menu .body .preview .swiper-button-next {
    right: 20px;
}
@media (max-width: 768px) {
    .page.menu .block-menu .body .preview .swiper-button-next,
    .page.menu .block-menu .body .preview .swiper-button-prev {
        width: 52.26px;
        height: 52.26px;
    }
}
.block-images .blocks .block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    position: relative;
    margin: 1rem 0.5rem 0;
}
.block-images .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}
.block-images .blocks .block .preview .img {
    border-radius: 20px;
    overflow: hidden;
}
.block-images .blocks .block .preview .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 768px) {
    .block-images .blocks {
        flex-wrap: wrap;
    }
    .block-images .blocks .block {
        flex: 1 1 auto;
        margin: 1rem 0 auto;
    }
}
/**/
.afisha.info {
    margin-top: 50px;
}
@media (max-width: 768px) {
    .afisha.info {
        margin-top: 30px;
    }
}
.afisha.info .body .title {
    font-size: 35px;
}
.afisha.info .body {
    background-color: #d9effb;
    border-radius: 50px;
    position: relative;
    padding: 30px;
}
.afisha.info .body .img {
    width: 218.15px;
    height: 218.15px;
    position: absolute;
    top: -4rem;
    left: 0;
}
.afisha.info .body .img-body {
    width: 500px;
    margin: 0 auto 20px;
}
.afisha.info .body .img-body img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 992px) {
    .afisha.info .body .img {
        width: 132.81px;
        height: 132.81px;
        top: -2rem;
    }
}
@media (max-width: 768px) {
    .afisha.info .body .img {
        top: -3rem;
        left: -2rem;
    }
}
.afisha.info .body .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.afisha.info .body .text {
    font-family: "Inter-Light";
    font-size: 23px;
    line-height: 130%;
    text-align: left;
    width: fit-content;
    margin: 20px auto 0;
}
.afisha.info .body .text a {
    color: var(--yellow);
    font-family: "Inter-SemiBold";
}
@media (max-width: 768px) {
    .afisha.info .body .text {
        font-size: 16px;
    }
    .afisha.info .body .img-body {
        width: 100%;
        margin: 35px auto 20px;
    }
    .afisha.info .body {
        padding: 30px 20px;
    }
    .afisha.info .body .title {
        font-size: 20px;
    }
}
@media (max-width: 480px) {
    .block-bonus .block-container {
        height: auto;
        min-height: 185px;
        padding: 25px 12px;
        overflow: hidden;
    }
    .block-bonus .block-container .body {
        width: 100%;
        max-width: calc(100% - 130px);
        margin: auto 0;
        align-items: flex-start;
    }
    .block-bonus .block-container .body .title {
        font-size: 20px;
        line-height: 1.3;
    }
    .block-bonus .block-container .body .title span {
        display: block;
    }
    .block-bonus .block-container .body .block-btn-arrow {
        margin-top: 18px;
    }
    .block-bonus .block-container .hero {
        right: -15px;
        bottom: 0;
    }
    .block-bonus .block-container .hero .img {
        width: 145px;
        height: 204px;
    }
    .full-price .block-container {
        height: auto;
        min-height: 190px;
        overflow: hidden;
    }
    .full-price .body {
        width: 100%;
        max-width: calc(100% - 90px);
        margin: auto 0;
        align-items: flex-start;
    }
    .full-price .body .title {
        font-size: 20px;
        line-height: 1.3;
    }
    .full-price .body .subtitle {
        font-size: 13px;
        line-height: 1.3;
        text-align: left;
        margin-top: 6px;
    }
    .full-price .body .block-btn-arrow {
        margin-top: 16px;
    }
    .full-price .hero {
        right: -15px;
        bottom: 0;
        top: auto;
    }
    .full-price .hero .img {
        width: 145px;
        height: 218px;
    }
    .block-secure .blocks .block.block2 .pic {
        top: -260px;
    }
    .block-secure .blocks .block.block3 .pic {
        top: -75px !important;
        height: 160px !important;
    }
    .block-secure .blocks .block .head-title {
        padding-top: 90px;
    }
}