/* Start:/local/templates/avatariya-uz/src/styles/fonts.min.css?17863431883331*/
@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:100;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-100.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:100;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-100italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:200;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-200.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:200;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-200italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:300;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-300.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:300;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-300italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:400;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:400;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:500;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-500.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:500;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-500italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:600;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-600.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:600;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-600italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:700;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:700;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-700italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:800;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-800.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:800;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-800italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:normal;font-weight:900;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-900.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans";font-style:italic;font-weight:900;src:url(/local/templates/avatariya-uz/src/styles/../fonts/noto-sans/noto-sans-v42-cyrillic_cyrillic-ext_latin-900italic.woff2)format("woff2")}
/* End */


/* Start:/local/templates/avatariya-uz/src/libs/fancybox.css?178634318615598*/
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
/* End */


/* Start:/local/templates/avatariya-uz/src/libs/panzoom.css?1786343186454*/
.panzoom{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.panzoom__viewport{position:relative;width:100%;height:100%;min-height:1px;margin:auto}.panzoom__content{max-width:100%;max-height:100%;object-fit:contain;transform:translate3d(0, 0, 0) scale(1);transform-origin:0 0;transition:none;touch-action:none;user-select:none}.is-draggable{cursor:move;cursor:grab}.is-dragging{cursor:grabbing}
/* End */


/* Start:/local/templates/avatariya-uz/src/libs/swiper-bundle.min.css?178634318616470*/
/**
 * Swiper 8.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 21, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/avatariya-uz/src/libs/hystmodal.min.css?17863431861868*/
.hystmodal__opened,.hystmodal__shadow{position:relative;right:0;left:0;overflow:hidden}.hystmodal__shadow{position:fixed;border:0;display:block;width:100%;top:0;bottom:0;pointer-events:none;z-index:98;opacity:0;transition:opacity .15s ease;background-color:#000}.hystmodal__shadow--show{pointer-events:auto;opacity:.6}.hystmodal{position:fixed;top:0;bottom:0;right:0;left:0;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:1;pointer-events:none;display:flex;flex-flow:column nowrap;justify-content:flex-start;z-index:99;visibility:hidden}.hystmodal--active{opacity:1}.hystmodal--active,.hystmodal--moved{pointer-events:auto;visibility:visible}.hystmodal__wrap{flex-shrink:0;flex-grow:0;width:100%;min-height:100%;margin:auto;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.hystmodal__window{margin:50px 0;box-sizing:border-box;flex-shrink:0;flex-grow:0;background:#fff;width:600px;max-width:100%;overflow:visible;transition:transform .2s ease 0s,opacity .2s ease 0s;transform:scale(.9);opacity:0}.hystmodal--active .hystmodal__window{transform:scale(1);opacity:1}.hystmodal__close{position:absolute;z-index:10;top:0;right:-40px;display:block;width:30px;height:30px;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");background-size:100% 100%;border:0;font-size:0;cursor:pointer;outline:0}.hystmodal__close:focus{outline:2px dotted #afb3b9;outline-offset:2px}@media (max-width:767px){.hystmodal__window{margin:0}}
/* End */


/* Start:/local/templates/avatariya-uz/src/libs/jquery-ui.min.css?178634318630578*/
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-button,.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus{z-index:9999}.ui-controlgroup-vertical>.ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc(100% - 2.4em)}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:0}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:0}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;-ms-filter:"alpha(opacity=25)";opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0 0;color:inherit;padding:.222em 0;vertical-align:middle;margin:.2em 2em .2em .4em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget,.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a,.ui-widget-header a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:700}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400}html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button{color:#454545;text-decoration:none}.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(/local/templates/avatariya-uz/src/libs/images/ui-icons_444444_256x240.png)}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(/local/templates/avatariya-uz/src/libs/images/ui-icons_555555_256x240.png)}.ui-button:active .ui-icon,.ui-state-active .ui-icon{background-image:url(/local/templates/avatariya-uz/src/libs/images/ui-icons_ffffff_256x240.png)}.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{background-image:url(/local/templates/avatariya-uz/src/libs/images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/local/templates/avatariya-uz/src/libs/images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(/local/templates/avatariya-uz/src/libs/images/ui-icons_777777_256x240.png)}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0-16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0-32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0-64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0-80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0-96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0-112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0-128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0-144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0-160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-first,.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0-176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0-192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0-208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0-224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/* End */


/* Start:/local/templates/avatariya-uz/src/styles/default.min.css?17863431883284*/
@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}body,sub,sup{padding:0;line-height:1}sub,sup{font-size:75%;line-height:0;position:relative}body,fieldset,legend,sub,sup{margin:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{line-height:1.15;-webkit-text-size-adjust:100%}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button}summary{display:list-item}[hidden],template{display:none}.halyk-btn,.kaspi-btn{outline:0;border-radius:8px;width:100%;max-width:343px;min-height:52px;display:flex;gap:8px;justify-content:center;align-items:center;cursor:pointer;transition:.2s all;padding:9px}.halyk-btn{background:#fff;color:#008669;border:2px solid #008669;margin-top:20px}.halyk-btn:active{transform:scale(.95)}.halyk-btn span,.kaspi-btn span{font-family:"Roboto",sans-serif;font-weight:400;font-size:17px;line-height:20px}.halyk-btn img{display:block;height:29px}.kaspi-btn{border:0}.kaspi-btn.k-red{background:#f14635;color:#fff}.kaspi-btn.k-white{background:#fff;color:#000}.kaspi-btn:active{transform:scale(.95)}.kaspi-btn img{display:block;width:112px;height:28px}#kaspi-qr{text-align:center}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:4px solid rgba(0,0,0,.1);border-left:4px solid #9520ff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}
/* End */


/* Start:/local/templates/avatariya-uz/src/styles/ui.min.css?178634318812713*/
:root{--primary-pink-1:#EC1E8E;--primary-pink-2:#F04BA5;--primary-pink-3:#FDE9F4;--primary-pink-4:#8E1255;--primary-pink-1-05:#ec1e8f80;--primary-pink-2-05:#F04BA580;--primary-pink-3-05:#FDE9F480;--primary-pink-4-05:#8E125580;--primary-purple-1:rgb(149, 32, 255);--primary-purple-2:#a457ef;--primary-purple-3:#b499cb;--primary-purple-4:#6A02C8;--primary-purple-1-05:rgba(160, 58, 255, 0.5);--primary-purple-2-05:rgba(184, 110, 252, 0.5);--primary-purple-3-05:rgba(217, 185, 255, 0.5);--primary-purple-4-05:#780BDB;--bg-gradient:linear-gradient(203.75deg, #6A02C8 17.93%, #780BDB 110.04%, #9520FF 206.07%);--neutral-color-1:#F5F5F5;--neutral-color-2:#EDEDED;--neutral-color-3:#D7D7D7;--neutral-color-4:#B0B0B0;--accent-color:#FF9E1B;--error-primary:#E04949;--error-secondary:#FDECF0;--success-primary:#42BF74;--success-secondary:#E5F6EB;--text-color:#000000}*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Noto Sans",sans-serif}body{position:relative;min-height:100vh;overflow-x:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;scroll-behavior:smooth}main{-webkit-box-flex:1;-ms-flex:1;flex:1}h1,h2{font-size:52px;line-height:52px}h2{font-size:42px}h3{font-size:32px;line-height:42px}h1,h2,h3,h4,h5,h6{font-weight:700}h4{font-size:28px;line-height:36px}h5,h6{line-height:26px}h6{font-size:18px;line-height:24px}.label-1,.label-2{font-weight:700;font-size:26px;line-height:32px}.label-2,h5{font-size:21px}.label-2{font-weight:400}.label-3,.label-4{font-weight:700;font-size:16px;line-height:26px}.label-4{font-size:14px;line-height:17px}.text-1{font-weight:400;font-size:18px;line-height:34px}.text-2,.text-3{font-weight:400;font-size:14px;line-height:21px}.text-3{font-size:12px;line-height:18px}.button-1{font-weight:800;font-size:18px;line-height:25px;color:#fff;text-align:center;outline:0;padding:20px 30px;border-radius:50px;background:var(--primary-purple-1);border:0;text-decoration:none;-webkit-transition:.15s all;-o-transition:.15s all;transition:.15s all}.button-1:hover{background:var(--primary-purple-2)}.button-1:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.button-1,.button-2,.button-3,.play-btn{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;cursor:pointer}.button-2{font-weight:800;font-size:18px;line-height:25px;color:var(--primary-purple-1);text-align:center;outline:0;padding:8px 20px;border-radius:50px;background:0 0;text-decoration:none;border:2px solid var(--primary-purple-1);-webkit-transition:.15s all;-o-transition:.15s all;transition:.15s all}.button-2:hover{background:var(--primary-purple-1);color:#fff}.button-2:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.button-3,.play-btn{background:var(--primary-purple-1)}.button-3{font-weight:800;font-size:18px;line-height:25px;color:#fff;text-align:center;outline:0;padding:10px 20px;border-radius:50px;text-decoration:none;border:0;-webkit-transition:.15s all;-o-transition:.15s all;transition:.15s all}.button-3:hover{background:var(--primary-purple-2)}.button-3:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.play-btn{border-radius:9999px;-webkit-box-flex:0;-ms-flex:none;flex:none;width:70px;height:70px}.play-btn,.play-btn svg,.star-big{-webkit-transition:.15s all;-o-transition:.15s all;transition:.15s all}.play-btn svg{margin-left:4px}.play-btn:hover{background:var(--primary-purple-2)}.play-btn:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.play-btn.border{-webkit-box-shadow:0 0 0 15px rgba(34,60,80,.2);box-shadow:0 0 0 15px rgba(34,60,80,.2);background:#fff}.play-btn.border svg path{fill:var(--primary-purple-1)}.play-btn.border:hover{background:var(--primary-purple-1)}.icon.white:hover svg path,.icon:hover svg path,.play-btn.border:hover svg path{fill:#fff}a,ol li::before{color:var(--primary-purple-1)}a:hover{text-decoration:none}a.extra-link{font-weight:700;padding-right:30px;position:relative}ol{counter-reset:decimal-counter}ol li{counter-increment:decimal-counter}ol li::before{content:counter(decimal-counter)". ";font-weight:700}ol,ul{list-style:none;font-weight:400;font-size:18px;line-height:26px}ul li{padding-left:18px;position:relative}ul.check-icon li:before,ul.star-icon li:before{content:"";position:absolute;left:1px;display:block}ul.star-icon li:before{width:10px;height:10px;top:7px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMDI1MDQgMC42NTIxODFMNi42ODEwNiAyLjAzMDc3QzYuODQ1MDcgMi4zOTEzMyA3LjE3MzA4IDIuNjI0NjMgNy41NDIwOSAyLjY4ODI2TDkuMDE4MTQgMi45MDAzNUM5Ljk2MTE3IDMuMDQ4ODEgMTAuMzMwMiA0LjIzNjUyIDkuNjUzNjYgNC45MzY0M0w4LjU4NzYzIDYuMDE4MDlDOC4zMjExMiA2LjI5MzgxIDguMTk4MTEgNi42NzU1NyA4LjI1OTYxIDcuMDc4NTVMOC41MDU2MiA4LjYwNTYxQzguNjY5NjMgOS41ODEyMyA3LjY4NTYgMTAuMzIzNSA2Ljg0NTA3IDkuODU2OTRMNS41MzMwMiA5LjEzNTgzQzUuMjA1MDEgOC45NDQ5NSA0Ljc5NDk5IDguOTQ0OTUgNC40NjY5OCA5LjEzNTgzTDMuMTU0OTQgOS44NTY5NEMyLjMxNDQxIDEwLjMyMzUgMS4zMzAzNyA5LjU4MTIzIDEuNDk0MzggOC42MDU2MUwxLjc0MDM5IDcuMDc4NTVDMS44MDE4OSA2LjY5Njc4IDEuNjc4ODkgNi4yOTM4MSAxLjQxMjM4IDYuMDE4MDlMMC4zNDYzMzYgNC45MzY0M0MtMC4zMzAxODggNC4yNTc3MyAwLjAzODgyNjUgMy4wNDg4MSAwLjk4MTg2IDIuOTAwMzVMMi40NTc5MSAyLjY4ODI2QzIuODI2OTIgMi42MjQ2MyAzLjE1NDkzIDIuMzkxMzMgMy4zMTg5NCAyLjAzMDc3TDMuOTc0OTcgMC42NTIxODFDNC4zODQ5OCAtMC4yMTczOTQgNS41OTQ1MiAtMC4yMTczOTQgNi4wMjUwNCAwLjY1MjE4MVoiIGZpbGw9IiNFQzFFOEUiLz4KPC9zdmc+Cg==)center center/cover no-repeat}ul.check-icon li:before{width:9px;height:6px;top:50%;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTAgNyIgZmlsbD0ibm9uZSI+DQogICAgPHBhdGggZD0iTTEgMi42NjY2N0w0LjIgNkw5IDEiIHN0cm9rZT0iIzk1MjBGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K)center center/cover no-repeat;transform:translateY(-50%)}.star-big{width:28px;height:28px;padding:0;border-radius:50%;outline:0;border:2px solid #ff9e1b;background:0 0}.star-big.filled{background:#ff9e1b}.star-big.unfilled{width:20px;height:20px}.icon,.star-big,.star-small{-webkit-box-flex:0;-ms-flex:none;flex:none;cursor:pointer}.star-small{width:20px;height:20px;padding:0;-webkit-transition:.15s all;-o-transition:.15s all;transition:.15s all;border-radius:50%;outline:0;border:2px solid #ff9e1b;background:0 0}.star-small.filled{background:#ff9e1b}.star-small.unfilled{width:14px;height:14px}.icon{width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;border-radius:9999px}.icon,.icon svg path{-webkit-transition:.15s all;-o-transition:.15s all;transition:.15s all}.icon.white{background-color:#fff}.icon svg path,.icon.black:hover svg path,.icon.white svg path{fill:var(--primary-purple-1)}.icon.black,.icon.white:hover{background-color:var(--primary-purple-1)}.icon.black svg path{fill:#fff}.icon.black:hover{background-color:#fff}[type=checkbox],[type=radio],label.checkbox__label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}label.checkbox__label,label.radio__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-size:14px;font-weight:500;color:var(--text-color)}label.checkbox__label{row-gap:0;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;line-height:20px}label.radio__label{gap:8px;line-height:18px;cursor:pointer}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;-ms-flex-negative:0;flex-shrink:0;color:var(--main-blue);background-color:transparent;width:20px;height:20px;border:2px solid var(--primary-purple-1)}[type=checkbox]{border-radius:4px}[type=radio]{border-radius:9999px}[type=checkbox]:checked{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4NCiAgICA8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSI0IiBmaWxsPSIjOTUyMEZGIi8+DQogICAgPHBhdGggZD0iTTYgOC42NjY2N0w5LjIgMTJMMTQgNyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K)}[type=radio]:checked{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iI0VDMUU4RSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjQiIGZpbGw9IiNFQzFFOEUiLz4KPC9zdmc+Cg==)}[type=checkbox]:checked,[type=radio]:checked{border:0;background-color:transparent;background-size:cover;background-position:center;background-repeat:no-repeat}.checkbox__wrapper{line-height:23px;font-size:15px;font-weight:500}.checkbox__wrapper,.input__wrapper{position:relative;padding-bottom:20px}.checkbox__wrapper .checkbox__box,.input__wrapper .input__box{position:relative}span.error{font-size:12px;color:var(--primary-purple-1);font-weight:500;margin-top:2px;display:block;position:absolute;bottom:2px}.input__wrapper label{font-weight:700;font-size:18px;line-height:38px;color:#fff;display:block;margin-bottom:10px}.input__wrapper.invalid input,.input__wrapper.invalid select,.input__wrapper.invalid textarea,.input__wrapper.is-focused input,.input__wrapper.is-focused select,.input__wrapper.is-focused textarea{border-color:var(--primary-purple-1)}.input__wrapper input:disabled{background:#eee}.input__wrapper.is-required label{padding-right:0}.input__wrapper.is-required label:after{content:"*";position:relative;padding:0 2px;top:-2px;background:0 0;font-size:14px;right:-1px;color:var(--primary-purple-1)}.input__wrapper .input__box__one-item,.input__wrapper input,.input__wrapper select{background:#fff;border-radius:50px;border:2px solid transparent;outline:0;padding:8px 40px 8px 20px;-webkit-transition:.15s all;-o-transition:.15s all;transition:.15s all;font-weight:400;font-size:18px;line-height:25px;color:#000;width:100%}.input__wrapper .input__box__one-item,.input__wrapper select{position:relative;-webkit-box-shadow:0 0#0000,0 0#0000,0 1px 2px 0 rgb(0 0 0/5%);box-shadow:0 0#0000,0 0#0000,0 1px 2px 0 rgb(0 0 0/5%);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNS4yIDUuMkw5LjQgMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);background-position:right 23px center;background-repeat:no-repeat;background-size:11px;-webkit-print-color-adjust:exact;color-adjust:exact;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer}.input__wrapper .input__box__one-item{background-image:none;cursor:default}.input__wrapper select .input__wrapper input::-webkit-input-placeholder{color:rgba(0,0,0,.5)}.input__wrapper select .input__wrapper input::-moz-placeholder{color:rgba(0,0,0,.5)}.input__wrapper select .input__wrapper input:-ms-input-placeholder{color:rgba(0,0,0,.5)}.input__wrapper select .input__wrapper input::-ms-input-placeholder{color:rgba(0,0,0,.5)}.input__wrapper select .input__wrapper input::placeholder{color:rgba(0,0,0,.5)}.input__wrapper .input-icon{position:absolute;top:50%;right:22px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:block}.input__wrapper textarea{background:#fff;border-radius:30px;border:2px solid transparent;outline:0;padding:8px 20px;-webkit-transition:.15s all;-o-transition:.15s all;transition:.15s all;font-weight:400;font-size:18px;line-height:25px;color:#000;width:100%!important}::-webkit-datetime-edit-fields-wrapper{background:0 0}::-webkit-datetime-edit-text{color:#000;padding:0 2px}::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{background:url(/local/templates/avatariya-uz/src/styles/../media/forms/date-icon.svg)center center/cover no-repeat;width:24px;height:24px;display:block;position:absolute;top:50%;left:20;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:22px}
/* End */


/* Start:/local/templates/avatariya-uz/src/styles/main.css?1788950726295793*/
#promo-block {
    height: 1044px;
    border-radius: 0px 0px 100px 100px;
    overflow: hidden;
}

#promo-block .swiper {
    height: 100%;
}

#promo-block .swiper-slide {
    cursor: grab;
    position: relative;
}

#promo-block .swiper .swiper-pagination {
    bottom: 135px;
    display: flex;
    justify-content: center;
    gap: 40px;
}

#promo-block .swiper-slide .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#promo-block .swiper-slide .bg img {
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%;
}

/*.team-middle-swiper {
    max-height: 80vh;
}*/

/* Затемнение сверху шапки */
/*#promo-block .swiper-slide .bg .layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(0, 0, 0, 0.4)
}

#promo-block .swiper-slide .bg .layout:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 28.93%);
}*/

.container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

#promo-block .swiper-slide .content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}

#promo-block .swiper-slide .wrapper {
    max-width: 600px;
}

#promo-block .swiper-slide .content .title {
    font-weight: 800;
    font-size: 52px;
    line-height: 62px;
    color: #fff;
    margin-bottom: 30px;
    /*/line-height: 1.15;*/
    letter-spacing: 0;
    hyphens: none;
    word-break: normal;
}

#promo-block .swiper-slide .content .description {
    font-weight: 500;
    font-size: 21px;
    line-height: 38px;
    color: #FFFFFF;
    margin-bottom: 50px;
}

#promo-block .swiper-slide .content .actions {
    display: flex;
    align-items: center;
    gap: 30px;
}

#promo-block .swiper-slide .content .actions a.button-1 {
    font-size: 21px;
    line-height: 29px;
    padding: 20px 40px;
    width: fit-content;
    border: 1px solid #FFFFFF;
}

#promo-block .swiper-slide .content .actions .f-play {
    display: flex;
    align-items: center;
    gap: 20px;
}

#promo-block .swiper-slide .content .actions .play-btn.border {
    box-shadow: 0px 0px 0px 15px rgb(217 217 217 / 20%);
}

#promo-block .swiper-slide .content .actions .f-play p {
    max-width: 230px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
}


header {
    position: absolute;
    top: 30px;
    z-index: 50;
    width: 100%;
}

header .header-top {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

header .header-top .logo {
    max-width: 162px;
    margin-right: 60px;
}

header .header-top .logo a {
    display: block;
}

header .header-top .logo img {
    width: 100%;
}

header .header-top .region {
    margin-right: auto;
    color: #fff;
    cursor: pointer;
}

header .header-top .region .drop-title {
    display: flex;
    align-items: center;
    gap: 6px;
}

header .header-top .region .drop-title svg {
    margin-top: 3px;
}

header .header-top .region .drop-title span {
    padding-bottom: 2px;
    border-bottom: 1px dashed #fff;
}

header .header-top .region:hover .drop-title span {
    border-color: transparent;
}


header .header-top .socials {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-right: 60px;
}

header .header-top .lang {
    margin-right: 30px;
}

header .header-top .login {
    margin-right: 60px;
    display: flex;
    align-items: center;
    gap: 7px;
}

/*header .header-top .login svg {
    width: 22px;
    height: 22px;
}*/

header .header-top .login a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

header .header-top .login:hover a {
    border-color: transparent;
}

header .header-top .lang {
    color: #fff;
    cursor: pointer;
}

header .header-top .lang .drop-title {
    display: flex;
    align-items: center;
    gap: 6px;
}

header .header-top .lang .drop-title svg {
    margin-top: 3px;
}

header .header-top .lang .drop-title span {
    padding-bottom: 2px;
    border-bottom: 1px dashed #fff;
}

header .header-top .lang:hover .drop-title span {
    border-color: transparent;
}

header .header-middle {
    background: #fff;
    height: 55px;
    border-radius: 45px;
    padding: 0 30px;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

header .header-middle > nav {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    margin-right: 40px;
    transition: 0.15s all;
    gap: 10px;
}

header .header-middle > nav .item {
    text-align: center;
}

header .header-middle nav .item > a {
    height: 100%;
    padding: 0;
    font-weight: 500;
    font-size: 18px;
    padding: 14px 0;
    text-transform: uppercase;
    color: #000000;
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: 0.15s all;
    border-bottom: 3px solid transparent;
}

header .header-middle nav .item > a:hover {
    border-bottom: 3px solid var(--primary-purple-1);
}

header .header-middle nav .item > a.active {
    border-bottom: 3px solid var(--primary-purple-1);
}

header .header-middle button.burger {
    width: 40px;
    height: 40px;
    flex: none;
    background: var(--primary-purple-1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 9999px;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.15s all;
}

header .header-middle button.burger span {
    height: 1px;
    width: 18px;
    background-color: #fff;
}

header .header-middle button.burger:hover {
    background: var(--primary-purple-2);
}

header .header-middle button.burger:active {
    transform: scale(0.95);
}

header .header-middle nav a.drop-item {
    position: relative;
    padding-right: 20px;
}

header .header-middle nav a.drop-item:after {
    content: '';
    width: 11px;
    height: 5px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    /* background: url(/src/media/icons/ArrowDown.svg) center center/cover no-repeat; */
    background: url(/local/templates/avatariya-uz/src/styles/../media/icons/ArrowDown.svg) center center/cover no-repeat;
}

header .header-middle .logo {
    width: 0px;
    margin-right: 0;
    transition: 0.2s all;
}

header #menu-layout.fixed .logo {
    width: 72px;
    margin-right: 70px;
}

header #menu-layout.fixed .header-middle > nav {
    margin-right: 70px;
}

header .header-middle .logo a {
    display: block;
}

header .header-middle .logo img {
    width: 100%;
}


header .header-bottom {
    width: 100%;
}

header #menu-layout {
    width: 100%;
    max-width: 1170px;
}

header #menu-layout.fixed {
    position: fixed;
    top: 20px;
}

header #menu-layout.fixed .header-bottom {
    display: none;
}


header #menu-layout:before {
    content: '';
    width: 100vw;
    transform: translateX(-50%);
    top: -20px;
    left: 50%;
    height: 120px;
    display: block;
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.3) 65.62%, rgba(0, 0, 0, 0) 100%);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1;
    transition: 0.2s all;
}

header #menu-layout.fixed:before {
    opacity: 1;
    visibility: visible;
}

header .header-bottom nav {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

header .header-bottom nav a {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: 1px solid transparent;
    transition: 0.15s all;
}

header .header-bottom nav a:hover {
    border-color: rgb(255, 255, 255, 0.5);
}

header .with-drop {
    position: relative;
    padding: 20px 0;
    color: #FFFFFF;
}
header .with-drop .region-description{
    margin-top: 10px;
}

header .header-middle .with-drop {
    padding: 0;
}

header .drop-menu {
    position: absolute;
    top: calc(100% - 10px);
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    transition: 0.15s all;
    opacity: 0;
    visibility: hidden;
    width: max-content;
    z-index: 9;
}

header .drop-menu nav {
    padding: 12px 0;
}

header .drop-menu nav a {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    display: block;
    padding: 7px 20px;
    text-decoration: none;
}

header .drop-menu nav a:hover {
    background: rgba(233, 233, 233, 0.3);
}

header .with-drop:hover .drop-menu {
    opacity: 1;
    visibility: visible;
}

.container.large {
    max-width: 1570px;
}

#tariffs {
    padding-top: 80px;
    margin-bottom: 60px;
}

#tariffs .title-block {
    max-width: 970px;
    width: 100%;
    margin: 0 auto 60px;
}

#tariffs h2 {
    margin-bottom: 20px;
    text-align: center;
}

#tariffs p.descr {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    color: #000000;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.swiper-preloader {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #ffffffa8;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.swiper-preloader svg {
    animation: rotate 1s linear infinite;
    max-width: 80px;
    margin: 0 auto;
}

/* #tariffs .swiper-slide {
    height: auto;
} */
#tariffs .item {
    background: #F5F5F5;
    border-radius: 30px;
    padding: 20px;
    /* transition: 0.15s all; */
    height: 100%;
    position: relative;
}

.birthday-page #tariffs .item {
    padding: 30px;
    transition: 0.15s all;
}

#tariffs .item .badge {
    position: absolute;
    top: -20px;
    left: -2px;
    z-index: 100;
}

#tariffs .item .badge-wrapper {
    position: relative;
    width: 110px;
    height: 110px;
}

#tariffs .item .badge-svg {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(-5deg);
    color: #e22a85;
}

#tariffs .item .badge-text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    position: relative;
    z-index: 312;
    text-align: center;
    color: white;
    line-height: 15px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 3px;
}

#tariffs .item .kz.badge-text {
    font-size: 9px;
    padding: 0 4px;
}

#tariffs .item .badge-text span {
    font-size: 20px;
}

#tariffs .item .img {
    width: 100%;
    aspect-ratio: 320 / 215;
    border-radius: 20px;
    margin-bottom: 20px;
    position: relative;
}

.birthday-page #tariffs .item .img {
    aspect-ratio: 310 / 190;
    border-radius: 20px;
    overflow: hidden;
}

#tariffs .item .img .sale {
    position: absolute;
    right: 0;
    bottom: 3px;
    background: var(--accent-color);
    border-radius: 10px;
    font-weight: 800;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    padding: 5px 10px;
}

#tariffs .item .img img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.birthday-page #tariffs .item .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

#tariffs .item .title {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    text-transform: uppercase;
    color: #000000;
    white-space: nowrap;
}

#tariffs .item .price {
    font-weight: 900;
    font-size: 36px;
    line-height: 30px;
    color: var(--primary-purple-1);
    text-align: center;
}

 #tariffs .item .price {
    font-size: 30px;
    position: relative;
}

 .item .price .price-week__pretitle {
    content: '';
    position: absolute;
    bottom: -25px;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    transform: translateX(-50%);
    left: 50%;
    width: 130px;
    text-align: center;
    line-height: 15px;
}

.item .kz.price .price-week__pretitle {
    bottom: -35px;
}


 #tariffs .item .price + span {
    font-size: 30px;
    font-weight: 900;
    line-height: 49px;
    color: var(--primary-purple-1);
}

#tariffs .item .features {
    margin-bottom: 20px;
}

#tariffs .item .actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

#tariffs .item .actions button {
    font-size: 14px;
    padding: 12px 14px;
    line-height: unset;
}


#tariffs .item .actions button.button-3 {
    border: 2px solid var(--primary-purple-1);
}

#tariffs .item .features .descr {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    text-align: left;
    margin-bottom: 10px;
}

#tariffs .item .features ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 10px;
}

#tariffs .item .features ul li:last-child {
    margin-bottom: 0;
}

#tariffs .item .features ul,
#sectAboutPark .about-parks__container .about-parks__text{
    margin-bottom: 10px;
    height: 100%;
    overflow: hidden;
    position: relative;
}

#tariffs .item .features a.expand,
#sectAboutPark .about-parks__subtitle a.expand{
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    color: var(--primary-purple-1);
    display: block;
    width: fit-content;
    text-decoration: none;
    border-bottom: 1px dashed var(--primary-purple-1);
}

#tariffs .item .features a.expand:hover,
#sectAboutPark .about-parks__subtitle a.expand:hover {
    border-bottom: 1px dashed transparent;
}


#tariffs .item:hover {
    background: var(--primary-purple-1);
    box-shadow: 0px 20px 45px 0px rgba(149, 32,255, 0.57);
}

.birthday-page #tariffs .item:hover .price + span {
    color: #fff;
}

#tariffs .item:hover .actions button.button-2 {
    border-color: #fff;
    color: #fff;

}

#tariffs .item:hover ul li {
    color: #fff;
}

#tariffs .item:hover ul li:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDIuNjY2NjdMNC4yIDZMOSAxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center center/cover no-repeat;
}

#tariffs .item:hover .title, #tariffs .item:hover .price, #tariffs .item:hover .descr {
    color: #fff;
}

#tariffs .item:hover .features a.expand {
    color: #fff;
    border-color: #fff;
}

#tariffs .item:hover .button-3 {
    background: #fff;
    border-color: #fff;
    color: var(--primary-purple-1);
}

#tariffs .item .button-2:hover {
    background: #fff;
    color: var(--primary-purple-1) !important;
}

#tariffs .swiper {
    padding: 40px 20px 80px 20px;
}

.birthday-page #tariffs .swiper {
    padding: 40px 0 80px 0;
}

#tariffs .swiper .swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 40px;
    bottom: 0;
}

#tariffs .swiper-slide .features ul:after {
    content: '';
    position: absolute;
    bottom: -23px;
    width: 100%;
    height: 38px;
    background: linear-gradient(180deg, #F5F5F5 0%, #F5F5F5 51.56%, rgba(245, 245, 245, 0) 100%);
    transform: rotate(180deg);
    transition: 0.15s all;
}

#tariffs .item:hover .features ul:after {
    background: linear-gradient(180deg, var(--primary-purple-1) 0%, var(--primary-purple-1) 51.56%, rgba(245, 245, 245, 0) 100%);
}

#tariffs .swiper-slide.opened .features ul:after {
    display: none;
}

.swiper-pagination-lock {
    display: none !important;
}

.swiper-button-lock {
    display: none !important;
}

#tariffs .fea {
    margin-top: 50px;
}

#tariffs .fea .block {
    height: auto;
    border: 2px solid #F5F5F5;
    border-radius: 30px;
    padding: 40px 30px;
}

#tariffs .fea .block .logo {
    width: 70px;
    height: 70px;
    flex: none;
    background: #F5F5F5;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 20px;
}

#tariffs .fea .block .logo img {
    width: 100%;
}

#tariffs .fea .block p.title {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 10px;
}

#tariffs .fea .block p.descr {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #707070;
    text-align: left;
}

#main-page-video {
    border-radius: 0px 0px 100px 100px;
    overflow: hidden;
    position: relative;
}

#main-page-video video {
    height: 100%;
    object-fit: cover;
    width: 100%;
    position: absolute;
    z-index: 1;
    filter: brightness(0.6);
}

#main-page-video .wrapper {
    margin: 0 auto;
    max-width: 770px;
    width: 100%;
    margin-top: 170px;
    margin-bottom: 80px;
    position: relative;
    z-index: 5;
}

#main-page-video .wrapper .play-btn {
    margin: 0 auto 60px;
}

#main-page-video .wrapper p.title {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

#main-page-video .wrapper p.descr {
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 40px;
}


.swiper-control-wrapper {
    position: relative;
}

.swiper-button-next {
    width: 40px;
    height: 40px;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--primary-purple-1);
    transition: 0.15s all;
    border-radius: 9999px;
    right: -50px;
}

.swiper-button-next:hover {
    background-color: var(--primary-purple-1);
}

.swiper-button-next:after {
    content: '';
    position: absolute;
    height: 16px;
    width: 9px;
    top: 50%;
    left: 52%;
    transform: translate(-50%, -50%);
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDEwIDE4IiBmaWxsPSJub25lIj4NCiAgICA8cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Ik0xLjU3MDMxIDEuODg4NjdMOC42ODE0MiA4Ljk5OTc4TDEuNTcwMzEgMTYuMTEwOSIgc3Ryb2tlPSIjOTUyMEZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=") center center/cover no-repeat;
}

.swiper-button-next:hover:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNTcwMzEgMS44ODg2N0w4LjY4MTQyIDguOTk5NzhMMS41NzAzMSAxNi4xMTA5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center center/cover no-repeat;
}


.swiper-button-prev {
    width: 40px;
    height: 40px;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--primary-purple-1);
    transition: 0.15s all;
    border-radius: 9999px;
    left: -50px;
}

.swiper-button-prev:hover {
    background-color: var(--primary-purple-1);
}

.swiper-button-prev:after {
    content: '';
    position: absolute;
    height: 16px;
    width: 9px;
    top: 50%;
    left: 48%;
    transform: translate(-50%, -50%) rotate(180deg);
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDEwIDE4IiBmaWxsPSJub25lIj4NCiAgICA8cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Ik0xLjU3MDMxIDEuODg4NjdMOC42ODE0MiA4Ljk5OTc4TDEuNTcwMzEgMTYuMTEwOSIgc3Ryb2tlPSIjOTUyMEZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=") center center/cover no-repeat;
}

.swiper-button-prev:hover:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNDI5NjkgMS44ODg2N0wxLjMxODU4IDguOTk5NzhMOC40Mjk2OSAxNi4xMTA5IiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center center/cover no-repeat;
}


section#amusements {
    margin-top: 60px;
    position: relative;
    margin-bottom: 80px;
}

section#amusements .repart {
    display: flex;
    align-items: flex-start;
    position: relative;
}

section#amusements .repart .swiper {
    max-height: 800px;
}

section#amusements .repart .am-swiper .swiper-slide {
    width: 270px;
    background: #F5F5F5;
    padding: 0 67px;
    border-radius: 500px;
    display: flex;
    flex-direction: column;
    padding: 80px 30px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    overflow: hidden;
    position: relative;
    user-select: none;
}

section#amusements .repart .am-swiper .swiper-slide .logo {
    width: 70px;
    height: 70px;
    flex: none;
    background: #fff;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 20px;
}

section#amusements .repart .am-swiper .swiper-slide p.title {
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #000;
    margin-bottom: 10px;
}

section#amusements .repart .am-swiper .swiper-slide p.subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #000;
}

section#amusements .repart .am-swiper .swiper-slide .logo img {
    width: 100%;
}

section#amusements .amusements-swiper-2 {
    margin-top: 80px;
}

section#amusements .amusements-swiper-mobile {
    display: none;
}

section#amusements .swiper-slide .bg {
    opacity: 0;
    transition: 0.5s all;
    position: absolute;
    width: 100%;
    height: 100%;
    background:  var(--bg-gradient) !important;
    z-index: -1;
}

section#amusements .swiper-slide-active .bg {
    opacity: 1;
}

section#amusements .swiper {
    position: initial;
}

section#amusements .repart .am-swiper .swiper-slide-active p.title {
    color: #fff;
}

section#amusements .repart .am-swiper .swiper-slide-active p.subtitle {
    color: #fff;
}

section#amusements .wrapper {
    display: flex;
}

section#amusements .repart {
    gap: 65px;
}

section#amusements .repart .line {
    width: 1px;
    height: 100%;
    background: #F5F5F5;
    border: 0.5px solid #F5F5F5;
}

section#amusements .swiper-pagination {
    position: absolute;
    left: 50%;
    display: flex;
    transform: translate(-50%, -50%);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 70px;
    top: 45%;
}

section#amusements .wrapper .information {
    padding-left: 130px;
    margin-top: 285px;
}

section#amusements .information p.title {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
}

section#amusements .information p.subtitle {
    font-weight: 400;
    font-size: 26px;
    line-height: 35px;
    color: #000000;
    margin-bottom: 40px;
}

section#amusements .information ul li {
    margin-bottom: 20px;
}

section#amusements .information ul li:last-child {
    margin-bottom: 0;
}

section#amusements .bg-img {
    position: absolute;
    top: -90px;
    left: 50%;
    z-index: 5;
    transform: translateX(468px);
}

:focus-visible {
    outline: none;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: none;
    box-shadow: none;
}


section#gallery {
    background:  var(--bg-gradient);
    padding: 80px 0;
}

section#gallery .gallery-head {
    display: flex;
}

section#gallery .gallery-head .swiper-block p.title {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #FFFFFF;
    margin-bottom: 5px;
}

section#gallery .gallery-head .swiper-block p.subtitle {
    font-weight: 800;
    font-size: 26px;
    line-height: 35px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

section#gallery .gallery-head .swiper-block .gallery-head-swiper {
    margin-bottom: 30px;
}

section#gallery .gallery-head .swiper-block .gallery-head-swiper p.text {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #FFFFFF;
}

section#gallery .gallery-head .swiper-block .button-2 {
    border-color: #fff;
    background: #fff;
}

section#gallery .gallery-head .swiper-block .button-2:hover {
    background: var(--primary-purple-1);
    border-color: var(--primary-purple-1);
}

section#gallery .gallery-head .swiper-block {
    max-width: 700px;
}

section#gallery .gallery-head .flow-img {
    margin-top: -159px;
    max-width: 600px;
    width: 100%;
}

section#gallery .gallery-head .swiper-block .swiper-pagination {
    position: relative;
    margin-top: 20px;
    display: flex;
    gap: 30px;
    bottom: auto;
}

section#gallery .gallery-swiper.gallery-swiper-masonry {
    height: auto;
    position: relative;
    margin-top: 50px;
    padding: 0 15px 70px;
}

section#gallery .gallery-swiper.gallery-swiper-masonry .swiper-wrapper {
    height: 530px;
}

section#gallery .gallery-swiper.gallery-swiper-masonry .swiper-slide {
    width: 100%;
    max-width: 570px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    border-radius: 0;
}

section#gallery .gallery-swiper-masonry .masonry-elem:hover .layer {
    opacity: 1;
    visibility: visible;
}

section#gallery .gallery-swiper.gallery-swiper-masonry .swiper-slide .masonry-elem {
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 250px;
}


section#gallery .gallery-swiper.gallery-swiper-masonry .swiper-slide:nth-child(n) .masonry-elem:nth-child(1) {
    grid-column: span 1 / span 1;
}

section#gallery .gallery-swiper.gallery-swiper-masonry .swiper-slide:nth-child(n) .masonry-elem:nth-child(2) {
    grid-column: span 1 / span 1;
}

section#gallery .gallery-swiper.gallery-swiper-masonry .swiper-slide:nth-child(n) .masonry-elem:nth-child(3) {
    grid-column: span 2 / span 2;
}

section#gallery .gallery-swiper.gallery-swiper-masonry .swiper-slide:nth-child(2n) .masonry-elem:nth-child(1) {
    grid-column: span 2 / span 2;
    height: 100%;
}

#tariffs .item .actions button {
    width: 100%;
}

@media (max-width: 1600px) {
    #tariffs .item .actions button {
        font-size: 12px;
    }

    #tariffs .item .price {
        font-size: 26px;
    }
}

@media (max-width: 1440px) {
     #tariffs .item .price {
        font-size: 24px;
    }

     #tariffs .item {
        padding: 20px;
    }
}

@media (max-width: 1280px) {
    #tariffs .item .price {
        font-size: 20px;
    }

    #tariffs .item .title {
        font-size: 22px;
    }
}

@media (max-width: 1170px) {
    #tariffs .item .price {
        font-size: 18px;
    }

    #tariffs .item .title {
        font-size: 20px;
    }
}


@media (max-width: 768px) {
    section#gallery .gallery-swiper.gallery-swiper-masonry .swiper-wrapper {
        height: 400px;
    }

    section#gallery .gallery-swiper.gallery-swiper-masonry .swiper-slide {
        height: auto;
        gap: 20px;
        max-width: 450px;
    }

    section#gallery .gallery-swiper.gallery-swiper-masonry .swiper-slide .masonry-elem {
        height: 185px;
    }
}


section#gallery .gallery-swiper {
    margin-bottom: 30px;
    width: 100%;
    height: 250px;
}

section#gallery .gallery-swiper:last-child {
    margin-bottom: 0;
}

section#gallery .gallery-swiper .swiper-slide {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    width: 370px;
    cursor: pointer;
    user-select: none;
}

section#gallery .gallery-swiper .swiper-slide.large {
    width: 570px;
}

/* section#gallery .gallery-swiper .swiper-slide:nth-child(2n)  {
    width: 570px;
} */
section#gallery .gallery-swiper .swiper-slide .img {
    width: 100%;
    height: 100%;
}

section#gallery .gallery-swiper .swiper-slide .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section#gallery .gallery-swiper .swiper-wrapper {
    transition-timing-function: linear;
}

section#gallery .gallery-swiper .swiper-slide .layer {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s all;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
}

section#gallery .gallery-swiper .swiper-slide .layer .icon {
    width: 70px;
    height: 70px;
    flex: none;
    background: var(--primary-purple-1);
}

section#gallery .gallery-swiper:not(.gallery-swiper-masonry) .swiper-slide:hover .layer {
    opacity: 1;
    visibility: visible;
}


section#reviews {
    padding: 80px 0 0 0;
}

section#reviews .top {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

section#reviews .top p.title, section#reviews .top p.title + div {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
}

section#reviews .top p.subtitle, section#reviews .top p.subtitle + div {
    font-weight: 400;
    font-size: 21px;
    line-height: 38px;
    color: #707070;
}

section#reviews .top .info {
    max-width: 770px;
}


section#reviews .reviews__block {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

section#reviews .reviews__block .two-gis {
    width: 70px;
    height: 112px;
    background: url(/local/templates/avatariya-uz/src/styles/../media/reviews/badge.svg) center center/cover no-repeat;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding-top: 20px;
}

section#reviews .mob-rate {
    display: none;
}

section#reviews .reviews__block .two-gis img {
    height: 20px;
}

section#reviews .reviews__block .two-gis span {
    display: block;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
}

section#reviews .reviews__block .cl .stars {
    display: flex;
    margin-bottom: 9px;
    gap: 11px;
}

section#reviews .reviews__block .cl .stars span {
    cursor: default;
}

section#reviews .reviews__block .cl .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    display: block;
    margin-bottom: 26px;
}

section#reviews .reviews__swiper {
    margin-top: 48px;
}

section#reviews .reviews__swiper p.title {
    font-weight: 400;
    font-size: 21px;
    line-height: 29px;
    color: #000000;
    text-align: left;
    margin-bottom: 32px;
}

section#reviews .reviews__swiper .reviews-swiper {
    padding-bottom: 48px;
}

section#reviews .reviews__swiper .reviews-swiper .swiper-wrapper {
    height: 420px;
}

section#reviews .reviews__swiper .reviews-swiper .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}

section#reviews .reviews__swiper .swiper-slide {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    border: 1px solid #F5F5F5;
}

section#reviews .reviews__swiper .swiper-slide .img {
    width: 100%;
    height: 100%;
}

section#reviews .reviews__swiper .swiper-slide .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

section#reviews .reviews__swiper .swiper-slide .layer {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s all;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
}

section#reviews .reviews__swiper .swiper-slide .layer .icon {
    width: 70px;
    height: 70px;
    flex: none;
    background: var(--primary-purple-1);
}

section#reviews .reviews__swiper .swiper-slide:hover .layer {
    opacity: 1;
    visibility: visible;
}


section#reviews .video-reviews {
    display: flex;
    max-width: 480px;
    gap: 30px;
    align-items: center;
}

section#reviews .video-reviews p {
    font-weight: 400;
    font-size: 21px;
    line-height: 29px;
    color: #000000;
}

section#reviews .bg-ava {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@keyframes bg-slide {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}

footer .bg-avi-wrapper {
    max-width: 100vw;
    overflow: hidden;
}

footer .bg-avi {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(/local/templates/avatariya-uz/src/styles/../media/reviews/ava.png);
    background-repeat: repeat-x;
    height: 80px;
    width: 500%;
    animation: bg-slide 60s linear infinite;
}


footer {
    position: relative;
}

footer .top {
    padding: 55px 0 0 0;
    background: #F5F5F5;
    border-radius: 100px 100px 0px 0px;
}

footer .top .wrap {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 60px;
    margin-bottom: 30px;
}

footer .top .wrap p.title {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    margin-bottom: 30px;
}

footer .top .wrap .menus {
    display: flex;
    gap: 70px;
    margin-bottom: 40px;
}

footer .top .wrap .logo {
    max-width: 161px;
}

footer .top .wrap .logo a {
    display: block;
}

footer .top .wrap .logo img {
    max-width: 100%;
}

footer .top .wrap nav a {
    display: block;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: 1px solid transparent;
    color: var(--primary-purple-1);
    transition: 0.15s all;
    width: fit-content;
}

footer .top .wrap nav a:hover {
    border-color: var(--primary-purple-1-05);
}

footer .top .wrap nav a:last-child {
    margin-bottom: 0;
}

address {
    font-style: normal;
}

footer .top .wrap p.text {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #B0B0B0;
    margin-bottom: 5px;
}

footer .top .wrap ul li {
    margin-bottom: 20px;
    padding: 0;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
}

footer .top .wrap ul li p.name {
    font-weight: 700;
}

footer .top .wrap ul li p.subname {
    font-weight: 400;
}

footer .top .wrap ul li:last-child {
    margin-bottom: 0;
}

footer .top .wrap address {
    margin-bottom: 20px;
}

footer .top .wrap .tel {
    margin-bottom: 20px;
}

footer .top .wrap .tel a {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    text-decoration: none;
}

footer .top .wrap .email {
    margin-bottom: 20px;
}

footer .top .wrap .email a {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-decoration-line: underline;
    color: var(--primary-purple-1);
}

footer .top .wrap .email a:hover {
    text-decoration: none;
}

footer .top .wrap .block.subscribe {
    padding-top: 177px;
}

footer .top .wrap .block.subscribe p.title {
    margin-bottom: 20px;
}

footer .top .wrap .block.subscribe .social-wrap {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

footer .top .wrap .block.subscribe .social-wrap .icon {
    width: 40px;
    height: 40px;
}

footer .top .wrap .block.subscribe .social-wrap .icon svg {
    width: 19px;
    height: 17px;
}

footer .top .wrap .block.subscribe .button-3 {
    padding: 15px 30px;
}

footer .bottom-wrap {
    display: flex;
    padding: 33px 0;
    border-top: 1px solid #fff;
}

footer .bottom-wrap .copy {
    margin-right: 60px;
}

footer .bottom-wrap .policy {
    margin-right: auto;
}

.fly-ticket {
    position: relative;
    z-index: 20;
}

.fly-ticket .bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 20px 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: var(--accent-color);
    overflow: hidden;
    z-index: 9;
}

.fly-ticket .bottom a {
    background: var(--primary-purple-1);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    border-radius: 50px;
    font-weight: 800;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative;
    z-index: 2;
    transition: 0.15s all;
}

.fly-ticket .bottom a svg {
    width: 20px;
}

.fly-ticket .bottom a:hover {
    background-color: var(--primary-purple-2);
}

.fly-ticket .bottom a:active {
    transform: scale(0.9);
}

.fly-ticket .bottom a svg {
    margin-right: 10px;
}

@keyframes bgStars {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(0.8);
    }
}

.fly-ticket .bottom .bg-stars {
    position: absolute;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 1;
    height: 100%;
}

.fly-ticket .bottom .bg-stars g path {
    transform-origin: center;
}

.fly-ticket .bottom .bg-stars g path:nth-child(1) {
    animation: bgStars 3s ease-in-out infinite;
}

.fly-ticket .bottom .bg-stars g path:nth-child(2) {
    animation: bgStars 4s ease-in-out infinite;
}

.fly-ticket .bottom .bg-stars g path:nth-child(3) {
    animation: bgStars 2s ease-in-out infinite;
}

.fly-ticket .bottom .bg-stars g path:nth-child(4) {
    animation: bgStars 3s ease-in-out infinite;
}

.fly-ticket .bottom .bg-stars g path:nth-child(5) {
    animation: bgStars 4s ease-in-out infinite;
}

.fly-ticket .bottom .bg-stars g path:nth-child(6) {
    animation: bgStars 2s ease-in-out infinite;
}

.fly-ticket .bottom .bg-stars g path:nth-child(7) {
    animation: bgStars 3s ease-in-out infinite;
}

.fly-ticket .bottom .bg-stars g path:nth-child(8) {
    animation: bgStars 4s ease-in-out infinite;
}

.fly-ticket .bottom .bg-stars g path:nth-child(9) {
    animation: bgStars 2s ease-in-out infinite;
}

.fly-ticket .bottom .bg-stars g path:nth-child(10) {
    animation: bgStars 3s ease-in-out infinite;
}

.fly-ticket .bottom .bg-stars g path:nth-child(11) {
    animation: bgStars 4s ease-in-out infinite;
}

.fly-ticket .bottom .bg-stars g path:nth-child(12) {
    animation: bgStars 2s ease-in-out infinite;
}

.fly-ticket .bottom .bg-stars g path:nth-child(13) {
    animation: bgStars 3s ease-in-out infinite;
}

footer .place-img {
    position: absolute;
    top: -115px;
    right: -32px;
    z-index: 1;
    width: 184px;
    height: 256px;
}


body.over {
    overflow: hidden;
    padding-right: 4px;
}

.fly-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
}

.fly-menu .layer {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
}

.fly-menu.active .layer {
    opacity: 1;
    visibility: visible;
}

.fly-menu .menu {
    position: relative;
    margin-left: auto;
    z-index: 2;
    width: 650px;
    height: 100%;
    transform: translateX(100%);
    opacity: 0;
    background: var(--primary-purple-1);
    transition: 0.3s all;
    padding: 30px 50px 100px 50px;
    overflow: auto;
}

.fly-menu.active .menu {
    transform: translateX(0);
    opacity: 1;
}

.fly-menu .menu img {
    max-width: 100%;
}

.fly-menu .menu .top {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
}

.fly-menu .menu .top .logo {
    max-width: 160px;
    width: 100%;
    margin-right: 150px;
}

.fly-menu .menu .top .region .drop-title {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
}

.fly-menu .menu .top .region .drop-title svg {
    margin-top: 3px;
}

.fly-menu .menu .top .region .drop-title span {
    padding-bottom: 2px;
    border-bottom: 1px dashed #fff;
}

.fly-menu .menu .top .region:hover .drop-title span {
    border-color: transparent;
}

.fly-menu .menu .top .contacts {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-right: auto;
}

.fly-menu .menu .top .phone {
    width: 40px;
    height: 40px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 9999px;
}

.fly-menu .menu .top .close {
    cursor: pointer;
    transition: 0.15s all;
}

.fly-menu .menu .top .close:active {
    transform: scale(0.8);
}

.fly-menu .menu .middle {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.fly-menu .menu .middle .socials {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-right: 195px;
}

.fly-menu .menu .middle .actions {
    display: flex;
    align-items: center;
}

.fly-menu .menu .middle .actions .lang {
    color: #fff;
    cursor: pointer;
    margin-right: 30px;
}

.fly-menu .menu .middle .actions .lang .drop-title {
    display: flex;
    align-items: center;
    gap: 6px;
}

.fly-menu .menu .middle .actions .lang .drop-title svg {
    margin-top: 3px;
}

.fly-menu .menu .middle .actions .lang .drop-title span {
    padding-bottom: 2px;
    border-bottom: 1px dashed #fff;
}

.fly-menu .menu .middle .actions .lang:hover .drop-title span {
    border-color: transparent;
}

.fly-menu .menu .middle .actions .login {
    margin-right: 60px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.fly-menu .menu .middle .actions .login svg {
    width: 14px;
    flex: none;
}

.fly-menu .menu .middle .actions .login a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    white-space: nowrap;
}

.fly-menu .menu .middle .actions .login:hover a {
    border-color: transparent;
}

.fly-menu .menu .bottom a {
    color: #fff;
    padding-bottom: 3px;
    border-bottom: 1px solid transparent;
    transition: 0.15s all;
    text-decoration: none;
}

.fly-menu .menu .bottom a:hover {
    border-bottom: 1px solid rgb(255, 255, 255, 0.5);
}

.fly-menu .menu .bottom li {
    margin-bottom: 16px;
}

.fly-menu .menu .bottom ul.first > li > div > a {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.fly-menu .menu .bottom ul li:last-child {
    margin-bottom: 0;
}

.fly-menu .menu .bottom ul.first li {
    padding: 0;
}

.fly-menu .menu .bottom ul.first li ul {
    margin-top: 5px;
}

.fly-menu .menu .bottom ul.first li ul li {
    margin-bottom: 10px;
}

.fly-menu .menu .bottom ul.first li ul li:last-child {
    margin-bottom: 0;
}

.fly-menu .menu .bottom li div {
    display: flex;
    gap: 17px;
}

.fly-menu .menu .bottom li {
    cursor: pointer;
}

.fly-menu .menu .bottom li div svg {
    transition: 0.15s all;
}

.fly-menu .menu .bottom li div.active svg {
    transform: rotate(180deg);
}

.fly-menu ul.first {
    margin-bottom: 40px;
}

.fly-menu ul.second li {
    margin-bottom: 20px !important;
    padding: 0;
}

.fly-menu ul.second li a {
    font-weight: 400;
    font-size: 21px;
    line-height: 29px;
    color: #FFFFFF;
}

#preloader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    z-index: 9999;
    transition: 0.3s all;
    /* background: linear-gradient(5.61deg, #1C169E -88.57%, var(--primary-purple-1 107.89%, #E51E98 107.89%), #D6D6D6; */
    background-color: rgba(0, 0, 0, 0.6);
}

#preloader.ajax {
    background-color: rgba(0, 0, 0, 0.6);
}

#preloader svg {
    position: relative;
    z-index: 5;
    overflow: visible;
}

#preloader svg .star {
    transition: 0.15s all;
    transform-origin: center;
}

#preloader svg #bg-preloader {
    display: none;
}

#preloader .wrap {
    position: relative;
}

#preloader .wrap .bg {
    width: 361px;
    height: 76px;
    top: 164px;
    position: absolute;
    border-radius: 50px;
    background: #4D039381;
    /*background: #FFFFFF;*/
    overflow: hidden;
    left: 23px;
    box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 120px;
}


@keyframes preloaderBg {
    0% {
        transform: translateX(-100%);
    }
    15% {
        transform: translateX(-85%);
    }
    25% {
        transform: translateX(-75%);
    }
    50% {
        transform: translateX(-50%);
    }
    65% {
        transform: translateX(-35%);
    }
    90% {
        transform: translateX(-10%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes fillAnimation {
    0% {
        fill: #780BDB;
    }
    100% {
        fill: #FFFFFF;
    }
}

#preloader .wrap .bg .inner {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: #4d0191;*/
    background: #5500A3;
    animation: preloaderBg 4.5s ease forwards;
}

.letter-V {
    animation: fillAnimation 0.5s ease forwards 0.5s;
}

.letter-T {
    animation: fillAnimation 0.5s ease forwards 1.5s;
}

.letter-I {
    animation: fillAnimation 0.5s ease forwards 3s;
}

.letter-Y {
    animation: fillAnimation 0.5s ease forwards 3.5s;
}

.letter-A1 {
    animation: fillAnimation 0.5s ease forwards ;
}

.letter-A2 {
    animation: fillAnimation 0.5s ease forwards 1s;
}

.letter-A3 {
    animation: fillAnimation 0.5s ease forwards 2s;
}

.letter-R {
    animation: fillAnimation 0.5s ease forwards 2.5s;
}

.letter-A4 {
    animation: fillAnimation 0.5s ease forwards 4s;
}


#preloader svg .star-1 {
    animation: bgStars 3s ease-in-out infinite;
}

#preloader svg .star-2 {
    animation: bgStars 5s ease-in-out infinite;
}

#preloader svg .star-3 {
    animation: bgStars 4s ease-in-out infinite;
}

#preloader svg .star-4 {
    animation: bgStars 5s ease-in-out infinite;
}

#preloader svg .star-5 {
    animation: bgStars 2s ease-in-out infinite;
}

#preloader svg .star-6 {
    animation: bgStars 4s ease-in-out infinite;
}

#preloader svg .star-7 {
    animation: bgStars 3s ease-in-out infinite;
}

body.loaded #preloader {
    opacity: 0;
    visibility: hidden;
    display: none;
}


section#start {
    background-color: #6a23ad;
    padding-top: 270px;
    min-height: auto;
    padding-bottom: 80px;
    position: relative;
    border-radius: 0 0 100px 100px;
    overflow: hidden;
}

section#start img.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}


section#start-custom {
    padding-top: 270px;
    min-height: auto;
    position: relative;
    overflow: hidden;
}

section#start-custom img.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.breadcrumbs{
    margin-top: 20px;
}

.breadcrumbs ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.breadcrumbs ul li {
    display: flex;
    align-items: center;
    gap: 20px;
}

.breadcrumbs ul li svg {
    width: 6px;
    height: 8px;
}

.breadcrumbs ul li svg path {
    stroke: #fff
}

.breadcrumbs ul li a {
    padding: 5px 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
}

.breadcrumbs ul li.active a {
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    text-decoration: none;
    cursor: default;
    pointer-events: none;
}

section#start h1 {
    max-width: 560px;
    font-weight: 700;
    font-size: 52px;
    line-height: 62px;
    color: #FFFFFF;
    margin-top: 60px;
}

section#start-custom h1 {
    max-width: 560px;
    font-weight: 700;
    font-size: 52px;
    line-height: 62px;
    color: #FFFFFF;
    margin-top: 60px;
}

section#start .sub-wrapper {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

section#start .sub-wrapper p.subtitle {
    font-weight: 400;
    font-size: 21px;
    line-height: 38px;
    color: #FFFFFF;
    max-width: 800px;
}

section#start .sub-wrapper .f-play {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
}

section#start .sub-wrapper .play-btn.border {
    box-shadow: 0px 0px 0px 15px rgb(217 217 217 / 20%);
}

section#start .sub-wrapper .f-play p {
    max-width: 230px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
}


body.birthday-page #tariffs {
    padding-top: 80px;
}

body.birthday-page #tariffs .title-block {
    max-width: 600px;
    margin: 0 auto 40px;
}


section#restaurant {
    padding: 60px 0;
}

section#restaurant .wrapper {
    display: flex;
    position: relative;
    gap: 30px;
}

section#restaurant .wrapper .img {
    border-radius: 30px;
    overflow: hidden;
    height: 308px;
    max-width: 570px;
    flex: none;
    width: 100%;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
}

section#restaurant .wrapper .img img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section#restaurant .wrapper h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
}

section#restaurant .wrapper p.subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 40px;
}

section#restaurant .wrapper .actions {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

section#restaurant .wrapper .actions button, section#restaurant .wrapper .actions a.button-2 {
    font-size: 16px;
    padding: 6px 15px;
}

section#restaurant .wrapper svg.flow-svg {
    position: absolute;
    bottom: -44px;
    left: -73px;
}

section#restaurant .wrapper .block {
    flex: 1;
}


section.park-rules .top-rules {
    background: #F5F5F5;
    padding: 60px 0 80px 0;
}

section.park-rules .top {
    display: flex;
    gap: 30px;
    position: relative;
}

section.park-rules .top .img {
    height: 344px;
    flex: 1 1 250px;
    border-radius: 30px;
    overflow: hidden;
}

section.park-rules .top .flow-svg {
    position: absolute;
    right: -70px;
    bottom: 45px;
}

section.park-rules .top .img img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    flex: 1;
}

section.park-rules .top .info {
    max-width: 770px;
    width: 100%;
}

section.park-rules .top h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
}

section.park-rules .top p.subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 40px;
}

section.park-rules .swiper {
    height: 135px;
    border-radius: 30px;
}

section.park-rules .swiper .swiper-slide {
    height: auto;
    background: rgba(255, 255, 255, 0.8);
    padding: 30px;
    width: 100% !important;
}

section.park-rules .swiper .swiper-slide .wrap {
    display: flex;
    gap: 30px;
}

section.park-rules .swiper .swiper-slide .wrap .num {
    width: 70px;
    height: 70px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: var(--primary-purple-1);
    background: #F5F5F5;
    border-radius: 100px;
}

section.park-rules .swiper .swiper-slide .wrap p.text {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
}

section.park-rules .swiper-control-wrapper {
    padding-bottom: 70px;
}

section.park-rules .swiper-button-next {
    bottom: 0px;
    top: auto;
    left: 70px;
}

section.park-rules .swiper-button-prev {
    bottom: 0px;
    top: auto;
    left: 0;
}

section.park-rules .bottom {
    margin-top: 60px;
    display: flex;
    gap: 30px;
}

section.park-rules .bottom .block {
    flex: 1 1 50%;
}

section.park-rules .bottom .block p.title {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: #000000;
    margin-bottom: 10px;
}

section.park-rules .bottom .block ol li {
    margin-bottom: 10px;
}

section.park-rules .bottom .block ol li:last-child {
    margin-bottom: 0;
}

section.park-rules .bottom-rules {
    min-height: 474px;
    border-radius: 0px 0px 50px 50px;
    overflow: hidden;
    position: relative;
    padding: 60px 0;
}

section.park-rules .bottom-rules img.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

section.park-rules .bottom-rules h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 40px;
}

section.park-rules .bottom-rules .wrapper {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

section.park-rules .bottom-rules .wrapper .item {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 30px;
    padding: 30px 60px 30px 30px;
    display: flex;
    align-items: center;
    gap: 30px;
    flex: 0 1 calc(100% / 2 - 30px);
}

section.park-rules .bottom-rules .wrapper .item .icon {
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: var(--primary-purple-1);
}

section.park-rules .bottom-rules .wrapper .item p.text {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
}

section.park-rules .bottom-rules .wrapper .item p.text span {
    font-weight: 700;
    color: var(--primary-purple-1);
}


section#admin-alert {
    padding: 80px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

section#admin-alert p.text {
    font-weight: 700;
    font-size: 21px;
    line-height: 42px;
    text-align: center;
    color: #000000;
    max-width: 770px;
    width: 100%;
}

body.birthday-page section#gallery {
    margin-bottom: 180px;
}

body.birthday-page footer .place-img {
    top: -64px;
    transform: translateX(190px);
}


form.start {
    padding-bottom: 30px;
}

form.start .wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

form.start .wrapper .input__wrapper {
    flex: 0 0 31%;
}

body.buy-ticket-page #start p.subtitle {
    margin: 30px 0 40px 0;
    font-weight: 500;
    font-size: 21px;
    line-height: 38px;
    color: #FFFFFF;
}

form.start a.view-rooms {
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    font-weight: 700;
    font-size: 18px;
    line-height: 38px;
    color: #FFFFFF;
}

form.start .summary {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-top: 70px;
}

form.start .summary .img {
    max-width: 270px;
    width: 100%;
    height: 204px;
    background: #F5F5F5;
    border-radius: 30px;
    padding: 20px;
    overflow: hidden;
}

form.start .summary .img img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

form.start .summary .settings .park-name {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

form.start .summary .settings .park-name p.name {

}

form.start .summary .settings .park-name p.address {
    font-size: 14px;
    line-height: 20px;
    color: #e9e9e9;
    font-weight: 400;
}

form.start .summary .settings .settings-wrapper {
    display: flex;
    gap: 30px;
    align-items: flex-end;
}

body.buy-ticket-page #start {
    margin-bottom: 223px;
    padding-bottom: 0;
}

body #start .bottom-bg {
    left: 0;
    position: absolute;
    background: var(--primary-purple-1);
    bottom: 0;
    height: 264px;
    z-index: -1;
    width: 100%;
    opacity: 0.8;
}

.counter-box {
    position: relative;
}

.counter-box label, .label-div {
    display: flex;
    gap: 7px;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 38px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.counter-box .counter-wrap {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 50px;
    justify-content: space-between;
    width: 140px;
    flex: none;
    user-select: none;
}

.counter-box .counter-wrap .minus {
    padding: 12.5px 9px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.counter-box .counter-wrap .minus:active span {
    transform: scale(0.8);
}

.counter-box .counter-wrap .minus span {
    background: var(--primary-purple-1);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 17.5px;
    color: #FFFFFF;
    width: 20px;
    height: 20px;
    flex: none;
    transition: 0.15s all;
}

.counter-box .counter-wrap .plus {
    padding: 12.5px 9px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.counter-box .counter-wrap .plus:active span {
    transform: scale(0.8);
}

.counter-box .counter-wrap .plus span {
    background: var(--primary-purple-1);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    width: 20px;
    height: 20px;
    flex: none;
    transition: 0.15s all;
}

.counter-box .counter-wrap .num {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
}

form.start .summary .summ {
    font-weight: 900;
    font-size: 42px;
    line-height: 45px;
    color: #FFFFFF;
}

form.start .action {
    padding: 20px;
    border-radius: 100px;
    margin-top: auto;
    background: #fff;
    margin-bottom: 7px;
}


body.buy-ticket-page footer .place-img {
    transform: translateX(180px);
}

body.cafe-page section#start {
    min-height: auto;
    padding-bottom: 80px;
}

body.cafe-page section#reviews .reviews__swiper .reviews-swiper {
    padding-bottom: 80px;
}

body.cafe-page section#gallery {
    margin-bottom: 186px;
}

body.cafe-page footer .place-img {
    position: absolute;
    top: -202px;
    left: 50%;
    transform: translateX(180px);
    z-index: 1;
}


#cafe {
    padding: 80px 0 0 0;
    position: relative;
}

#cafe .wrapper {
    display: flex;
    gap: 30px;
}

#cafe .info h3 {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
}

#cafe .info p.text {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 40px;
}

#cafe .cafe-swiper {
    max-width: 570px;
}

#cafe .cafe-swiper .swiper-wrapper {
    height: 260px;
}

#cafe .cafe-swiper .swiper-pagination {
    margin-top: 30px;
    position: relative;
    display: flex;
    gap: 30px;
    bottom: 0;
}

#cafe .flow-img {
    position: absolute;
    left: 50%;
    transform: translateX(595px);
    top: 80px;
    max-width: 370px;
    display: block;
}


#restaurant .flow-img {
    position: absolute;
    left: 50%;
    transform: translateX(595px);
    top: 80px;
    max-width: 370px;
    display: block;
}

@media (max-width: 1300px) {
    #restaurant .flow-img {
        display: none;
    }
}


body.big-gallery-page #start {
    min-height: auto;
    padding-bottom: 80px;
}

#ex-elems {
    padding: 40px 0 80px 0;
}

#ex-elems .ex-elems-swiper .swiper-wrapper {
    height: 130px;
}

#ex-elems .ex-elems-swiper .swiper-pagination {
    position: relative;
    margin-top: 30px;
    bottom: 0;
    display: flex;
    gap: 30px;
    justify-content: center;
}

#ex-elems .ex-elems-swiper .swiper-slide {
    max-width: 470px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 30px;
    border: 1px solid #E9E9E9;
    border-radius: 100px;
}

#ex-elems .ex-elems-swiper .swiper-slide .icon {
    width: 70px;
    height: 70px;
    background: #F5F5F5;
    border-radius: 100px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}

#ex-elems .ex-elems-swiper .swiper-slide .icon img {
    display: block;
    width: 100%;
    max-width: 100%;
}

#ex-elems .ex-elems-swiper .swiper-slide p.text {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
}

#selector-gallery {
    margin-bottom: 90px;
}

#selector-gallery .wrapper {
    display: flex;
    gap: 30px;
    position: relative;
}

#selector-gallery .wrapper .flow-img {
    position: absolute;
    right: 50%;
    top: -85px;
    width: 300px;
    transform: translateX(-630px);
}

#selector-gallery .wrapper .selectors-block {
    width: 100%;
    max-width: 570px;
}

#selector-gallery .wrapper .selectors-block h3,
.pseudo-h3 {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
    display: inline-block;
}

#selector-gallery .wrapper .selectors-block div.subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 20px;
}

#selector-gallery .wrapper .selectors-block div.swiper-title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
}

#selector-gallery .selector-gallery-swiper .swiper-wrapper {
    min-height: 150px;
}

#selector-gallery .selector-gallery-swiper .swiper-pagination {
    margin-top: 30px;
    position: relative;
    display: flex;
    gap: 30px;
    bottom: 0;
}

#selector-gallery .selector-gallery-swiper .swiper-slide {
    transition: 0.15s all;
    background: #F5F5F5;
    border-radius: 20px;
    padding: 20px;
    height: auto;
    cursor: pointer;
}

#selector-gallery .selector-gallery-swiper .swiper-slide * {
    transition: 0.15s all;
}

#selector-gallery .selector-gallery-swiper .swiper-slide .img {
    height: 83px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

#selector-gallery .selector-gallery-swiper .swiper-slide .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

#selector-gallery .selector-gallery-swiper .swiper-slide p.title {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

#selector-gallery .selector-gallery-swiper .swiper-slide .icon-click {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    background: var(--primary-purple-1);
    opacity: 0;
    visibility: hidden;
    transition: 0.15s all;
}

#selector-gallery .selector-gallery-swiper .swiper-slide .icon-click svg {
    width: 100%;
    display: block;
    max-width: 18px;
}

#selector-gallery .selector-gallery-swiper .swiper-slide:hover {
    background: var(--primary-purple-1);
}

#selector-gallery .selector-gallery-swiper .swiper-slide:hover p {
    color: #fff;
}

#selector-gallery .selector-gallery-swiper .swiper-slide.active {
    background: var(--primary-purple-1);
}

#selector-gallery .selector-gallery-swiper .swiper-slide.active p {
    color: #fff;
}

#selector-gallery .selector-gallery-swiper .swiper-slide.active .icon-click {
    opacity: 1;
    visibility: visible;
}

#selector-gallery .photo-block {
    position: relative;
    cursor: zoom-in;
    height: 300px;
}

#selector-gallery .photo-block .img {
    overflow: hidden;
    border-radius: 30px;
    position: relative;
}

#selector-gallery .photo-block .img img {
    width: 100%;
    height: 100%;
    display: block;
    max-width: 100%;
    object-fit: cover;
}

#selector-gallery .photo-block .flow-svg {
    position: absolute;
    bottom: -40px;
    right: -75px;
}

#selector-gallery .photo-block .img .icon-photo {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    flex: none;
    padding: 15px;
    background: rgba(255, 255, 255, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    transition: 0.15s all;
}

#selector-gallery .photo-block .img .icon-photo .wrap {
    background: var(--primary-purple-1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    flex: none;
    border-radius: 9999px;
    transition: 0.15s all;
}

#selector-gallery .photo-block:hover .icon-photo .wrap {
    background: #fff;
}

#selector-gallery .photo-block:hover .icon-photo .wrap path {
    fill: var(--primary-purple-1)
}

#selector-gallery .photo-block:active .icon-photo .wrap {
    transform: scale(0.8);
}


#video-content {
    padding: 80px 0;
    margin-bottom: 170px;
}

#video-content .wrapper {
    display: flex;
    gap: 30px;
}

#video-content .wrapper .img {
    position: relative;
    width: 100%;
    max-width: 570px;
    height: 300px;

}

#video-content .wrapper .img .wrap {
    overflow: hidden;
    border-radius: 30px;
}

#video-content .wrapper .img img.main {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    display: block;
}

#video-content .wrapper .img .flow-svg {
    position: absolute;
    bottom: -45px;
    left: -75px;
}

#video-content .wrapper .img .flow-1 {
    position: absolute;
    right: 0px;
    bottom: -135px;
}

#video-content .wrapper .img .flow-2 {
    position: absolute;
    bottom: -150px;
    right: 185px;
}

#video-content .wrapper .img .flow-3 {
    position: absolute;
    left: -195px;
    top: 40px;
}


#video-content .info {
    width: calc(100% - 600px);
}

#video-content .info h3 {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
}

#video-content .info p.subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 40px;
}

#video-content .info .swiper-control-wrapper {
    border-radius: 500px;
    padding: 45px 85px;
    background: url(/local/templates/avatariya-uz/src/styles/../media/big-gallery/video-content/2.png) center center/cover no-repeat;
}

#video-content .info .swiper-control-wrapper .f-play {
    display: flex;
    align-items: center;
    gap: 20px;
}

#video-content .info .swiper-control-wrapper .swiper {
    padding: 20px;
}

#video-content .info .swiper-control-wrapper .f-play p {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    color: #000000;
}

#video-content .info .swiper-control-wrapper .f-play .play-btn.border {
    background: var(--primary-purple-1);
    box-shadow: 0px 0px 0px 15px rgb(255 255 255 / 67%);
}

#video-content .info .swiper-control-wrapper .f-play .play-btn.border svg path {
    fill: #fff;
}

#video-content .info .swiper-control-wrapper .swiper-button-next {
    position: absolute;
    left: 60px;
    top: 120%;
}

#video-content .info .swiper-control-wrapper .swiper-button-prev {
    position: absolute;
    left: 0;
    top: 120%;
}

body.buy-ticket-a1-page #tariffs {
    margin-bottom: 120px;
}

body.buy-ticket-a1-page .place-img {
    position: absolute;
    top: -220px;
    left: 50%;
    transform: translateX(180px);
    z-index: 1;
}


section#start-custom {
    margin-bottom: 228px;
}

section#start-custom h1 {
    margin-bottom: 30px;
}

section#start-custom p.subtitle {
    font-weight: 500;
    font-size: 21px;
    line-height: 38px;
    color: #FFFFFF;
}

section#start-custom p.subtitle span {
    font-size: 26px;
    font-weight: 700;
}

section#start-custom .start-bottom {
    margin-top: 80px;
    background: rgba(142, 18, 85, 0.8);
    padding: 40px 0;
}

section#start-custom .start-bottom .wrapper {
    display: flex;
    gap: 30px;
}

section#start-custom .start-bottom .infoblock {
    width: 100%;
    max-width: 770px;
    flex: none;
}

section#start-custom .start-bottom .infoblock p.title {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

section#start-custom .start-bottom .infoblock p.descr {
    font-weight: 400;
    font-size: 21px;
    line-height: 38px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

section#start-custom .start-bottom .infoblock .info {
    margin-bottom: 30px;
}

section#start-custom .start-bottom .infoblock p.cabinet {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #FFFFFF;
}

section#start-custom .start-bottom .infoblock p.cabinet a {
    color: #fff;
}

section#start-custom .start-bottom .pay-block {
    background: #FFFFFF;
    border-radius: 30px;
    padding: 30px;
    height: 100%;
}

section#start-custom .start-bottom .pay-block p.title {
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 10px;
}

section#start-custom .start-bottom .pay-block p.descr {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 30px;
}


body.order-v1-page .place-img {
    top: -195px;
    transform: translateX(180px);
}


.hystmodal__window {
    background: #F5F5F5;
    border-radius: 60px;
    padding: 80px 100px;
    width: 100%;
    max-width: 770px;
}

#video-modal .hystmodal__window, #vacancy-modal .hystmodal__window{
    padding: 50px;
    max-width: 500px;
}
.hystmodal__close {
    top: 41px;
    right: 41px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23111' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23111' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");
    background-size: 20px 20px;
}

.hystmodal__close:focus {
    outline: 0;
}

.hystmodal__content h3 {
    font-weight: 700;
    font-size: 45px;
    line-height: 52px;
    color: #000000;
    margin-bottom: 30px;
}

.hystmodal__content p.subtitle {
    font-weight: 500;
    font-size: 21px;
    line-height: 38px;
    color: #000000;
    margin-bottom: 44px;
}

.hystmodal__content p.subtitle span {
    font-weight: 700;
    font-size: 26px;
}

.hystmodal__content p.text {
    font-weight: 400;
    font-size: 21px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 60px;
}

.hystmodal__content .frame {
    background: #FFFFFF;
    border-radius: 30px;
    padding: 40px;
    margin-bottom: 60px;
}

.hystmodal__content .frame img {
    display: block;
    margin: 0 auto;
}

.hystmodal__content .qr-bg {
    display: block;
    margin: 0 auto;
}


#features-v2 {
    margin-top: -64px;
    margin-bottom: 100px;
}

#features-v2 .fea {
    margin-bottom: 100px;
}

#features-v2 .fea .block {
    height: auto;
    border: 2px solid #F5F5F5;
    border-radius: 30px;
    padding: 40px 30px;
    background: #fff;
}

#features-v2 .fea .block .logo {
    width: 70px;
    height: 70px;
    flex: none;
    background: #F5F5F5;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 20px;
}

#features-v2 .fea .block .logo img {
    width: 100%;
}

#features-v2 .fea .block p.title {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 10px;
}

#features-v2 .fea .block p.descr {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #707070;
    text-align: left;
}

#features-v2 img.bottom {
    margin: 0 auto;
    display: block;
    max-width: 492px;
    width: 100%;
}

body.order-success-page #start h1 {
    margin-bottom: 30px;
}

body.order-success-page #start p.subtitle {
    font-weight: 500;
    font-size: 21px;
    line-height: 38px;
    color: #FFFFFF;
}

body.order-success-v2-page #start p.subtitle {
    margin-bottom: 40px;
}

body.order-success-page #start .sub-wrapper {
    margin-bottom: 70px;
    gap: 80px;
    justify-content: flex-start;
}

body.order-success-page #start .sub-wrapper .success-badge {
    width: 140px;
    height: 140px;
    background: var(--primary-purple-1);
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    margin-top: -102px;
}

body.order-success-page footer .place-img {
    transform: translateX(180px);
}

body.order-success-v2-page footer .place-img {
    display: none;
}

body.order-success-v2-page #start .sub-wrapper {
    gap: 30px;
    justify-content: space-between;
}

body.order-success-v2-page #start .sub-wrapper .success-img {
    display: block;
    max-width: 492px;
    width: 100%;
    margin-top: -60px;
}


.gallery-filters {
    overflow: auto;
    display: flex;
    padding: 10px;
    gap: 25px;
    margin: 20px 5px;
}

.gallery-filters button {
    white-space: nowrap;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    padding: 10px 20px;
    border: 1px solid transparent;
    border-radius: 50px;
    transition: 0.2s all;
    background: none;
    outline: none;
    cursor: pointer;
}

.gallery-filters button span {
    padding-bottom: 2px;
    border-bottom: 1px dashed #fff;
}

.gallery-filters button.active {
    border-color: #fff;
}

.gallery-filters button.active span {
    border-color: transparent;
}

.gallery-filters button:hover span {
    border-color: transparent;
}

.gallery-filters button.active:hover {
    border-color: #fff;
}


.ymaps-2-1-79-balloon {
    max-width: 320px;
    width: 320px !important;
    background: #FFFFFF;
    border-radius: 20px;
}

.ymaps-2-1-79-balloon__layout {
    border-radius: 20px;
}

.ymaps-2-1-79-balloon__content > ymaps {
    height: auto !important;
    width: 100% !important;
}

.ymaps-2-1-79-balloon__close + .ymaps-2-1-79-balloon__content {
    padding: 20px 20px 20px 20px;
}

.ymaps-2-1-79-balloon__close-button {
    width: 40px;
}

.y-content a {
    display: block;
    width: fit-content;
}

.y-content .questions__map-text {
    font-weight: 500;
    margin-bottom: 10px;
}

.y-content .questions__map-text span {
    display: block;
    font-weight: 700;
}


#contact-info {
    padding-top: 80px;
    margin-bottom: 80px;
}

#contact-info .wrapper {
    display: flex;
    gap: 30px;

}

#contact-info .wrapper .map-block {
    width: 50%;
    position: relative;
}

#contact-info .wrapper .map-block .map-wrapper {
    border-radius: 30px;
    overflow: hidden;
}

#contact-info .wrapper .map-block .flow-svg {
    position: absolute;
    bottom: -34px;
    left: -84px;
}

#contact-info .wrapper .info-block {
    width: 50%;
}

#contact-info .wrapper h3 {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 40px;
}

#contact-info .wrapper .tabs {
    display: flex;
    gap: 5px;
    margin-bottom: 30px;
}

.tabs {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.birthday-page .tabs,#tariffs ul.tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.tabs .tab,#tariffs ul.tabs .tab {
    padding: 8px 19px;
    cursor: pointer;
    border-radius: 50px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.15s all;
}

.birthday-page .tabs .tab,#tariffs ul.tabs .tab {
    padding: 0;
}


.birthday-page .tabs .tab span,#tariffs ul.tabs .tab span {
    color: #848484;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    border-radius: 50px;
    border: 2px solid #848484;
    padding: 10px 20px;
    transition: 0.15s all;
}

.tabs .tab:hover {
    border-color: transparent;
}

.tabs .tab.active, #tariffs ul.tabs .tab.active {
    border: 1px solid var(--primary-purple-1);
    color: var(--primary-purple-1);
}

.birthday-page .tabs .tab.active span, #tariffs ul.tabs .tab.active span {
    color: var(--primary-purple-1);
    font-weight: 800;
    border: 2px solid transparent;
}

.tabs .tab.active span {
    border-color: transparent;
}

#contact-info .section .con-block {
    margin-bottom: 15px;
}

#contact-info .section .wrapper {
    display: flex;
    gap: 20px;
}

#contact-info .section .wrapper .icon-con {
    background: #F5F5F5;
    border-radius: 100px;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    width: 40px;
    height: 40px;
    flex: none;
}

#contact-info .section .wrapper label {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #B0B0B0;
    margin-bottom: 5px;
    display: block;
    margin-top: 10px;
}

#contact-info .section .wrapper .content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
}

#contact-info .section .wrapper .content p span {
    display: block;
    font-weight: 700;
}

#contact-info .section .time-block .content p {
    margin-bottom: 15px;
}

#contact-info address .content p {
    margin-bottom: 15px;
    cursor: pointer;
    transition: 0.15s all;
}

#contact-info address .content p:hover {
    color: var(--primary-purple-1) !important;
}

#contact-info .section .wrapper label.phone ~ a {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    text-decoration: none;
}

#contact-info .section .wrapper label.email ~ a {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: var(--primary-purple-1);
    text-decoration: underline;
}

#contact-info .section .wrapper label.email ~ a:hover {
    text-decoration: none;
}


#contact-form .wrapper {
    display: flex;
    gap: 30px;
}

#contact-form .wrapper .info {
    width: 50%;
}

#contact-form .wrapper form {
    width: 50%;
}

#contact-form .wrapper h3 {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
}

#contact-form .wrapper p.subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 50px;
}

#contact-form .wrapper .info img {
    width: 100%;
    max-width: 370px;
}

#contact-form .wrapper form {
    background: #F5F5F5;
    border-radius: 30px;
    padding: 60px;
    height: 100%;
}

#contact-form .wrapper form label {
    font-weight: 700;
    font-size: 18px;
    line-height: 38px;
    color: #000000;
    margin-bottom: 6px;
}

#contact-form .wrapper form textarea {
    height: 144px;
    resize: none;
}

#contact-form .wrapper form ::-webkit-scrollbar {
    width: 0px;
}

#contact-form .wrapper form button {
    margin-top: 20px;
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track {
    background: var(--primary-purple-3);
}

::-webkit-scrollbar-thumb {
    background: var(--primary-purple-1);
}

body.contact-page .place-img {
    top: -195px;
    transform: translateX(180px);
}

#video-reviews {
    margin-top: 42px;
    margin-bottom: 250px;
}

#video-reviews .container {
    max-width: 1570px;
}

#video-reviews .wrapper {
    display: flex;
    gap: 30px;
}

#video-reviews .wrapper .info {
    width: 50%;
}

#video-reviews .wrapper .reviews-action {
    width: 50%;
}

#video-reviews .wrapper .info h3,
#video-reviews .wrapper .info .video-reviews__block-title {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
    display: block;
}

#video-reviews .wrapper .info p.subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 30px;
}

#video-reviews .wrapper .info p.subtext {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    margin-bottom: 30px;
}


#video-reviews .wrapper .reviews-action .tabs {
    display: flex;
}

#video-reviews .wrapper .reviews-action .tabs-top {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-bottom: 40px;
}

#video-reviews .wrapper .reviews-action .tabs-top p {
    font-weight: 400;
    font-size: 21px;
    line-height: 29px;
    color: #000000;
}

#video-reviews .wrapper .reviews-action .tabs .tab {
    padding: 8px 19px;
    cursor: pointer;
    border-radius: 50px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.15s all;
}

#video-reviews .wrapper .reviews-action .tabs .tab span {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    padding: 0;
    color: var(--primary-purple-1);
    border-bottom: 1px dashed var(--primary-purple-1);
    transition: 0.15s all;
}

#video-reviews .wrapper .reviews-action .tabs .tab:hover {
    border-color: transparent;
}

#video-reviews .wrapper .reviews-action .tabs .tab.active {
    border: 1px solid var(--primary-purple-1);
}

#video-reviews .wrapper .reviews-action .tabs .tab.active span {
    border-color: transparent;
}


#video-reviews .wrapper .reviews-action .swiper-control-wrapper {
    max-width: 570px;
}

#video-reviews .wrapper .reviews-action .swiper-control-wrapper .any-block {
    overflow: hidden;
    border-radius: 500px;
    position: relative;
}

#video-reviews .wrapper .reviews-action .swiper-control-wrapper .f-play {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
}

#video-reviews .wrapper .reviews-action .swiper-control-wrapper .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}

#video-reviews .wrapper .reviews-action .swiper-control-wrapper .layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000b4;
    z-index: -1;
}

#video-reviews .wrapper .reviews-action .swiper-control-wrapper .swiper-slide {
    height: auto;
    display: flex;
    padding: 45px 85px;
    user-select: none;
}


#video-reviews .wrapper .reviews-action .swiper-control-wrapper .f-play p {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    color: #fff;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

#video-reviews .wrapper .reviews-action .swiper-control-wrapper .f-play p span.name {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    color: #FFFFFF;
    display: block;
}

#video-reviews .wrapper .reviews-action .swiper-control-wrapper .f-play p span.city {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
    display: block;
}

#video-reviews .wrapper .reviews-action .swiper-control-wrapper .f-play .play-btn.border {
    box-shadow: 0px 0px 0px 15px rgb(255 255 255 / 18%);
}
#video-reviews .wrapper .reviews-action .swiper-control-wrapper .swiper-button-next {
    position: absolute;
    left: 60px;
    top: 120%;
}

#video-reviews .wrapper .reviews-action .swiper-control-wrapper .swiper-button-prev {
    position: absolute;
    left: 0;
    top: 120%;
}


body.reviews-page .place-img {
    top: -185px;
    transform: translateX(180px);
}


#questions {
    margin-top: 60px;
    margin-bottom: 75px;
}

#questions .wrapper {
    display: flex;
    gap: 30px;
}

#questions .tabs {
    margin-bottom: 30px;
}

#questions .wrapper .info {
    width: 100%;
    max-width: 370px;
}

#questions .wrapper .faq-block {
    width: 100%;
}

#questions .wrapper .info h3,
#questions .wrapper .info .questions__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: #000000;
    margin-bottom: 30px;
    display: block;
}

#questions .wrapper .info p.subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 100px;
}

#questions .wrapper .info img {
    width: 100%;
    display: block;
}


.expand-list [data-expand] {
    width: 100%;
    margin-bottom: 20px;
}

.expand-list [data-expand]:last-child {
    margin-bottom: 0;
}

.expand-list [data-expand] [data-expand-button] {
    background: #F5F5F5;
    border-radius: 50px;
    padding: 15px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    user-select: none;
    cursor: pointer;
}

.expand-list [data-expand] [data-expand-button] p {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    color: #000000;
    transition: 0.15s all;
}

.expand-list [data-expand] [data-expand-button].active p {
    color: var(--primary-purple-1);
}

.expand-list [data-expand] [data-expand-content] {
    padding: 0 30px;
    margin-top: 30px;
    padding-bottom: 20px;

    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
}

.expand-list [data-expand] [data-expand-button] .arrow {
    width: 20px;
    height: 20px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.15s all;
}

.expand-list [data-expand] [data-expand-button].active .arrow {
    transform: rotate(-180deg);
}

.expand-list [data-expand] [data-expand-button].active .arrow path {
    stroke: var(--primary-purple-1);
}

#questions .wrapper .faq-block .section {
    margin-bottom: 60px;
}

#questions .wrapper .faq-block .bottom p.text {
    font-weight: 400;
    font-size: 21px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 30px;
}

#questions .wrapper .faq-block .bottom .phone-block {
    display: flex;
    gap: 20px;
    align-items: center;
}

#questions .wrapper .faq-block .bottom .phone-block .icon-block {
    background: #F5F5F5;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
}

#questions .wrapper .faq-block .bottom .phone-block a {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    color: #000000;
    text-decoration: none;
    display: block;
}

body.it [lang='en'] {
    display: none;
}

#interesting {
    background: #F5F5F5;
    padding: 60px 0 100px 0;
    margin-bottom: 170px;
}

#interesting .wrapper {
    display: flex;
    gap: 30px;
}

#interesting .wrapper .image {
    position: relative;
    width: 50%;
}

#interesting .wrapper .content {
    width: 50%;
}

#interesting .wrapper .image .img-wrap {
    border-radius: 30px;
    overflow: hidden;
}

#interesting .wrapper .image .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#interesting .wrapper .image .flow-svg {
    position: absolute;
    bottom: -40px;
    left: -80px;
}

#interesting .wrapper .content h3,
#interesting .wrapper .content .interesting__title {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
    display: block;
}

#interesting .wrapper .content p.subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 40px;
}

#interesting .wrapper .content .swiper-slide .item {
    background: #FFFFFF;
    border-radius: 30px;
    padding: 40px 30px;
}

#interesting .wrapper .content .swiper-slide .item .icon-block {
    width: 70px;
    height: 70px;
    background: #F5F5F5;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 20px;
}

#interesting .wrapper .content .swiper-slide .item p.title {
    font-weight: 800;
    font-size: 21px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 10px;
}

#interesting .wrapper .content .swiper-slide .item p.subtext {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #707070;
}

#interesting .wrapper .content .swiper-control-wrapper .swiper-button-next {
    position: absolute;
    left: 60px;
    bottom: -70px;
    top: auto;
}

#interesting .wrapper .content .swiper-control-wrapper .swiper-button-prev {
    position: absolute;
    left: 0;
    bottom: -70px;
    top: auto;
}


#mega-news {
    margin-top: 60px;
    margin-bottom: 80px;
}

#mega-news .news-list {
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}

#mega-news h3 {
    margin-bottom: 20px;
}

#mega-news .news-list .news-item {
    text-decoration: none;
    background: #F5F5F5;
    border-radius: 30px;
    padding: 30px;
    transition: 0.15s all;
    color: #000000;

}

#mega-news a.button-3 {
    width: fit-content;
}

#mega-news .news-list .news-item .img {
    border-radius: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    aspect-ratio: 2 / 1.5;
}

#mega-news .news-list .news-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#mega-news .news-list .news-item .date {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;
}

#mega-news .news-list .news-item p.text {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#mega-news .news-list .news-item:hover {
    background: var(--primary-purple-1);
    color: #fff;
}

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

.pagination .pages {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .page {
    width: 30px;
    height: 30px;
    background: #F5F5F5;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.15s all;
    color: var(--primary-purple-1);
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    cursor: pointer;
    text-decoration: none;
    flex: none;
}

.pagination .page:hover {
    color: #fff;
    background: var(--primary-purple-1);
}

.pagination .page.active {
    color: #fff;
    background: var(--primary-purple-1);
}

.pagination .pagination-control {
    background: #fff;
    border: 2px solid var(--primary-purple-1);
    position: relative;
    cursor: pointer;
    transition: 0.15s all;
    width: 30px;
    height: 30px;
    flex: none;
    border-radius: 100px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .pagination-control svg {
    width: 7px;
    height: 12px;
}

.pagination .pagination-control:hover {
    background: var(--primary-purple-1);
}

.pagination .pagination-control:hover path {
    stroke: #fff;
}


body.news-page .flow-body-img {
    position: absolute;
    left: 50%;
    transform: translateX(-958px);
    top: 1106px;
}


#mega-stocks {
    margin-top: 60px;
    margin-bottom: 80px;
}

#mega-stocks .stocks-list {
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}

#mega-stocks .stocks-list .stocks-item {
    text-decoration: none;
    background: #F5F5F5;
    border-radius: 30px;
    padding: 30px;
    transition: 0.15s all;
    color: #000000;

}

#mega-stocks .stocks-list .stocks-item .img {
    border-radius: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

#mega-stocks .stocks-list .stocks-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#mega-stocks .stocks-list .stocks-item .date {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;
}

#mega-stocks .stocks-list .stocks-item p.text {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#mega-stocks .stocks-list .stocks-item:hover {
    background: var(--primary-purple-1);
    color: #fff;
}

body.stocks-page .flow-body-img {
    position: absolute;
    left: 50%;
    transform: translateX(-958px);
    top: 1406px;
}

@media (max-width: 768px) {
    #mega-stocks .stocks-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


body.content-detail-page section#start h1 {
    max-width: none;
}


#detail-content {
    padding: 60px 0;
}

#detail-content .wrapper {
    display: flex;
    gap: 30px;
}

#detail-content .wrapper .flow-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#detail-content .wrapper .flow-img img {
    width: 100%;
}

#detail-content .detail-body {
    width: 100%;
    max-width: 800px;
}

#detail-content .detail-body .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

#detail-content .detail-body .top .date {
    display: flex;
    gap: 20px;
    align-items: center;
}

#detail-content .detail-body .top .date svg {
    width: 30px;
    height: 30px;
    flex: none;
}

#detail-content .detail-body .top .date p {
    font-weight: 400;
    font-size: 21px;
    line-height: 29px;
    color: #000000;
    margin: 0;
}

#detail-content .detail-body .top .share {
    position: relative;
    padding: 10px;
}

#detail-content .detail-body .top .share svg path {
    transition: 0.2s all;
}

#detail-content .detail-body .top .share .share-action {
    width: 30px;
    height: 30px;
    flex: none;
    cursor: pointer;
    position: relative;
}

#detail-content .detail-body .top .share .share-dropdown {
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    top: 99%;
    left: 50%;
    transform: translateX(-50%) translateY(-5px);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    transition: 0.2s all;
}

#detail-content .detail-body .top .share .share-dropdown li {
    border-bottom: 1px solid rgba(233, 233, 233, 0.3);
    padding: 0;
}

#detail-content .detail-body .top .share .share-dropdown li:last-child {
    border-bottom: none;
}

#detail-content .detail-body .top .share .share-dropdown li a {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#detail-content .detail-body .top .share:hover .share-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0px);
}

#detail-content .detail-body .top .share .share-dropdown li:hover path {
    fill: var(--primary-purple-1);
}

#detail-content .detail-body .main {
    margin-bottom: 20px;
}

a.back-link {
    background: #F5F5F5;
    border-radius: 50px;
    transition: 0.2s all;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: var(--primary-purple-1);
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 10px;
    text-decoration: none;
    padding: 10px 20px;
}

a.back-link:hover {
    background: var(--primary-purple-1);
    color: #fff;
}

a.back-link:hover path {
    stroke: #fff
}


#mini-news {
    margin-bottom: 150px;
}

#mini-news h3 {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
}

#mini-news .mini-news-list {
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}

#mini-news .news-item {
    text-decoration: none;
    background: #F5F5F5;
    border-radius: 30px;
    padding: 30px;
    transition: 0.15s all;
    color: #000000;
}

#mini-news .news-item .img {
    border-radius: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    aspect-ratio: 2 / 1.5;
}

#mini-news .news-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#mini-news .news-item .date {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;
}

#mini-news .news-item p.text {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#mini-news .news-item:hover {
    background: var(--primary-purple-1);
    color: #fff;
}


body.graduation-page .head-wrap {
    width: 100%;
    max-width: 540px;
}

body.graduation-page h1 {
    margin-bottom: 30px;
}

body.graduation-page p.subtitle {
    font-weight: 500;
    font-size: 21px;
    line-height: 38px;
    color: #FFFFFF;
    margin-bottom: 40px;
}

body.graduation-page .external-form .wrapper {
    display: flex;
    gap: 120px;
}

body.graduation-page #start:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: rgba(142, 18, 85, 0.8);
    z-index: -1;
}

body.graduation-page .external-form .wrapper > div {
    width: 50%;
}

body.graduation-page .external-form .counter-wrapper {
    display: flex;
    gap: 40px;
}

body.graduation-page .external-form textarea {
    height: 86px;
}

body.graduation-page .external-form ::-webkit-scrollbar {
    width: 0;
}

body.graduation-page .external-form .action {
    padding: 20px;
    border-radius: 100px;
    background: #fff;
    margin: 20px auto 0;
    width: fit-content;
}

body.graduation-page #gallery {
    margin-bottom: 180px;
}


#cabinet {
    padding: 60px 0;
    margin-bottom: 20px;
}

#cabinet .container {
    max-width: 970px;
}

#cabinet .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    margin-bottom: 40px;
}

#cabinet .top a {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    font-size: 21px;
    line-height: 24px;
    color: var(--primary-purple-1);
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 30px;
    border: 1px solid transparent;
}

#cabinet .top a p {
    border-bottom: 1px dashed var(--primary-purple-1);
}

#cabinet .top .link-icon {
    background: #F5F5F5;
    border-radius: 100px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    border: 1px solid transparent;
}

#cabinet .top a:hover p {
    border-color: transparent;
}

#cabinet .top a:last-child {
    margin-left: auto;
}

#cabinet .top a.active {
    border-color: var(--primary-purple-1);
}

#cabinet .top a.active p {
    border-color: transparent;
}

#cabinet .top a.active .link-icon {
    border-color: var(--primary-purple-1);
    background-color: transparent;
}


#cabinet .cabinet-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

#cabinet .main-info {
    grid-column: span 1 / span 1;
    background: #F5F5F5;
    border-radius: 30px;
    padding: 30px;
}

#cabinet .main-info h4 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #000000;
    margin-bottom: 30px;
}

#cabinet .main-info .avatar {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 100px;
    flex: none;
    overflow: hidden;
    margin-bottom: 20px;
}

#cabinet .main-info .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#cabinet .main-info .field {
    margin-bottom: 20px;
}

#cabinet .main-info .field label {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #9A9A9A;
    margin-bottom: 5px;
}

#cabinet .main-info .field p, #cabinet .main-info .field.phone a {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    text-decoration: none;
    display: block;
    width: fit-content;
}

#cabinet .main-info .field.email a {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    display: block;
    width: fit-content;
    color: var(--primary-purple-1);
}

#cabinet .main-info a.edit-link {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: var(--primary-purple-1);
    margin-top: 10px;
    width: fit-content;
}


#cabinet .bonuses {
    grid-column: span 1 / span 1;
    background: var(--bg-gradient);
    border-radius: 30px;
    padding: 30px;
    color: #fff
}

#cabinet .bonuses h4 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 30px;
}

#cabinet .bonuses p.descr {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 20px;
}

#cabinet .bonuses .field-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

#cabinet .bonuses .field-line label {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 5px;
}

#cabinet .bonuses .field-line p {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
}

#cabinet .bonuses .field-line p a {
    color: #fff;
}

#cabinet .bonuses .bonus-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 26px;
}

#cabinet .bonuses .bonus-field .bonus-counter {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    color: var(--primary-purple-1);
}

#cabinet .bonuses .bonus-field label {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 5px;
}

#cabinet .bonuses .bonus-field p {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}

#cabinet .bonuses .bonus-fired {
    padding: 10px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
}

#cabinet .bonuses a.bonus-instruction {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
}

#cabinet .childrens {
    background: #F5F5F5;
    border-radius: 30px;
    padding: 30px;
    grid-column: span 2 / span 2;
}

#cabinet .childrens h4 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #000000;
    margin-bottom: 20px;
}

#cabinet .childrens .wrapper {
    display: flex;
    gap: 60px;
    justify-content: space-between;
}

#cabinet .childrens .children-add {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 20px 50px 20px 20px;
    width: 100%;
    max-width: 440px;
    height: 100%;
}

#cabinet .childrens .children-add p {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 20px;
}

#cabinet .childrens .children-add a {
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    color: var(--primary-purple-1);
}

#cabinet .childrens .children-add a p {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: var(--primary-purple-1);
}

#cabinet .childrens .info {
    flex: 1;
}

table.ui-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}

table.ui-table thead {

}

table.ui-table thead td {
    padding: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}

table.ui-table thead tr td:first-child {
    padding: 10px 10px 10px 0;
}

table.ui-table thead tr td:last-child {
    padding: 10px 0 10px 10px;
}

table.ui-table tbody tr {
    border-bottom: 1px solid #EAEAEA;
}

table.ui-table tbody tr:last-child {
    border-bottom: 0;
}

table.ui-table tbody td {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    padding: 10px;
}

table.ui-table tbody tr td:first-child {
    padding: 10px 10px 10px 0;
}

table.ui-table tbody tr td:last-child {
    padding: 10px 0 10px 10px;
}

#cabinet .childrens a.edit-link {
    display: flex;
    align-items: center;
    gap: 10px;
}

#cabinet .childrens a.edit-link p {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}

#cabinet .orders {
    background: #F5F5F5;
    border-radius: 30px;
    padding: 30px;
    grid-column: span 2 / span 2;
}

#cabinet .orders h4 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #000000;
    margin-bottom: 20px;
}

#cabinet .orders a.orders-link {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}

#cabinet .orders td.cost {
    font-weight: 600;
}

#cabinet .orders td.cashback {
    font-weight: 600;
}

#cabinet .profile-block a.back-link {
    margin-bottom: 30px;
}

#cabinet .profile-info {
    background: #F5F5F5;
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 30px;
}

#cabinet .password-block {
    background: #F5F5F5;
    border-radius: 30px;
    padding: 30px;
}

#cabinet .profile-wrap h4 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #000000;
    margin-bottom: 20px;
}

#cabinet .profile-wrap form .wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 5px;
}

#cabinet .profile-wrap form label {
    color: #000;
}

#cabinet .profile-wrap form .avatar-block {
    display: flex;
    align-items: center;
    gap: 20px;
}

#cabinet .profile-wrap form .avatar-block .img {
    width: 80px;
    height: 80px;
    flex: none;
    overflow: hidden;
    border-radius: 100px;
}

#cabinet .profile-wrap form .avatar-block .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#cabinet .profile-wrap form .avatar-block .action {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-decoration-line: underline;
    color: var(--primary-purple-1);
    cursor: pointer;
    width: fit-content;
}

#cabinet .profile-wrap form .avatar-block .action:hover {
    text-decoration: none;
}

#cabinet .profile-wrap form .upload-img {
    position: relative;
}

#cabinet .profile-wrap form .upload-img label {
    color: var(--primary-purple-1);
    cursor: pointer;
}

#cabinet .profile-wrap form .upload-img .file-name {
    margin-top: 3px;
    color: #555;
    font-size: 14px;
    margin-bottom: 7px;
}

#cabinet .profile-wrap form label[for="PERSONAL_PHOTO_del"] {
    font-size: 14px;
    margin-left: 3px;
}

#cabinet .profile-wrap form .upload-img input[type='file'] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 0;
}

#cabinet .profile-wrap form button[type="submit"] {
    margin-top: 10px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 40rem #ffff inset;
}

#cabinet .password-block .wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}


#cabinet .childrens-block {
    background: #F5F5F5;
    border-radius: 30px;
    padding: 30px;
}

#cabinet .childrens-block h4 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #000000;
    margin-bottom: 20px;
}

#cabinet .childrens-block label {
    color: #000;
}

#cabinet .childrens-block .item {
    display: flex;
    gap: 30px;
}

#cabinet .childrens-block .input__wrapper {
    flex: 1;
}

#cabinet .childrens-block .item .delete-child {
    display: flex;
    align-items: flex-end;
    padding: 10px;
    cursor: pointer;
    height: 45px;
    margin-top: auto;
    margin-bottom: 20px;
    width: 45px;
    transition: 0.1s all;
}

#cabinet .childrens-block .item .delete-child:active {
    transform: scale(0.8);
}

#cabinet .childrens-block .actions {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 10px;
}

#cabinet .profile-orders {
    background: #F5F5F5;
    border-radius: 30px;
    padding: 30px;
}

#cabinet .profile-orders h4 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #000000;
    margin-bottom: 20px;
}

#cabinet .profile-orders a.show-more {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}


#registration {
    padding: 80px 0;
    margin-bottom: 20px;
}

#registration .wrapper {
    display: flex;
    gap: 30px;
}

#registration .wrapper .info {
    width: 50%;
}

#registration .wrapper form {
    height: 100%;
}

#registration .wrapper .info h3 {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
}

#registration .wrapper .info p.descr {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 40px;
}

#registration .wrapper .info img {
    width: 100%;
    max-width: 370px;
}

#registration .wrapper form label {
    color: #000;
}

#registration .wrapper form .actions {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-top: 20px;
}


#login {
    padding: 80px 0;
    margin-bottom: 20px;
}

#login .wrapper {
    display: flex;
    gap: 30px;
}

#login .wrapper .info {
    width: 50%;
}

#login .wrapper .info h3 {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
}

#login .wrapper .info p.descr {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 40px;
}

#login .wrapper .info img {
    width: 100%;
    max-width: 370px;
}

#login .wrapper form label {
    color: #000;
}

#login .wrapper form .actions {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-top: 30px;
}

#login .wrapper form .check-line {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-top: 5px;
}


#reg-modal .subwrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

#reg-modal .subwrapper .success-icon {
    width: 140px;
    height: 140px;
    flex: none;
    background: var(--primary-purple-1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
}

#reg-modal .subwrapper .subtitle {
    margin: 0
}

#reg-modal .reg-img {
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    display: block;
}


body.v-404-page #start .ex-wrapper {
    margin-top: 30px;
    display: flex;
    gap: 60px;
}

body.v-404-page #start .ex-wrapper p.subtitle {
    font-weight: 400;
    font-size: 21px;
    line-height: 38px;
    color: #FFFFFF;
    margin-bottom: 40px;
}

body.v-404-page #start .ex-wrapper img {
    width: 100%;
    max-width: 550px;
}

body.v-404-page #start h1 {
    max-width: none;
}


body.about-page section#start {
    padding-bottom: 140px;
}


#complex-about .tabs-wrapper {
    padding: 12px;
    background: #F5F5F5;
}

#complex-about .tabs-wrapper ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
}

#complex-about .tabs-wrapper ul .tab {
    padding: 0 20px;
    border: none;
    border-radius: 0;
}

#complex-about .tabs-wrapper ul .tab span {
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
    color: #B9B9B9;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    padding: 14px 0;
}

#complex-about .tabs-wrapper ul .tab.active span {
    border-color: var(--primary-purple-1);
    color: var(--primary-purple-1);
}


#about-block {
    padding: 60px 0;
    margin-bottom: 20px;
}

#about-block .wrapper {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#about-block .img {
    position: relative;
}

#about-block .img .flow-svg {
    position: absolute;
    left: -84px;
    bottom: -36px;
}

#about-block .img .img-wrap {
    border-radius: 30px;
    overflow: hidden;
}

#about-block .img .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#about-block h3 {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
}

#about-block p.subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 40px;
}

#children-growth {
    margin-bottom: 60px;
}

#children-growth h3,
#children-growth .marker-id {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: #000000;
    margin-bottom: 30px;
    text-align: center;
    display: block;
}

#children-growth .item-list, #vacancy-teasers .item-list{
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#children-growth .item, #vacancy-teasers .item {
    background: #F5F5F5;
    border-radius: 30px;
    padding: 40px 30px;
}

#children-growth .item-icon, #vacancy-teasers .item-icon {
    width: 70px;
    height: 70px;
    background: #FFFFFF;
    border-radius: 9999px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 20px;
}

#children-growth .item .item-icon img, #vacancy-teasers .item .item-icon img {
    width: 100%;
}

#children-growth .item h4,
.pseudo-h4 {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 10px;
    display: inline-block;
}

#children-growth .item p.text, #vacancy-teasers .item p.text{
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
}

#privilege {
    margin-bottom: 80px;
}

#privilege h3,
.privilege__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: #000000;
    margin-bottom: 30px;
    text-align: center;
    display: block;
}

#privilege .wrapper {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#privilege .wrapper .title {
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: var(--primary-purple-1);
    margin-bottom: 20px;
}

#privilege .wrapper ul li,
#sectAboutPark .about-parks__text ul li {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    padding-left: 10px;
    margin-left: 10px;
}

#privilege .wrapper ul li:last-child,
#sectAboutPark .about-parks__text ul li:last-child {
    margin-bottom: 0;
}

#privilege .wrapper ul li::marker,
#sectAboutPark .about-parks__text ul li::marker {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIiBmaWxsPSJub25lIj4NCiAgICA8cGF0aCBkPSJNNi4wMjUwNCAwLjY1MjE4MUw2LjY4MTA2IDIuMDMwNzdDNi44NDUwNyAyLjM5MTMzIDcuMTczMDggMi42MjQ2MyA3LjU0MjA5IDIuNjg4MjZMOS4wMTgxNCAyLjkwMDM1QzkuOTYxMTcgMy4wNDg4MSAxMC4zMzAyIDQuMjM2NTIgOS42NTM2NiA0LjkzNjQzTDguNTg3NjMgNi4wMTgwOUM4LjMyMTEyIDYuMjkzODEgOC4xOTgxMSA2LjY3NTU3IDguMjU5NjEgNy4wNzg1NUw4LjUwNTYyIDguNjA1NjFDOC42Njk2MyA5LjU4MTIzIDcuNjg1NiAxMC4zMjM1IDYuODQ1MDcgOS44NTY5NEw1LjUzMzAyIDkuMTM1ODNDNS4yMDUwMSA4Ljk0NDk1IDQuNzk0OTkgOC45NDQ5NSA0LjQ2Njk4IDkuMTM1ODNMMy4xNTQ5NCA5Ljg1Njk0QzIuMzE0NDEgMTAuMzIzNSAxLjMzMDM3IDkuNTgxMjMgMS40OTQzOCA4LjYwNTYxTDEuNzQwMzkgNy4wNzg1NUMxLjgwMTg5IDYuNjk2NzggMS42Nzg4OSA2LjI5MzgxIDEuNDEyMzggNi4wMTgwOUwwLjM0NjMzNiA0LjkzNjQzQy0wLjMzMDE4OCA0LjI1NzczIDAuMDM4ODI2NSAzLjA0ODgxIDAuOTgxODYgMi45MDAzNUwyLjQ1NzkxIDIuNjg4MjZDMi44MjY5MiAyLjYyNDYzIDMuMTU0OTMgMi4zOTEzMyAzLjMxODk0IDIuMDMwNzdMMy45NzQ5NyAwLjY1MjE4MUM0LjM4NDk4IC0wLjIxNzM5NCA1LjU5NDUyIC0wLjIxNzM5NCA2LjAyNTA0IDAuNjUyMTgxWiIgZmlsbD0iIzk1MjBmZiIvPg0KPC9zdmc+DQo=');
}

#avatariya-line-anim {
    max-width: 100vw;
    overflow: hidden;
    background: var(--bg-gradient);
    margin-bottom: 80px;
}

#avatariya-line-anim .bg-avi {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(/src/media/about/bg-avi.png);
    background-repeat: repeat-x;
    height: 80px;
    width: 500%;
    animation: bg-slide 60s linear infinite;
}


#our-parks {
    margin-bottom: 80px;
}

#our-parks .wrapper {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#our-parks h3,
#our-parks .our-parks__title {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    color: #000000;
    margin-bottom: 30px;
    display: inline-block;
}

#our-parks p.subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 40px;
}

#our-parks .item {
    border-radius: 30px;
    padding: 20px;
    background: #F5F5F5;
    height: 100%;
}

#our-parks .item .img {
    border-radius: 20px;
    overflow: hidden;
    aspect-ratio: 2 / 1.5;
    margin-bottom: 20px;
}

#our-parks .item p.title {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    color: #000000;
}

#our-parks .our-parks-swiper {
    width: 100%;
    padding-bottom: 40px;
}

#our-parks .our-parks-swiper .swiper-pagination {
    position: relative;
    display: flex;
    gap: 15px;
    bottom: -20px;
    margin-top: 0px;
}


#history {
    padding: 80px 0;
    background-position-x: right;
    background-position-y: center;
    background-size: initial;
    background-repeat: no-repeat;
    background-color: rgb(245, 245, 245);
    overflow: hidden;
}

#history .bubble-bg{
    position: absolute;
    opacity: 0.3;
}
#history .bubble-bg-lg{
    width: 1000px;
    top: -142px;
    right: -6px;
}
#history .bubble-bg-md{
    width: 369px;
    top: -119px;
    right: -124px;
}
#history .bubble-bg-sm{
    width: 277px;
    right: 50%;
    bottom: -40px;
}

#history h3,
#history .history__title {
    margin-bottom: 60px;
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    display: block;
}


#history .history-swiper-wrapper .swiper-pagination {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 120px;
    position: relative;
    bottom: 0;
}

#history .history-swiper-wrapper .swiper-pagination:after {
    content: '';
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--primary-purple-1);
    z-index: -1;
}

#history .history-swiper-wrapper .swiper-pagination .year {
    border: none;
    background: none;
    cursor: pointer;
    height: 80px;
    position: relative;
    display: flex;
    align-items: flex-end;
}

#history .history-swiper-wrapper .swiper-pagination .year p {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #B9B9B9;
    transition: 0.1s all;
}

#history .history-swiper-wrapper .swiper-pagination .year.active p {
    font-size: 26px;
    line-height: 35px;
    color: #000;
    transform: translateX(-50%) translateY(-5px);
}

#history {
    position: relative;
}

#history .history-swiper .swiper-slide {
    position: relative;
}

#history .history-swiper .swiper-slide .wrapper {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#history .history-swiper .swiper-slide h4,
#history .history-swiper .swiper-slide .history-swiper__park-title {
    font-weight: 400;
    font-size: 42px;
    line-height: 46px;
    color: var(--primary-purple-1);
    margin-bottom: 30px;
    display: block;
}

#history .history-swiper .swiper-slide p.text {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
}

#history .history-swiper .swiper-slide .img {
    position: relative;
    margin-top: -100px;
    padding-bottom: 135px;
}

#history .history-swiper .swiper-slide .inner-img {
    border-radius: 30px;
    overflow: hidden;
}

#history .history-swiper .swiper-slide .img .outside-1-1 {
    position: absolute;
    left: 0;
    transform: translate(0px, 25px);
}

#history .history-swiper .swiper-slide .img .outside-2-2 {
    position: absolute;
    left: 0;
}


#history .history-swiper .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.year span.star-big {
    display: block;
    width: 28px;
    height: 28px;
    transition: 0.15s all;
    cursor: pointer;
    outline: none;
    border: 2px solid #FF9E1B;
    background-color: #F5F5F5;
}

.year.active span.star-big {
    box-shadow: 0 0 20px 28px #F5F5F5;
    background: #FF9E1B;
}

#history .history-swiper-wrapper .container {
    padding-top: 100px;
    overflow: hidden;
    margin-top: -100px;
}

#history .outside-1 {
    position: absolute;
    left: 50%;
    transform: translate(-831px, 98px);
}

#history .outside-2 {
    position: absolute;
    left: 50%;
    transform: translate(-801px, 392px);
}

#history .outside-3 {
    position: absolute;
    left: 50%;
    transform: translate(620px, 60px);
}


#history .history-swiper-wrapper .container .swiper {
    overflow: visible;
}

#history .history-swiper-wrapper .swiper-button-next {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
}

#history .history-swiper-wrapper .swiper-button-prev {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
}

#history .history-swiper-wrapper .container.navigation {
    padding-top: 0;
    overflow: hidden;
    margin-top: -80px;
    margin-bottom: 60px;
    display: flex;
    gap: 30px;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.form-wrapper {
    width: 50%;
    background: #F5F5F5;
    border-radius: 30px;
    padding: 60px;
    height: 100%;
}

#team-top-info {
    padding: 80px 0 0px;
}

#team-top-info .wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

#team-top-info .img {
    background: #F5F5F5;
    border-radius: 500px;
    overflow: hidden;
}

#team-top-info .info h3,
#team-top-info .info .team-top-info__title {
    font-weight: 700;
    color: #000000;
    margin-bottom: 30px;
    display: block;
}

#team-top-info .info p.text {
    font-weight: 400;
    color: #000000;
}

#team-middle-gallery {
    border-radius: 100px 100px 0px 0px;
    overflow: hidden;
}

#team-middle-gallery .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#team-middle-gallery .swiper-pagination {
    bottom: 60px;
    gap: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#team-descr-block {
    padding: 30px 0;
    margin-bottom: 30px;
}

#team-descr-block p {
    font-weight: 700;
    font-size: 18px;
    line-height: 42px;
    color: var(--primary-purple-1);
    line-height: 30px;
    background: #b499cb99;
    border-radius: 24px;
    padding: 20px 30px;
    text-align: center;
}

@media (max-width: 550px) {
    #team-descr-block p {
        font-size: 16px;
        line-height: 24px;
    }
}

#team-animators {
    margin-bottom: 10px;
}

#team-animators h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: #000000;
    margin-bottom: 30px;
    text-align: center;
}

#team-animators .swiper-slide {
    user-select: none;
}

#team-animators .swiper-slide .wrapper {
    width: 100%;
    max-width: 170px;
    height: 170px;
    flex: none;
    margin: 0 auto 20px;
}

#team-animators .swiper-slide .wrapper .img-wrapper {
    border-radius: 200px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: relative;
}

#team-animators .swiper-slide .wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#team-animators .swiper-slide p.name {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 10px;
    text-align: center;
}

#team-animators .swiper-slide p.text {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
    text-align: justify;
}

#team-animators .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

#team-vacancies-2 {
    background: #6923ad;
    padding: 50px 15px 70px 0;
    margin: 0 -15px;
}

#team-vacancies-2 #vacancy-container {
    padding: 0;
}

#team-vacancies {
    background: #F5F5F5;
    padding: 60px 15px;
    margin: 0 -15px;
}

#team-vacancies .wrapper {
    display: flex;
    gap: 30px;
}

#team-vacancies .info {
    width: 50%;
}

#team-vacancies .img {
    width: 50%;
    padding: 0;
    border-radius: 30px;
}

#team-vacancies h3,
#team-vacancies .team-vacancies__title {
    font-weight: 700;
    font-size: 26px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 20px;
    display: block;
}

#team-vacancies p.subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 40px;
}

#team-vacancies .swiper-slide {
    background: #FFFFFF;
    border-radius: 30px;
    padding: 20px;
}

#team-vacancies .swiper-slide .top {
    margin-bottom: 20px;
}

#team-vacancies .swiper-slide .top h4,
#team-vacancies .swiper-slide .top .team-vacancies__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 10px;
    display: block;
}

#team-vacancies .swiper-slide .top p.text {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
}

#team-vacancies .swiper-slide .top .logo {
    width: 45px;
    flex: 0 0 45px;
}

#team-vacancies .swiper-slide .top .a-block {
    margin-bottom: 30px;
}

#team-vacancies .swiper-slide .top .b-block {
    display: flex;
    gap: 20px;
    height: 100%;
    align-items: center;
}

#team-vacancies .swiper-slide .top .logo img {
    width: 100%;
}

#team-vacancies .swiper-slide .bottom p.salary {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 20px;
}

#team-vacancies .swiper-slide .bottom p.descr {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
}

#team-vacancies .swiper-control-wrapper .actions {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

#team-vacancies .swiper-control-wrapper .swiper-button-prev {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 30px 0 0;
}

#team-vacancies .swiper-control-wrapper .swiper-button-next {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto 0 0;
}

#team-not-found-vac {
    background: #EDEDED;
    padding: 60px 15px;
    margin: 0 -15px;
}

#team-not-found-vac .wrapper {
    max-width: 880px;
    margin: 0 auto;
}

#team-not-found-vac h3,
#team-not-found-vac .team-not-found-vac__title  {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    margin-bottom: 10px;
    display: block;
}

#team-not-found-vac p.subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    margin-bottom: 30px;
}

#team-not-found-vac button {
    margin: 0 auto;
}

#team-reqs {
    padding: 60px 0;
}

#team-reqs .wrapper {
    display: flex;
}

#team-reqs .wrapper > div {
    width: 50%;
    flex: none;
    height: auto;
}

#team-reqs h3,
#team-reqs .team-reqs__title {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #000000;
    margin-bottom: 20px;
    display: block;
}

#team-reqs p.subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 30px;
}

#team-reqs .img {
    width: 100%;
}

#team-reqs .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

#team-reqs .wrapper .block {
    margin-top: 30px;
}

#team-reqs .wrapper .line {
    margin-bottom: 20px;
}

#team-reqs .wrapper .block .line:last-child {
    margin-bottom: 0;
}

#team-reqs .wrapper .line label {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #B0B0B0;
    margin-bottom: 5px;
}

#team-reqs .wrapper .line p.value {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
}

#team-reqs .wrapper {
    position: relative;
}

#team-reqs .wrapper .flow-bg {
    left: 50%;
    transform: translateX(516px);
    top: -212px;
    position: absolute;
    display: block;
}

#team-middle-ex {
    padding-top: 30px;
}

#team-middle-ex .tabs {
    margin-bottom: 40px;
}

#team-middle-ex .people {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
}

#team-middle-ex .people .imgWrapper {
    position: relative;
    flex: none;
}

#team-middle-ex .people .imgWrapper .flow-svg {
    position: absolute;
    bottom: -40px;
    left: -85px;
}

#team-middle-ex .people .imgWrapper .img {
    overflow: hidden;
    border-radius: 30px;
}

#team-middle-ex .people .imgWrapper .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#team-middle-ex .people h4 {
    font-weight: 700;
    color: #000000;
    margin-bottom: 30px;
}

#team-middle-ex .people blockquote {
    padding-left: 60px;
    font-style: italic;
    font-weight: 400;
    color: #000000;
    position: relative;
}

#team-middle-ex .people blockquote:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    flex: none;
    background: url(/src/media/about/blockquote.svg) center center/cover no-repeat;
}


.fly-minimenu {
    background: #F5F5F5;
    padding: 12px;
    position: sticky;
    z-index: 9;
    top: 0;
    box-shadow: 0 1px 8px 2px #d2d2d2;
}

.fly-minimenu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fly-minimenu ul li {
    padding: 0;
    padding-bottom: 5px;
    transition: 0.15s all;
    border-bottom: 3px solid transparent;
}

.fly-minimenu ul li a {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    color: #B9B9B9;
    padding: 15px 0 10px 0;
    display: block;
    text-decoration: none;
}

.fly-minimenu ul li:hover {
    border-bottom: 3px solid var(--primary-purple-1);
}

.fly-minimenu ul li:hover a {
    color: var(--primary-purple-1);
}

.fly-minimenu ul li.active {
    border-bottom: 3px solid var(--primary-purple-1);
    color: var(--primary-purple-1);
}

#subtext {
    padding: 60px 0;
}

#subtext p {
    max-width: 770px;
    margin: 0 auto;
    font-weight: 700;
    font-size: 21px;
    line-height: 42px;
    text-align: center;
    color: #000000;
}


.header-top button.burger {
    width: 40px;
    height: 40px;
    flex: none;
    background: var(--primary-purple-1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 9999px;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.15s all;
}

.header-top button.burger span {
    height: 1px;
    width: 18px;
    background-color: #fff;
}

.header-top button.burger:hover {
    background: var(--primary-purple-2);
}

.header-top button.burger:active {
    transform: scale(0.95);
}

.header-top button.burger {
    display: none;
}

@media (max-width: 1280px) {
    #team .vacancies .img {
        width: 300px;
    }

    #team .vacancies .info {
        width: calc(100% - 330px);
    }

    #team .vacancies .img img {
        object-fit: cover;
    }

    #team .vacancies {
        padding: 40px 15px;
    }

    #team .vacancies .swiper-slide .top .logo {
        width: 55px;
    }
}

@media (max-width: 992px) {
    #menu-layout {
        display: none;
    }

    header .header-top {
        padding: 0;
    }

    header .header-top button.burger {
        display: flex;
    }

    header .header-top .socials {
        display: none;
    }

    header .header-top .lang {
        display: none;
    }

    header .header-top .login {
        display: none;
    }

    header .header-top .button-1 {
        display: none;
    }

    header {
        top: 10px;
    }

    .fly-menu .menu {
        width: 320px;
        padding: 10px 20px 180px 20px;
    }

    .fly-menu .menu .top {
        flex-wrap: wrap;
        margin-bottom: 20px;
        gap: 20px;
    }

    .fly-menu .menu .top .logo {
        max-width: 105px;
        margin-right: auto;
    }

    .fly-menu .menu .top .contacts {
        order: 3;
        width: 100%
    }

    .fly-menu .menu .middle {
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 20px;
    }

    .fly-menu .menu .middle .actions {
        width: 100%;
    }

    .fly-menu .menu .bottom nav > ul > li > div > a {
        font-size: 21px;
        line-height: 30px;
    }

    .fly-menu .menu .bottom li {
        margin-bottom: 12px;
    }

    .fly-menu .menu .bottom li div {
        gap: 12px;
    }

    .fly-menu .menu .top .phone {
        width: 30px;
        height: 30px;
    }

    .fly-menu .menu .top .phone svg {
        width: 17px;
    }

    .fly-menu .menu .top .close svg {
        width: 30px;
    }

    .header-top button.burger span {
        width: 15px;
    }

    #promo-block .swiper-slide .content {
        align-items: flex-start;
        padding: 110px 0;
    }

    #promo-block .swiper-slide .content .title {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 20px;
    }

    #promo-block .swiper-slide .content .description {
        font-size: 18px;
        line-height: 28px;
    }

    #promo-block .swiper-slide .content .actions {
        flex-wrap: wrap;
    }

    #promo-block .swiper-slide .content .actions a.button-1 {
        font-size: 18px;
        line-height: 25px;
        padding: 15px 30px;
    }

    .play-btn {
        box-shadow: 0px 0px 0px 10px rgb(217 217 217 / 20%) !important;
        width: 55px;
        height: 55px;
    }

    .f-play {
        gap: 25px;
    }

    .play-btn svg {
        width: 18px;
    }

    .actions .f-play p {
        max-width: 190px;
        font-size: 12px;
        line-height: 16px;
    }

    #promo-block {
        height: auto;
        border-radius: 0px 0px 50px 50px;
    }

    #promo-block .swiper .swiper-pagination {
        bottom: 60px;
        gap: 30px;
    }

    .star-big {
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
        display: flex;
    }

    #tariffs {
        padding: 60px 0 0;
    }

    #tariffs h2 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #tariffs p.descr {
        font-size: 16px;
        line-height: 30px;
    }

    #tariffs .title-block {
        margin: 0 auto 40px;
    }

    #tariffs .swiper {
        padding: 0 0 60px 0;
    }

    #tariffs .swiper-button-next, #tariffs .swiper-button-prev {
        display: none;
    }

    #tariffs .item:hover {
        box-shadow: none;
    }

    #tariffs .item {
        padding: 20px;
    }

    #tariffs .item .badge {
        top: 0px;
    }

    #tariffs .item .img {
        max-height: none;
    }

    #tariffs .fea {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #tariffs .fea .block {
        padding: 30px 20px;
    }

    #tariffs .fea .block p.title {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    #tariffs .fea .block p.descr {
        font-size: 16px;
        line-height: 22px;
    }

    .birthday-page .tabs,#tariffs ul.tabs  {
        justify-content: start;
    }

    #main-page-video {
        border-radius: 0px 0px 50px 50px;
    }

    #main-page-video .wrapper {
        padding: 0 15px;
        margin-top: 70px;
        margin-bottom: 60px;
    }

    #main-page-video .wrapper .play-btn {
        margin: 0 auto 50px;
    }

    #main-page-video .wrapper p.title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #main-page-video .wrapper p.descr {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    section#amusements .wrapper {
        flex-wrap: wrap;
    }

    section#amusements .bg-img {
        position: relative;
        top: 0;
        left: 0;
        z-index: 5;
        transform: none;
        width: 100%;
        margin: 0 auto;
        display: block;
        max-width: 400px;
    }

    section#amusements .repart .line {
        display: none;
    }

    .amusements-swiper {
        display: none;
    }

    .amusements-swiper-2 {
        display: none;
    }

    section#amusements .amusements-swiper-mobile {
        display: block;
    }

    section#amusements .repart {
        width: 100%;
        display: block;
    }

    section#amusements .swiper-pagination {
        position: relative;
        left: 50%;
        display: flex;
        transform: translateX(-50%);
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 30px;
        top: 0;
        margin-top: 20px;
    }

    section#amusements .repart .am-swiper .swiper-slide {
        border-radius: 150px;
    }

    section#amusements .wrapper .information {
        padding-left: 0;
        margin-top: 60px;
        margin-bottom: 40px;
    }

    section#amusements .information p.title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 20px;
    }

    section#amusements .information p.subtitle {
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    section#amusements .information ul li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    section#gallery {
        padding: 60px 0;
    }

    section#gallery .gallery-head {
        flex-wrap: wrap;
    }

    section#gallery .gallery-head .flow-img {
        margin-top: 0;
        width: 100%;
        margin: 0 auto;
    }

    section#gallery .gallery-swiper .swiper-slide {
        width: 200px;
    }

    section#gallery .gallery-swiper .swiper-slide.large {
        width: 350px;
    }

    section#gallery .gallery-swiper {
        height: 130px;
        margin-bottom: 20px;
    }

    section#gallery .gallery-swiper .swiper-slide .layer .icon {
        width: 40px;
        height: 40px;
    }

    section#gallery .gallery-swiper .swiper-slide .layer .icon svg {
        width: 20px;
    }

    section#gallery .gallery-head .swiper-block {
        width: 100%;
    }

    section#gallery .gallery-head .swiper-block p.title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 5px;
    }

    section#gallery .gallery-head .swiper-block p.subtitle {
        font-size: 21px;
        line-height: 29px;
        margin-bottom: 10px;
    }

    section#gallery .gallery-head .swiper-block .gallery-head-swiper p.text {
        font-size: 16px;
        line-height: 34px;
    }

    section#reviews {
        padding: 60px 0 0;
    }

    section#reviews .top {
        flex-wrap: wrap;
    }

    section#reviews .top p.title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    section#reviews .top p.title + div {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    section#reviews .top p.subtitle {
        font-size: 16px;
        line-height: 30px;
    }

    section#reviews .top p.subtitle + div {
        font-size: 16px;
        line-height: 30px;
    }

    section#reviews .reviews__swiper {
        margin-top: 40px;
    }

    section#reviews .reviews__swiper .reviews-swiper .swiper-wrapper {
        height: 245px;
    }

    section#reviews .reviews__swiper .swiper-slide .layer .icon {
        width: 40px;
        height: 40px;
    }

    section#reviews .reviews__swiper .swiper-slide .layer .icon svg {
        width: 20px;
    }

    section#reviews .reviews__swiper .reviews-swiper .swiper-pagination {
        column-gap: 20px;
        row-gap: 20px;
    }

    section#reviews .video-reviews {
        align-items: flex-start;
        gap: 20px;
    }

    section#reviews .video-reviews p {
        font-size: 18px;
        line-height: 25px;
    }

    footer .top {
        padding: 40px 0 0;
        border-radius: 50px 50px 0 0;
    }

    footer .top .wrap {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 40px;
        margin-bottom: 30px;
    }

    footer .top .wrap .block.subscribe {
        padding-top: 0;
    }

    footer .top .wrap .menus {
        gap: 55px;
    }

    footer .top .wrap p.title {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    footer .top .wrap nav a {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    footer .top .wrap .logo {
        max-width: 108px;
    }

    footer .top .wrap ul li {
        font-size: 16px;
        line-height: 22px;
    }

    footer .top .wrap .tel a {
        font-size: 16px;
        line-height: 22px;
    }

    footer .top .wrap p.text {
        font-size: 14px;
        line-height: 19px;
    }

    footer .bottom-wrap {
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
    }

    section#amusements .repart .am-swiper .swiper-slide {
        height: auto;
        justify-content: flex-start;
    }

    section#amusements .swiper-slide .bg {
        top: 0;
    }

    body.graduation-page #gallery {
        margin-bottom: 30px;
    }

    section#restaurant .wrapper {
        flex-direction: column;
    }

    .flow-svg {
        display: none;
    }

    section#restaurant .wrapper h2 {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 44px;
    }

    section#restaurant .wrapper p.subtitle {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    section#start {
        padding: 110px 0 40px;
        border-radius: 0px 0px 50px 50px;
    }

    body.graduation-page #start:after {
        display: none;
    }

    section#start h1 {
        font-size: 32px;
        line-height: 42px;
        margin-top: 20px;
        width: 100%;
        margin-bottom: 20px;
    }

    body.graduation-page p.subtitle {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .breadcrumbs ul li {
        padding-left: 0;
    }

    body.graduation-page .external-form .wrapper {
        flex-wrap: wrap;
        gap: 0px;
    }

    body.graduation-page .external-form .info-block {
        margin-top: 0;
    }

    body.graduation-page .external-form .wrapper > div {
        width: 100%;
        max-width: 600px;
    }

    body.graduation-page .external-form .counter-wrapper {
        gap: 20px;
        flex-wrap: wrap;
    }

    section#start .sub-wrapper p.subtitle {
        max-width: none;
        width: 100%;
        font-size: 18px;
        line-height: 28px;
    }

    section#start .sub-wrapper {
        margin-top: 0px;
        flex-wrap: wrap;
        gap: 30px;
    }

    #questions {
        padding: 0;
    }

    .tabs {
        gap: 15px;
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 20px;
    }

    .tabs::-webkit-scrollbar {
        height: 4px;
    }

    .tabs .tab {
        padding: 5px 15px;
        white-space: nowrap
    }

    .tabs .tab span {
        font-size: 16px;
        line-height: 22px;
    }

    #questions .wrapper {
        flex-wrap: wrap;
    }

    #questions .wrapper .info h3,
    #questions .wrapper .info .questions__title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #questions .wrapper .info p.subtitle {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    #questions .wrapper .info img {
        display: none;
    }

    #questions .wrapper .info {
        max-width: none;
    }

    .expand-list [data-expand] [data-expand-button] {
        padding: 10px 25px;
        gap: 20px;
    }

    .expand-list [data-expand] [data-expand-button] p {
        font-size: 18px;
        line-height: 26px;
    }

    .expand-list [data-expand] [data-expand-content] {
        padding: 0px 20px;
        margin-top: 20px;
        padding-bottom: 0px;
        font-size: 16px;
        line-height: 22px;
    }

    #questions .wrapper .faq-block .bottom p.text {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    #questions .wrapper .faq-block .bottom .phone-block a {
        font-size: 18px;
        line-height: 28px;
    }

    #questions .wrapper .faq-block .bottom .phone-block {
        gap: 15px;
    }

    #interesting .wrapper {
        flex-wrap: wrap;
        padding: 0;
    }

    #interesting .wrapper .image {
        width: 100%;
    }

    #interesting .wrapper .image .img-wrap {
        aspect-ratio: auto;
        max-height: 300px;
        margin: 0 auto;
    }

    #interesting .wrapper .content {
        width: 100%;
    }

    #interesting .wrapper .content h3,
    #interesting .wrapper .content .interesting__title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #interesting .wrapper .content p.subtitle {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 30px;
    }

    #interesting .wrapper .content .swiper-slide {
        height: auto;
    }

    #interesting .wrapper .content .swiper-slide .item {
        height: 100%;
    }

    #interesting .wrapper .content .swiper-control-wrapper .swiper-button-next {
        display: none;
    }

    #interesting .wrapper .content .swiper-control-wrapper .swiper-button-prev {
        display: none;
    }

    #interesting {
        margin-bottom: 60px;
    }

    #detail-content .wrapper .flow-img img {
        display: none;
    }

    #detail-content .wrapper {
        display: flex;
        flex-direction: column;
    }

    #detail-content {
        padding: 30px 15px;
    }

    #detail-content .detail-body .top .date p {
        font-size: 18px;
        line-height: 24px;
    }

    #detail-content .detail-body .top .date {
        gap: 10px;
    }

    a.back-link {
        font-size: 16px;
        line-height: 22px;
    }

    #mini-news {
        margin-bottom: 60px;
        padding: 0 15px;
    }

    #mini-news h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #contact-info .container > .wrapper {
        flex-direction: column-reverse;
        padding: 0;
    }

    #contact-info .container > .wrapper .map-block {
        width: 100%;
    }

    #contact-info .container > .wrapper .info-block {
        width: 100%;
    }

    #contact-info {
        padding-top: 60px;
        margin-bottom: 60px;
    }

    #contact-info .section .wrapper .icon-con {
        display: none;
    }

    #contact-info .wrapper h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #contact-info .section .wrapper .content p {
        font-size: 16px;
        line-height: 22px;
    }

    #contact-info .section .wrapper label.phone ~ a {
        font-size: 16px;
        line-height: 22px;
    }

    #contact-form .wrapper {
        flex-wrap: wrap;
        padding: 0;
    }

    #contact-form .wrapper .info {
        width: 100%;
    }

    #contact-form .wrapper form {
        width: 100%;
    }

    #contact-form .wrapper .info img {
        max-width: 200px;
        margin: 0 auto;
        display: none;
    }

    #contact-form .wrapper form {
        padding: 20px;
    }

    #contact-form .wrapper h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #contact-form .wrapper p.subtitle {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 30px;
    }

    body.cafe-page section#gallery {
        margin-bottom: 60px;
    }

    #cafe .wrapper {
        padding: 0 15px;
        flex-wrap: wrap;
    }

    #cafe .cafe-swiper {
        width: 100%;
    }

    #cafe .cafe-swiper .swiper-slide {
        border-radius: 30px;
        overflow: hidden;
    }

    #cafe .cafe-swiper .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #cafe .cafe-swiper .swiper-pagination {
        justify-content: center;
    }

    #cafe .info h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #cafe .info p.text {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    #cabinet .top {
        overflow: auto;
        padding: 0 10px 20px 10px;
        gap: 0;
    }

    #cabinet .top::-webkit-scrollbar {
        height: 4px;
    }

    #cabinet .cabinet-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding: 0 15px;
    }

    #cabinet .cabinet-grid > div {
        grid-column: auto;
    }

    #cabinet .top a {
        font-size: 16px;
        line-height: 22px;
    }

    #cabinet .main-info h4 {
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    #cabinet .main-info .field p, #cabinet .main-info .field.phone a {
        font-size: 16px;
        line-height: 22px;
    }

    #cabinet .main-info .field.email a {
        font-size: 16px;
        line-height: 22px;
    }

    #cabinet .main-info a.edit-link {
        font-size: 16px;
        line-height: 22px;
    }

    #cabinet .bonuses h4 {
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    #cabinet .bonuses p.descr {
        font-size: 16px;
        line-height: 28px;
    }

    #cabinet .bonuses .field-line {
        flex-wrap: wrap;
        gap: 20px;
    }

    #cabinet .bonuses .bonus-field .bonus-counter {
        flex: none;
    }

    #cabinet .bonuses .bonus-field {
        flex-wrap: wrap;
    }

    #cabinet .bonuses .bonus-fired {
        width: 100%;
    }

    #cabinet .bonuses .field-line p {
        font-size: 16px;
        line-height: 22px;
    }

    #cabinet .bonuses .bonus-field p {
        font-size: 16px;
        line-height: 22px;
    }

    #cabinet .bonuses a.bonus-instruction {
        font-size: 16px;
        line-height: 22px;
    }

    #cabinet .main-info {
        padding: 20px;
    }

    #cabinet .bonuses {
        padding: 20px;
    }

    #cabinet .childrens {
        padding: 20px;
    }

    #cabinet .childrens h4 {
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    #cabinet .childrens .wrapper {
        gap: 20px;
        flex-wrap: wrap;
    }

    .adaptive-table table.ui-table thead {
        display: none;
    }

    .adaptive-table table.ui-table tbody tr {
        display: block;
        padding: 10px 0;
    }

    .adaptive-table table.ui-table tbody td {
        display: block;
        padding: 0 0 5px 0 !important;
    }

    .adaptive-table table.ui-table tbody tr td:first-child {
        padding: 0;
    }

    .adaptive-table table.ui-table tbody tr td:last-child {
        padding: 0 !important;
    }

    #cabinet .childrens .info {
        flex: 1 1 auto;
    }

    .scroll-table {
        overflow: auto;
        white-space: nowrap;
        margin-bottom: 20px;
    }

    .adaptive-table td b {
        display: block;
    }

    #cabinet .orders {
        padding: 20px;
    }

    #cabinet .childrens a.edit-link p {
        font-size: 16px;
        line-height: 22px;
    }

    #cabinet .childrens .children-add {
        padding: 20px;
    }

    #cabinet .childrens .children-add p {
        font-size: 16px;
        line-height: 22px;
    }

    #cabinet .childrens .children-add a {
        font-size: 16px;
        line-height: 22px;
    }

    #cabinet .orders a.orders-link {
        font-size: 16px;
        line-height: 22px;
    }

    #cabinet {
        padding: 40px 0;
    }

    #cabinet .profile-block {
        padding: 0 15px;
    }

    #cabinet .profile-info {
        padding: 20px;
        margin-bottom: 20px;
    }

    #cabinet .profile-wrap form .wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 5px;
    }

    #cabinet .profile-wrap form .avatar-block .action {
        font-size: 16px;
        line-height: 22px;
    }

    #cabinet .password-block {
        padding: 20px;
    }

    .input__wrapper label {
        margin-bottom: 0;
        font-size: 16px;
    }

    #cabinet .childrens-block {
        padding: 20px;
    }

    #cabinet .childrens-block .input__wrapper {
        order: 2;
    }

    form.start .wrapper .input__wrapper {
        flex: 1 0 300px;
    }

    form.start .summary {
        flex-wrap: wrap;
        gap: 20px;
    }

    form.start .summary .settings {
        width: 100%;
    }

    form.start .summary .settings .settings-wrapper {
        flex-wrap: wrap;
        gap: 15px;
    }

    form.start .summary .settings .settings-wrapper .counter-box {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    form.start .summary .summ {
        margin: 0 auto;
        font-size: 32px;
        line-height: 44px;
    }

    form.start .action {
        margin: 0 auto;
        padding: 10px;
    }

    form.start .summary .settings p.park-name {
        text-align: center;
        font-size: 24px;
        line-height: 30px;
    }

    form.start .summary .img {
        margin: 0 auto;
    }

    .counter-box label, .label-div {
        white-space: nowrap;
        font-size: 16px;
        line-height: 38px;
        margin-bottom: 0;
    }

    body.buy-ticket-page #start {
        margin-bottom: 100px;
    }

    body.birthday-page #tariffs {
        padding-top: 50px;
    }

    body.birthday-page #tariffs .title-block {
        margin-bottom: 20px;
    }

    section.park-rules .top-rules {
        padding: 40px 0;
    }

    section.park-rules .top {
        flex-wrap: wrap;
    }

    section.park-rules .top h2 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    section.park-rules .top p.subtitle {
        font-size: 16px;
        line-height: 30px;
    }

    section.park-rules .swiper {
        height: auto;
    }

    section.park-rules .top .img {
        height: auto;
        flex: 1 1 250px;
        max-width: 350px;
        margin: 0 auto;
        aspect-ratio: 1 / 1;
    }

    section.park-rules .bottom {
        margin-top: 40px;
        flex-wrap: wrap;
    }

    section.park-rules .bottom .block p.title {
        font-size: 26px;
        line-height: 32px;
    }

    ol {
        font-size: 16px;
        line-height: 26px;
    }

    section.park-rules .swiper .swiper-slide .wrap {
        gap: 15px;
    }

    section.park-rules .swiper .swiper-slide .wrap p.text {
        font-size: 16px;
        line-height: 22px;
    }

    section.park-rules .swiper .swiper-slide {
        padding: 20px;
    }

    section.park-rules .swiper .swiper-slide .wrap .num {
        width: 50px;
        height: 50px;
        font-size: 24px;
        line-height: 50px;
    }

    section.park-rules .bottom-rules {
        padding: 60px 0;
    }

    section.park-rules .bottom-rules h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    section.park-rules .bottom-rules .wrapper .item {
        flex: 1 1 300px;
        padding: 20px 50px 20px 20px;
        gap: 20px;
    }

    section.park-rules .bottom-rules .wrapper .item p.text {
        font-size: 16px;
        line-height: 24px;
    }

    section#admin-alert {
        padding: 40px 15px;
    }

    section#admin-alert p.text {
        font-size: 16px;
        line-height: 30px;
    }

    body.birthday-page section#gallery {
        margin-bottom: 100px;
    }

    #ex-elems .ex-elems-swiper .swiper-slide .icon {
        width: 50px;
        height: 50px;
    }

    #ex-elems .ex-elems-swiper .swiper-slide {
        padding: 20px;
    }

    #ex-elems .ex-elems-swiper .swiper-wrapper {
        height: auto;
    }

    #ex-elems {
        padding: 40px 15px;
    }

    #selector-gallery {
        margin-bottom: 40px;
    }

    #selector-gallery .wrapper {
        flex-wrap: wrap;
    }

    #selector-gallery .wrapper .selectors-block {
        max-width: none;
    }

    #selector-gallery .selector-gallery-swiper .swiper-slide .img {
        height: 130px;
    }

    #selector-gallery .photo-block .img {
        height: 100%;
    }

    #selector-gallery .photo-block {
        width: 100%;
    }

    #selector-gallery .wrapper .selectors-block h3,
    .pseudo-h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
        display: inline-block;
    }

    #selector-gallery .wrapper .selectors-block p.subtitle {
        font-size: 16px;
        line-height: 30px;
    }

    #video-content {
        margin-bottom: 100px;
        padding: 40px 0;
    }

    #video-content .wrapper {
        flex-wrap: wrap;
        gap: 20px;
    }

    #video-content .info {
        width: 100%;
    }

    #video-content .wrapper .img .flow-1 {
        display: none;
    }

    #video-content .wrapper .img .flow-2 {
        display: none;
    }

    #video-content .wrapper .img .flow-3 {
        display: none;
    }

    #video-content .wrapper .img .wrap {
        height: 100%;
    }

    #video-content .wrapper .img {
        max-width: none;
    }

    #video-content .wrapper .img .flow-svg {
        display: none;
    }

    #video-content .info h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #video-content .info p.subtitle {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #video-content .info .swiper-control-wrapper {
        padding: 20px;
    }

    #video-content .info .swiper-control-wrapper .f-play p {
        font-size: 16px;
        line-height: 24px;
    }

    #video-content .info .swiper-control-wrapper .swiper {
        padding: 10px;
    }

    #video-content .info .swiper-control-wrapper .swiper-button-next {
        top: 130%;
    }

    #video-content .info .swiper-control-wrapper .swiper-button-prev {
        top: 130%;
    }

    #selector-gallery .selector-gallery-swiper .swiper-slide p.title {
        font-size: 16px;
    }

    body.v-404-page #start .ex-wrapper {
        flex-wrap: wrap;
    }

    #login {
        padding: 40px 15px;
    }

    #login .wrapper {
        flex-wrap: wrap;
        gap: 20px;
    }

    #login .wrapper .info {
        width: 100%;
    }

    #login .wrapper form {
        width: 100%;
        padding: 20px;
    }

    #login .wrapper form .check-line {
        flex-wrap: wrap;
        gap: 15px;
    }

    #login .wrapper form .actions {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    #login .wrapper .info h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #login .wrapper .info p.descr {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #login .wrapper .info img {
        margin: 0 auto;
    }

    #mega-news {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 0 15px;
    }

    #mega-news .news-list .news-item p.text {
        font-size: 16px;
        line-height: 22px;
    }

    #mega-news .news-list .news-item {
        padding: 20px;
    }

    .pagination .pages {
        flex-wrap: wrap;
    }

    /* .pagination .page:nth-child(3), .pagination .page:nth-child(4), .pagination .page:nth-child(5) {
        display: none;
    } */
    section#start-custom {
        border-radius: 0px 0px 50px 50px;
        margin-bottom: 100px;
        padding-top: 110px;
    }

    section#start-custom h1 {
        font-size: 32px;
        line-height: 42px;
        margin-top: 20px;
        width: 100%;
        margin-bottom: 20px;
    }

    section#start-custom > .container {
        padding: 0 15px;
    }

    section#start-custom p.subtitle {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    section#start-custom .start-bottom {
        margin-top: 40px;
        padding: 40px 15px;
    }

    section#start-custom .start-bottom .wrapper {
        flex-wrap: wrap;
    }

    section#start-custom .start-bottom .infoblock p.title {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 20px;
    }

    section#start-custom .start-bottom .infoblock p.descr {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    section#start-custom .start-bottom .infoblock .info img {
        width: 100%;
    }

    section#start-custom .start-bottom .pay-block {
        padding: 20px;
    }

    section#start-custom .start-bottom .pay-block p.title {
        font-size: 18px;
        line-height: 25px;
    }

    section#start-custom .start-bottom .pay-block p.descr {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    body.order-success-v2-page #start .sub-wrapper .success-img {
        max-width: 400px;
        margin-top: 0;
        margin: 0 auto;
    }

    body.order-success-v2-page #start .sub-wrapper .success-img img {
        width: 100%;
    }

    body.order-success-page #start .sub-wrapper {
        gap: 20px;
        flex-wrap: wrap
    }

    body.order-success-page #start .sub-wrapper .success-badge {
        margin-top: 0;
        width: 100px;
        height: 100px;
    }

    body.order-success-page #start .sub-wrapper .success-badge svg {
        width: 40px;
    }

    #features-v2 {
        margin-bottom: 114px;
        padding: 0;
    }

    .hystmodal__window {
        padding: 70px 30px;
        border-radius: 30px;
    }

    .hystmodal__wrap {
        padding: 20px;
    }

    .hystmodal__close {
        width: 15px;
        height: 15px;
        top: 30px;
        right: 30px;
    }

    .hystmodal__content h3 {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .hystmodal__content p.subtitle {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .hystmodal__content p.text {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 30px;
    }

    .hystmodal__content .frame {
        padding: 20px;
    }

    .hystmodal__content .qr-bg {
        width: 100%;
    }

    #registration {
        padding: 40px 15px;
    }

    #registration .wrapper {
        flex-wrap: wrap;
        gap: 20px;
    }

    #registration .wrapper .info {
        width: 100%;
    }

    .form-wrapper {
        width: 100%;
        padding: 20px
    }

    #registration .wrapper .info h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #registration .wrapper .info p.descr {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #registration .wrapper .info img {
        margin: 0 auto;
    }

    #registration .wrapper form .actions {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    #video-reviews {
        margin-top: 0px;
        margin-bottom: 100px;
        padding: 0;
    }
    #video-reviews .wrapper .info {
        width: 100%;
    }

    #video-reviews .wrapper .reviews-action {
        width: 100%;
    }

    #video-reviews .wrapper .reviews-action .tabs-top {
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 10px;
    }

    #video-reviews .wrapper .info h3,
    #video-reviews .wrapper .info .video-reviews__block-title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #video-reviews .wrapper .info p.subtitle {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #video-reviews .wrapper .info p.subtext {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #video-reviews .wrapper .reviews-action .swiper-control-wrapper .f-play p span.name {
        font-size: 16px;
        line-height: 24px;
    }

    #video-reviews .wrapper .reviews-action .swiper-control-wrapper .f-play p span.city {
        font-size: 16px;
        line-height: 22px;
    }

    #video-reviews .wrapper .reviews-action .swiper-control-wrapper .swiper-button-next {
        top: 130%;
    }

    #video-reviews .wrapper .reviews-action .swiper-control-wrapper .swiper-slide {
        padding: 15px 30px;
    }

    #video-reviews .wrapper .reviews-action .swiper-control-wrapper .swiper-button-prev {
        top: 130%;
    }

    #mega-stocks {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 0 15px;
    }

    #mega-stocks .stocks-list {
        gap: 20px;
    }

    .fly-minimenu {
        display: none;
    }

    #features-v2 .fea {
        margin-bottom: 0;
    }

    #about-block {
        padding: 20px 0;
    }

    #about-block .wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #about-block .img .img-wrap {
        max-height: 350px;
    }

    #about-block h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #about-block p.subtitle {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #children-growth {
        margin-bottom: 40px;
        padding: 0;
    }

    #children-growth h3,
    #children-growth .marker-id {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #children-growth .item, #vacancy-teasers .item {
        padding: 30px 20px;
    }

    #children-growth .item h4,
    .pseudo-h4 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    #children-growth .item p.text, #vacancy-teasers .item p.text {
        font-size: 16px;
        line-height: 22px;
    }

    #privilege {
        margin-bottom: 40px;
        padding: 0;
    }

    #privilege h3,
    .privilege__title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #privilege .wrapper .title {
        font-size: 21px;
        line-height: 26px;
        gap: 10px;
    }

    #privilege .wrapper .title svg {
        width: 25px;
    }

    #privilege .wrapper ul li {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 20px;
    }

    #avatariya-line-anim {
        margin-bottom: 40px;
    }

    #our-parks {
        margin-bottom: 40px;
        padding: 0;
    }

    #our-parks .wrapper {
        gap: 20px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #our-parks h3,
    #our-parks .our-parks__title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #our-parks p.subtitle {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #our-parks .item .img {
        aspect-ratio: auto;
        margin-bottom: 10px;
        max-height: 200px;
    }

    #our-parks .item .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #our-parks .item p.title {
        font-size: 16px;
        line-height: 22px;
    }

    #history {
        padding: 40px 15px;
        margin: 0 -15px;
    }

    #history .history-swiper-wrapper .swiper-pagination {
        display: none;
    }

    #history .history-swiper-wrapper .container.navigation {
        margin-bottom: 0;
        margin-top: 20px;
    }

    #history h3,
    #history .history__title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #history .history-swiper-wrapper .container {
        padding-top: 0;
        margin-top: 0;
    }

    #history .history-swiper .swiper-slide .wrapper {
        gap: 20px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #history .history-swiper .swiper-slide .img {
        margin-top: 0;
    }

    #history .history-swiper .swiper-slide h4,
    #history .history-swiper .swiper-slide .history-swiper__park-title {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 20px;
    }

    #history .history-swiper .swiper-slide p.text {
        font-size: 16px;
        line-height: 30px;
    }

    #team .top-info {
        padding: 40px 15px;
    }

    #team .top-info .wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 20px;
    }

    #team .top-info .img {
        overflow: hidden;
        max-width: 320px;
        margin: 0 auto;
    }

    #team .top-info .info h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #team .top-info .info p.text {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #team .middle-gallery {
        border-radius: 50px 50px 0px 0px;
    }

    #team .middle-ex {
        padding: 20px 15px 0;
    }

    #team .middle-ex .tabs {
        margin-bottom: 20px;
    }

    #team .middle-ex .people {
        flex-wrap: wrap;
        gap: 20px;
    }

    #team .middle-ex .people .imgWrapper {
       width: 100%;
       max-width: 300px;
    }

    #team .middle-ex .people h4 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    #team .middle-ex .people blockquote {
        padding-left: 30px;
        font-size: 18px;
        line-height: 30px;
    }

    #team .middle-ex .people blockquote:before {
        width: 20px;
        height: 20px;
    }

    #team .descr-block {
        padding: 0 15px;
    }

    #team .descr-block p {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
    }

    #team .animators {
        margin-bottom: 40px;
        padding: 0 15px;
    }

    #team .animators h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #team .animators .swiper-pagination {
        flex-wrap: wrap;
        margin-top: 20px;
        gap: 20px;
    }

    #team .animators .swiper-button-next {
        display: none;
    }

    #team .animators .swiper-button-prev {
        display: none;
    }

    #team .vacancies .wrapper {
        display: block;
    }

    #team .vacancies .info {
        width: 100%;
    }

    #team .vacancies h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #team .vacancies p.subtitle {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #team .vacancies .img {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 20px;
    }

    #team .vacancies .swiper-slide {
        padding: 20px;
    }

    #team .vacancies .swiper-slide .top {
        flex-wrap: wrap;
    }

    #team .vacancies .swiper-slide .bottom p.descr {
        font-size: 16px;
        line-height: 24px;
    }

    #team .not-found-vac {
        padding: 40px 15px;
    }

    #team .not-found-vac h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #team .not-found-vac p.subtitle {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #team .reqs {
        padding: 40px 15px;
    }

    #team .reqs h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #team .reqs p.subtitle {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #team .reqs .img {
        width: 100%;
        max-height: 300px;
        border-radius: 30px;
        overflow: hidden;
    }

    #team .reqs .wrapper .block {
        margin-top: 40px;
    }

    #team .reqs .wrapper .line p.value {
        font-size: 16px;
        line-height: 22px;
    }

    #team .reqs .wrapper .line {
        margin-bottom: 10px;
    }

    #team .middle-gallery .swiper-pagination {
        bottom: 20px;
    }

    #team .top-info .img img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    #subtext {
        padding: 40px 15px;
    }

    #subtext p {
        font-size: 18px;
        line-height: 30px;
    }
}

#photogallery_form {
    display: flex;
}


@media (max-width: 991px) {
    header {
        position: fixed;
        top: 0px;
        box-shadow: 0 0 2px 2px #00000069;
        z-index: 10;
        width: 100%;
        padding: 8px 0;
        background: var(--primary-purple-1);
    }

    header .header-top {
        margin-bottom: 0;
    }

    header .with-drop {
        padding: 5px 0;
    }

    header .header-top .logo {
        max-width: 82px;
        margin-right: 30px;
    }

    header .header-top .wrap-holder {
        display: none;
    }
}

@media (max-width: 768px) {
    .header-top button.burger {
        width: 30px;
        height: 30px;
    }

    #mini-news .news-item {
        padding: 20px;
    }

    #mini-news .mini-news-list {
        gap: 20px;
    }

    #mini-news .news-item p.text {
        font-size: 18px;
        line-height: 24px;
    }

    #mini-news .news-item .date {
        font-size: 16px;
        line-height: 22px;
    }

    #mini-news .news-item .img {
        aspect-ratio: 2 / 1.2;
    }

    #features-v2 .fea .block {
        padding: 25px 20px 40px;
    }

    #mega-stocks .stocks-list .stocks-item p.text {
        font-size: 16px;
        line-height: 24px;
        -webkit-line-clamp: 3;
    }

    #mega-stocks .stocks-list .stocks-item .date {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    #mega-stocks .stocks-list .stocks-item {
        padding: 20px;
    }

    #team .reqs .wrapper {
        display: block;
    }

    #team .reqs .wrapper > div {
        width: 100%;
    }
}

@media (max-width: 678px) {
    #cabinet .childrens-block .item {
        flex-direction: column;
        gap: 0;
    }

    #cabinet .childrens-block .item .delete-child {
        margin-left: auto;
        order: 1;
        width: 40px;
        height: 40px;
        margin: 0 0 -40px auto;
        position: relative;
        z-index: 10;
    }

    #features-v2 .fea {
        gap: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #features-v2 .fea .block p.descr {
        font-size: 16px;
        line-height: 24px;
    }

    #children-growth .item-list, #vacancy-teasers .item-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 20px;
    }

    #privilege .wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 20px;
    }
}

@media (max-width: 550px) {
    #mini-news .mini-news-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #mega-news .news-list {
        gap: 20px;
    }

    #mega-news .news-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #cabinet .childrens-block .actions {
        flex-direction: column-reverse;
    }

    #team .middle-gallery {
        border-radius: 0;
    }

    .price__wrapper {
        justify-content: start;
        gap: 10px;
    }

    #tariffs .item .title {
        font-size: 26px;
    }

     #tariffs .item .price {
        font-size: 24px;
    }

    #tariffs .item .actions button {
        font-size: 14px;
        padding: 10px 14px
    }
}

@media (max-width: 450px) {
    #mini-news .mini-news-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #mega-news .news-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    form.start .wrapper {
        gap: 0;
    }

    #features-v2 .fea {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #mega-stocks .stocks-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.swiper-scrollbar-container {
    position: relative;
    margin-top: 70px;
    width: 100%;
    padding: 0 15px;
}

.swiper-horizontal .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 50%;
    max-width: 815px;
    width: 100%;
    bottom: 0px;
    transform: translateX(-50%);
    z-index: 50;
    height: 29px;
    background-color: transparent;
}

.swiper-horizontal .swiper-scrollbar:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.swiper-scrollbar-drag {
    height: 29px !important;
    flex: none;
    position: relative;
    background: none;
    border-radius: 9999px;
    left: 0;
    z-index: 50;
    background-color: var(--primary-purple-1);
    cursor: grab;
}

@media (max-width: 880px) {
    footer .top .wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* footer .place-img {
        display: none;
    } */
}

@media (max-width: 620px) {
    footer .top .wrap {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}


.d-none {
    display: none;
}


body.order-v2-page section#start h1 {
    max-width: none;
    font-size: 42px;
    line-height: 45px;
}


#order-pay {
    padding: 60px 0;
    margin-bottom: 20px;
}

#order-pay .container {
    max-width: 970px;
}

#order-pay .pay-block {
    background: #F5F5F5;
    border-radius: 30px;
    padding: 30px;
}

#order-pay .pay-block:first-child {
    margin-bottom: 30px;
}

#order-pay .pay-block .pay-title {
    margin-bottom: 10px;
}

#order-pay .pay-block .pay-subtitle {
    margin-bottom: 20px;
}

body.order-v2-page footer .place-img {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(230px);
    width: 220px;
    z-index: 1;
}


.middle-ex .team-exmiddle-swiper-wrapper .container.navigation {
    padding-top: 0;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 60px;
    display: flex;
    gap: 30px;
    flex-direction: row-reverse;
    justify-content: flex-end;
    position: relative;
}

.middle-ex .team-exmiddle-swiper-wrapper .swiper-button-next {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
}

.middle-ex .team-exmiddle-swiper-wrapper .swiper-button-prev {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
}

@media (max-width: 768px) {
    .middle-ex .team-exmiddle-swiper-wrapper .container.navigation {
        margin-top: 0;
    }
}


#team-animators ul.tabs {
    margin-bottom: 40px;
}

#complex-about section.park-rules.rules-1 .top-rules {
    padding-bottom: 30px;
    margin: 0 -15px;
}

#complex-about section.park-rules.rules-2 .top-rules {
    padding-top: 30px;
    margin: 0 -15px;
}

section.park-rules.rules-2 .bottom {
    margin-top: 0;
}

#detail-content article {
    font-size: 18px;
    line-height: 34px;
    font-weight: 400;
}

article div.img {
    width: 100%;
    margin-bottom: 40px;
    border-radius: 10px;
    overflow: hidden;
}

article div.img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 450px) {
    article div.img {
        height: 200px;
    }
}


#detail-content article p:not([class]) {
    margin-bottom: 30px;
}

#detail-content article ul:not([class]) {
    margin-bottom: 30px;
}

#detail-content article ol:not([class]) {
    margin-bottom: 30px;
}

#detail-content article blockquote:not([class]) {
    background: #FDE9F4;
    border-radius: 20px;
    padding: 30px;
    font-style: italic;
    font-weight: 400;
    font-size: 21px;
    line-height: 34px;
    margin-bottom: 30px;
}

#detail-content article h2:not([class]) {
    font-weight: 700;
    font-size: 42px;
    line-height: 52px;
    margin-bottom: 30px;
}

#detail-content article h3:not([class]),
#detail-content article .pseudo-h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 20px;
    display: block;
}

#detail-content article h4:not([class]) {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px;
}

#detail-content article h5:not([class]) {
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    margin-bottom: 20px;
}

#detail-content article h6:not([class]) {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}

@media (max-width: 678px) {
    #detail-content article blockquote:not([class]) {
        padding: 20px;
        font-size: 20px;
        line-height: 32px;
    }
}

.reviews__controls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 32px;
}

.reviews__controls .tabs {
    gap: 10px;
}

.reviews__controls p.title {
    margin-bottom: 0 !important;
}

@media (max-width: 991px) {
    .reviews__controls .tabs {
        padding-bottom: 0;
    }

    #team-vacancies .img {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
        border-radius: 20px;
        overflow: hidden;
        height: 100%;
    }

    #team-vacancies .img img {
        display: block;
        width: 100%;
    }
}


@media (max-width: 1280px) {
    #restaurant .swiper-control-wrapper {
        padding-bottom: 80px;
    }

    #restaurant .swiper-button-prev {
        top: auto;
        bottom: 0;
        left: 0;
    }

    #restaurant .swiper-button-next {
        top: auto;
        bottom: 0;
        left: 60px;
    }
}

@media (max-width: 991px) {
    #restaurant .swiper-control-wrapper {
        padding: 0 0 80px 0;
    }

    #restaurant .swiper-button-prev {
        left: 15px;
    }

    #restaurant .swiper-button-next {
        left: 75px;
    }
}

section#restaurant .restaurant-swiper .swiper-slide {
    user-select: none;
}

section#restaurant .restaurant-swiper .swiper-slide .layer {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s all;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
}

section#restaurant .restaurant-swiper .swiper-slide .layer .icon {
    width: 70px;
    height: 70px;
    flex: none;
    background: var(--primary-purple-1);
}

section#restaurant .restaurant-swiper .swiper-slide .img:hover .layer {
    opacity: 1;
    visibility: visible;
}


#tariffs ul.tabs {
    padding: 0 20px;
}

@media (max-width: 991px) {
    #tariffs ul.tabs {
        padding: 0 20px 10px;
        margin-bottom: 40px;
    }
}

.reviews-action .section {
    position: relative;
}

.reviews-action .section .flow-svg {
    position: absolute;
    transform: rotate(-75deg);
    right: -78px;
    bottom: -88px;
}


.animators-swiper .swiper-slide .layer {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s all;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
}

.animators-swiper .swiper-slide .layer .icon {
    width: 50px;
    height: 50px;
    flex: none;
    background: var(--primary-purple-1);
}

.animators-swiper .swiper-slide .layer .icon svg {
    width: 26px;
    height: 26px;
}

.animators-swiper .swiper-slide .img-wrapper:hover .layer {
    opacity: 1;
    visibility: visible;
}


section {
    position: relative;
}


.rules-image-flow-1 {
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translate(-266%, 0%);
}

#children-growth {
    position: relative;
}

.tizers-image-flow-1 {
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translate(146%, -13%);
}

.tizers-image-flow-2 {
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translate(-264%, 63%);
}


.alert {
    padding: 20px 40px 20px 20px;
    width: 100%;
    max-width: 700px;
    border-radius: 20px;
    background: #F5F5F5;
    margin-bottom: 20px;
    position: relative;
    height: 100%;
}

.alert p.title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 8px;
}

.alert p.text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;

}

.alert span.close-icon {
    position: absolute;
    padding: 6px;
    top: 20px;
    right: 20px;
    display: flex;
    cursor: pointer;
    transition: 0.15s all;
}

.alert span.close-icon svg {
    width: 12px;
    height: 12px;
}

.alert span.close-icon:active {
    transform: scale(0.8);
}

.alert.success {
    background: #E5F6EB;
}

.alert.failure {
    background: #FDECF0;
}

.alert.default p.text {
    color: #B0B0B0;
}


.vacancies .show-detail {
    color: var(--primary-purple-1);
    padding: 0;
    padding-bottom: 2px;
    border: none;
    border-bottom: 1px dashed var(--primary-purple-1);
    font-size: 16px;
    margin-top: 5px;
    background: none;
    outline: none;
    cursor: pointer;
}

.vacancies .descr {
    max-height: 200px;
    overflow: hidden;
    line-height: 22px;
    font-size: 16px;
}

.vacancies .descr p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 22px;
}

.vacancies .descr li {
    font-size: 16px;
    line-height: 22px;
}

.vacancies .descr.detailed {
    max-height: none;
}

.vacancies .descr b {
    margin: 10px 0;
    display: inline-block;
}


#team-reqs .block {
    max-width: 500px;
}

#team-reqs .block .tabs {
    overflow: auto;
    flex-wrap: nowrap;
    max-width: 100%;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#team-reqs .block .tabs span {
    white-space: nowrap;
}


#team-reqs .reqs-swiper {
    overflow: hidden;
    margin: 0 60px;
}

#team-reqs .reqs-swiper .swiper-wrapper {
    padding: 0;
    margin: 0;
}

#team-reqs .reqs-swiper .tab {
    width: auto;
}

#team-reqs .block .reqs-swiper .tabs {
    gap: 0;
    overflow: visible;
}

#team-reqs .reqs-swiper-container {
    position: relative;
    margin-bottom: 30px;
}

#team-reqs .swiper-button-next {
    right: 0;
}

#team-reqs .swiper-button-prev {
    left: 0;
}

@media (max-width: 768px) {
    #team-reqs .reqs-swiper {
        margin: 0 50px;
    }

    #team-reqs .wrapper, #team-vacancies .wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    #team-reqs .wrapper > div {
        width: 100%;
    }

    #team-vacancies .swiper-control-wrapper .actions {
        justify-content: center;
    }

    #team-vacancies .swiper-control-wrapper .swiper-button-next {
        margin: 0;
    }

    #team-top-info .wrapper {
        display: block;
    }
}

.datepicker .input-icon {
    background: url(/local/templates/avatariya-uz/src/styles/../media/forms/date-icon.svg) center center/cover no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 50%;
    left: 20;
    transform: translateY(-50%);
    right: 22px;
    pointer-events: none;
}


ul li::marker {
    display: none;
}

.vacancies .descr ul li::before {
    content: '';
    background: url(/local/templates/avatariya-uz/src/styles/../media/star.svg);
    width: 10px;
    height: 10px;
    left: 0;
    display: block;
    position: absolute;
    top: 6px;
}

ul.star-dotted li {
    margin-bottom: 10px;
}

ul.star-dotted li::before {
    content: '';
    background: url(/local/templates/avatariya-uz/src/styles/../media/star.svg);
    width: 10px;
    height: 10px;
    left: 0;
    display: block;
    position: absolute;
    top: 6px;
}

#qr-docs {
    margin-top: 40px;
    margin-bottom: 240px;
}

#qr-docs .wrapper {
    width: 100%;
    padding: 40px;
    border-radius: 30px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    justify-content: space-around;
    border: 1px solid rgb(235, 235, 235);
}

#qr-docs .wrapper p.title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

#qr-docs .wrapper img {
    width: 100%;
    max-width: 241px;
    height: 238;
    margin: 0 auto;
    display: block;
}


@media (max-width: 991px) {
    .fea .swiper-button-next, .fea .swiper-button-prev, #animators_container .swiper-button-next, #animators_container .swiper-button-prev {
        display: none;
    }

    #qr-docs {
        margin-bottom: 40px;
    }
}

/*new faq*/
.faq-drop {
    position: relative;
    cursor: pointer;
}

.faq-drop svg {
    display: block;
}

.faq-drop__drop {
    z-index: 10;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
    width: 220px;
    padding-top: 10px;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.15s ease, opacity 0.15s ease;
}

.faq-drop._active .faq-drop__drop {
    opacity: 1;
    visibility: visible;
}

.faq-drop__container {
    cursor: default;
    position: relative;
    max-height: 200px;
    overflow: auto;
    padding: 20px 40px 20px 20px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
}

.faq-drop__close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.faq-drop__close::after, .faq-drop__close::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 1px;
    background: #000;
}

.faq-drop__close::after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.faq-drop__close::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.faq-drop__text {
    line-height: 14px;
    color: #000;
    color: var(--text-color);
    font-size: 12px;
    font-weight: 400;
}

.faq-drop svg circle {
    transition: fill 0.15s ease;
    fill: transparent;
}

.faq-drop svg path {
    transition: fill 0.15s ease;
}

.faq-drop._active svg circle {
    fill: #fff;
}

.faq-drop._active svg path {
    fill: #000;
}

.label-div > label {
    margin-bottom: 0;
}

/*calendar*/
.ui-widget.ui-widget-content {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
    border: 0;
    padding: 20px;
    width: 300px;
}

.ui-datepicker .ui-datepicker-header {
    border: 0;
    background-color: transparent;
    padding: 0;
    margin: 0px 0px 10px 0px;
}

.ui-datepicker .ui-datepicker-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 30px;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: 20px;
    height: 20px;
    border-color: var(--primary-purple-1);
    border: var(--primary-purple-1) 2px solid;
    border-radius: 50%;
    top: 50%;
    transform: translate(0, -50%);
    background: transparent;
    transition: background 0.15s ease;
}

.ui-widget-header .ui-icon {
    margin: 0;
    position: static;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNTcwMzEgMS44ODg2N0w4LjY4MTQyIDguOTk5NzhMMS41NzAzMSAxNi4xMTA5IiBzdHJva2U9IiNFQzFFOEUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") center center / 5px no-repeat;
    transition: background 0.15s ease;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover {
    background: var(--primary-purple-1);
    background: var(--primary-purple-1);
}

.ui-state-hover .ui-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNTcwMzEgMS44ODg2N0w4LjY4MTQyIDguOTk5NzhMMS41NzAzMSAxNi4xMTA5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.ui-datepicker .ui-datepicker-prev {
    transform: translate(0, -50%) rotate(180deg);
    left: 0;
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title > * {
    margin: 0 10px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    border-radius: 50px;
    border: 1px solid #000;
    background: #FFF;
    padding: 5px 10px 5px 5px;
    font-size: 18px;
    line-height: 25px;
    width: auto;
    flex: 0 0 95px;
}

.ui-datepicker th {
    padding: 0 7.5px 10px;
}

.ui-datepicker th span {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}

.ui-widget-content .ui-datepicker-calendar td {
    padding: 0 5px 5px 0;
}

.ui-widget-content .ui-datepicker-calendar td:last-child {
    padding-right: 0;
}

.ui-widget-content .ui-datepicker-calendar td a, .ui-widget-content .ui-datepicker-calendar td span {
    background: #F5F5F5;
    border: 0;
    font-size: 18px;
    line-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-widget-content .ui-datepicker-calendar td .ui-state-active {
    color: #ffffff;
    background: var(--primary-purple-1);
    background: var(--primary-purple-1);
}

/*edits*/
#cabinet .cabinet-gift .card .actions {
    flex-wrap: wrap;
}

#cabinet .cabinet-gift .card button {
    margin-bottom: 5px;
}

.fea .swiper-pagination .star-big {
    margin-right: 7.5px;
    margin-left: 7.5px;
}

#history .history-swiper .swiper-slide .inner-img {
    height: 154px;
}

#history .history-swiper .swiper-slide .img .outside-1-1 {
    width: 110px;
    height: 75px;
    border-radius: 10px;
}

#history .history-swiper .swiper-slide .img .outside-2-2 {
    width: 83px;
    height: 57px;
    border-radius: 10px;
    transform: translate(139px, 72px);
}

#team-top-info .img {
    margin-bottom: 40px;
}

#team-top-info .img img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    display: block;
}

#team-top-info .info h3,
#team-top-info .info .team-top-info__title {
    font-size: 26px;
    line-height: 36px;
}

#team-top-info .info p.text {
    font-size: 16px;
    line-height: 30px;
}

#team-middle-ex .people .imgWrapper {
    width: 370px;
    max-width: 100%;
}

#team-middle-ex .people h4 {
    font-size: 21px;
    line-height: 34px;
}

#team-middle-ex .people blockquote {
    font-size: 20px;
    line-height: 32px;
}

/*mobile edits*/
.cabinet-gift-news-page a.back-link {
    margin-left: auto;
    margin-right: auto;
}

footer .place-img {
    right: 0;
}

.pagination {
    gap: 10px;
}

.pagination .pages {
    gap: 10px;
}

body #cabinet .cabinet-gift-news {
    padding: 30px 15px;
    margin: 0 15px;
}

/*page tnahk-pass*/
.thank-pass {
    margin: 0px 0px 30px 0px;
}

.thank-pass__container {
    background: #F5F5F5;
    padding: 40px 15px;
}

.thank-pass__head {
    font-size: 22px;
    line-height: 28px;
    margin: 0px 0px 20px 0px;
}

.thank-pass__head-arrrow {
    vertical-align: text-top;
    white-space: nowrap;
}

.thank-pass__form-item {
    margin-bottom: 20px;
}

.thank-pass__form-flex .thank-pass__form-item {
    margin: 0 0 20px;
}

.thank-pass__form-btn {
    margin-top: 40px;
}

.thank-pass__form-item-textarea {
    resize: vertical;
    width: 100%;
    border-radius: 30px;
    background: #FFF;
    border: 0;
    min-height: 144px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}

.thank-pass__form-item-label {
    display: block;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    margin: 0px 0px 10px 0px;
}

.select-custom {
    position: relative;
}

.select-custom__label {
    margin: 0px 0px 10px 0px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
}

.select-custom__main-item {
    background: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
}

.select-custom__main-item-text {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.select-custom__main-item-arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%);
}

.select-custom__main-item-arrow svg {
    display: block;
}

.select-custom__drop {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    transform: translate(0, 100%);
    max-width: 440px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}

.select-custom__drop-container {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
    padding: 13px 0;
    margin-top: 10px;
}

.select-custom__drop-item {
    cursor: pointer;
    padding: 7px 20px;
    background: transparent;
}

.select-custom__drop-item-text {
    font-size: inherit;
    line-height: inherit;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.select-custom__drop-item._active {
    background: #E9E9E9;
    cursor: default;
}

.select-custom._active .select-custom__drop {
    opacity: 1;
    visibility: visible;
}

/*thank pass number*/
.number-thank-pass {
}

.number-thank-pass__label {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    margin: 0px 0px 10px 0px;
}

.number-thank-pass__item {
    margin: 0 0 10px;
}

.number-thank-pass__container {
    border-radius: 50px;
    background: #FFF;
    padding: 7.5px 10px 8.5px 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.number-thank-pass__container > *:not(:last-child) {
    margin: 0px 10px 0px 0px;
}

.number-thank-pass__total {
    color: var(--primary-purple-1);
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
}

.number-thank-pass__name {
    font-size: 18px;
    line-height: 25px;
}

.number-thank-pass__input-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 100%;
    margin: 10px 0px 0px 0px;
}

.number-thank-pass__input, .number-thank-pass__input-prev, .number-thank-pass__input-next {
    border: 0;
    outline: 0;
    background: #F5F5F5;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
}

.number-thank-pass__input-prev, .number-thank-pass__input-next {
    background: var(--primary-purple-1);
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
}

.number-thank-pass__input-prev {
    margin: 0px 5px 0px 0px;
}

.number-thank-pass__input-next {
    margin: 0px 0px 0px 5px;
}

/*modal-conditions*/
#modal-conditions .hystmodal__window {
    max-width: 870px;
    border-radius: 0;
    padding: 70px 15px 0;
}

#modal-conditions .hystmodal__wrap {
    padding: 0;
}

.modal-conditions {
}

.modal-conditions__head {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    margin: 0px 0px 30px 0px;
}

.modal-conditions__container {
    background: #fff;
    padding: 30px 15px 70px;
    margin: 0 -15px;
}

.modal-conditions__text {
    margin: 0px 0px 20px 0px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.modal-conditions__text:last-child {
    margin-bottom: 0;
}

.modal-conditions__svg {
    vertical-align: middle;
}

.modal-conditions__svg svg {
    width: 40px;
    height: 40px;
}

.modal-conditions__text + .modal-conditions__small-text {
    margin-top: -20px;
}

.modal-conditions__small-text {
    line-height: 21px;
    font-size: 14px;
    font-weight: 400;
    margin: 0px 0px 20px 0px;
}

.modal-conditions__h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}

/*media*/
@media (min-width: 375px) {
    #history .history-swiper .swiper-slide .img {
        padding-bottom: 160px;
    }

    #history .history-swiper .swiper-slide .img .outside-1-1 {
        width: 153px;
        height: 105px;
    }

    #history .history-swiper .swiper-slide .img .outside-2-2 {
        width: 116px;
        height: 80px;
        transform: translate(172px, 72px);
    }

    .ui-widget.ui-widget-content {
        width: 320px;
    }
}

@media (min-width: 425px) {
    #history .history-swiper .swiper-slide .inner-img {
        height: 225px;
    }
}

@media (min-width: 768px) {
    .number-thank-pass__items {
        display: flex;
        margin: 0 -15px;
    }

    .number-thank-pass__item {
        margin: 0 15px;
        flex: 0 0 calc(50% - 30px);
    }

    #modal-conditions .hystmodal__wrap {
        padding: 20px;
    }

    #modal-conditions .hystmodal__window {
        padding: 80px 50px;
        border-radius: 60px;
    }

    .modal-conditions__container {
        padding: 30px;
        border-radius: 20px;
        margin: 0;
    }

    .modal-conditions__head {
        font-size: 28px;
        line-height: 36px;
    }

    .modal-conditions__h4 {
        font-size: 21px;
    }

    .modal-conditions__text {
        font-size: 21px;
        line-height: 38px;
    }

    .select-custom__main-item-text {
        font-size: 18px;
    }

    .thank-pass__container {
        border-radius: 50px;
        padding: 40px 30px;
    }

    .thank-pass__form-flex {
        display: flex;
        margin: 0 -15px;
    }

    .thank-pass__form-flex .thank-pass__form-item {
        margin: 0 15px 20px;
        flex: 0 0 calc(50% - 30px);
    }

    .thank-pass__head {
        font-size: 26px;
        line-height: 32px;
    }
}
@media(min-width: 992px) {
	#modal-conditions .hystmodal__window {
		padding: 80px 100px;
	}
	body #cabinet .cabinet-gift-news {
		padding: 30px;
		margin: 0;
	}
	.cabinet-gift-news-page a.back-link {
		margin-left: 0;
	}
	.pagination .pagination-control svg {
		width: 9px;
		height: 16px;
	}
	.pagination .pagination-control {
		width: 38px;
		height: 38px;
	}
	.pagination .page {
		font-size: 21px;
		line-height: 40px;
		width: 40px;
		height: 40px;
	}
	footer .place-img {
		left: 50%;
		right: auto;
		transform: translateX(230px);
		width: 274px;
		height: 380px;
	}
	section.park-rules .bottom-rules {
		margin: 0;
		border-radius: 0px 0px 100px 100px;
	}
	#complex-about section.park-rules.rules-1 .top-rules {
		margin: 0;
	}
	#complex-about section.park-rules.rules-2 .top-rules {
		margin: 0;
	}
	#team-reqs h3,
    #team-reqs .team-reqs__title {
		font-size: 42px;
		line-height: 57px;
		margin-bottom: 20px;
	}
	#team-reqs p.subtitle {
		font-size: 18px;
		line-height: 34px;
	}
	#team-reqs {
		padding: 80px 0;
	}
	#team-reqs .wrapper {
		gap: 30px;
	}
	#team-reqs .wrapper .block {
		margin-top: 90px;
	}
	#team-not-found-vac p.subtitle {
		font-size: 18px;
		line-height: 28px;
	}
	#team-not-found-vac h3,
    #team-not-found-vac .team-not-found-vac__title {
		font-size: 32px;
		line-height: 44px;
	}
	#team-not-found-vac {
		margin: 0;
		padding: 60px 0;
	}
	#team-vacancies .swiper-slide .top .a-block {
		margin-bottom: 0;
	}
	#team-vacancies .swiper-slide .top h4,
    #team-vacancies .swiper-slide .top .team-vacancies__title {
		font-size: 18px;
	}
		#team-vacancies .swiper-slide .top p.text {
		font-size: 18px;
	}
	#team-vacancies .swiper-slide {
		padding: 30px;
	}
	#team-vacancies .swiper-slide .top .b-block {
		gap: 30px;
	}
	#team-vacancies .swiper-slide .top {
		display: flex;
		gap: 20px;
		justify-content: space-between;
	}
	#team-vacancies p.subtitle {
		font-size: 18px;
		line-height: 34px;
		margin-bottom: 20px;
	}
	#team-vacancies h3,
    #team-vacancies .team-vacancies__title {
		font-size: 42px;
		line-height: 57px;
		margin-bottom: 30px;
	}

	#team-vacancies .img img {
		border-radius: 20px;
        width: 100%;
    }

    #team-vacancies {
        padding: 80px 0;
        margin: 0;
    }

    #team-animators {
        margin-bottom: 80px;
    }

    #team-middle-ex .people blockquote {
        font-size: 21px;
        line-height: 34px;
    }

    #team-middle-ex .people h4 {
        font-size: 26px;
    }

    #team-top-info .info p.text {
        font-size: 18px;
        line-height: 34px;
    }

    #team-top-info .img {
        margin-bottom: 0;
    }

    #team-top-info .info h3,
    #team-top-info .info .team-top-info__title {
        font-size: 42px;
        line-height: 57px;
    }

    #history .history-swiper .swiper-slide .img {
        padding-bottom: 100px;
    }

    #history .history-swiper .swiper-slide .inner-img {
        height: 75%;
        max-height: 430px;
    }
}

@media (min-width: 1024px) {
    .number-thank-pass__container {
        flex-wrap: nowrap;
    }

    .number-thank-pass__input-container {
        flex: 1 1 auto;
        margin: 0;
        justify-content: flex-end;
    }

    .select-custom__drop-item {
        transition: background 0.15s ease;
    }

    .select-custom__drop-item:hover {
        background: #E9E9E9;
    }

    #team-middle-ex .people {
        flex-wrap: nowrap;
    }

    .faq-drop:hover:not(._active) svg circle {
        fill: rgba(255, 255, 255, 0.2);
    }

    .ui-widget-content .ui-datepicker-calendar td a, .ui-widget-content .ui-datepicker-calendar td span {
        transition: color 0.15s ease, background 0.15s ease;
    }

    .ui-widget-content .ui-datepicker-calendar td:hover a, .ui-widget-content .ui-datepicker-calendar td:hover span {
        background: #F04BA5;
        color: #fff;
        background: var(--primary-purple-2);
    }
}

/*other*/
header .header-top .wrap-holder .phone .phone__icon svg {
    width: 14px;
    height: 14px;
    display: block;
}

header .header-top .wrap-holder .phone .phone__icon {
    display: block;
    margin: 0px 5px 0px 0px;
    border-radius: 50%;
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.graduation-page .custom-modal p.subtitle {
    color: #000;
}

/*error-block*/
.erorr-block__text {
    font-weight: 500;
    line-height: 38px;
    font-size: 21px;
    color: #000;
    margin: 0px 0px 30px 0px;
}

.erorr-block__img {
    border-radius: 50%;
    width: 140px;
    height: 140px;
    background: var(--primary-purple-1);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.erorr-block__img svg {
    display: block;
    width: 60px;
    height: 60px;
}

@media (min-width: 768px) {
    .erorr-block {
        display: flex;
        justify-content: space-between;
    }

    .erorr-block__text {
        margin: 0px 38px 0px 0px;
    }

    .erorr-block__img {
        margin: 0;
        flex: 0 0 140px;
    }
}

/*=======*/


@keyframes shake {
    0% {
        animation-timing-function: cubic-bezier(0.146, 0.2111, 0.5902, 1.3204);
        transform: rotate(0)
    }
    11% {
        animation-timing-function: cubic-bezier(0.1079, 0.1992, -0.6462, 0.828);
        transform: rotate(7.61deg)
    }
    23% {
        animation-timing-function: cubic-bezier(0.0504, 0.0951, 0.0163, 0.9677);
        transform: rotate(-5.789999999999999deg)
    }
    36% {
        animation-timing-function: cubic-bezier(0.0475, 0.0921, 0.3134, 1.0455);
        transform: rotate(3.35deg)
    }
    49% {
        animation-timing-function: cubic-bezier(0.0789, 0.1565, 0.3413, 1.0972);
        transform: rotate(-1.9300000000000002deg)
    }
    62% {
        animation-timing-function: cubic-bezier(0.141, 0.2885, 0.406, 1.1519);
        transform: rotate(1.12deg)
    }
    75% {
        animation-timing-function: cubic-bezier(0.226, 0.4698, 0.5031, 1.1722);
        transform: rotate(-0.64deg)
    }

    88% {
        animation-timing-function: cubic-bezier(0.3121, 0.5521, 0.5655, 0.8997);
        transform: rotate(0.37deg)
    }
    100% {
        transform: rotate(-0.28deg)
    }
}

.header-top .phone-header {
    display: none;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    flex: none;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 9999px;
    animation: shake 1s infinite linear;
    transform-origin: 50% 50%
}

@media (max-width: 991px) {
    .header-top .phone-header {
        display: flex;
    }
}

@media (max-width: 768px) {
    .header-top .phone-header {
        width: 30px;
        height: 30px;
    }
    .header-top .phone-header svg {
        width: 18px;
    }
}


#history .history-pagination {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
    gap: 20px;
    bottom: -15px;
    flex-wrap: wrap;
}

#history .history-pagination:after {
    content: '';
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--primary-purple-1);
    z-index: 0;
}

#history .history-pagination .year {
    border: none;
    background: none;
    cursor: pointer;
    height: 80px;
    position: relative;
    display: flex;
    align-items: flex-end;
    z-index: 1;
}

#history .history-pagination .year p,
#history .history-pagination .year .year__text {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #B9B9B9;
    transition: 0.1s all;
}

#history .history-pagination .year.active p,
#history .history-pagination .year.active .year__text {
    font-size: 26px;
    line-height: 35px;
    color: #000;
    transform: translateX(-50%) translateY(-5px);
}

@media (max-width: 550px) {
    #history .history-pagination {
        padding: 0 20px;
    }

    #history .history-pagination .year p,
    #history .history-pagination .year .year__text {
        font-size: 16px;
        line-height: 25px;
    }

    #history .history-pagination .year.active p {
        font-size: 20px;
        line-height: 30px;
    }

    #history .history-pagination:after {
        display: none;
    }

    #history .history-pagination .year {
        height: 52px;
    }

    #history .year span.star-big {
        width: 22px;
        height: 22px;
    }

    .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{
        animation: unset;
    }
}

.parks-detail .fancybox__carousel.is-draggable .fancybox__slide,
.parks-detail .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{
    cursor:inherit;
}
.parks-detail .card__modal-left{
    cursor: text;
}




header .header-top .actions-wrapper {
    display: flex;
}

header .header-top .wrap-holder .phone {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
}

header .header-top .wrap-holder .phone-wrapper {
    display:flex; align-items: center; gap: 20px;
}

@media (max-width: 991px) {
    header .header-top .wrap-holder {
        display: none;
    }
}


#cabinet .cabinet-grid {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

#cabinet .main-info {
    flex: 0 1 calc(100% / 2 - 15px);
}

#cabinet .bonuses {
    flex: 0 0 calc(100% / 2 - 15px);
}

#cabinet .childrens {
    flex: 1;
}

#cabinet .orders {
    width: 100%;
    max-width: 100%;
}


#cabinet #bx_incl_area_9_1_1 {
    grid-column: span 2 / span 2;
}

#cabinet #bx_incl_area_9_1 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

@media (max-width: 678px) {
    #cabinet .cabinet-grid {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    #cabinet#bx_incl_area_9_1 {
        display: flex;
        flex-direction: column;
    }

    #cabinet .main-info {
        flex: 1;
    }

    #cabinet .bonuses {
        flex: 1;
    }
}


.counter-box .price {
    font-size: 16px;
    color: #fff;
    margin-top: 8px;
}

#cabinet .profile-block {
    grid-column: span 2 / span 2;
}

#comp_083e7d6bd2a31aa5cb2dfd9778074c79 {
    grid-column: span 2 / span 2;
}

.login-icon {
    width: 35px;
}


.park-rules .rules-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.park-rules .rules-list .wrap {
    display: flex;
    align-items: center;
    gap: 15px;
}

.park-rules .rules-list .num {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-purple-1);
    border-radius: 9999px;
    padding: 10px;
    max-width: 40px;
    min-width: 40px;
    max-height: 40px;
    min-height: 40px;
}

.park-rules .rules-list .text {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}


.orders-list {
    margin-bottom: 20px;
}

.orders-list .order {
    padding: 10px 15px;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    margin-bottom: 6px;
}

.orders-list .order .head {
    display: grid;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    align-items: center;
    grid-template-columns: 40px 25px 85px 220px 165px 30px 80px 24px;
}

.orders-list .order .head p.ticket-icon svg path {
    stroke: var(--primary-purple-1);
}

.orders-list .order .body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding-bottom: 2px;
}

.orders-list .order .body .fixed-head {
    padding: 18px 0;
    font-weight: 600;
    font-size: 20px;
}

.orders-list .order .tickets-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
}

.orders-list .order .tickets-list.col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.orders-list .order .tickets-list .ticket-item {
    display: flex;
    align-items: center;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    overflow: hidden;
}

.orders-list .order .tickets-list .ticket-item .img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.orders-list .order .tickets-list .ticket-item .ticket-info-layer {
    position: absolute;
    top: 0;
    left: 0;
    backdrop-filter: blur(2px);
    width: 100%;
    height: 100%;
    background: var(--primary-purple-4);;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 10px;
    color: #fff;
    font-size: 17px;
    line-height: 19px;
}

.orders-list .order .tickets-list .ticket-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.orders-list .order .tickets-list .ticket-item a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    transition: 0.15s all;
}

.orders-list .order .tickets-list .ticket-item a {
    pointer-events: none;
    user-select: none;
    filter: grayscale(1) blur(1px);
    cursor: not-allowed;
}

.orders-list .order .tickets-list .ticket-item.active a {
    pointer-events: all;
    user-select: all;
    filter: none;
    cursor: pointer;
}


.orders-list .order .tickets-list .ticket-item a svg {
    width: 32px;
}

.orders-list .order .tickets-list .ticket-item a svg path {
    transition: 0.15s all;
}

.orders-list .order .tickets-list .ticket-item a:hover {
    background: var(--primary-purple-1);
}

.orders-list .order .tickets-list .ticket-item a:hover svg path {
    stroke: #fff;
}

.orders-list .order .expand {
    all: unset;
    cursor: pointer;
    transition: 0.15s all;
    padding: 5px;
    width: 20px;
}

.orders-list .order .expand svg {
    width: 100%;
}

.orders-list .order .expand:active {
    transform: scale(0.9);
}

.orders-list .order .ui-table tbody td {
    font-size: 12px;
    padding: 5px;
}

.orders-list .order .ui-table tbody tr td:first-child {
    padding: 5px 5px 5px 0;
}

.orders-list .order .ui-table tbody tr td:last-child {
    padding: 5px 0 5px 5px;
}

.orders-list .order .ui-table thead td {
    font-size: 12px;
    padding: 5px;
}

.orders-list .order .ui-table thead tr td:first-child {
    padding: 5px 5px 5px 0;
}

.orders-list .order .ui-table thead tr td:last-child {
    padding: 5px 0 5px 5px;
}


#map {
    max-width: 100%;
    width: 100%;
}

#map .y-content img{
    max-width: 90px;
}

.captcha-container {
    margin-top: 15px;
}


.team-picture {
    width: 100%;
    aspect-ratio: 16 / 8;
    border-radius: 24px;
    overflow: hidden;
}

.team-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#video-modal label, #vacancy-modal label {
    color: #000;
}
#video-modal .input__wrapper label, #vacancy-modal .input__wrapper label{
    font-size: 14px;
    line-height: 18px;
}
#video-modal .input__wrapper select, .input__wrapper .input__box__one-item, #vacancy-modal .input__wrapper select{
    font-size: 14px;
    line-height: 18px;
}
#video-modal .input__wrapper input, #video-modal .input__wrapper textarea, #vacancy-modal .input__wrapper input, #vacancy-modal .input__wrapper textarea{
    font-size: 14px;
    line-height: 18px;
}
#video-modal .input__wrapper, #vacancy-modal .input__wrapper, #vacancy-modal .checkbox__wrapper{
    padding-bottom: 14px;
}
#video-modal button, #vacancy-modal button{
    margin-left: auto;
    padding: 10px 16px;
}

.fly-menu .mob-in {
    display: flex;
    align-items: center;
    width: 100%;
}

.fly-menu .mob-in .phone {
    display: none;
    background: #fff;
}

@media (max-width: 992px) {
    #video-modal .input__wrapper label, #vacancy-modal .input__wrapper label{
        margin-bottom: 5px;
    }
    .fly-menu .menu .middle .socials {
        margin-right: 30px;
    }

    .fly-menu .mob-in .phone {
        display: flex;
        width: 40px;
        height: 40px;
    }

    .fly-menu .mob-in .phone svg {
        width: 26px;
    }

    .fly-menu .mob-in .phone svg path {
        fill: #fff;
    }

    .fly-menu .menu .contacts .phone {
        display: none;
    }

    .star-big {
        transition: none;
    }

    .star-small {
        transition: none;
    }

    #history .outside-1 {
        display: none;
    }

    #history .outside-2 {
        display: none;
    }

    #history .outside-3 {
        display: none;
    }

    #team-animators {
        padding: 0;
    }
}

.fea-swiper-tizers .swiper-pagination {
    display: flex;
    position: relative;
    bottom: auto;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
.price__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 30px;
}

.kz.price__wrapper {
    margin-bottom: 40px;
}

@media (max-width: 1200px) {
    .container {
        padding: 0 15px;
    }

    header .container {
        padding: 0;
    }

    header #menu-layout {
        padding: 0 15px;
    }

    .tizers-image-flow-1 {
        display: none;
    }

    .tizers-image-flow-2 {
        display: none;
    }

    #team-reqs .wrapper .flow-bg {
        display: none;
    }

    #history .outside-3 {
        display: none;
    }
}

.all-all #detail-content {
    padding: 30px 0;
}

.all-all #detail-content > .container {
    padding: 0;
}

.all-all #mega-news {
    padding: 0;
}

@media (max-width: 1700px) {
    section#amusements .bg-img {
        display: none;
    }
}

.page-up {
    position: fixed;
    bottom: 120px;
    right: 120px;
    border-radius: 9999px;
    padding: 10px;
    background: var(--primary-purple-1);
    cursor: pointer;
    transition: 0.15s all;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

.page-up svg {
    width: 23px;
    height: 23px;
    display: block;
    color: #fff;
}

.page-up.active {
    opacity: 1;
    visibility: visible;
}

.page-up:active {
    transform: scale(0.9);
}

@media (max-width: 991px) {
    .page-up {
        bottom: 110px;
        right: 30px;
        z-index: 9;
    }

    footer .bg-avi {
        animation-duration: 15s;
    }
}

@media (max-width: 600px) {
    footer .bg-avi {
        animation-duration: 7s;
    }
}

@media (max-width: 450px) {
    footer .bg-avi {
        animation-duration: 2s;
    }
}


.hystmodal.error .hystmodal__window {
    max-width: 700px;
}

/* @media (max-width: 620px) {
     footer .place-img {
        display: none;
    }
} */

@media (max-width: 768px) {
    #team-vacancies .wrapper {
        flex-direction: column;
    }

    #team-vacancies .img {
        margin: 0 auto;
    }

    #team-vacancies .info {
        width: 100%;
    }
}


body.buy-ticket-page {
    padding-bottom: 0;
}

body.detail-birthday-page {
    padding-bottom: 0;
}

#bonuses-modal .content {
    font-size: 18px;
    line-height: 24px;
}


body.login-page {
    padding-bottom: 0;
}

@media (max-width: 1200px) {
    .all-all #detail-content {
        padding: 30px 15px;
    }

    header .header-top {
        padding: 0 15px;
    }
}

html {
    overflow-x: hidden;
}

@media (max-width: 1170px) {
    section#amusements .wrapper .information {
        padding-left: 33px;
        margin-top: 30px;
    }

    section#amusements .wrapper {
        flex-wrap: wrap;
    }
}

@media (max-width: 991px) {
    section#amusements .wrapper .information {
        padding-left: 0px;
    }

    body.birthday-page footer .place-img {
        top: -109px;
        transform: translateX(-10px);
    }

}


.order-v2-page section#start .sub-wrapper {
    gap: 0;
    row-gap: 20px;
    flex-wrap: wrap;
}

.order-v2-page .timer__result {
    padding: 0;
}

.order-v2-page .timer__item {
    padding: 0;
}

.order-v2-page .timer {
    justify-content: center;
}

.order-v2-page section#start .sub-wrapper p.subtitle:nth-of-type(2) {
    margin: 0 10px 0 auto;
}

@media (max-width: 992px) {
    .order-v2-page section#start .sub-wrapper p.subtitle {
        width: auto;
    }
}


@media (max-width: 991px) {
    .orders-list .order .head {
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
        row-gap: 10px;
    }

    .orders-list .order .head p {
        width: calc(100% / 2 - 15px)
    }

    .orders-list .order .head p:nth-child(2n) {
        text-align: right;
    }

    .orders-list .order .expand {
        margin-left: auto;
    }
}

.orders-list .order .ui-table tbody tr td.download_btn {
    width: 16px;
}

/*.orders-list .order .ui-table tbody tr td.download_btn a svg {
    width: 16px;
}*/
@media (max-width: 768px) {
    .orders-list .order .tickets-list.col-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /*.orders-list .order .ui-table tbody tr td.download_btn {
        pointer-events: none;
        user-select: none;
        cursor: not-allowed;
        filter: grayscale(1);
    }*/
    /*.orders-list .order .ui-table tbody tr td.download_btn a {
        width: 12px;
        display: block;
    }*/
    .orders-list .order .ui-table tbody tr td.download_btn.active {
        pointer-events: all;
        user-select: all;
        cursor: pointer;
        filter: none;
    }
}

@media (max-width: 500px) {
    .orders-list .order .tickets-list .ticket-item .ticket-info-layer {
        font-size: 12px;
        line-height: 16px;
    }

    .orders-list .order .tickets-list .ticket-item a {
        width: 75px;
    }

    .orders-list .order .tickets-list .ticket-item a svg {
        width: 25px;
    }
}

@media (max-width: 390px) {
    .orders-list .order .tickets-list .ticket-item .ticket-info-layer {
        font-size: 10px;
        line-height: 13px;
        gap: 2px;
    }
}

.orders-list-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

.orders-list-btn svg {
    width: 20px;
}

.orders-list-btn:hover svg path {
    stroke: var(--primary-purple-2);
}

.orders-list-btns {
    display: flex;
    align-items: center;
}

.orders-list-name {
    white-space: nowrap;
}

.order table.ui-table tbody td {
    vertical-align: middle;
}

tr.used-ticket * {
    color: #bdbdbd !important;
}

.orders-list .order .head .ticket-icon svg {
    width: 25px;
}


.fancybox__content {
    padding: 5px;
    background: none;
}

@media (min-width: 1024px) {
    .fancybox__slide {
        padding: 64px 220px;
    }
}

/*review page start*/
#detail-content {
    margin: 0 20px;
}

/*#detail-content .container {*/
/*    max-width: 1570px;*/
/*}*/

@media screen and (max-width: 480px) {
    #detail-content {
        margin: 0 -10px;
    }
    #promo-block .swiper-slide .content .actions a.button-1{
        background: #FFFFFF;
        color: var(--primary-purple-1);
    }
}

.review-page-swiper {
    position: relative;
}

.review-page-swiper .swiper-prev {
    position: absolute;
    cursor: pointer;
    transform: translate(-30px, -100%);
    top: 50%;
    left: -30px;
}

.review-page-swiper .swiper-next {
    position: absolute;
    cursor: pointer;
    transform: translate(100%, -100%);
    top: 50%;
    right: -30px;
}

.reviews-page .review-page-swiper .swiper-pagination {
    gap: 40px;
    display: flex;
    position: static;
    margin-top: 30px;
    justify-content: center;
}

@media screen and (max-width: 1720px) {
    .review-page-swiper .swiper-prev,
    .review-page-swiper .swiper-next {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .review-page-swiper .swiper {
        overflow: visible;
    }

    /* .swiper-slide .story {
        max-width: 240px;
    } */

    .review-page-swiper .swiper-pagination {
        gap: 15px;
    }
}

/* video */
#video-reviews {
    margin-bottom: 160px;
}

@media screen and (max-width: 480px) {
    #video-reviews {
        margin-bottom: 65px !important;
    }
}

#video-reviews .wrapper {
    display: flex;
    flex-direction: column;
}

#video-reviews .content {
    width: 100%;
}

#video-reviews .wrapper .buttons {
    display: flex;
    justify-content: center;
}

#video-reviews .wrapper .info p.subtitle {
    color: #707070;
    font-size: 21px;
    line-height: 38px;
}

.story {
    cursor: pointer;
    border-radius: 20px;
    position: relative;
    display: flex;
    overflow: hidden;
}

.story__inner {
    display: flex;
}

.story__img {
    width: 100%;
    display: block;
}

.story__layer {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
    transition: .3s;
}

.review-page-swiper .story__layer {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
    z-index: 1;
}

.story__layer .story__play-icon {
    opacity: 0;
    transition: .3s;
}

.story__layer:hover {
    background: rgba(0, 0, 0, 0.40);
}

.story__layer:hover .story__play-icon {
    opacity: 1;
}

.story__title {
    left: 5%;
    bottom: 3%;
    z-index: 2;
    color: #FFF;
    font-size: 26px;
    font-weight: 700;
    position: absolute;
}

.story__play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 480px) {
    .story__title {
        font-size: 16px;
    }
}

.play-icon {
    display: flex;
    border-radius: 50%;
    padding: 20px;
    background: #fff;
    background-clip: border-box;
    border: 15px solid rgba(255, 255, 255, 0.10);
    background-clip: padding-box;
}

/* reviews */
#reviews {
    padding: 0 !important;
    margin-bottom: 250px;
}

@media screen and (max-width: 480px) {
    #reviews {
        margin-bottom: 150px !important;
    }
}

#reviews .container {
    max-width: 1570px;
}

#reviews .reviews__bottom {
    margin-top: 60px;
}

.swiper-slide {
    height: auto;
}

.comments {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.comments__comment {
    color: #000;
    min-height: 230px;
    padding: 30px;
    display: flex;
    background: #F5F5F5;
    border-radius: 30px;
    flex-direction: column;
    text-decoration: none;
}

.comments__comment-wrap, .comments__comment-show-item {
    height: 100%;
}

.comments__comment-show-item {
    position: relative;
    overflow: hidden;
}

.comments__comment-show-item-layer {
    position: absolute;
    z-index: -300;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comments__comment-show-item:hover .comments__comment-show-item-layer {
    z-index: 1;
    visibility: visible;
}

.comments__comment-show-item-layer .icon {
    width: 70px;
    height: 70px;
    flex: none;
    background: var(--primary-purple-1);
}

.hidden-contex_item {
    max-width: 100vw;
    width: 600px;
    height: auto;
}

.hidden-contex_item .comments__content {
    font-size: 18px;
    line-height: 1.6;
}

.hidden-contex_item .comments__username {
    font-size: 20px;
    line-height: 1.2;
}

.comments__user-info {
    gap: 10px;
    display: flex;
    align-items: center;
    align-self: stretch;
    margin-bottom: 20px;
}

.comments__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.comments__username {
    font-family: "Noto Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.comments__content {
    font-size: 14px;
    overflow: hidden;
    font-weight: 400;
    line-height: 22px;
    text-overflow: ellipsis;
}

@media screen and (max-width: 480px) {
    .comments__username {
        font-size: 12px;
    }

    .comments__content {
        font-size: 12px;
        line-height: 18px;
    }

    #video-modal .hystmodal__window, #vacancy-modal .hystmodal__window{
        padding: 20px;
    }
    #video-modal button, #vacancy-modal button{
        margin-right: auto;
    }
    #video-modal .button-3, #vacancy-modal .button-3{
        font-size: 14px;
    }
}

#reviews .buttons {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}


#video-reviews .container {
    max-width: 1570px;
}
#reviews .container {
    max-width: 1570px;
}
#video-reviews .swiper-slide, #reviews .container {
    height: auto;
}
.comments__comment-wrap, .comments__comment-show-item {
    height: 100%;
}
/*review page end*/



/*detail-birthday-page  FORM*/

.detail-birthday-page section#start:after {
    content: '';
    background: linear-gradient(0deg, rgb(0 0 0 / 61%) 0%, rgb(0 0 0 / 64%) 100%), #d3d3d300 -363.717px 0px / 119.316% 94.907% no-repeat;
    filter: blur(1px);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.detail-birthday-page section[data-activated-class="activated"]#start:before {
    content: '';
    background: var(--primary-purple-1);
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 186px;
    z-index: 0;
}

.detail-birthday-page section#start h1 {
    margin-top: 85px;
    margin-bottom: 60px;
    color: #FFF;
    font-size: 52px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    max-width: 100%;
}

.detail-birthday-page form.start .wrapper {
    padding: 60px;
    border-radius: 30px;
    background:  var(--bg-gradient);
    margin-bottom: 60px;
    justify-content: center;
}
.detail-birthday-page form.start .wrapper.form-step3{
    margin-bottom: 80px;
}

.detail-birthday-page form.start .wrapper h2 {
    color: #FFF;
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.detail-birthday-page .wrapper__info {
    display: flex;
    gap: 30px;
    width: 100%;
}

.detail-birthday-page .wrapper__info-img {
    max-width: 720px;
    max-height: 240px;
    min-width: 720px;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    border: 10px solid #FFF;
    background: #FFF;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.detail-birthday-page .wrapper__info-img:after{
    content: url("/images/3d-new.svg");
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.detail-birthday-page .wrapper__info-img img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
}

.detail-birthday-page .wrapper__info-title {
    color: #FFF;
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.detail-birthday-page .wrapper__info-descr p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
}

.detail-birthday-page .wrapper__info-location {
    display: flex;
    gap: 10px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.detail-birthday-page .wrapper__info-location span {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 40px;
    justify-content: center;
    width: 100%;
}

.detail-birthday-page .wrapper__info-location span svg {
    position: relative;
}

.detail-birthday-page .wrapper__info-location span:before {
    content: '';
    position: absolute;
    background: #FFFFFF;
    width: 41px;
    height: 40px;
    border-radius: 50%;
}

.detail-birthday-page .container {
    max-width: 1570px;
}
.detail-birthday-page header .container {
    max-width: 1170px;
}
.detail-birthday-page .breadcrumbs{
    max-width: 1170px;
    margin: 0 auto;
}
.detail-birthday-page .wrapper__inputs {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 30px;
}
.detail-birthday-page .wrapper__notification{
    text-align: center;
    margin-bottom: 30px;
    display: block;
    color: #FFFFFF;
    line-height: 120%;
}


.detail-birthday-page form.start .wrapper .input__wrapper {
    flex: 1;
}

.detail-birthday-page .input__wrapper label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 20px;
}

[lang="kz"] .detail-birthday-page .input__wrapper label{
    min-height: 68px;
    padding-left: 40px;
}

.detail-birthday-page .input__wrapper label:before {
    content: '';
    color: var(--primary-purple-1);
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 100px;
    background: #FFF;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[lang="kz"] .detail-birthday-page .input__wrapper label:before{
    position: absolute;
    left: 0;
}

.detail-birthday-page .form-count .input__wrapper label:before {
    display: none;
}

.detail-birthday-page .form-count .input__wrapper label {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
}

.detail-birthday-page .input__wrapper:nth-child(1) label:before {
    content: '1';
}

.detail-birthday-page .input__wrapper:nth-child(2) label:before {
    content: '2';
}

.detail-birthday-page .input__wrapper:nth-child(3) label:before {
    content: '3';
}

.detail-birthday-page .input__wrapper:nth-child(4) label:before {
    content: '4';
}

.detail-birthday-page .wrapper__checkboxes .img-wrapper {
    max-width: 400px;
    min-height: 240px;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    height: 100%;
}

.detail-birthday-page .form-step3 .wrapper__checkboxes .img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail-birthday-page .wrapper__checkboxes .img-wrapper .play-btn.border {
    position: absolute;

}

.detail-birthday-page .wrapper__checkboxes .img-wrapper .play-btn.border svg {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.detail-birthday-page .wrapper__checkboxes .img-wrapper img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 400ms;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: absolute;
    inset: 0;
    object-position: center;
}

.detail-birthday-page .wrapper__checkboxes .img-wrapper svg {
    position: absolute;
    right: 20px;
    bottom: 10px;
    cursor: pointer;
    z-index: 2;
}

.detail-birthday-page .wrapper__checkboxes .img-wrapper span:hover + img {
    transform: scale(1.5);
}

.detail-birthday-page .form-step3 .wrapper__checkboxes .checkbox-slide {
    width: calc(100% / 4 - 8px);

}
.rooms-style-swiper .checkbox-slide .expand{
    position: absolute;
    z-index: 10;
    display: none;
    bottom: 10px;
}
.detail-birthday-page .wrapper__checkboxes .checkbox-slide {
    width: calc(100% / 3 - 8px);
    border-radius: 30px;
    background: #F5F5F5;
    padding: 30px 30px 40px;
    transition: 400ms ease-out;
    overflow: hidden;
    /*min-height: 650px;*/
}

.detail-birthday-page .wrapper__checkboxes .checkbox-slide .checkbox {
    display: none;
}

.detail-birthday-page .wrapper__checkboxes .checkbox-slide label {
    cursor: pointer;
}

.detail-birthday-page .swiper .swiper-wrapper {
    padding-bottom: 40px;
}

.wrapper__checkboxes {
    width: 100%;
    max-width: 1400px;
}

.detail-birthday-page form.start .wrapper .swiper h2 {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 20px 0;
    min-height: 54px;
}

.detail-birthday-page form.start .wrapper.form-step3 .swiper h2 {
   font-size: 22px;
    min-height: 60px;
}

.detail-birthday-page .swiper .descr {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

.detail-birthday-page .swiper .features ul li {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 10px;
    padding-left: 20px;
}

.detail-birthday-page .swiper .features {
    min-height: 130px;
    max-height: 130px;
    overflow: hidden;
}

.detail-birthday-page .form-step3 .swiper .features {
    /*min-height: 240px;*/
    /*max-height: 240px;*/
    overflow: hidden;
}

.detail-birthday-page .swiper ul.check-icon li:before {
    width: 12px;
    height: 8px;
}
.detail-birthday-page .swiper ul.check-icon li:nth-child(n+3){
    display: none;
}

.detail-birthday-page .wrapper__checkboxes .checkbox-slide.selected ul.check-icon li:before {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTAgNyIgZmlsbD0ibm9uZSI+DQogICAgPHBhdGggZD0iTTEgMi42NjY2N0w0LjIgNkw5IDEiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K') center center/cover no-repeat
}

.detail-birthday-page form.start .wrapper .swiper .checkbox-slide.selected h2, .detail-birthday-page .swiper .checkbox-slide.selected .descr, .detail-birthday-page .swiper .checkbox-slide.selected .features ul li {
    color: #FFFFFF;
}

.detail-birthday-page .wrapper__checkboxes .swiper-button-next, .detail-birthday-page .wrapper__checkboxes .swiper-button-prev {
    background: #FFFFFF;
    border-color: transparent;
    transition: 400ms;
}

.detail-birthday-page .wrapper__checkboxes .swiper-button-next:hover, .detail-birthday-page .wrapper__checkboxes .swiper-button-prev:hover {
    background: var(--primary-purple-1);
    border: 1px solid #FFFFFF;
}

.detail-birthday-page .wrapper__checkboxes .checkbox-slide.selected {
    background: var(--primary-purple-1);
}


.detail-birthday-page .wrapper__checkboxes .checkbox-slide.disabled:after {
    background: rgba(0, 0, 0, 0.60);
    content: '';
    position: absolute;
    inset: 0;
    z-index: 10;
}

.detail-birthday-page .wrapper__checkboxes .checkbox-slide.disabled .disabled-message {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    padding: 10px;
    border-radius: 10px;
    background: var(--accent-color);
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 130px;
    z-index: 11;
    white-space: nowrap;
}

.detail-birthday-page .swiper .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail-birthday-page .swiper .star-small {
    border: 2px solid white;
}

.detail-birthday-page .swiper .star-small.filled {
    background: white;
}

.detail-birthday-page video::-webkit-media-controls {
    display: none;
}

.detail-birthday-page .form-step3 video {
    width: 310px;
    height: 240px;
    object-fit: cover;
}

.detail-birthday-page .form-count .tooltip-col {
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    padding: 0px 7px;
    font-size: 14px;
    line-height: 20px;
}

.detail-birthday-page .form-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    padding-bottom: 48px;
    padding-top: 24px;
    background: var(--primary-purple-1);
}

.detail-birthday-page .form-count:after{
    content: '';
    width: 150vw;
    height: 100%;
    background: var(--primary-purple-1);
    position: absolute;
    top: 0;
    left: -25vw;
    z-index: -1;
}


.detail-birthday-page .form-count .input__wrapper{
    padding-bottom: 0;
}
.detail-birthday-page .form-count .input__wrapper .input__box__one-item{
    line-height: 0;
    display: flex;
    justify-content: center;
    padding: 8px 10px;
}
.detail-birthday-page .form-count .input__wrapper .input__box{
    display: flex;
    align-items: center;
}
.detail-birthday-page .form-count  .input__wrapper input{
    max-width: 50%;
    padding: 8px 10px;
    line-height: 0;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
}
.detail-birthday-page .form-count .input__wrapper .input__box span{
    position: absolute;
    color: #FFF;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    padding: 4px 10px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--primary-purple-1);
    left: 30px;
    z-index: 1;
    line-height: 14px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.detail-birthday-page .form-count .input__wrapper .input__box span:last-child{
    right: 30px;
    left: unset;
    padding: 1px 7px 3px 8px;
    line-height: 28px;
}

.detail-birthday-page .form-count .form-count__right, .detail-birthday-page .form-count .form-count__left {
    display: flex;
    align-items: center;
    gap: 30px;
    flex: 1;
}
.detail-birthday-page .form-count .form-count__right{
    justify-content: end;
}

.detail-birthday-page section#start {
    padding-bottom: 0;
    margin-bottom: 120px;
}

.detail-birthday-page form.start {
    padding-bottom: 0;
}
.detail-birthday-page .form-count .form-count__sum{
    color: #FFF;
    font-size: 52px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.detail-birthday-page .form-count .form-count__order-button{
    max-width: 240px;
    width: 100%;

}

.detail-birthday-page .form-count .form-count__order-button button{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    padding: 10px 20px;
    text-align: center;
    border-radius: 50px;
    border: 20px solid #FFF;
    background: var(--primary-purple-1);
    display: flex;
    width: 100%;
    justify-content: center;
    transition: 400ms;
    cursor: pointer;
}
.detail-birthday-page .form-count .form-count__order-button button:hover{
    background: var(--primary-purple-2);
}
@media (max-width: 1650px) {
    .detail-birthday-page .form-count .form-count__right{
        justify-content: start;
    }
    .detail-birthday-page .form-count .form-count__left{
        justify-content: end;
    }
    .detail-birthday-page .form-count{
        gap: 10vw;
    }
}
@media (max-width: 1500px) {
    .detail-birthday-page .wrapper__inputs{
        display: grid;
        grid-template-columns: 1fr 1fr;
        max-width: 70%;
    }
    .detail-birthday-page .wrapper__checkboxes .checkbox-slide.disabled .disabled-message{
        width: 80%;
        white-space: break-spaces;
    }
    .detail-birthday-page .wrapper__info-img{
        min-width: 46vw;
    }
}
@media (max-width: 1300px) {
    .detail-birthday-page .form-count .form-count__right{
        justify-content: end;
    }
    .detail-birthday-page .form-count{
        padding-left: 20px;
        padding-right: 20px;
        gap: 5vw;
    }
}

@media (max-width: 1200px) {
    .detail-birthday-page .swiper .features{
        /*min-height: 220px;*/
    }
    .detail-birthday-page .wrapper__inputs{
        max-width: 80%;
    }
    .detail-birthday-page form.start .wrapper .swiper h2{
        font-size: 22px;
    }
    .detail-birthday-page .wrapper__checkboxes .img-wrapper{
        min-height: 170px;
    }
    .detail-birthday-page .form-step3 video {
        width: 210px;
        height: 170px;
    }
    .detail-birthday-page .wrapper__checkboxes .checkbox-slide{
        /*min-height: 570px;*/
    }
}
@media (max-width: 1170px) {
    .detail-birthday-page .form-count{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }
    .detail-birthday-page .form-count .form-count__left{
        justify-content: center;
        width: 100%;
    }
    .detail-birthday-page .form-count .form-count__right{
        justify-content: center;
        width: 100%;
    }
    .detail-birthday-page section[data-activated-class="activated"]#start:before{
        height: 300px;
    }
    .detail-birthday-page .form-count .form-count__right div{
        min-width: 264px;
        text-align: center;
    }
}
@media (max-width: 1150px){
    .detail-birthday-page .form-step3 video {
        width: 260px;
        height: 170px;
    }
}
@media (max-width: 930px){
    .detail-birthday-page .form-step3 video {
        width: 100%;
        height: 170px;
    }
    .detail-birthday-page .wrapper__checkboxes .checkbox-slide{
        /*min-height: 570px;*/
    }
}
@media (max-width: 900px) {
    .detail-birthday-page .wrapper__inputs {
        max-width: 100%;
    }
    .detail-birthday-page .wrapper__info-title {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .detail-birthday-page section#start h1 {
        margin-top: 50px;
        margin-bottom: 40px;
        font-size: 42px;
    }
    .detail-birthday-page form.start .wrapper h2 {
        font-size: 36px;
    }
    .detail-birthday-page form.start .wrapper{
        gap: 10px;
        margin-bottom: 40px;
    }
    .detail-birthday-page .wrapper__info-descr p{
        margin-bottom: 20px;
    }
    .detail-birthday-page form.start .wrapper .swiper h2{
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .detail-birthday-page .wrapper__inputs {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        max-width: 70%;
    }
    .detail-birthday-page .wrapper__notification{
        display: block;
    }
    .detail-birthday-page .wrapper__checkboxes .img-wrapper{
        max-width: 100%;
    }
    .detail-birthday-page form.start .wrapper .input__wrapper{
        width: 100%;
    }
    .detail-birthday-page .wrapper__info{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .detail-birthday-page form.start .wrapper h2{
        font-size: 32px;
    }
    .detail-birthday-page .wrapper__checkboxes .checkbox-slide{
        /*min-height: 530px;*/
    }
}
@media (max-width: 650px) {
    .detail-birthday-page .wrapper__info-img{
        min-width: unset;
    }
    .detail-birthday-page .wrapper__inputs {
        max-width: 100%;
    }
    .detail-birthday-page .form-count .form-count__left{
        flex-direction: column;
    }
    .detail-birthday-page .form-count .form-count__right{
        flex-direction: column;
    }
    .detail-birthday-page .form-count .form-count__sum{
        font-size: 42px;
    }
    .detail-birthday-page section[data-activated-class="activated"]#start:before {
        height: 530px;
    }
    .detail-birthday-page .form-count .input__wrapper label{
        justify-content: center;
    }
    .detail-birthday-page .form-step3 .swiper .features{
        /*min-height: 200px;*/
    }
}
@media (max-width: 570px) {
    .detail-birthday-page .wrapper__checkboxes .checkbox-slide {
        /*min-height: 570px;*/
    }
}
@media (max-width: 480px) {
    .detail-birthday-page form.start .wrapper .swiper h2{
        font-size: 16px;
    }
    .detail-birthday-page .wrapper__notification{
        text-align: left;
        margin-bottom: 20px;
    }
    .detail-birthday-page form.start .wrapper.form-step3 .swiper h2 {
        font-size: 18px;
        min-height: 48px;
    }
    .detail-birthday-page form.start .wrapper .swiper h2{
        min-height: 20px;
    }
    .detail-birthday-page .swiper .features {
        min-height: 120px;
        max-height: 120px;
    }
    .detail-birthday-page section#start h1 {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 28px;
    }
    .detail-birthday-page form.start .wrapper{
        padding: 30px 20px;
        margin-bottom: 30px;
    }
    .detail-birthday-page form.start .wrapper h2{
        font-size: 26px;
        margin-bottom: 20px;
        line-height: 115%;
    }
    .detail-birthday-page .input__wrapper label{
        margin-bottom: 30px;
        font-size: 18px;
    }
    .detail-birthday-page .wrapper__info-img{
        height: 220px;
    }
    .detail-birthday-page .wrapper__info-title{
        font-size: 18px;
    }
    .detail-birthday-page .wrapper__info-descr p{
        font-size: 14px;
    }
    .detail-birthday-page .wrapper__info-location{
        font-size: 14px;
    }
    .detail-birthday-page .form-step1 .input__wrapper .input__box__one-item{
        font-size: 14px;
    }
    .detail-birthday-page .wrapper__checkboxes .swiper-button-next, .detail-birthday-page .wrapper__checkboxes .swiper-button-prev{
        display: none;
    }
    .detail-birthday-page .wrapper__checkboxes .checkbox-slide.disabled .disabled-message{
        transform: translate(-50%, -50%);
        top: 50%;
    }
    .detail-birthday-page form.start .wrapper.form-step3 {
        margin-bottom: 40px;
    }
    .detail-birthday-page .form-count .input__wrapper{
        width: 100%;
    }
    .detail-birthday-page .form-count .input__wrapper label{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .detail-birthday-page .form-count .input__wrapper .input__box__one-item{
        padding: 0 20px;
    }
    .detail-birthday-page .form-count .input__wrapper .input__box__one-item{
        gap: 20px;
    }
    .detail-birthday-page .form-count .form-count__sum{
        font-size: 28px;
    }
    .detail-birthday-page .form-count .form-count__right div{
        min-width: 100%;
    }
    .detail-birthday-page section[data-activated-class="activated"]#start:before{
        height: 460px;
    }
    .detail-birthday-page section#start{
        margin-bottom: 160px;
    }
    .detail-birthday-page .swiper .features{
        /*min-height: 200px;*/
    }
    .detail-birthday-page .form-step3 .swiper .features{
        /*min-height: 200px;*/
    }
    .detail-birthday-page .form-step3 video{
        height: 240px;
    }
    .detail-birthday-page .wrapper__checkboxes .img-wrapper{
        min-height: 140px;
    }
    .detail-birthday-page .wrapper__checkboxes .checkbox-slide{
        padding: 20px;
    }
    .detail-birthday-page .swiper .features ul li{
        font-size: 12px;
        line-height: 14px
    }
    .detail-birthday-page form.start .wrapper .swiper h2{
        font-size: 16px;
    }
    .detail-birthday-page .form-count {
        padding-left: 10px;
        padding-right: 10px;
    }
    .detail-birthday-page .wrapper__checkboxes .checkbox-slide{
        /*min-height: 550px;*/
    }
}
@media (max-width: 400px) {
    .detail-birthday-page .wrapper__checkboxes .checkbox-slide {
        /*min-height: 620px;*/
    }

    .detail-birthday-page .form-step3 .swiper .features {
        /*min-height: 250px;*/
        /*max-height: 250px;*/
    }
}
.detail-birthday-page .counter-box .counter-wrap{
    width: 100%;
}
.rooms-style-swiper {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out;
}
.rooms-style-swiper.swiper-container-initialized {
    opacity: 1;
    visibility: visible;
}
.rooms-swiper {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out;
}
.rooms-swiper.swiper-container-initialized {
    opacity: 1;
    visibility: visible;
}







/*Parks*/

/*.parks__wrapper{*/
/*    background: linear-gradient(6deg, #1C169E -88.57%, var(--primary-purple-1 107.89%, #E51E98 107.89%);*/
/*}*/

.parks .title-block {
    max-width: 870px;
    text-align: center;
    margin: 100px auto 100px;
}

.parks .title-block h2 {
    color: #FFF;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.parks .title-block p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.parks__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 330px;
    gap: 30px;
    padding-bottom: 100px;
    margin-bottom: 100px;
}

.parks__item {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}
.parks__item-time{
    position: absolute;
    border-radius: 10px;
    background: var(--accent-color);
    top: 20px;
    right: 40px;
    padding: 0 10px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    z-index: 2;
}

.parks__item:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(0 0 0 / 15%) 17.58%, rgb(0 0 0 / 60%) 70.7%), #d3d3d31a 0px -171.667px / 100% 155.556% no-repeat;
}

.parks__item img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 0;
    height: 100%;
}

.parks__item-title {
    color: #FFF;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 20px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: end;
    height: 100%;
    text-decoration: none;
}

.parks-page .container {
    max-width: 100%;
}

.parks-page .container.large {
    max-width: 1570px;
}

.parks-page .container.small {
    max-width: 1170px;
}

.parks__wrapper section#gallery {
    background: none;
    padding: 80px 0 0;
}

.parks-info {
    padding-top: 60px;
}

.parks-page:before {
    content: '';
    background:  var(--bg-gradient);
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
}

.parks-page footer .container, .parks-page header .container, .parks-page section#start .container {
    max-width: 1170px;
}

.parks-page section#start .container h1 {
    color: #FFF;
    font-size: 52px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
    max-width: 100%;
}

.parks-page section#start .container .subtitle {
    color: #FFF;
    text-align: center;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    max-width: 620px;
    margin: 0 auto;
}

.parks-page section#start .container .sub-wrapper {
    max-width: 100%;
}

.parks-page section#gallery .gallery-head .swiper-block .button-2 {
    max-width: max-content;
}

@media (max-width: 1640px) {
    .parks__items {
        padding-left: 20px;
        padding-right: 20px;
    }

    .parks__item-title {
        font-size: 32px;
    }
}

@media (max-width: 992px) {
    .parks-page section#gallery .gallery-head .swiper-block {
        width: 100%;
        max-width: 100%;
    }
}



.birthday-page .swiper-slide:last-child {
    margin-right: 0 !important;
}

.button-page-banner {
    margin-top: 20px;
    margin-bottom: 20px;
}

/*WHY US*/

.why-us {
    margin: 100px 0;
}

.why-us .container {
    border-radius: 30px;
    background:  var(--bg-gradient);
    padding: 120px;
    position: relative;
    overflow: hidden;
}

.why-us__container {
    max-width: 720px;
    position: relative;
    z-index: 2;
}

.why-us__title {
    color: #FFF;
    font-size: 52px;
    font-style: normal;
    font-weight: 800;
    line-height: 62px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.why-us__subtitle {
    color: #FFF;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 30px;
    border-bottom: 2px solid #fff;
    margin-bottom: 30px;
}

.why-us__points-title {
    color: #FFF;
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 33px;
}

.why-us__points, .points {
    width: 100%;
}

.why-us__point, .point {
    padding: 32px 32px 32px 90px;
    border-radius: 200px;
    background: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 10px;
    position: relative;
}

.why-us__point:before, .point:before {
    content: '';
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #F5F5F5;
    position: absolute;
    left: 10px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.why-us__point:after, .point:after, .point__ico {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    left: 20px;
    top: 20px;
}


.why-us__point span, .point span {
    background:  var(--bg-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.why-us .action {
    width: 100%;
    margin: 80px 0 40px;
}

.why-us .action .button-3 {
    font-size: 21px;
    padding: 20px 40px;
    width: 100%;
}

.why-us__images {
    position: absolute;
}

.why-us__images img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
}

.why-us__avatar {
    bottom: 0;
    right: -30px;
    width: 46vw;
    z-index: 1;
}

.why-us__stars-right {
    top: 20px;
    right: 20px;
    width: 170px;
    height: 140px;
    transform: rotate(180deg);
}

.why-us__stars-left {
    left: 20px;
    bottom: 20px;
    width: 170px;
    height: 140px;
}

@media (max-width: 1285px) {
    .why-us__avatar {
        width: 62vw;
        right: -110px;
    }
}

@media (max-width: 1050px) {
    .why-us__avatar {
        width: 80vw;
    }
}

@media (max-width: 920px) {
    .why-us__avatar {
        width: 90vw;
    }
}

@media (max-width: 780px) {
    .parks__items {
        grid-template-columns: 1fr;
        gap: 20px;
        padding-bottom: 50px;
        margin-bottom: 100px;
    }

    .parks__wrapper section#gallery {
        padding: 0;
    }

    .parks .title-block {
        margin: 50px auto 50px;
    }
    .why-us .container {
        padding: 60px;
    }

    .why-us__title {
        font-size: 45px;
    }

    .why-us__points-title {
        font-size: 38px;
    }
}

@media (max-width: 640px) {
    .why-us__point, .point {
        border-radius: 30px;
        padding: 40px 36px 20px 36px;
        font-size: 16px;
        margin-top: 55px;
        text-align: center;
    }

    .why-us__avatar {
        width: 110vw;
    }

    .why-us__point:before, .point:before {
        transform: translate(-50%, -50%);
        top: 0;
        left: 50%;
    }

    .why-us__point:after, .point:after, .point__ico {
        transform: translate(-50%, -50%);
        top: 0;
        left: 50%;
    }

    .why-us__points, .points {
        width: 80%;
        margin: 0 auto;
    }

    .why-us__stars-left {
        display: none;
    }

    .why-us__stars-right {
        max-width: 90px;
        height: auto;
    }

    .why-us .action {
        width: 80%;
        margin: 40px auto 20px;
    }

    .why-us .action .button-3 {
        border: 20px solid white;
    }

    .why-us__title {
        font-size: 35px;
    }

    .why-us__points-title {
        font-size: 32px;
    }
}

@media (max-width: 500px) {
    .why-us__avatar {
        width: 135vw;
    }
}

@media (max-width: 480px) {
    .parks-page section#start .container h1,.parks .title-block h2 {
        font-size: 26px;
        margin-bottom: 20px;
        text-transform: none;
        text-align: left;
    }

    .parks-page section#start .container .subtitle,.parks .title-block p {
        font-size: 16px;
        line-height: 30px;
        text-align: left;
    }

    .parks-page section#start .container .sub-wrapper {
        margin-bottom: 30px;
    }
    .parks .title-block p, .parks .title-block h2{
        color: #000000;
    }

    .parks-info {
        padding-top: 30px;
    }

    .parks-page .container.large {
        padding: 0;
    }

    .parks-page:before {
        background: #FFFFFF;
    }

    .parks-page section#gallery .gallery-head .swiper-block p.title {
        color: #000;
        font-size: 32px;
        font-weight: 800;
    }

    .parks-page section#gallery .gallery-head .swiper-block p.subtitle {
        color: #000;
        font-size: 21px;
        font-weight: 800;
        margin-bottom: 10px;
    }

    .parks-page section#gallery .gallery-head .swiper-block .gallery-head-swiper p.text {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        line-height: 34px;
    }

    .parks-page section#gallery .gallery-head .swiper-block .button-2 {
        color: #FFFFFF;
        background: var(--primary-purple-1);
    }
    .parks__items{
        padding-left: 0;
        padding-right: 0;
        gap: 10px;
        border-radius: 20px;
    }
    .parks__item-title{
        font-size: 22px;
        font-weight: 700;
        padding-bottom: 16px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .parks__item-time{
        top: 16px;
        right: 16px;
    }
    .parks-page .container.small,.parks-page .container.small .container{
        padding: 0;
    }

    .why-us .container {
        padding: 20px;
    }

    .why-us__title {
        font-size: 26px;
        margin-bottom: 20px;
        text-transform: none;
        line-height: 125%;
        max-width: 75%;
    }

    .why-us__points-title {
        font-size: 26px;
    }

    .why-us__subtitle {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 20px;
        padding-bottom: 20px;
        max-width: 90%;
    }

    .why-us {
        padding: 0 10px;
        margin: 50px 0;
    }

    .why-us__points, .points {
        width: 90%;
    }

    .why-us .action {
        width: 90%;
    }

    .why-us__stars-right {
        max-width: 60px;
    }

    .why-us .action .button-3 {
        font-size: 18px;
        padding: 10px 24px;
    }
}




@media (max-width: 430px) {
    .why-us__avatar {
        width: 146vw;
    }
}

@media (max-width: 380px) {
    .why-us__avatar {
        width: 168vw;
    }
}

@media (max-width: 360px) {
    .why-us__avatar {
        width: 186vw;
        right: -182px;
    }
}

@media (max-width: 335px) {
    .why-us__avatar {
        width: 206vw;
    }
}

@media (max-width: 320px) {
    .why-us__avatar {
        width: 214vw;
    }
}


/*Parks-info*/
.parks-info {
    margin-bottom: 160px;
}
.parks-info__cards:not(.active) {
    display:none;
}

.parks-info__cards {
    margin-top: 60px;
}

.swiper-info .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px 40px;
    margin-top: 40px;
    flex-wrap: wrap;
    position: relative;
}

.parks-info__card {
    border-radius: 30px;
    background: #F5F5F5;
    overflow: hidden;
    transition: 0.15s all;
}

.parks-info__card:hover {
    background: var(--primary-purple-1);
}

.parks-info .card__name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    transition: 0.15s all;
}

.parks-info__card:hover .card__name {
    color: #FFFFFF;
}


/*.parks-info .card__image {*/
/*    aspect-ratio: 370 / 200;*/
/*}*/

.parks-info .card__image img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
}


.parks-info .card__name-button {
    width: 30px;
    height: 30px;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--primary-purple-1);
    transition: 0.15s all;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.parks-info .card__name-button:hover, .parks-info__card:hover .card__name-button {
    background-color: var(--primary-purple-1);
    border-color: #FFFFFF;
}

.parks-info .card__name-button:after {
    content: '';
    position: absolute;
    height: 16px;
    width: 9px;
    top: 50%;
    left: 52%;
    transform: translate(-50%, -50%);
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDEwIDE4IiBmaWxsPSJub25lIj4NCiAgICA8cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Ik0xLjU3MDMxIDEuODg4NjdMOC42ODE0MiA4Ljk5OTc4TDEuNTcwMzEgMTYuMTEwOSIgc3Ryb2tlPSIjOTUyMEZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=") center center/cover no-repeat;
}

.parks-info .card__name-button:hover:after, .parks-info__card:hover .card__name-button:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNTcwMzEgMS44ODg2N0w4LjY4MTQyIDguOTk5NzhMMS41NzAzMSAxNi4xMTA5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center center/cover no-repeat;
}

.parks-info .title-block {
    max-width: 1200px;
    margin: 0 auto 48px;
}

.parks-tabs__content .swiper-control-wrapper .swiper-button-prev, .parks-tabs__content .swiper-control-wrapper .swiper-button-next{
    display: none;
}
.parks-tabs__content .swiper-control-wrapper.active .swiper-button-prev, .parks-tabs__content .swiper-control-wrapper.active .swiper-button-next{
    display: flex;
}





/*parks-detail page*/
.parks-detail #detail-content .container {
    max-width: 100%;
}

.parks-detail #detail-content {
    margin: auto;
}

.parks-page:not(.parks-detail) .parks-info .gallery-head {
    justify-content: center;
}



.parks-page.parks-detail:before {
  display: none;
}
.about-parks__container{
    max-width: 1570px;
    margin: 0 auto;
}
.about-parks__info{
    display: grid;
    align-items: center;
    grid-template-areas: 'title title'
                          'left right';
}
.about-parks__right{
    height: 100%;
    overflow: hidden;
    border-radius: 30px;
    grid-area: right;

}
.about-parks__right img{
    max-width: 650px;
    max-height: 290px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 30px;
    grid-area: right;
    object-fit: cover;
    object-position: center;
}
.about-parks__left{
    max-width: 725px;
    grid-area: left;
}
.about-parks__title{
    color: #000;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
    grid-area: title;
    text-align: left;
    width: 100%;
}
.about-parks__subtitle{
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px
}

.about-parks__slider{
    margin-top: 60px;
}

#detail-content  .about-parks__slider .wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.about-parks__slider .card{
    padding: 30px;
    border-radius: 30px;
    background: #F5F5F5;
    position: relative;
    width: 100%;
    min-height: 208px;
    cursor: pointer;
}
.about-parks__slider .card .card__title{
    color: #000;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    align-items: center;
}
.about-parks__slider .card .card__ico-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.20);
    margin-right: 10px;
    object-fit: cover;
}

.about-parks__slider .card .card__subtitle{
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    display: block;
    display: -webkit-box;
    height: calc(14px*22px*4px);
    margin: 0 auto;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.about-parks__slider .card .card__age{
    position: absolute;
    padding: 5px 10px;
    border-radius: 10px;
    background: var(--accent-color);
    right: 16px;
    top: 16px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-align: center;
}
.about-parks-swiper {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out;
}

.about-parks-swiper.swiper-container-initialized {
    opacity: 1;
    visibility: visible;
}
.about-parks__slider .swiper-control-wrapper{
    padding-bottom: 60px;
}
.about-parks__slider .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 0;
    gap: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 480px) {
    .about-parks__slider .swiper-pagination-bullets.swiper-pagination-horizontal{
       position: relative;
        margin-top: 30px;
    }
}

.about-parks{
    margin-bottom: 80px;
}


/*3Д-тур*/

.tour{
    margin-top: 80px;
    margin-bottom: 80px;
}
.tour__container{
    max-width: 1570px;
    margin: 0 auto;
}

.tour__title{
    color: #000;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
    text-align: center;
}
.tour__image{
    width: 100%;
    min-height: 840px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;

}
.tour__image img{
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    transition: 400ms;
    transform: scale(1);
    position: absolute;
    inset: 0;
    object-position: center;
    height: 100%;
}
.tour__image svg{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    cursor: pointer;
    z-index: 2;
}
.tour__image svg:hover + img{
    transform: scale(1.5);
}


/*gallery-parks*/

.parks-detail #detail-content section#gallery{
    background: #FFFFFF;
}

.gallery__title{
    color: #000;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
    text-align: center;
}


/*restaurant*/
.restaurant{
    margin: 80px 0;
}
.restaurant__container{
    max-width: 1570px;
    margin: 0 auto;
}
.restaurant__title{
    color: #000;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
    text-align: center;
}
.restaurant__subtitle{
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}

.restaurant__buttons-menu{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 48px;
}
.restaurant__button-menu{
    padding: 20px 40px;
    border-radius: 50px;
    background: var(--primary-purple-1);
    color: #FFF;
    font-size: 21px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    transition: 400ms;
    cursor: pointer;
    text-decoration: none;
}
.restaurant__button-menu:hover{
    background: var(--primary-purple-2);
}


/*map-section*/

.map-section{
    background: #F5F5F5;
    padding: 80px 0;
    margin-top: 80px;
}
.map-section__container{
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.map-section__right{
    max-width: 550px;
}
.map-section__title{
    color: #000;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
    text-align: center;
}
.map-section__right ul li{
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 0;
}
.map-section__right ul li:before{
  content: url("/images/Star-pink.svg");
    margin-right: 10px;
    line-height: 105%;
}

.map-section .leaflet-popup-content-wrapper{
    background: #FFFFFF;
    border-radius: 30px;
    position: relative;
    overflow:visible;
    padding: 20px;
    max-height: max-content!important;
}
.map-section .leaflet-popup-content-wrapper .custom-popup img{
    width: 100px;
    position: absolute;
    left: 0;
    top:0;
}


.map-section .leaflet-popup-content-wrapper .custom-popup__title{
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: 65px;
    margin-bottom: 10px;
}
.map-section .leaflet-popup-content-wrapper .custom-popup p{
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}


.map-section .leaflet-retina .leaflet-popup-tip-container_svg{
    display: none;
}
.map-section .leaflet-map-pane .leaflet-popup-tip-container_svg{
    display: none;
}
.map-section .leaflet-fade-anim .leaflet-map-pane .leaflet-popup{
    transform: translate3d(420px, 350px, 0px)!important;
}
.map-section .leaflet-popup-content-wrapper .custom-popup{
    position: relative;
}
.map-section .leaflet-popup-content-wrapper .custom-popup img.square{
    width: 40px;
    height: 40px;
    bottom: -53px;
    top: unset;
    left: 20px;
    transform: rotate(45deg);
}

.map-section .leaflet-container a.leaflet-popup-close-button {
    top: 8px;
    right: 8px;
    font-weight: 200;
    font-size: 34px;
}
.map-section__left{
    border-radius: 30px;
    overflow: hidden;
    max-width: 700px;
    width: 100%;
}

.parks-detail .anchors{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 50px 0;
    flex-wrap: wrap;

}
.parks-detail .anchors span{
    color: #848484;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 50px;
    border: 2px solid #848484;
    display: flex;
    padding: 10px 20px;
    white-space: nowrap;
    cursor: pointer;
    transition: 400ms;
    text-decoration: none;
}
.parks-detail .anchors span.active,.parks-detail .anchors span:hover{
    color: var(--primary-purple-1);
    border: 2px solid var(--primary-purple-1);
}

.parks-detail .fancybox__backdrop {
    background: rgba(0, 0, 0, 0.60);
}
.hidden {
    display: none;
}

.parks-info .title-block h2 {
    color: #000;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
    text-align: center;
}

.parks-info .title-block .descr {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}

@media (max-width: 992px) {
    .parks-info .tabs {
        padding-bottom: 10px;
    }
}

@media (max-width: 700px) {
    .parks-info .card__name {
        font-size: 18px;
        padding: 20px;
    }
    .parks-info{
        margin-bottom: 60px;

    }
    .parks-tabs__content .swiper-control-wrapper.active .swiper-button-prev, .parks-tabs__content .swiper-control-wrapper.active .swiper-button-next{
        display: none;
    }
    .parks-info__cards .swiper-pagination{
        gap: 20px 30px;
    }
}
@media (max-width: 480px) {
    .parks-info .title-block h2 {
        font-size: 26px;
        margin-bottom: 20px;
        text-align: left;
    }

    .parks-info .title-block .descr {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        text-align: left;
    }
    .parks-info .title-block{
        margin: 0 auto 30px;
    }
}

/*Attractions*/
.attractions {
    margin-bottom: 80px;
}

.attractions .container {
    border-radius: 30px;
    background:  var(--bg-gradient);
    display: grid;
    grid-template-columns: 606px 1fr;
    overflow: hidden;
}

.attractions__right {
    padding: 120px;
}

.attractions__left {
    max-width: 606px;
    width: 100%;
    height: 100%;
}

.attractions__left img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: center;
}

.attractions__title {
    color: #FFF;
    font-size: 52px;
    font-style: normal;
    font-weight: 800;
    line-height: 62px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.attractions__subtitle {
    color: #FFF;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 60px;
}


.attractions__point:last-child {
    margin-bottom: 0;
}
.gallery-card-swiper{
    min-width: 640px;
}

@media (max-width: 1600px) {
    .attractions__right {
        padding: 80px;
    }

    .attractions .container {
        align-items: center;
    }
    .gallery-card-swiper{
        min-width: unset;
    }
}

@media (max-width: 1400px) {
    .attractions__right {
        padding: 35px;
    }

    .attractions .container {
        padding: 0;
    }
}

@media (max-width: 1200px) {
    .attractions__title {
        font-size: 36px;
    }
}

@media (max-width: 1130px) {
    .attractions .container {
        grid-template-columns: 570px 1fr;
    }

    .attractions__right {
        padding: 20px;
    }
}

@media (max-width: 1030px) {
    .attractions .container {
        display: flex;
        flex-direction: column;
    }

    .attractions__right {
        padding: 30px;
        margin-bottom: 45px;
    }

    .attractions__left {
        max-width: 100vw;
        height: 700px;
    }
}

@media (max-width: 700px) {
    .attractions__left {
        height: 500px;
    }
}

@media (max-width: 640px) {
    .attractions__right {
        padding: 30px 20px;
    }
}

@media (max-width: 480px) {
    .attractions__left {
        height: 300px;
    }

    .attractions__title {
        font-size: 26px;
        text-transform: none;
        line-height: 125%;
        margin-bottom: 20px;
    }

    .attractions__subtitle {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .attractions {
        margin-bottom: 10px;
    }
}

@media (max-width: 380px) {
    .attractions__left {
        height: 200px;
    }

    .points {
        width: 100%;
    }
}

@media (max-width: 330px) {
    .attractions__left {
        height: 160px;
    }
}

.hidden {
    display: none;
}

.birthday-page .fancybox__backdrop {
    background: rgba(0, 0, 0, 0.60);
}

.card__modal {
    max-width: 1570px;
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 110px;
    border-radius: 60px;
    background: #F5F5F5;
    padding: 80px;
    flex-direction: row;
    cursor: default;
}

.card__modal-left {
    max-width: 50%;
}

.card__modal-right {
    max-width: 740px;
}

.card__modal-right .swiper-block {
    padding: 0 50px;
}

.gallery-card-swiper .swiper-slide{
    max-height: 350px;
    border-radius: 30px;
    overflow: hidden;
}
@media (max-width: 480px) {
    .gallery-card-swiper .swiper-slide{
        max-height: 240px;
    }
}
.gallery-card-swiper .swiper-slide img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
}

.card__modal-left h2 {
    color: #000;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.card__modal-left p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}

.parks-detail .fancybox__content > .carousel__button.is-close {
    top: 40px;
    right: 40px;
    color: #000000;
}


.parks-detail .card__modal-right .swiper-button-next {
    right: -10px;
    transform: translateY(-50%);
    top: 50%;
    z-index: 10;
}

.parks-detail .card__modal-right .swiper-button-prev {
    left: -10px;
    transform: translateY(-50%);
    top: 50%;
    z-index: 10;
}

.gallery-parks-swiper .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}
.parks-detail .card__modal-right {
    min-width: 50%;
}

.card__modal-right .swiper-button-prev {
    z-index: 10;
}

.birthday-page .gallery-card-swiper .swiper-slide img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
}

.birthday-page .swiper-pagination {
    position: static;
    margin-top: 20px;
}

@media (max-width: 1280px) {
    .birthday-page  .card__modal {
        flex-direction: column;
        gap: 20px;
        border-radius: 20px;
        padding: 20px;
    }

    .birthday-page  .card__modal-left h2 {
        font-size: 26px;
        margin-bottom: 8px;
    }
}

@media (max-width: 580px) {
    .birthday-page .card__modal-right .swiper-button-next,
    .birthday-page .card__modal-right .swiper-button-prev {
        top: 94%;
    }

    .birthday-page .card__modal-right .swiper-button-next {
        right: 0;
    }

    .birthday-page .card__modal-right .swiper-button-prev {
        left: 0;
    }
}

@media (max-width: 1780px) {
    .parks-detail .all-all #detail-content > .container{
        padding: 0 20px;
    }
    .about-parks__slider{
        padding: 0 50px;
    }
    .about-parks__info{
        align-items: center;
        gap: 20px;
    }
    .map-section__container{
        padding: 0 50px;
    }
}
@media (max-width: 1200px) {
    .map-section__container{
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }
    .map-section__right{
        order: 1;
    }
    .map-section__left{
        order: 2;
    }
    .parks-detail .all-all #detail-content{
        padding: 0;
    }
}

@media (max-width: 1040px) {
    .about-parks__info{
        display: flex;
        flex-direction: column;
    }
    .about-parks__left, .about-parks__right{
        max-width: 100%;
        max-height: 100%;
        min-width: unset;
    }
    .about-parks{
        margin-bottom: 40px;
    }
    .tour {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .restaurant__button-menu{
        font-size: 18px;
        padding: 15px 30px;

    }
    .restaurant__buttons-menu{
        gap: 10px;
    }
    .restaurant{
        margin: 40px 0;
    }
    .about-parks__left {
        order: 2;
    }
    .about-parks__right {
        order: 1;
    }
    .map-section{
        margin-bottom: 100px;
    }
}
@media (max-width: 880px) {
    .map-section__container{
        padding: 0 ;
    }
    .map-section{
        background: #FFFFFF;
    }
}
@media (max-width: 720px) {
    .restaurant__buttons-menu{
        flex-direction: column;
        width: 80%;
        align-items: center;
        justify-content: center;
        margin: 48px auto 0;
        text-align: center;
    }
    .restaurant__button-menu{
        width: 100%;
    }
    .gallery__title, .map-section__title, .restaurant__title, .tour__title, .about-parks__title{
        font-size: 36px;
    }
    .tour__image svg{
        width: 60px;
        height: 60px;
        bottom: 30px;
        right: 30px;
    }
}

@media (max-width: 680px) {
    .about-parks__slider{
        padding: 0;
    }
    .about-parks__slider .swiper-button-prev, .about-parks__slider .swiper-button-next{
        display: none;
    }
}
@media (max-width: 480px) {
    .map-section__left{
        height: 300px;
    }
    .parks-detail .all-all #detail-content > .container{
        padding: 0 15px;
    }
    .tour__image{
        min-height: 460px;
    }
    .parks-detail .anchors{
        margin: 40px 0;
        gap: 4px 8px;
        justify-content: start;
    }
    .parks-detail .anchors span {
        font-size: 14px;
    }
    .gallery__title, .map-section__title, .restaurant__title, .tour__title, .about-parks__title {
        font-size: 26px;
        margin-bottom: 20px;
        text-align: left;
    }
    .about-parks__subtitle {
        font-size: 16px;
    }
    .about-parks__slider{
        margin-top: 40px;
    }
    #detail-content .about-parks__slider .wrapper{
        gap: 8px;
    }
    .about-parks__slider .card .card__title {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .about-parks__slider .card .card__subtitle {
        line-height: 18px;
        font-size: 12px;
    }
    .about-parks__slider .card .card__age{
        font-size: 12px;
    }
    .about-parks__slider .swiper-control-wrapper {
        padding-bottom: 40px;
    }
    .about-parks__slider .swiper-pagination-bullets.swiper-pagination-horizontal{
        gap: 20px;
    }
    .about-parks{
        margin-bottom: 0;
    }
    .tour__image svg{
        width: 40px;
        height: 40px;
        bottom: 20px;
        right: 20px;
    }
    .restaurant__subtitle{
        font-size: 16px;
        line-height: 30px;
        text-align: left;
    }
    .restaurant__buttons-menu{
        width: 100%;
        margin-top: 30px;
    }
    .restaurant{
        margin-bottom: 0;
    }
    .map-section__right ul li{
        font-size: 16px;
    }
    .map-section .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
        transform: translate3d(200px, 300px, 0px)!important;
    }
    .leaflet-popup-inner.leaflet-popup_show_true{
        transform: scale(0.7);
    }
}
@media (max-width: 1280px) {
    .parks-detail .card__modal-right {
        max-width: 500px;
    }

    .parks-detail .card__modal-left p {
        font-size: 14px;
        line-height: 24px;
    }
    .card__modal-left p {
        font-size: 14px;
        line-height: 24px;
    }

    .card__modal-left h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .card__modal {
        flex-direction: column;
    }
    .card__modal-left {
        max-width: 100%;
    }

    .card__modal-right {
        max-width: 100%;
    }
    .card__modal {
        max-width: 100%;
    }
    .parks-detail .card__modal-left h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }
}

@media (max-width: 1050px) {
    .parks-detail .card__modal {
        flex-direction: column;
    }

    .parks-detail .card__modal-left {
        max-width: 100%;
    }

    .parks-detail .card__modal-right {
        max-width: 100%
    }

    .parks-detail .card__modal {
        max-width: 95%;
        gap: 40px;
    }
    .parks-detail .fancybox__slide{
        padding: 0;
    }
    .video-review-swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .afisha-swiper-pagination,.swiper-pagination.swiper-pagination-horizontal{
        flex-wrap: wrap;
    }
}

@media (max-width: 580px) {
    .parks-detail .card__modal {
        padding: 20px;
        border-radius: 20px;
        gap: 17px;
    }

    .parks-detail .card__modal-left p{
        font-size: 12px;
        line-height: 16px;
    }
    .parks-detail .card__modal {
        max-width: 100%;
        width: 95%;
    }

    .parks-detail .card__modal-left h2 {
        font-size: 26px;
        margin-bottom: 8px;
    }

    .parks-detail .card__modal-left p {
        font-size: 14px;
        line-height: 22px
    }

    .gallery-parks-swiper .fancybox__content > .carousel__button.is-close {
        top: 15px;
        right: 15px;
    }

    .parks-detail .fancybox__content > .carousel__button.is-close {
        top: 20px;
    }

    .parks-detail .card__modal-right .swiper-button-next,.parks-detail .card__modal-right .swiper-button-prev {
        top: 100%;
    }

    .parks-detail .card__modal-right .swiper-block {
        padding: 0;
    }
    .gallery-parks-swiper .swiper-button-next{
        right: 0;
    }
    .gallery-parks-swiper .swiper-button-prev{
        left: 0;
    }
    .gallery-parks-swiper .swiper-pagination {
        margin-top: 40px;
        margin-bottom: 10px;
        gap: 20px;
    }
    .gallery-card-swiper .swiper-slide img{
        border-radius: 16px;
    }
    .main-page-tariffs-control-wrapper{
        margin-bottom: 140px;
    }

    .gallery-parks-swiper .swiper-slide img{
        border-radius: 16px;
    }
    .parks-detail .fancybox__content > .carousel__button.is-close{
        text-outline: 20px;
        right: 20px;
    }
}

@media (max-width: 550px) {
    .main-page-tariffs-swiper .swiper-wrapper{
        display: flex;
        flex-direction: column;
        gap: 20px;
        overflow: hidden;
        transform: translate3d(0px,0,0)!important;
    }
    #tariffs .swiper .swiper-pagination{
        display: none;
    }
    .main-page-tariffs-control-wrapper{
        margin-bottom: 0;
        padding: 0;
    }
    .birthday-page .tabs, #tariffs ul.tabs {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 8px;
        padding: 0;
        margin-top: 30px;
        margin-bottom: 0!important;
    }
}

@media (max-width: 380px) {
    .parks-detail .card__modal-left p {
        font-size: 10px;
        line-height: 14px;
    }
    .park-animators{
        margin-top: 30px;
    }
}

.main-page-tariffs-swiper ~.swiper-button-prev,.main-page-tariffs-swiper ~.swiper-button-next, .fea-swiper-tizers ~ .swiper-button-prev,.fea-swiper-tizers ~ .swiper-button-next{
    display: none;
}

.birthday-page .fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{
    cursor: default;
}

.rooms-swiper .checkbox-slide {
    min-height:425px ;
}

.img[data-3d="true"]:after{
    width: 100%;
    height: 100%;
    background-image: url("/local/templates/avatariya-uz/src/styles/../3d_icon.png");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    inset: 0;
    content: '';
}
.img[data-3d="true"]:before{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    inset: 0;
    content: '';
}
#ajax-auth-form-container .form-wrapper, #ajax-register-form-container .form-wrapper{
    padding: 40px;
}
#ajax-register-form-container .form-wrapper{
    max-width: 500px;
    margin: 0 auto;
}
#ajax-register-form-container .alert {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0;
}
#ajax-auth-form-container .form-wrapper h3, #ajax-register-form-container .form-wrapper h3{
    margin-bottom: 10px;
}
#ajax-auth-form-container .input__wrapper label, #ajax-register-form-container .input__wrapper label{
    font-size: 14px;
    line-height: 18px;
}
#ajax-auth-form-container .input__wrapper input, #ajax-register-form-container .input__wrapper input {
    font-size: 14px;
    line-height: 18px;
}
#ajax-auth-form-container .input__wrapper, #ajax-register-form-container .input__wrapper{
    padding-bottom: 10px;
}
@media screen and (max-width: 580px) {
    #ajax-auth-form-container .form-wrapper, #ajax-register-form-container .form-wrapper{
        max-width: 90vw;
    }
    #ajax-auth-form-container.ajax-popup-form-container form .actions, #ajax-register-form-container.ajax-popup-form-container form .actions,#ajax-auth-form-container.ajax-popup-form-container form .check-line,#ajax-register-form-container.ajax-popup-form-container form .check-line{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    #ajax-auth-form-container.ajax-popup-form-container form .actions .button-3, #ajax-auth-form-container.ajax-popup-form-container form .actions noindex,  #ajax-register-form-container.ajax-popup-form-container form .actions .button-3, #ajax-register-form-container.ajax-popup-form-container form .actions noindex,  #ajax-auth-form-container.ajax-popup-form-container form .actions .button-2,#ajax-register-form-container.ajax-popup-form-container form .actions .button-2{
        width: 100%;
        font-size: 14px;
    }
    #ajax-register-form-container .form-wrapper {
        padding: 20px;
    }
}
@media (max-width: 768px) {
    .img[data-3d="true"]:after {
        background-size: contain;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        height: 90%;
    }
}

.reviews-pages-block-perelink__wrap #video-reviews {
    margin-bottom: 0;
}

.reviews-pages-block-perelink__wrap #reviews {
    margin-bottom: 160px;
}

.reviews-pages-block-perelink__wrap.not-last #reviews {
    margin-bottom: 60px;
}

.reviews-pages-block-perelink__wrap.margin-top {
    margin-top: 180px;
}

.review-component__title-wrap {
    font-weight: 700;
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 40px;
}

@media (max-width: 1550px) {
    .reviews-pages-block-perelink__wrap.margin-top {
        margin-top: 0px;
    }

    .reviews-pages-block-perelink__wrap {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
}

@media (max-width: 992px) {
    .reviews-pages-block-perelink__wrap.margin-top-mobile {
        margin-top: 60px;
    }

    .review-component__title-wrap {
        font-size: 32px;
    }

    .reviews-pages-block-perelink__wrap.rev-on-main-page.margin-top {
        margin-top: 60px;
        margin-bottom: 140px;
    }

    .reviews-page .review-page-swiper .swiper-pagination {
        gap: 15px;
    }
}

.flow-bubble{
    position: absolute;
    opacity: 0.8;
}

.flow-bubble-lg{
    left: -61px;
    bottom: -52px;
    width: 120px;
}
.flow-bubble-md{
    left: -96px;
    bottom: 33px;
    width: 80px;
}
.flow-bubble-sm{
    left: 50px;
    bottom: -38px;
    width: 60px;
}

.offset-bubbles .flow-bubble-lg{
    bottom: -116px;
}
.offset-bubbles .flow-bubble-md{
    bottom: -20px;
}
.offset-bubbles .flow-bubble-sm{
    bottom: -98px;
}

.offset-bubbles {
    z-index: 10;
}

@media (max-width: 800px) {
    .offset-bubbles .flow-bubble-lg{
        bottom: -96px;
    }
    .offset-bubbles .flow-bubble-md{
        bottom: -10px;
    }
    .offset-bubbles .flow-bubble-sm{
        bottom: -78px;
    }
}

.h1-style {
    font-weight: 700;
    font-size: 42px;
    line-height: 52px;
}

.main-page .h1-style {
    text-align: center;
}

.reviews-pages-block-perelink__wrap {
    max-width: 1570px;
    margin: 0 auto;
}

.park-content__title {
    text-align: center;
    margin-bottom: 60px;
}

.park-reviews__tab:not(.active) {
    display: none;
}

.park-reviews__checkers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.park-reviews__checker {
    color: #848484;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 50px;
    border: 2px solid #848484;
    display: flex;
    padding: 10px 20px;
    white-space: nowrap;
    cursor: pointer;
    transition: 400ms;
    text-decoration: none;
}

.park-reviews__checker.active {
    color: var(--primary-purple-1);
    border: 2px solid var(--primary-purple-1);
}

.party-package {
    display: flex;
    flex-direction: row;
    border-radius: 45px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 0 61px rgb(0 0 0 / 7%);
}

.party-package .image-block {
    flex: 1;
    text-align: center;
}

.party-package .text-block {
    flex: 2;
}

@media (max-width: 768px) {
    .party-package {
        flex-direction: column;
    }

    .party-package .image-block {
        order: 1;
    }

    .party-package .text-block {
        order: 2;
        text-align: center;
    }
}

@media (max-width: 1080px) {
    header .header-top .socials {
        margin-right: 20px;
    }

    header .header-top .logo {
        margin-right: 20px;
    }
}
/* End */


/* Start:/local/templates/avatariya-uz/src/styles/game.min.css?178634318832678*/
@keyframes filled{0%{height:0%;width:0%}20%{height:100%;width:100%}to{opacity:0;height:100%;width:100%}}@keyframes updatedTo{0%,to{box-shadow:0 0 0 0#ec1e8f7a}50%{box-shadow:0 0 3px 5px #ec1e8f70}}@keyframes owlHandRotateRight{0%,to{transform:rotate(-15deg)}50%{transform:rotate(7deg)}}@keyframes owlHandRotateLeft{0%,to{transform:rotate(15deg)}50%{transform:rotate(-7deg)}}@keyframes owlFly{0%,to{transform:translateY(10px)}50%{transform:translateY(-10px)}}.cabinet-grid .game{background:var(--bg-gradient);border-radius:30px;padding:30px;grid-column:span 2/span 2;color:#fff}.cabinet-grid .game h4{color:#fff}#cabinet .convertation .convert-block .current-items ul,.cabinet-grid .game .game-wrap{display:flex;gap:30px}.cabinet-grid .game .gift-block p.text,.cabinet-grid .game .stat-block p.text{font-weight:400;font-size:18px;line-height:34px;color:#fff;margin-bottom:20px}.cabinet-grid .game .stat-block .stat-wrap p.title{font-weight:700;font-size:18px;line-height:25px;color:#fff;margin-bottom:15px}.cabinet-grid .game .stat-block .stat-items{display:flex;justify-content:space-between;max-width:300px}.cabinet-grid .game .stat-block .stat-item p.name{font-weight:400;font-size:14px;line-height:19px;color:#fff;margin-bottom:5px}.cabinet-grid .game .stat-block .stat-item .count{display:flex;gap:12px;align-items:center}.cabinet-grid .game .stat-block .stat-item .count .num{font-weight:700;font-size:21px;line-height:29px;color:#fff}.cabinet-grid .game .stat-block .stat-item .count .icon{width:25px;height:25px;display:flex;cursor:default}#cabinet .cabinet-gift .card .card-inner svg path,#cabinet .cabinet-gift .sub-g-item .icon svg path,#cabinet .convertation .convert-block .current-items ul li .icon svg path,#cabinet .convertation .stats-block ul li .icon svg path,#cabinet .convertation .stats-block ul li.elixir.active svg path,#cabinet .mobile-table .line .icon svg path,.cabinet-grid .game .stat-block .stat-item .count .icon svg path{fill:var(--accent-color)}.cabinet-grid .game .gift-block{background:#fff;border-radius:20px;padding:20px}.cabinet-grid .game .gift-block p.text{color:#000}.cabinet-grid .game .gift-block a{width:fit-content}@media (max-width:678px){.cabinet-grid .game .game-wrap{flex-direction:column}}@media (max-width:991px){.cabinet-grid .game .gift-block p.text,.cabinet-grid .game .stat-block p.text{font-size:16px;line-height:28px}}#cabinet .cabinet-gift{background:#f5f5f5;border-radius:30px;padding:40px 30px;color:#000}#cabinet .cabinet-gift h4,.cabinet-grid .game h4{font-weight:700;font-size:26px;line-height:35px;margin-bottom:20px}#cabinet .cabinet-gift .sub-g{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px}#cabinet .cabinet-gift .sub-g-title{font-weight:700;font-size:21px;line-height:29px}#cabinet .cabinet-gift .sub-g-item{display:flex;align-items:center;gap:12px}#cabinet .cabinet-gift .sub-g-item .num,#cabinet .convertation .convert-block .current-items ul li .num,#cabinet .convertation .stats-block ul li .num{font-weight:700;font-size:21px;line-height:29px;color:var(--primary-purple-1)}#cabinet .cabinet-gift .sub-g-item .icon{width:25px;height:25px;display:flex}#cabinet .cabinet-gift .sub-g-item .descr{font-weight:400;font-size:18px;line-height:25px}#cabinet .cabinet-gift .filters,#gift-modal .title_wrapper{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:30px}#cabinet .cabinet-gift .filters .input__wrapper{flex:1}#cabinet .cabinet-gift .filters .input__wrapper label{font-weight:700;font-size:18px;line-height:25px;color:#000}#cabinet .cabinet-gift .cards{margin-bottom:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}#cabinet .cabinet-gift .card{position:relative}#cabinet .cabinet-gift .card .card-inner{background:#fff;border-radius:20px;transition:box-shadow .15s;padding:30px;box-shadow:none;display:flex;flex-direction:column;align-items:center;position:relative;height:100%}#cabinet .cabinet-gift .card .card-inner .img{min-width:80px;min-height:80px;max-width:80px;max-height:80px;border-radius:9999px;overflow:hidden;margin-bottom:20px}#cabinet .cabinet-gift .card .card-inner .img img{display:block;width:100%}#cabinet .cabinet-gift .card .card-inner .name{font-weight:700;font-size:18px;line-height:25px;text-align:center;max-width:150px;margin:0 auto 10px;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#cabinet .cabinet-gift .card .card-inner .position{font-weight:400;font-size:14px;line-height:19px;text-align:center;color:#9a9a9a}#cabinet .cabinet-gift .card button{gap:9px;padding:6px 20px}#cabinet .cabinet-gift .card .actions{display:none;position:absolute;top:100%;left:0;width:100%;align-items:center;justify-content:center;background:#fff;padding:0 20px 20px;margin-top:-12px;border-radius:0 0 20px 20px;z-index:1}@media (min-width:767px){#cabinet .cabinet-gift .card:hover .actions{display:flex;box-shadow:0 20px 20px 0 rgb(0 0 0/11%)}#cabinet .cabinet-gift .card:hover .card-inner{box-shadow:0 12px 34px rgba(0,0,0,.25);border-radius:20px 20px 0 0}}.cabinet-gift-news-page a.back-link,.cabinet-gift-page a.back-link{margin-top:30px}#cabinet .cabinet-gift .pagination .pagination-control{background:0 0}#cabinet .cabinet-gift .pagination .pagination-control:hover,#cabinet .cabinet-gift-news .pagination .pagination-control:hover,#cabinet .cabinet-gift-rating .pagination .pagination-control:hover{background:var(--primary-purple-1)}@media (max-width:991px){#cabinet .cabinet-gift .input__wrapper label{margin-bottom:5px}}@media (max-width:768px){#cabinet .cabinet-gift .cards{grid-template-columns:repeat(2,minmax(0,1fr))}#cabinet .cabinet-gift .card .actions{position:relative;top:auto;display:flex;padding:0;margin-top:20px}}@media (max-width:500px){#cabinet .cabinet-gift .cards{grid-template-columns:repeat(1,minmax(0,1fr))}#cabinet .cabinet-gift .filters{flex-direction:column;gap:0}}#gift-modal .title_wrapper{align-items:center;gap:22px;font-weight:700;font-size:26px;line-height:35px;color:#000;margin-bottom:20px}#gift-modal .title_wrapper h3{margin-bottom:0}#gift-modal .person-data{background:#fff;border-radius:50px;display:flex;gap:20px;width:fit-content;margin-bottom:30px;align-items:center}#gift-modal .person-data .img{width:80px;height:80px;flex:none;border-radius:9999px;overflow:hidden}#gift-modal .person-data .img img,.cabinet-st-profile-page .profile-info .profile-img img{width:100%;height:100%;object-fit:cover}#gift-modal .person-data .data{padding:13px 30px 13px 0}#gift-modal .person-data .data p.name,#gift-modal .title_wrapper h3{font-weight:700;font-size:26px;line-height:35px;color:#000}#gift-modal .person-data .data p.pos{font-weight:400;font-size:14px;line-height:19px;color:#9a9a9a}#gift-modal .actions{display:flex;gap:20px}#gift-modal .actions button{padding:17px 30px}@media (max-width:500px){#gift-modal .title_wrapper{gap:12px}#gift-modal .person-data .data p.name{font-size:21px;line-height:26px}#gift-modal .person-data{gap:0;display:block;width:100%;padding-top:10px}#gift-modal .person-data .data{padding:13px 30px;text-align:center}#gift-modal .person-data .img{margin:0 auto}}@media (max-width:400px){#gift-modal .actions{gap:0;flex-direction:column-reverse}#gift-modal .actions button{padding:8px 20px;width:100%}#gift-modal .actions .button-3{margin-bottom:10px}}#cabinet .cabinet-gift-news{background:#f5f5f5;border-radius:30px;padding:30px;color:#000}#cabinet .cabinet-gift-news .pagination .pagination-control{background:0 0}#cabinet .cabinet-gift-news h4{margin-bottom:20px}#cabinet .cabinet-gift-news .news-lines,#cabinet .convertation h4,.cabinet-st-profile-page .profile-info h4{margin-bottom:30px}#cabinet .cabinet-gift-news .line,.cabinet-st-profile-page .profile-news ul li{padding:10px 0;border-bottom:1px solid #eaeaea}#cabinet .cabinet-gift-news .line:first-child{padding-top:0}#cabinet .cabinet-gift-news .line:last-child,#cabinet table.rating-table tbody tr:last-child{border:0}#cabinet .cabinet-gift-news .line .date{font-weight:400;font-size:14px;line-height:19px;color:#9a9a9a;margin-bottom:5px}#cabinet .cabinet-gift-news .line .text-wrapper{display:flex;gap:15px}#cabinet .cabinet-gift-news .line .text-wrapper svg{width:21px;height:22px;flex:none}#cabinet .cabinet-gift-news .line .text,#cabinet .convertation .convert-block .current-items ul li p.name{font-weight:400;font-size:18px;line-height:25px;color:#000}#cabinet .cabinet-gift-rating{background:#f5f5f5;border-radius:30px;padding:30px;color:#000;margin-bottom:30px}#cabinet .cabinet-gift-rating .pagination .pagination-control{background:0 0}#cabinet .cabinet-gift-rating .head-wrapper{display:flex;align-items:center;margin-bottom:30px;column-gap:30px;row-gap:20px;flex-wrap:wrap}#cabinet .cabinet-gift-rating .input__wrapper{padding:0}#cabinet table.rating-table{width:100%;border-collapse:collapse;white-space:nowrap}#cabinet table.rating-table tbody tr{border-bottom:1px solid #eaeaea}#cabinet table.rating-table tbody td{padding:10px 20px}#cabinet table.rating-table tbody tr td:first-child{padding-left:0;width:375px}#cabinet table.rating-table tbody tr td:last-child{padding-right:0}#cabinet table.rating-table tbody tr:last-child td{padding-bottom:0}#cabinet table.rating-table td{font-weight:700;font-size:14px;line-height:19px;position:relative}#cabinet table.rating-table td .num,#cabinet table.rating-table td .week{background:#eaeaea;border-radius:10px;padding:10px;width:fit-content}#cabinet table.rating-table thead th{padding:10px 20px;text-align:left;vertical-align:middle}#cabinet table.rating-table thead th div{display:flex;align-items:center;gap:12.5px;font-weight:400;font-size:14px}#cabinet .convertation .stats-block ul li:first-child,#cabinet table.rating-table thead tr th:first-child{padding-left:0}#cabinet table.rating-table thead tr th:last-child{padding-right:0}#cabinet table.rating-table.group-all tbody tr td:first-child{width:auto}#cabinet table.rating-table.group-all svg.winner{position:absolute;top:2px;right:17px}#cabinet .mobile-table{display:none}#cabinet .mobile-table .block{padding:20px 0;border-bottom:1px solid #eaeaea}#cabinet .mobile-table .block:first-child{padding-top:0}#cabinet .mobile-table .block:last-child{padding-bottom:0;border:0}#cabinet .mobile-table .c-name,#cabinet .mobile-table .num,#cabinet .mobile-table .week{background:#eaeaea;border-radius:10px;padding:10px;font-weight:700;font-size:14px;line-height:19px;color:#000;margin-bottom:15px;width:fit-content}#cabinet .mobile-table .num{position:relative}#cabinet .mobile-table .num svg{position:absolute;top:-6px;right:-6px}#cabinet .mobile-table .name-wrap{display:flex;gap:15px}#cabinet .mobile-table .lines{margin-bottom:20px}#cabinet .mobile-table .line{display:flex;margin-bottom:15px;align-items:center}#cabinet .mobile-table .lines .line:last-child{margin-bottom:0}#cabinet .mobile-table .line .icon{margin-right:13px}#cabinet .mobile-table .line .icon svg{width:25px}#cabinet .mobile-table .line .name{font-weight:400;font-size:14px;line-height:16px;color:#000;margin-right:auto}#cabinet .mobile-table .line .count{font-weight:700;font-size:14px;line-height:19px;color:#000}#cabinet .mobile-table .itogo{display:flex;align-items:center;justify-content:space-between;gap:10px}#cabinet .mobile-table .itogo .name{font-weight:400;font-size:14px;line-height:16px;color:#000}#cabinet .mobile-table .itogo .count{font-weight:700;font-size:14px;line-height:19px;color:#000}@media (max-width:700px){#cabinet .mobile-table{display:block}#cabinet table.rating-table{display:none}}#cabinet .convertation{background:#f5f5f5;border-radius:30px;padding:40px 30px;color:#000}#cabinet .convertation .stats-block{padding:10px 0;border-bottom:1px solid #000;margin-bottom:30px}#cabinet .convertation .convert-block p.title,#cabinet .convertation .stats-block p.title{font-weight:700;font-size:18px;line-height:38px;color:#000;margin-bottom:10px}#cabinet .convertation .stats-block ul{display:flex}#cabinet .convertation .stats-block ul li{display:flex;align-items:center;padding:20px;gap:10px;flex:1}#cabinet .convertation .convert-block .current-items ul li .icon,#cabinet .convertation .stats-block ul li .icon{width:30px;height:30px}#cabinet .convertation .stats-block ul li .icon svg{height:100%;display:block;width:100%}#cabinet .convertation .stats-block ul li .name{font-weight:400;font-size:18px;line-height:25px;color:#000;white-space:nowrap}#cabinet .convertation .stats-block ul li.elixir{border-radius:15px;position:relative;background:#e6e6e6;transition:.15s all}#cabinet .convertation .stats-block ul li.elixir svg path{fill:#bcbcbc;transition:.15s all}#cabinet .convertation .stats-block ul li.elixir.active{background:#fff}#cabinet .convertation .stats-block ul li.elixir span{font-weight:700;font-size:10px;line-height:14px;text-align:right;text-transform:uppercase;color:#bcbcbc;display:block;width:100%;position:absolute;margin-left:auto;right:28px;top:46px;transition:.15s all}#cabinet .convertation .stats-block ul li.elixir.active span{color:var(--primary-purple-1)}#cabinet .convertation .convert-block .alert{background:#fdecf0;height:auto;padding:20px}#cabinet .convertation .convert-block .alert .title{line-height:20px;font-size:14px;margin-bottom:10px;color:#2b2b2b;font-weight:500;display:flex;align-items:flex-end}#cabinet .convertation .convert-block .alert .title svg{display:flex;width:36px;height:20px}#cabinet .convertation .convert-block .alert .text{font-size:14px;font-weight:600;line-height:20px;margin-bottom:0;color:#e60000}.button-switch{position:relative;min-width:50px;max-width:50px;height:28px;margin:0;overflow:hidden;border-radius:50px}.button-switch .knobs,.button-switch .layer{position:absolute;top:0;right:0;bottom:0;left:0}.button-switch input[type=checkbox]{position:relative;width:100%;height:100%;padding:0;opacity:0;cursor:pointer;z-index:3;margin:0}.button-switch .knobs{z-index:2}.button-switch .layer{width:100%;background-color:#b0b0b0;transition:.2s ease all;z-index:1}.button-switch .knobs span{position:absolute;top:4px;width:20px;height:20px;font-size:10px;font-weight:700;text-align:center;line-height:1;padding:9px 4px;transition:.2s ease all;left:4px;background-color:#fff;border-radius:50%;z-index:2}.button-switch .knobs:after,.button-switch .knobs:before{color:#4e4e4e;z-index:1}.button-switch .checkbox:checked+.knobs span{left:25px}.button-switch .checkbox:checked~.layer{background-color:var(--primary-purple-1)}#cabinet .convertation .convert-block .elixir-trigger,#cabinet .convertation .variants .list li{display:flex;align-items:center;gap:10px;margin-bottom:20px}#cabinet .convertation .convert-block .elixir-trigger p{font-weight:400;font-size:14px;line-height:20px;color:#000}#cabinet .convertation .convert-block .current-items{margin-bottom:20px}#cabinet .convertation .convert-block .current-items ul li{display:flex;align-items:center;gap:10px;padding:0}#cabinet .convertation .convert-block .current-items ul li .icon svg{width:100%;height:100%;display:block}#cabinet .convertation .variants .list li{background:#fff;border-radius:15px;padding:30px;gap:60px;user-select:none}#cabinet .convertation .variants .list li .wrap{background:#f5f5f5;box-shadow:inset 5px 5px 10px rgba(0,0,0,.1);border-radius:50px;width:90px;height:90px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}#cabinet .convertation .variants .list li svg{position:relative;z-index:5}#cabinet .convertation .variants .list li .from,#cabinet .convertation .variants .list li .to{position:relative}#cabinet .convertation .variants .list li .to .wrap:after{content:"";width:0%;height:0%;background:var(--primary-purple-1);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:9999px;z-index:0}#cabinet .convertation .variants .list li .to.filled .wrap:after{animation:filled 2s linear}#cabinet .convertation .variants .list li .counter{position:absolute;left:calc(100% - 28px);width:max-content;top:-19px;background:var(--primary-purple-1);border-radius:50px;padding:3px 12px;font-weight:700;font-size:24px;line-height:33px;color:#fff;transform-origin:left}#cabinet .convertation .variants .list li .action{cursor:pointer;display:flex;align-items:center;justify-content:center;height:60px;width:60px}#cabinet .convertation .variants .list li .action.blocked,#cabinet .convertation .variants .list li.impossible .action{cursor:not-allowed}#cabinet .convertation .variants .list li .action.blocked svg,#cabinet .convertation .variants .list li.impossible .action svg{pointer-events:none}#cabinet .convertation .variants .list li:not(.impossible) .action:not(.blocked):active{transform:scale(.9)}#cabinet .convertation .variants .list li.impossible .from .counter{background:#d7d7d7}#cabinet .convertation .variants .list li .to .counter{transition:1s all;opacity:0}#cabinet .convertation .variants .list li .to .counter.showed{opacity:1}#cabinet .convertation .variants .list li .to .counter.updated{animation:updatedTo .5s ease-in-out}#cabinet .convertation .variants .list li.combine .from{display:flex;gap:10px}#cabinet .convertation .variants .list li.combine .from .item{background:#f5f5f5;box-shadow:inset 5px 5px 10px rgba(0,0,0,.1);border-radius:50px;padding:10px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}#cabinet .convertation .variants .list li.combine .from .item .minus,#cabinet .convertation .variants .list li.combine .from .item .plus{width:30px;height:30px;background:var(--primary-purple-1);border-radius:50px;font-weight:700;font-size:18px;line-height:30px;color:#fff;text-align:center;cursor:pointer}#cabinet .convertation .variants .list li.combine .from .item .minus{line-height:26px}#cabinet .convertation .variants .list li.combine .from .item .minus:active,#cabinet .convertation .variants .list li.combine .from .item .plus:active{transform:scale(.95)}#cabinet .convertation .variants .list li.combine .from .item .setters{display:flex;align-items:center;gap:5px}#cabinet .convertation .variants{display:flex;gap:30px}#cabinet .convertation .variants .list{width:100%;flex:none;max-width:580px}#cabinet .convertation .variants .descr p{color:#000;font-size:18px;line-height:34px;margin-bottom:20px}#cabinet .convertation .variants .list li.combine{gap:30px;padding:30px 15px}#cabinet .convertation .result-section{border-top:1px solid #000;padding-top:30px}#cabinet .convertation .result-section p.title{font-size:18px;font-weight:700;line-height:38px;margin-bottom:10px}#cabinet .convertation .result-section ul{display:flex;align-items:center;gap:30px;flex-wrap:wrap}#cabinet .convertation .result-section ul li{display:flex;gap:10px;padding:0}#cabinet .convertation .result-section .num{color:var(--primary-purple-1);font-size:21px;font-weight:700}#cabinet .convertation .result-section .icon-set{width:30px;height:30px}#cabinet .convertation .result-section .icon-set svg{width:100%;height:100%}#cabinet .convertation .result-section p.name{font-size:18px}@media (max-width:980px){#cabinet .convertation{padding:20px 15px}#cabinet .convertation .stats-block p.title{font-size:18px;line-height:24px}#cabinet .convertation .stats-block ul,#cabinet .convertation .variants .list li.combine .from{flex-wrap:wrap}#cabinet .convertation .stats-block ul li:first-child{padding:10px}#cabinet .convertation .stats-block ul li{padding:10px}#cabinet .convertation .stats-block ul li.elixir span{top:33px}#cabinet .convertation h4{margin-bottom:20px}#cabinet .convertation .convert-block .current-items ul{flex-wrap:wrap;row-gap:10px}#cabinet .convertation .variants .list li{padding:20px;justify-content:space-between;gap:20px}#cabinet .convertation .variants .list li .wrap{width:60px;height:60px}#cabinet .convertation .variants .list li svg{width:75%}#cabinet .convertation .variants .list li .counter{font-size:17px;line-height:27px;padding:0 10px;top:-14px}#cabinet .convertation .variants .list li .action{flex-shrink:0}#cabinet .convertation .variants .list li.combine{flex-direction:column}#cabinet .convertation .variants .list li.combine .from .item{width:100%}#cabinet .convertation .variants .list li.combine .from .item .setters{gap:10px}#cabinet .convertation .variants .list li.combine .from .counter{left:calc(100% - 65px)}#cabinet .convertation .variants .list li.combine .action{rotate:90deg;width:80px;height:60px}#cabinet .convertation .variants{flex-direction:column-reverse}#cabinet .convertation .variants .list{max-width:none}#cabinet .convertation .variants .descr p{font-size:16px;line-height:22px}}#tree{background:url(/local/templates/avatariya-uz/src/styles/../media/tree/bg.png)center center/contain repeat-x;height:970px;margin-bottom:192px;margin-top:-175px;position:relative;display:flex;align-items:flex-end}section#start{z-index:1}#tree .main-branch{position:absolute;left:50%;transform:translateX(-51%);bottom:-32px;z-index:1;pointer-events:none;height:683px;width:415px}#tree .week{background:#afb95c;width:314px;height:314px;border-radius:9999px;position:absolute;cursor:pointer;z-index:0;filter:grayscale(1);transition:transform 1s,left 1s,top 1s,width 1s,height 1s}#tree .week.avai{filter:none}#tree .week.avai:not(.active):hover{z-index:999!important;-webkit-box-shadow:0 0 9px 2px rgba(0,0,0,.31);-moz-box-shadow:0 0 9px 2px rgba(0,0,0,.31);box-shadow:0 0 9px 2px rgba(0,0,0,.31)}#tree .week .elem{position:absolute;width:15px}#tree .week.con-1-week{background:#7e893a;width:210px;height:210px;z-index:6;top:506px;left:-37px}#tree .week.con-2-week{background:#afb95c;width:116px;height:116px;z-index:7;top:544px;left:283px}#tree .week.con-3-week{background:#afb95c;width:135px;height:135px;z-index:8;top:542px;left:48px}#tree .week.con-4-week{background:#7e893a;width:195px;height:195px;z-index:5;top:435px;left:141px}#tree .week.con-5-week{background:#afb95c;width:208px;height:208px;z-index:4;top:440px;left:-50px}#tree .week.con-6-week{background:#7e893a;width:277px;height:277px;z-index:2;top:341px;left:206px}#tree .week.con-7-week{background:#7e893a;width:170px;height:170px;z-index:1;top:378px;left:19px}#tree .week.con-8-week{background:#afb95c;width:227px;height:227px;z-index:3;top:367px;left:194px}#tree .week.con-9-week{background:#afb95c;width:298px;height:298px;z-index:0;top:283px;left:68px}#tree .week p.title{position:absolute;color:rgba(255,255,255,.2);font-size:15px;font-weight:800;line-height:normal;text-transform:uppercase;top:0;left:0;transition:.15s all;white-space:nowrap}#tree .week.active{left:50%;top:50%;width:227px;height:227px;transform:translate(-9%,-50%);z-index:9999!important;box-shadow:0 0 9px 2px rgba(0,0,0,.31)}#tree .week .elem{transition:left .5s,top .5s}#tree .layer,#tree .week.proccess .elem,#tree .week.proccess p.title{opacity:0;visibility:hidden}#tree .layer{position:fixed;z-index:20;width:100%;height:100%;backdrop-filter:blur(10px);top:0;transition:.5s all;left:0}#tree.interacted .layer{opacity:1;visibility:visible}#tree .tree-container{width:385px;height:100%;margin:0 auto;position:relative}#tree .week.con-1-week p.title{left:13px;top:62px}#tree .week.con-2-week p.title{left:21px;top:47px}#tree .week.con-3-week p.title{left:30px;top:55px}#tree .week.con-4-week p.title{left:59px;top:84px}#tree .week.con-5-week p.title{left:66px;top:28px}#tree .week.con-6-week p.title{left:106px;top:6px}#tree .week.con-7-week p.title{left:47px;top:32px}#tree .week.con-8-week p.title{left:75px;top:35px}#tree .week.con-9-week p.title{left:110px;top:53px}#tree .swiper-control-wrapper,#tree .week.active p.title{left:50%;top:50%;transform:translate(-50%,-50%)}#tree .week .owl{position:absolute;left:50%;bottom:calc(100% - 30px);transform:translateX(-50%)}#tree .week .owl .count{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;font-size:15px;font-weight:700;line-height:normal;color:var(--primary-purple-1);border-radius:9999px;margin-left:auto}#tree .week .owl svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 11px #fff400);padding:13px;border-radius:9999px;animation:owlFly 1s ease-in-out infinite}#tree .week .owl svg #right-hand{transform-origin:center;animation:owlHandRotateRight 1s ease-in-out infinite}#tree .week .owl svg #left-hand{transform-origin:center;animation:owlHandRotateLeft 1s ease-in-out infinite}#tree .swiper-control-wrapper{position:absolute;width:500px;opacity:0;visibility:hidden;transition:1s all}#tree.interacted .swiper-control-wrapper{z-index:9999;opacity:1;visibility:visible}#tree .round-stats{width:200px;height:200px;padding:40px 20px 40px 45px;flex-shrink:0;display:flex;justify-content:center;flex-direction:column;border-radius:9999px;background:#fff}#tree .round-stats p.week-num{text-transform:uppercase;color:var(--primary-purple-1)}#tree .round-stats p.label,#tree .round-stats p.week-num{font-size:12px;font-weight:700;line-height:normal}#tree .round-stats ul li{display:flex;align-items:center;gap:3px;padding:0}#tree .round-stats ul li svg{width:15px;height:20px}#tree .round-stats ul li p{font-size:10px;font-weight:400;line-height:normal}#tree .swiper-control-wrapper{height:300px}#tree .swiper{height:100%}#tree .swiper-slide .round-stats{transform:translateX(-95px)}#mobile-tree .swiper-slide,#tree .close-slider,#tree .swiper-slide{display:flex;justify-content:center;align-items:center}#tree .close-slider{position:absolute;top:0;right:0;background:#fff;padding:5px;border-radius:9999px;width:30px;height:30px;cursor:pointer;transition:.15s all;z-index:999}#tree .close-slider svg{width:12px}#tree .close-slider:active{transform:scale(.7)}#mobile-tree{display:none;background:url(/local/templates/avatariya-uz/src/styles/../media/tree/n-mobile-tree.png)center center/contain repeat-x}#mobile-tree .swiper-slide{padding:10px}#mobile-tree .swiper-slide .round-stats{aspect-ratio:1/1;width:100%;max-width:270px;border-radius:9999px;display:flex;flex-direction:column;justify-content:center;padding:30px 43px}#mobile-tree .swiper-slide .round-stats p.week-num{font-weight:700;color:var(--primary-purple-1);margin-bottom:2px}#mobile-tree .swiper-slide .round-stats p.label{font-size:16px;font-weight:700;margin-bottom:7px}#mobile-tree .swiper-slide .round-stats li{display:flex;align-items:center;gap:5px;padding:0;margin-bottom:5px}#mobile-tree .swiper-slide .round-stats li svg,.cabinet-st-profile-page .profile-info .profile-info-edit svg{width:20px;height:20px}#mobile-tree .swiper-slide .round-stats li p{font-size:14px;line-height:20px}#mobile-tree .swiper{padding-bottom:40px}#mobile-tree .swiper .swiper-pagination{gap:10px;display:flex;justify-content:center}@media (max-width:520px){#mobile-tree{background-size:cover}}@media (max-width:991px){#mobile-tree{display:block;margin-top:-55px;padding:100px 0}#mobile-tree .swiper-button-prev{left:15px}#mobile-tree .swiper-button-next{right:15px}#tree{display:none}}.cabinet-st-profile-page .profile-wrap{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:30px}.cabinet-st-profile-page #cabinet .profile-wrap .profile-info{flex:1;background:#f5f5f5;border-radius:30px;padding:30px;margin-bottom:0}.cabinet-st-profile-page .profile-wrap .profile-game{flex:1;border-radius:30px;padding:30px;background:var(--primary-purple-1)}.cabinet-st-profile-page #cabinet .profile-game h4{color:#fff}.cabinet-st-profile-page .profile-info .profile-img{width:80px;height:80px;border-radius:9999px;flex-shrink:0;margin-bottom:20px;overflow:hidden}.cabinet-st-profile-page .profile-info .profile-info-line{margin-bottom:20px}.cabinet-st-profile-page .profile-info .profile-info-line p.label,.cabinet-st-profile-page .profile-news ul li p.date{color:#9a9a9a;font-size:14px;font-weight:400;line-height:normal;margin-bottom:5px}.cabinet-st-profile-page .profile-info .profile-info-line p.value,.cabinet-st-profile-page .profile-news h4{color:#000;font-size:18px;font-weight:700;line-height:normal}.cabinet-st-profile-page .profile-info .profile-info-line p.value a.tel{color:#000;text-decoration:none}.cabinet-st-profile-page .profile-info .profile-info-edit{display:flex;gap:10px;align-items:center;font-size:18px;font-style:normal;font-weight:700}.cabinet-st-profile-page .profile-game .profile-game-date{border-radius:50px;background:rgba(255,255,255,.15);color:#fff;font-size:14px;font-weight:400;line-height:normal;margin-bottom:15px;padding:10px;width:fit-content}.cabinet-st-profile-page .profile-game .block-title{color:#fff;font-size:18px;font-weight:700;line-height:normal;margin-bottom:15px}.cabinet-st-profile-page .profile-game .block-title svg{margin-bottom:-6px}.cabinet-st-profile-page .profile-game .sticks,.cabinet-st-profile-page .profile-game .tree-sticks{display:flex;gap:20px;margin-bottom:15px;align-items:center;flex-wrap:wrap}.cabinet-st-profile-page .profile-game .tree-sticks{margin-bottom:20px;border-radius:15px;background:#f5f5f5;padding:15px}.cabinet-st-profile-page .profile-game .sticks .stick-item{flex:1}.cabinet-st-profile-page .profile-game .stick-item p.name{white-space:nowrap}.cabinet-st-profile-page .profile-game .stick-item .counter .count{color:#fff;font-size:21px;font-weight:700;line-height:normal}.cabinet-st-profile-page .profile-game .elixir{border-radius:15px;background:rgba(255,255,255,.15);padding:10px}.cabinet-st-profile-page .profile-game .elixir p.name,.cabinet-st-profile-page .profile-game .stick-item p.name{color:#fff;font-size:14px;font-weight:400;line-height:normal;margin-bottom:5px}.cabinet-st-profile-page .profile-game .elixir .counter,.cabinet-st-profile-page .profile-game .stick-item .counter{display:flex;align-items:center;gap:9px}.cabinet-st-profile-page .profile-game .elixir .status{color:#fff;font-size:10px;font-weight:700;line-height:normal;text-transform:uppercase}.cabinet-st-profile-page .profile-game .elixir svg,.cabinet-st-profile-page .profile-game .stick-item svg{height:30px;width:30px}.cabinet-st-profile-page .profile-game .tree-sticks *{color:#000!important}.cabinet-st-profile-page .profile-game .tree-sticks .stick-item{flex:1}.cabinet-st-profile-page .profile-game .actions{border-radius:20px;background:#f5f5f5;padding:20px;margin-bottom:30px}.cabinet-st-profile-page .profile-game .actions p{font-size:18px;font-style:normal;font-weight:400;line-height:34px;margin-bottom:20px}.cabinet-st-profile-page .profile-game .actions .actions-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cabinet-st-profile-page .profile-game .actions .actions-wrap button{padding:10px 16px}.cabinet-st-profile-page .profile-game p.convert-modal{color:#fff;font-size:18px;font-weight:700;line-height:normal;text-decoration-line:underline;cursor:pointer}.cabinet-st-profile-page .profile-game p.convert-modal:hover,.cabinet-st-profile-page .profile-news .all:hover{text-decoration:none}.cabinet-st-profile-page .profile-game p.convert-modal svg{margin-bottom:-4px;margin-left:4px}.cabinet-st-profile-page .profile-news{border-radius:30px;background:#f5f5f5;padding:30px;display:flex;gap:30px}.cabinet-st-profile-page .profile-news .con{flex:1}.cabinet-st-profile-page .profile-news .news-img{max-width:240px;width:100%;height:100%}.cabinet-st-profile-page .profile-news h4{font-size:26px;margin-bottom:20px}.cabinet-st-profile-page .profile-news ul li p.text{color:#000;font-size:18px;font-weight:400;line-height:normal}.cabinet-st-profile-page .profile-news ul li p.text svg{margin-bottom:-7px}.cabinet-st-profile-page .profile-news ul li:last-child{border-bottom:none}.cabinet-st-profile-page .profile-news .all{display:block;width:fit-content;color:var(--primary-purple-1);font-size:18px;font-weight:700;line-height:normal;text-decoration-line:underline;margin-top:20px}@media (max-width:991px){#cabinet .profile-s{padding:0 15px}}@media (max-width:768px){.cabinet-st-profile-page .profile-news,.cabinet-st-profile-page .profile-wrap{flex-direction:column}.cabinet-st-profile-page .profile-news .news-img{margin:0 auto}}@media (max-width:550px){#cabinet .profile-wrap h4,.cabinet-st-profile-page .profile-news h4{font-size:20px;line-height:26px}.cabinet-st-profile-page .profile-game .actions p{font-size:16px;line-height:24px}.cabinet-st-profile-page .profile-game .actions .actions-wrap button{padding:5px 15px;font-size:14px}.cabinet-st-profile-page .profile-game p.convert-modal,.cabinet-st-profile-page .profile-info .profile-info-line p.value,.cabinet-st-profile-page .profile-news ul li p.text{font-size:16px}.cabinet-st-profile-page .profile-info .profile-info-line{margin-bottom:15px}.cabinet-st-profile-page .profile-info .profile-info-line p.label{margin-bottom:0}.cabinet-st-profile-page .profile-info .profile-info-edit{white-space:nowrap;font-size:16px}.cabinet-st-profile-page #cabinet .profile-wrap .profile-info,.cabinet-st-profile-page .profile-news,.cabinet-st-profile-page .profile-wrap .profile-game{padding:20px}}
/* End */


/* Start:/local/templates/avatariya-uz/src/styles/custom.min.css?17885159957644*/
@keyframes ring{0%{width:30px;height:30px;opacity:1}to{width:250px;height:250px;opacity:0}}.custom-msg{display:flex;flex-direction:column;align-items:flex-start;margin:20px 0;padding:20px;width:100%;border-radius:20px}.custom-msg.no-margin,.custom-msg.no-margin-bottom{margin:0;padding:0 20px;font-weight:400;font-size:18px;line-height:24px}.custom-msg.green{background:#e5f6eb}.custom-msg.red{background:#fdecf0}.custom-msg.gray{background:#f5f5f5}.custom-msg p,font.errortext{font-weight:400;font-size:18px;line-height:24px}.starrequired{color:#9520ff;margin:0 3px}font.errortext{color:#9520ff;margin:10px 0;display:flex}#bx_chpass_resend_counter,#bx_register_resend_counter{color:#9520ff}.our-parks-swiper .item.tour3d{cursor:pointer}#video-modal input[type=file].hidden-input{position:absolute;opacity:0;visibility:hidden;left:0;top:0}#video-modal label.hidden-input{color:var(--primary-purple-1);cursor:pointer}#video-modal .upload-file .action.hidden-input{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;line-height:25px;text-decoration-line:underline;color:#9520ff;cursor:pointer;width:fit-content}#video-modal .upload-file .action.hidden-input:hover{text-decoration:none}#video-modal .upload-file .file-name{margin-top:3px;color:#555;font-size:14px;margin-bottom:7px}@media (max-width:992px){#video-modal .upload-file .action.hidden-input{font-size:16px;line-height:22px}}.timer{display:flex;flex-direction:column;align-items:center;color:#fff}.timer__items{display:flex;font-size:21px}.timer__item{position:relative;min-width:30px;margin-left:10px;margin-right:10px;padding-bottom:15px;text-align:center}.timer__item::before{content:attr(data-title);display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-size:14px}.timer__item:not(:last-child)::after{content:":";position:absolute;right:-15px}.button-animation,.timer__result{text-align:center;color:#fff;padding:10px}.timer__result{font-weight:700}#start.summer-camp-footer-form{padding-top:80px;border-radius:100px}#summer_campModal p.subtitle{color:#000}.button-animation{min-width:180px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-purple-1);border:0;border-radius:1000px;transition:all .3s ease-in-out 0s;cursor:pointer;outline:0;position:relative}.button-animation::after{content:"";width:30px;height:30px;border-radius:100%;border:6px solid var(--primary-purple-1);position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);animation:ring 1.5s infinite}.button-block{margin-top:40px;display:flex;flex-direction:row;align-items:center;gap:35px}.button-block--why-us button{width:50%;font-size:21px;padding:20px 40px}.button-block span{font-weight:400;font-size:20px;line-height:38px;color:#fff}@media (max-width:640px){.button-block{flex-direction:column;gap:20px}.button-block span{text-align:center}.button-block--why-us{width:80%;margin:40px auto 20px}.button-block--why-us button{width:100%;border:20px solid #fff}}@media (max-width:480px){.button-block--why-us{width:90%}.button-block--why-us button{font-size:18px;padding:10px 24px}}.birthday-packages{background-color:#6923ad;padding:70px 0}.birthday-packages__top{display:flex;flex-direction:row;justify-content:flex-start;gap:80px}.birthday-packages__img{background-position:center center;background-size:contain;background-repeat:no-repeat;width:231px;height:153px;margin-top:60px}.birthday-packages .title-block{max-width:710px;margin-bottom:64px}.birthday-packages .title-block.kz{max-width:620px}#vacancy-container h2,.birthday-packages .title-block h2{color:#f5f3ed;font-size:52px;line-height:62px;font-weight:800;text-transform:uppercase;margin-bottom:32px}.birthday-packages .title-block .descr{color:#f5f3ed;font-size:26px;line-height:normal;font-weight:400;opacity:.6}.birthday-packages .tabs{display:table;width:100%;height:100%}.birthday-packages .tabs .tab{border:1px solid #8540c7;background-color:#6923ad;width:25%;display:table-cell;vertical-align:middle;border-right:none;position:relative;min-width:fit-content;border-radius:unset}.birthday-packages .tabs .tab:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}.birthday-packages .tabs .tab.active{background-color:#f5f3ed;border-color:#f5f3ed}.birthday-packages .tabs .tab:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px;border-right:1px solid #8540c7}.birthday-packages .tabs .tab span{width:100%;display:inline-block;padding-top:24px;padding-bottom:24px;box-sizing:border-box;font-size:14px;color:#f5f3ed;font-weight:500;border:0;transition:font-weight,color .3s ease;text-align:center;cursor:pointer}.birthday-packages .tabs .tab.active span{color:#010101}.birthday-packages__items{display:flex;flex-wrap:wrap;flex-direction:row;gap:40px;justify-content:center;margin-top:64px}.birthday-packages__item{display:flex;flex-direction:column;justify-content:space-between;flex-basis:50%;max-width:564px;width:100%;border:1px solid #8540c7;background-color:#8540c7;border-radius:16px;padding:40px 30px;box-sizing:border-box;text-align:center}.birthday-packages__item .title{font-size:32px;line-height:1;color:#f5f3ed;font-weight:700;text-transform:uppercase;margin-bottom:16px}.birthday-packages__item .package{margin-top:25px}.birthday-packages__item .package-list{font-size:12px;color:#f5f3ed;font-weight:500}.birthday-packages__item .package-list li{line-height:1.55;padding-left:0}.birthday-packages__item .package-list li:not(:last-child){margin-bottom:16px}.birthday-packages__item .price{font-size:12px;color:#bda0d3;font-weight:500}.birthday-packages__item .price__pretitle{font-size:12px;color:#bda0d3;font-weight:700}.birthday-packages__item .price__separator{width:40px;border-bottom:1px solid;margin:30px auto}.birthday-packages__item .price__weekdays{font-weight:700}.birthday-packages__item .price__weekend{font-weight:700;font-size:24px;display:flex;flex-direction:column;gap:10px}.birthday-packages__item .button{height:60px;font-size:16px;padding-left:60px;padding-right:60px;margin-top:30px;color:#6923ad;background-color:#f5f3ed;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;font-weight:700;border:0;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;transition-property:background-color,color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}.birthday-packages__item .button:hover{color:#f5f3ed;background-color:#6923ad}@media (max-width:1200px){.birthday-packages .title-block h2{font-size:36px}.birthday-packages__items{gap:20px}.birthday-packages__item{max-width:440px;padding:40px 12px}}@media (max-width:940px){.birthday-packages__item{max-width:370px}.birthday-packages .title-block,.birthday-packages .title-block.kz{max-width:100%}.birthday-packages__img{display:none}}@media (max-width:810px){.birthday-packages .tabs-block{max-width:100%;width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:10px}.birthday-packages .tabs .tab span{padding-top:16px;padding-bottom:16px}.birthday-packages__item{max-width:300px}}@media (max-width:650px){.birthday-packages__item{max-width:100%;flex-basis:100%}}@media (max-width:480px){.birthday-packages .title-block{margin-bottom:22px}.birthday-packages .title-block h2{text-align:center;font-size:26px;text-transform:none;line-height:125%}.birthday-packages .title-block .descr{text-align:center;font-size:16px;line-height:30px}.birthday-packages__item .title{font-size:26px}}.birthday-page{padding-bottom:0}#vacancy-container{background-color:#6923ad;padding:60px}@media (max-width:520px){#vacancy-container{padding:40px 10px}}
/* End */


/* Start:/local/templates/avatariya-uz/src/libs/jquery.arcticmodal-0.3.css?1786343186647*/
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(/local/templates/avatariya-uz/src/libs/loading.gif) no-repeat 50% 50%; }
/* End */


/* Start:/local/components/dev/avatariya.regions/templates/.default/style.min.css?17611243937365*/
.header__location{position:relative}.header__location-mobile,.header__location-mobile:before{position:absolute;-webkit-transition:400ms;-o-transition:400ms;transition:400ms}.header__location-mobile{display:none;font-style:normal;font-weight:600;font-size:10px;color:#aaa;padding:10px 20px 0 30px;top:110%;cursor:pointer}.header__location-mobile:hover{color:#d3530c}.header__location-mobile:before{content:"";top:7px;left:12px;width:11px;height:14px;background-repeat:no-repeat;background-size:cover}.header__location .drop-title{cursor:pointer}.header__location:hover{text-decoration:underline;color:#fff}.header__location:hover:before{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.header__location-close{position:absolute;top:30px;right:30px;cursor:pointer;z-index:10}.choose-city__close:hover .choose-city__close img,.header__location-close:hover .header__location-close-img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.header__location .header__location-close-img{-webkit-transition:400ms;-o-transition:400ms;transition:400ms}.header__location.active .box{display:block;position:absolute;z-index:11;top:10px;left:-90px;-webkit-transform:translate(0,20%);-ms-transform:translate(0,20%);transform:translate(0,20%);background:#fff;width:550px;-webkit-transition:-webkit-transform .8s ease-in-out;-o-transition:transform .8s ease-in-out;transition:transform .8s ease-in-out;transition:transform .8s ease-in-out,-webkit-transform .8s ease-in-out;cursor:default;-webkit-box-shadow:rgba(60,64,67,.3)0 1px 2px 0,rgba(60,64,67,.15)0 1px 3px 1px;box-shadow:rgba(60,64,67,.3)0 1px 2px 0,rgba(60,64,67,.15)0 1px 3px 1px;border-radius:30px}.header__location-choose-city.active .box{top:-4px}.menu .header__location.active .box{left:-200px;width:470px}.header__location.active .box__form{position:relative;z-index:11;padding:50px 60px 20px;height:100%}.header__location.active .box__form-title{font-style:normal;font-weight:800;font-size:22px;text-transform:uppercase;color:#2a2c2c;margin-bottom:20px}.header__location.active .box__form-input{padding:12px 20px;width:100%;font-style:normal;font-weight:400;font-size:14px;color:#2a2c2c;margin-bottom:25px;background:#f2f2f2}.header__location.active .box__form-input::-webkit-input-placeholder{font-style:normal;font-weight:600;font-size:14px;color:#bdbdbd}.header__location.active .box__form-input::-moz-placeholder{font-style:normal;font-weight:600;font-size:14px;color:#bdbdbd}.header__location.active .box__form-input:-ms-input-placeholder{font-style:normal;font-weight:600;font-size:14px;color:#bdbdbd}.header__location.active .box__form-input::-ms-input-placeholder{font-style:normal;font-weight:600;font-size:14px;color:#bdbdbd}.header__location.active .box__form-input::placeholder{font-style:normal;font-weight:600;font-size:14px;color:#bdbdbd}.header__location.active .box__form-towns{font-style:normal;font-weight:600;font-size:14px;color:#2a2c2c;margin-bottom:25px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;max-height:200px;margin-left:10px;cursor:pointer;overflow:auto;padding-top:2px;height:100%;grid-auto-rows:40px;grid-gap:0 10px}.header__location.active .box__form-town{margin-bottom:25px;position:relative;color:#2a2c2c;display:block;line-height:16px}.header__location.active .box__form-town:hover{font-weight:800;color:#2a2c2c}.header__location:before{content:"";position:absolute;top:5px;left:-23px;width:15px;height:19px;background-repeat:no-repeat;background-size:cover;-webkit-transition:-webkit-transform 400ms;-o-transition:transform 400ms;transition:transform 400ms;transition:transform 400ms,-webkit-transform 400ms}.header__location .box{display:none;color:#2a2c2c;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform .8s ease-in-out;-o-transition:transform .8s ease-in-out;transition:transform .8s ease-in-out;transition:transform .8s ease-in-out,-webkit-transform .8s ease-in-out}.box__form-town.--no-found,.mobile-box__form-town.--no-found{pointer-events:none;cursor:default}.region button{background:0 0;border:0;cursor:pointer;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;outline:0}.region .button{width:100%;line-height:1;border-radius:100px;padding:14px 8px;font-style:normal;font-weight:800;font-size:12px;text-align:center;text-transform:uppercase;color:#fff;background:-o-linear-gradient(203.75deg,#6a02c8 17.93%,#780bdb 110.04%,#9520ff 206.07%);background:var(--bg-gradient);-webkit-transition:.3s;-o-transition:.3s;transition:.3s;letter-spacing:.7px;cursor:pointer}.region .button:active,.region .button:focus,.region .button:focus-visible,.region .button:hover{color:#fff;background-size:400% 400%;-webkit-animation:gradient 5s ease infinite;animation:gradient 5s ease infinite}.choose-city{background:0 0;height:100%;width:100%;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;position:fixed;top:80px;left:140px;z-index:100;max-width:575px;max-height:200px}.choose-city__block~.header__location__block{display:none}.choose-city__block{padding-bottom:20px}header .choose-city__container{padding:50px 70px;position:relative;background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1);box-shadow:0 0 10px 0 rgba(0,0,0,.1);border-radius:30px}.choose-city__body{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}.choose-city__title{font-style:normal;font-weight:600;font-size:20px;text-align:center;color:#3a3a3a;margin-bottom:24px}.choose-city__button{min-width:200px;position:relative;z-index:10;max-height:48px;height:100%}.choose-city__button button{font-weight:800;font-size:12px;padding:16px 8px;height:100%;line-height:11px}.choose-city__button .button--enabled{padding:14px 8px 13px;line-height:13px}.choose-city .choose-city__close img{-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.choose-city__close{position:absolute;top:30px;right:30px;cursor:pointer;z-index:10}.agree-region-btn-link{display:block;text-decoration:none}@media screen and (max-width:1480px){header .choose-city__container{padding:50px 70px}}@media screen and (max-width:900px){.choose-city{top:7vh;left:7vw;width:85%}}@media screen and (max-width:830px){.header__location-mobile{display:block}.header__location-button{display:none}.header__location.active .box{position:fixed;top:65px;left:5px;right:0;bottom:0;width:98vw;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);z-index:25;height:35vh}.header__location.active .box__form{padding:50px 45px 20px}}@media screen and (max-width:650px){header .choose-city__container{padding:30px 45px}}@media screen and (max-width:580px){.region .choose-city__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.region .choose-city__button:first-child{margin-bottom:10px}}@media screen and (max-width:500px){.region .choose-city__title{font-size:14px}.region .choose-city__button button{padding:10px 8px}.region .choose-city__button .button--enabled{padding:8px}.region .choose-city__close{top:15px;right:15px}}
/* End */


/* Start:/local/templates/avatariya-uz/components/bitrix/system.pagenavigation/.default/style.min.css?1786343186654*/
div.modern-page-navigation{padding:.5em 0}div.modern-page-navigation a,span.modern-page-current,span.modern-page-dots{border-left-width:1px;border-left-style:solid;padding-left:.75em;padding-right:.5em;text-decoration:none}div.modern-page-navigation a.modern-page-previous{border-right-width:1px;border-right-style:solid;border-left:none}div.modern-page-navigation a.modern-page-first,div.modern-page-navigation span.modern-page-first{border-left:none;padding-left:.5em}span.modern-page-current{font-weight:700;border-color:#cdcdcd}div.modern-page-navigation a,div.modern-page-navigation a.modern-page-previous,span.modern-page-dots{border-color:#cdcdcd}
/* End */


/* Start:/local/templates/avatariya-uz/components/bitrix/news.list/actions-slider/style.css?17863431861453*/
#promo-block-carousel{
    margin-top: 50px;
}

#promo-block-carousel .swiper-slide .bg{
    position: relative;
    min-height: 80vh;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    overflow: hidden;
}

#promo-block-carousel .swiper-slide .bg img{
    object-fit: contain;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}

#promo-block-carousel .swiper-slide .actions{
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 20px;
    cursor: pointer;
    z-index: 2;
}

#promo-block-carousel .swiper-pagination{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px 40px;
    margin-top: 40px;
    flex-wrap: wrap;
}

@media (max-width: 1500px) {
    #promo-block-carousel .swiper-slide .bg {
        min-height: 45vw;
        border-radius: 30px;
    }
    #promo-block-carousel .swiper-slide .bg img{
        object-fit: cover;
    }
    #promo-block-carousel{
        padding: 0 50px;
    }
}
@media (max-width: 520px) {
    #promo-block-carousel .swiper-button-prev, #promo-block-carousel .swiper-button-next {
       display: none;
    }

    #promo-block-carousel .swiper-slide .bg{
        min-height: 70vh;
    }
    #promo-block-carousel{
        padding: 0;
    }
}
.container.large.container-for-banner{
    max-width: 1400px;
}

/* End */


/* Start:/local/templates/avatariya-uz/components/bitrix/news.list/type-reviews-slider/style.css?17863431864727*/
/*review page start*/
.review-page-swiper {
    position: relative;
}

.review-component__wrap .review-page-swiper .swiper-prev {
    position: absolute;
    cursor: pointer;
    transform: translate(-100%, -100%);
    top: 40%;
    left: -30px;
}

.review-component__wrap .review-page-swiper .swiper-next {
    position: absolute;
    cursor: pointer;
    transform: translate(100%, -100%);
    top: 40%;
    right: -30px;
}

.review-page-swiper .swiper-pagination {
    gap: 40px;
    display: flex;
    position: static;
    margin-top: 30px;
    justify-content: center;
}

.review-page-swiper .swiper-slide {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1720px) {
    .review-page-swiper .swiper-prev,
    .review-page-swiper .swiper-next {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .review-page-swiper .swiper {
        overflow: visible;
    }

    .swiper-slide .story {
        max-width: 240px;
    }

    .review-page-swiper .swiper-pagination {
        gap: 15px;
    }
}

/* video */
#video-reviews {
    margin-bottom: 160px;
}

@media screen and (max-width: 480px) {
    #video-reviews {
        margin-bottom: 65px !important;
    }
}

#video-reviews .wrapper {
    display: flex;
    flex-direction: column;
}

#video-reviews .content {
    width: 100%;
}

#video-reviews .wrapper .buttons {
    display: flex;
    justify-content: center;
}

#video-reviews .wrapper .info p.subtitle {
    color: #707070;
    font-size: 21px;
    line-height: 38px;
}

.story {
    cursor: pointer;
    border-radius: 20px;
    position: relative;
    display: flex;
    overflow: hidden;
}

.story__inner {
    display: flex;
}

.story__img {
    width: 100%;
}

.story__layer {
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--bg-gradient);
    transition: .3s;
}

.story__layer .story__play-icon {
    opacity: 0;
    transition: .3s;
}

.story__layer:hover {
    background: rgba(0, 0, 0, 0.40);
}

.story__layer:hover .story__play-icon {
    opacity: 1;
}

.story__title {
    left: 5%;
    bottom: 3%;
    z-index: 2;
    color: #FFF;
    font-size: 26px;
    font-weight: 700;
    position: absolute;
}

.story__play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 480px) {
    .story__title {
        font-size: 16px;
    }
}

.play-icon {
    display: flex;
    border-radius: 50%;
    padding: 20px;
    background: #fff;
    background-clip: border-box;
    border: 15px solid rgba(255, 255, 255, 0.10);
    background-clip: padding-box;
}

/* reviews */


.review-component__wrap .reviews__bottom {
    margin-top: 60px;
}

.comments {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.comments__comment {
    color: #000;
    /* width: 370px;
    height: 230px; */
    padding: 30px;
    display: flex;
    background: #F5F5F5;
    border-radius: 30px;
    flex-direction: column;
}

.comments__user-info {
    gap: 10px;
    display: flex;
    align-items: center;
    align-self: stretch;
    margin-bottom: 20px;
}

.comments__avatar {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
}

.comments__username {
    font-family: "Noto Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.comments__content {
    font-size: 14px;
    overflow: hidden;
    font-weight: 400;
    line-height: 22px;
    text-overflow: ellipsis;
}

.comments__comment-wrap {
    width: 100%;
}

.comments__comment-show-item {
    position: relative;
    overflow: hidden;
}

.comments__comment-show-item-layer .icon {
    width: 70px;
    height: 70px;
    flex: none;
    background: var(--primary-purple-1);
}

.comments__comment-show-item-layer {
    position: absolute;
    z-index: -300;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comments__comment-show-item:hover .comments__comment-show-item-layer {
    z-index: 1;
    visibility: visible;
}

@media screen and (max-width: 480px) {
    .comments__username {
        font-size: 12px;
    }

    .comments__content {
        font-size: 12px;
        line-height: 18px;
    }
}

.review-component__wrap {
    margin-bottom: 60px;
}

.review-component__wrap .buttons {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.review-component__wrap .more-btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.comments__comment.hidden-contex_item {
    max-width: 100vw;
    width: 460px;
}

/* End */


/* Start:/local/templates/avatariya-uz/template_styles.min.css?1786343188965*/
header .header-top .region .region-description{margin-top:10px}.popup-window .form-wrapper{width:100%}.ajax-auth-form-wrapper-window,.ajax-register-form-wrapper-window{background:0 0;padding:0}.ajax-auth-form-wrapper-window .popup-window-close-icon,.ajax-register-form-wrapper-window .popup-window-close-icon{right:10px;top:10px}.ajax-popup-form-container{display:flex;gap:30px}.ajax-popup-form-container .info{width:50%}.ajax-popup-form-container .info h3{font-weight:700;font-size:42px;line-height:57px;color:#000;margin-bottom:30px}.ajax-popup-form-container .info p.descr{font-weight:400;font-size:18px;line-height:34px;color:#000;margin-bottom:40px}.ajax-popup-form-container .info img{width:100%;max-width:370px}.ajax-popup-form-container form label{color:#000}.ajax-popup-form-container form .actions{display:flex;gap:30px;align-items:center;margin-top:30px}.ajax-popup-form-container form .check-line{display:flex;gap:30px;align-items:center;margin-top:5px}
/* End */
/* /local/templates/avatariya-uz/src/styles/fonts.min.css?17863431883331 */
/* /local/templates/avatariya-uz/src/libs/fancybox.css?178634318615598 */
/* /local/templates/avatariya-uz/src/libs/panzoom.css?1786343186454 */
/* /local/templates/avatariya-uz/src/libs/swiper-bundle.min.css?178634318616470 */
/* /local/templates/avatariya-uz/src/libs/hystmodal.min.css?17863431861868 */
/* /local/templates/avatariya-uz/src/libs/jquery-ui.min.css?178634318630578 */
/* /local/templates/avatariya-uz/src/styles/default.min.css?17863431883284 */
/* /local/templates/avatariya-uz/src/styles/ui.min.css?178634318812713 */
/* /local/templates/avatariya-uz/src/styles/main.css?1788950726295793 */
/* /local/templates/avatariya-uz/src/styles/game.min.css?178634318832678 */
/* /local/templates/avatariya-uz/src/styles/custom.min.css?17885159957644 */
/* /local/templates/avatariya-uz/src/libs/jquery.arcticmodal-0.3.css?1786343186647 */
/* /local/components/dev/avatariya.regions/templates/.default/style.min.css?17611243937365 */
/* /local/templates/avatariya-uz/components/bitrix/system.pagenavigation/.default/style.min.css?1786343186654 */
/* /local/templates/avatariya-uz/components/bitrix/news.list/actions-slider/style.css?17863431861453 */
/* /local/templates/avatariya-uz/components/bitrix/news.list/type-reviews-slider/style.css?17863431864727 */
/* /local/templates/avatariya-uz/template_styles.min.css?1786343188965 */