/* Start:/local/templates/galereya_2024/css/animate.min.css?174236376171750*/
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* End */


/* Start:/local/templates/galereya_2024/css/style.css?1742363761835*/
.form_block{
    margin-bottom: 15px;
}

.form_input, 
.form_select{
    background-color: #f5f4f4;
    border: 1px solid #ddd;
    color: var(--b24-text-color);
    min-height: 44px !important;
    padding: 12px !important;
    outline: 0;
    border-radius: 8px;
    width: 100%;
    resize: none;
}

.form_submit{
    background: var(--blue);
    color: #fff;
    width: auto;
    padding: 15px 25px;
}
.form_row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}
.form_col {
    width: 100%;
}
label.error {
    color: red;
    font-size: 13px;
}


@media (max-width: 1204px) {
    .form_inputs {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
}


@media (max-width: 764px) {
    .form_inputs {
        display: block;
    }
}
/* End */


/* Start:/local/templates/galereya_2024/template_styles.css?1748950000463932*/
@charset "UTF-8";
:root {
  --activ: #4772ff;
  --black: #12100d;
  --secondary: #EBF3FF;
  --blue: #4772ff;
  --blur: 16px;
  --secondary: #EBF3FF;
  --bs-black-rgb: 0, 0, 0;
  --bs-black: #000;
  --bs-blue: #0d6efd;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-body-bg: #fff;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-color: #212529;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-border-color-translucent: rgba(0,0,0,0.175);
  --bs-border-color: #dee2e6;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-pill: 50rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius: 0.375rem;
  --bs-border-style: solid;
  --bs-border-width: 1px;
  --bs-code-color: #d63384;
  --bs-cyan: #0dcaf0;
  --bs-danger-rgb: 220, 53, 69;
  --bs-danger: #dc3545;
  --bs-dark-rgb: 33, 37, 41;
  --bs-dark: #212529;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-gradient: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0));
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-gray-dark: #343a40;
  --bs-gray: #6c757d;
  --bs-green: #198754;
  --bs-highlight-bg: #fff3cd;
  --bs-indigo: #6610f2;
  --bs-info-rgb: 13, 202, 240;
  --bs-info: #0dcaf0;
  --bs-light-rgb: 248, 249, 250;
  --bs-light: #f8f9fa;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-orange: #fd7e14;
  --bs-pink: #d63384;
  --bs-primary-rgb: 13, 110, 253;
  --bs-primary: #0d6efd;
  --bs-purple: #6f42c1;
  --bs-red: #dc3545;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-secondary: #6c757d;
  --bs-success-rgb: 25, 135, 84;
  --bs-success: #198754;
  --bs-teal: #20c997;
  --bs-warning-rgb: 255, 193, 7;
  --bs-warning: #ffc107;
  --bs-white-rgb: 255, 255, 255;
  --bs-white: #fff;
  --bs-yellow: #ffc107;
  --color: var(--color);
  --gradient-end: #4772ff;
  --gradient-start: #1b3ca4;
  --grey-200: #667185;
  --grey-300: #e4e7ec;
  --grey-400: #f0f2f5;
  --grey-500: #f7f9fc;
  --grey: #5c5c5c;
  --light-grey: #eceef2;
  --neutral-100: #f0f2f5;
  --neutral-150: #E2E7F2;
  --neutral-400: #98A2B3;
  --neutral-500: #667185;
  --neutral-50: #f9fafb;
  --neutral-400: #98A2B3;
  --neutral-600: #475367;
  --neutral: #e4e7ec;
  --white: #fff;
  --width-tablet: 764px;
  --width: 1204px;
}

* {
  box-sizing: border-box;
  color: var(--color);
  font-family: "Raleway", var(--bs-body-font-family), sans-serif;
  font-variant-numeric: lining-nums proportional-nums;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

[dir=rtl] .slick-slide {
  float: right;
}

a {
  color: var(--color);
  text-decoration: none;
}

a.share-switch {
  background: scroll transparent url("/local/templates/galereya_2024/images/share.gif") center center no-repeat;
  display: block;
  height: 20px;
  width: 20px;
}

a:hover {
  color: var(--activ);
}

body {
  background-color: var(--light-grey);
  color: var(--color);
  margin: 0;
}

button, .btn, .btn b {
  align-items: center;
  background: var(--blue);
  border-radius: 0.5rem;
  border: none;
  color: var(--white);
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  padding: 8px 16px;
}
button.disabled, .btn.disabled, .btn b.disabled {
  background: var(--neutral-150);
  color: #B9C2D1;
  pointer-events: none;
}

div.buildings-list a {
  text-decoration: none !important;
}

div.buildings-list span {
  background: var(--black);
  border-radius: 100px;
  color: var(--white);
  font-size: 12px;
  height: 18px;
  margin-left: 10px;
  padding: 2px 8px;
}

div.contacts-list a {
  color: var(--blue);
  font-size: 14px;
  text-decoration: none !important;
}

div.contacts-list span {
  background-color: var(--black);
  border-radius: 100px;
  color: var(--white);
  font-size: 12px;
  height: 18px;
  margin-left: 10px;
  padding: 2px 8px;
}

div.news-detail {
  word-wrap: break-word;
}

div.news-detail img.detail_picture {
  float: left;
  margin: 0 8px 6px 1px;
}

div.news-list {
  word-wrap: break-word;
}

div.news-list img.preview_picture {
  float: left;
  margin: 0 4px 6px 0;
}

div.socnet {
  align-items: center;
  display: flex;
  gap: 8px;
}

div.socnet a, div.socnet span {
  display: flex;
}

div.socnet span a img {
  height: 44px;
  -o-object-fit: contain;
     object-fit: contain;
  width: 44px;
}

div.writeus-list p, div.writeus-list a {
  color: var(--blue);
  font-size: 14px;
  text-decoration: none !important;
}

footer p, footer h2, footer h3, footer h4 {
  margin: 20px 0;
}

h3 {
  color: var(--black);
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin: 0;
}

header {
  display: flex;
  justify-content: center;
  position: sticky;
  top: -38px;
  width: 100%;
  z-index: 1000;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input:focus {
  border: 1px solid var(--blue);
}

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

label.main-filter-room-input.disabled {
  background: var(--grey-500);
}

label.main-filter-room-input.disabled .bx_filter_param_text {
  color: #bdc3cf;
}

p {
  color: var(--neutral-500);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  margin: 0;
}

section, footer {
  margin: 0 auto;
  max-width: var(--width);
}

table.bookmarks-table {
  height: 19px;
  padding: 0px;
}

td.bookmarks {
  border: none !important;
  padding-bottom: 0px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  padding-top: 1px !important;
}

ul.slick-dots {
  bottom: 29.5px;
  display: flex;
  gap: 8px;
  justify-content: center;
  list-style: none;
  position: absolute;
  z-index: 1;
  max-width: var(--width);
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
}

ymaps > ymaps > ymaps > canvas {
  filter: grayscale(100%);
}

.slick-dots .slick-active button {
  background: var(--blue);
  opacity: 1;
}

.slick-dots button {
  background: var(--white);
  border-radius: 100px;
  border: 0;
  color: transparent;
  font-size: 0;
  height: 2px;
  opacity: 0.8;
  padding: 0;
  width: 50px;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.slick-list.dragging {
  cursor: hand;
}

.slick-list:focus {
  outline: none;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  margin: 0 1rem;
  min-height: 1px;
}

.slick-slide img {
  display: block;
  width: 100%;
}

.slick-slide img.height-item-img-icon {
  width: 8px;
}

.slick-slide img.service-card-img {
  height: 80px;
  width: 80px;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slider {
  -moz-user-select: none;
  -ms-touch-action: pan-y;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  user-select: none;
  width: 100%;
}

.commercial-premises-section .slick-slider {
  width: 100%;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
  width: 100%;
}

.slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}

.slick-track:after {
  clear: both;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

.slider-background {
  background: linear-gradient(180deg, #3591f3 0%, #bbdaec 100%);
  height: 1136px;
  left: 0;
  overflow: hidden;
  position: absolute !important;
  top: 0;
  width: 100%;
}

.slider-wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 10px;
  justify-content: flex-end;
  padding: 10px 20px 350px 0;
  position: relative;
  width: 1204px;
}

#auth {
  margin: 0 1rem 0 0;
}

#auth .profile-icon-hide {
  display: none;
}

#callme {
  margin: 14px 20px;
}

#callme button {
  padding: 8px 24px;
}

#copyLinkButton {
  position: relative;
}

#filter-button {
  display: none;
}

#gn-popup-secondary-banner .b24-form-btn-container {
  width: 100%;
}

#gn-popup-secondary-banner .b24-form-footer-description {
  margin: 1rem 0 0 0;
}

#gn-popup-secondary-banner .b24-form-wrapper.b24-form-border-bottom {
  border-bottom: 0;
}

#gn-popup-secondary-banner.gn-popup-main {
  padding: 20px 46px 0 46px;
}

#gn-popup-main-vacancy .b24-form-btn-container {
  width: 100%;
}

#gn-popup-main-vacancy .b24-form-footer-description {
  margin: 1rem 0 0 0;
}

#gn-popup-main-vacancy .b24-form-wrapper.b24-form-border-bottom {
  border-bottom: 0;
}

#gn-popup-main-vacancy.gn-popup-main {
  padding: 20px 46px 0 46px;
  padding-bottom: 3rem;
}

#gn-popup-project .gn-popup-body {
  margin-left: 0;
  width: 100%;
}

#gn-popup-main-feedback {
  padding: 0 48px 20px 48px;
}

#lang {
  align-items: flex-start;
  background-color: var(--Neutral);
  border-radius: 8px;
  display: flex;
  height: 16px;
  margin: 18px;
  padding: 4px;
}

#lang a {
  align-items: center;
  border-radius: 4px;
  font-size: 12px;
  gap: 10px;
  padding: 0 4px;
}

#lang a.selected {
  background-color: var(--blue);
  color: var(--white);
}

#logo {
  background: url("/images/logotype.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  height: 20px;
  margin: 20px;
  width: 130px;
}

#logoNewYear {
  display: flex;
  align-items: center;
  gap: 10px;
  float: left;
  height: 100%;
  margin: auto 20px;
  width: 140px;
}

#logoNewYear span {
  line-height: 1 !important;
}

#logoNewYear #logo-icon {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
}

#logoNewYear #logo-icon img {
  max-width: 100%;
  height: auto;
}

.icon-transition {
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
  display: inline-block;
  opacity: 1;
  transform: scale(1);
}

.icon-transition.hidden {
  opacity: 0;
  /* transform: scale(0.8); */
}

#phone {
  height: 50px;
  line-height: 50px;
  margin: 5px;
  text-wrap: unset;
}

#snowfall-btn {
  border-radius: 8px;
  background: #EBF3FF;
  padding: 7px 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 2rem;
  margin: 0 0.6875rem;
}

#snowfall-btn svg {
  height: 100%;
  width: auto;
}

#snowfall-btn.active {
  background-color: #4772FF;
}

#snowfall-btn.active svg path {
  fill: #FFF;
}

#project-info-img {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

#vacancyModal {
  display: none;
}

.about-card-big-logo {
  height: 206px;
  width: 256px;
}

.about-card-logo {
  height: 70px;
  width: 70px;
}

.about-card-main-text {
  color: var(--black);
  font-size: 24px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.about-card-secondary-text {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
}

.about-metric-wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: 48px 0;
  width: 1204px;
}

.about-page-service-card-block-wrapper {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  padding: 0;
}

.about-page-service-header {
  align-items: flex-start;
  align-self: stretch;
  color: var(--black);
  display: flex;
  flex-direction: column;
  font-size: 32px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  gap: 16px;
  line-height: 120%;
  padding-bottom: 32px;
}

.about-page-service-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 48px 0;
  width: 1204px;
}

.about-wrapper {
  align-items: flex-start;
  align-self: stretch;
  box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  display: grid;
  gap: 20px;
  grid-column-gap: 24px;
  grid-template-columns: 2fr 1fr;
  padding: 0;
}

.active {
  display: block;
}

.active-svg {
  fill: var(--neutral-500);
}

.advice-img {
  position: relative;
}

.all-buildings {
  color: var(--blue);
}

.all-buildings span {
  display: none;
}

.arrow {
  align-items: flex-start;
  bottom: 0;
  display: flex;
  gap: -0.001px;
  height: 301px;
  justify-content: center;
  padding-right: 0.001px;
  position: absolute;
  width: 100%;
  z-index: 10;
  z-index: 20;
}

.auth {
  align-items: center;
  background: rgb(236, 238, 242);
  border-radius: 0.5rem;
  border: none;
  color: var(--blue);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  gap: 12px;
  justify-content: center;
  line-height: 130%;
  margin: 14px 20px 14px 0;
  padding: 8px 16px;
}

.b24-form-btn {
  background-color: var(--blue) !important;
}

.b24-form-btn-container {
  align-items: flex-start !important;
}

.b24-form-content form .b24-form-control-label {
  font-size: 14px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.b24-form-content form, .b24-form-content form > div {
  display: flex;
  margin-bottom: 0;
}

.b24-form-content input, .b24-form-btn {
  height: 44px !important;
  min-height: 44px !important;
  padding: 12px !important;
}

.b24-form-control, .b24-form-btn {
  border-radius: 8px !important;
}

.b24-form-control-alert {
  margin-bottom: 0 !important;
  margin-bottom: 15px !important;
}

.b24-form-control-alert input.b24-form-control {
  background-color: var(--white) !important;
  border-color: rgb(242, 88, 48) !important;
}

.b24-form-control-container {
  margin-bottom: 0 !important;
}

.b24-form-control-list-selector-item {
  display: block !important;
}

.b24-form-control-select-label, .b24-form-control:focus + .b24-form-control-label, .b24-form-control-not-empty + .b24-form-control-label {
  display: none !important;
}

.b24-form-control-text .b24-form-control {
  padding-top: 17px !important;
}

.b24-form-field {
  margin-bottom: 0;
}

.b24-form-footer-description {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin: 32px 0;
  color: var(--neutral-500);
}

.b24-form-footer-description a {
  color: var(--blue);
}

.b24-form-header-description {
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin: 0 0 32px 0 !important;
  text-align: left;
}

.b24-form-padding-side, .b24-form-header-padding {
  padding: 0 !important;
}

.b24-form-sign {
  display: none !important;
}

.b24-form-state-inner {
  -ms-transform: none !important;
  top: 0 !important;
  transform: none !important;
}

.b24-form-state-text p {
  font-size: 16px !important;
}

.b24-form-success {
  background-color: #FFF !important;
}

.b24-form-success-icon {
  background-image: url("/images/icons/thanks.png") !important;
  background-size: contain !important;
  height: 80px !important;
  margin: 20px 0 0 0 !important;
  width: 100px !important;
}

.b24-form-wrapper {
  max-width: auto !important;
  min-height: auto !important;
}

.badgets {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.banned {
  box-sizing: border-box;
  margin-right: 0 !important;
  margin: 0 20px !important;
  max-width: auto !important;
  min-height: 40vh;
  position: relative;
}

.be-partner-bg {
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.be-partner-block {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 506px;
  justify-content: center;
  padding: 32px 96px;
  position: relative;
  z-index: 10;
}

.be-partner-block .b24-form-btn-container, .be-partner-block .b24-form-btn-block {
  margin: 0 !important;
  padding: 0 !important;
}

.be-partner-block .b24-form-content form, .be-partner-block .b24-form-content form div {
  display: flex;
  margin-bottom: 0 !important;
}

.be-partner-block a {
  color: var(--white);
}

.be-partner-block a:hover {
  text-decoration: underline;
}

.be-partner-form-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 48px;
  z-index: 5;
}

.benefit {
  padding: 5rem 0 3rem;
}

.benefit-item-bg-grey {
  background: var(--grey-500);
}

.benefit-item-picture {
  color: var(--white);
  position: relative;
  z-index: 1;
}

.benefit-item-picture .krisha-partners-benefit-desc, .benefit-item-picture .krisha-partners-benefit-title, .benefit-item-picture li {
  color: var(--white);
}

.benefit_card {
  align-items: end;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  min-height: 230px;
  padding: 2rem;
  position: relative;
}

.benefit_card_bg {
  background-size: cover;
}

.benefit_card_bg .benefit_card_title, .benefit_card_big .benefit_card_title, .benefit_card_bg .benefit_card_desc, .benefit_card_big .benefit_card_desc {
  color: var(--white);
}

.benefit_card_big {
  background: var(--blue);
  min-height: 480px;
  overflow: hidden;
  padding: 40px;
}

.benefit_card_big svg {
  bottom: 7rem;
  height: 430px;
  left: -2rem;
  position: absolute;
  width: 505.884px;
}

.benefit_card_desc {
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.benefit_card_gradient {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.34%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.34%, rgba(0, 0, 0, 0.6) 100%), linear-gradient(104deg, rgba(20, 20, 20, 0.6) 14.59%, rgba(0, 0, 0, 0) 60.53%);
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}

.benefit_card_text {
  position: relative;
  z-index: 20;
}

.benefit_card_title {
  color: var(--black);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 1rem;
}

.benefit_col {
  width: 100%;
  display: grid;
  gap: 1.25rem;
  /* grid-template-rows: 1fr 1fr; */
  height: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}

.benefit_flex {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.big-card {
  height: 100%;
  justify-content: space-around;
}

.bookmarks a {
  background: none no-repeat scroll center center transparent;
  display: block;
  height: 16px;
  overflow: hidden;
  width: 16px;
}

.bookmarks a.delicious {
  background-image: url("/local/templates/galereya_2024/images/delicious.gif");
}

.bookmarks a.facebook {
  background-image: url("/local/templates/galereya_2024/images/facebook.gif");
}

.bookmarks a.lj {
  background-image: url("/local/templates/galereya_2024/images/lj.gif");
}

.bookmarks a.mailru {
  background-image: url("/local/templates/galereya_2024/images/mailru.gif");
}

.bookmarks a.twitter {
  background-image: url("/local/templates/galereya_2024/images/twitter.gif");
}

.bookmarks a.vk {
  background-image: url("/local/templates/galereya_2024/images/vk.gif");
}

.bottom-block {
  color: var(--grey);
  display: flex;
  justify-content: space-between;
  line-height: 24px;
  padding: 20px 0;
}

.bottom-block .bottom-block-2, .bottom-block .bottom-block-3, .bottom-block .bottom-block-4 {
  font-weight: 500;
}

.bottom-block div a {
  text-decoration: underline;
}

.bottom-block div.socnet a {
  text-decoration: none;
}

.bottom-block h3 {
  color: var(--grey);
  font-size: 1rem;
  font-weight: bold;
}

.bottom-block h4 {
  font-size: 16px;
  font-weight: bold;
}

.bottom-block-1 {
  width: 26%;
}

.bottom-block-1 button {
  height: 44px;
  margin: 20px 0;
  width: 280px;
}

.bottom-block-2 p, .bottom-block-2 li {
  margin-bottom: 16px;
  opacity: 0.8;
}

.bottom-copyright {
  border-top: 1px solid rgba(1, 1, 1, 0.3);
  display: flex;
  justify-content: space-between;
  opacity: 0.6;
  padding: 20px 0;
}

.bottom-copyright-desc {
  font-size: 10px;
  opacity: 0.4;
  padding-bottom: 20px
}

.bottom-copyright-links a {
  padding-left: 20px;
}

.bottom-copyright-links a, .bottom-copyright span {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.bottom-menu {
  border-bottom: 1px solid rgba(1, 1, 1, 0.1);
}

.bottom-menu li {
  width: 30%;
}

.bottom-menu li:last-child {
  width: 10%;
}

.btn-main-blur {
  -webkit-backdrop-filter: blur(8px) !important;
          backdrop-filter: blur(8px) !important;
  background: rgba(255, 255, 255, 0.6) !important;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: var(--bs-black) !important;
}

.building {
  bottom: -50px;
  height: 647px;
  position: absolute;
  right: -1269px;
  width: 1589px;
  z-index: 10;
}

.buildings-list .news-item, .buildings-list a {
  clear: both;
  font-size: 14px !important;
  font-weight: 500;
}

.bx-authform {
  padding: 20px;
}

.bx-ios .bx-searchform .bx-input-group .bx-form-control {
  background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}

.bx-no-touch .product-item-container .product-item-info-container.product-item-hidden {
  display: none;
  opacity: 0;
  transition: opacity 300ms ease;
}

.bx-no-touch .product-item-container.hover .product-item {
  animation: product-item-hover 300ms 1 ease;
  border-color: transparent;
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.19);
  left: -15px;
  padding: 15px 15px 0;
  position: absolute;
  right: -15px;
  width: auto;
}

.bx-no-touch .product-item-container.hover .product-item-image-alternative {
  opacity: 1;
}

.bx-no-touch .product-item-container.hover .product-item-image-original {
  opacity: 0;
}

.bx-no-touch .product-item-scu-item-color-block {
  transition: outline 200ms ease;
}

.bx-no-touch .product-item-scu-item-text-block {
  transition: outline 300ms ease;
}

.bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button, .bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.bx-red .product-item-label-text span, .bx-red .product-item-label-ring {
  background-color: #fba90c;
}

.bx-retina .product-item-amount-field {
  border-width: 0.5px;
}

.bx-retina .product-item-amount-field-btn-plus, .bx-retina .product-item-amount-field-btn-minus {
  border-width: 0.5px;
}

.bx-retina .product-item-scu-item-color-block {
  outline-width: 0.5px;
}

.bx-retina .product-item-scu-item-text-block {
  outline-width: 0.5px;
}

.bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block {
  outline-width: 1px;
}

.bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block {
  outline-width: 1px;
}

.bx-searchform {
  margin: 10px 0 20px;
}

.bx-searchform .bx-block-title {
  color: #343434;
  font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
  font-size: 12px;
  font-weight: var(--ui-font-weight-semi-bold, 600);
  margin-bottom: 9px;
  text-transform: uppercase;
}

.bx-searchform .bx-input-group {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-collapse: separate;
  box-sizing: border-box;
  display: table;
  position: relative;
}

.bx-searchform .bx-input-group .bx-form-control {
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  background-color: #f8fafc;
  border-radius: 2px 0 0 2px;
  border-right: none;
  border: 1px solid #d5dadc;
  box-shadow: none !important;
  color: #555;
  display: block;
  display: table-cell;
  float: left;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857143;
  margin-bottom: 0;
  outline: none;
  padding: 6px 12px;
  position: relative;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  width: 100%;
  z-index: 2;
}

.bx-searchform .bx-input-group-btn {
  display: table-cell;
  font-size: 0;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
}

.bx-searchform .bx-input-group-btn button {
  -moz-transition: all 0.3s ease;
  -moz-user-select: none;
  -ms-transition: all 0.3s ease;
  -ms-user-select: none;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -webkit-user-select: none;
  background: #95a1a8;
  border-radius: 0 2px 2px 0;
  border: none;
  color: var(--white);
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  line-height: 1.42857143;
  margin-bottom: 0;
  padding: 9px 12px;
  position: relative;
  transition: all 0.3s ease;
  user-select: none;
}

.bx-searchform .bx-input-group-btn button:hover {
  background: #1484ce;
}

.bx-share-icon {
  display: block;
  float: right;
  height: 22px;
  margin-bottom: 4px;
  margin-left: 4px;
  width: 22px;
}

.bx-share-icon a, .bx-share-icon a:link, .bx-share-icon a:visited, .bx-share-icon a:active {
  border-radius: 3px;
  color: var(--white);
  display: block;
  font-size: 14px;
  height: 22px;
  padding-top: 4px;
  text-align: center;
  vertical-align: middle;
  width: 22px;
}

.bx-share-social {
  display: inline-block;
  list-style: none;
  margin-top: 5px;
  margin: 0;
  padding: 0;
}

.bx-touch .product-item {
  background: var(--white);
  padding: 15px 0 0;
  width: auto;
}

.bx-touch .product-item-compare-container {
  display: none;
}

.bx-touch .product-item-info-container.product-item-hidden, .bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden, .product-item-line-card .product-item-container .product-item-info-container.product-item-hidden {
  display: block;
  opacity: 1;
}

.bx-touch .product-item-info-container.product-item-touch-hidden {
  display: none !important;
}

.bx-touch .product-item-more, .product-item-container.hover .product-item-more {
  opacity: 1;
}

.bx_filter_param_label {
  cursor: pointer;
  display: block;
  font-weight: 500;
  padding: 0.6rem 0.6rem;
  text-transform: capitalize;
  width: 100%;
}

.text_initial {
  text-transform: initial;
}

.bx_filter_param_label.disabled {
  display: none;
}

.bx_filter_param_label:hover {
  background: #e8f1ff;
  border-radius: 0.3rem;
  color: var(--blue);
}

.bx_filter_param_text {
  text-wrap: nowrap;
  font-weight: 500;
}
.bx_filter_param_text_count {
  display: inline-block;
  text-align: center;
  width: 1.5rem;
  height: 1.125rem;
  border-radius: 100px;
  background: var(--secondary);
  color: var(--blue);
}

.bx_filter_select_popup {
  text-align: left;
  width: 10.4rem;
}

.bx_filter_select_popup ul {
  list-style: none;
}

.bx_profile .main-profile-block-date-info {
  margin-bottom: 15px;
}

.bx_profile .main-profile-form-password-annotation {
  color: grey;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: lighter;
  margin-bottom: 0;
  margin-top: 15px;
}

.bx_profile .main-profile-social-block {
  margin-top: 40px;
}

.card-group {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 20px;
}

.card-group-inner-wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1 0 0;
  gap: 20px;
}

.carousel {
  height: 100vh;
}

.carousel-caption {
  bottom: 10rem !important;
}

.carousel-header {
  height: 100vh;
  left: 10%;
  left: 10%;
  position: absolute;
  right: 10%;
  right: 10%;
  top: 10rem;
  top: 10rem;
  width: 100vw;
  width: 100vw;
}

.cases-apartment-bg {
  border-radius: 8px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.cases-apartment-block {
  align-items: flex-start;
  align-self: stretch;
  box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 654px;
  min-width: 100%;
  padding: 0;
  position: relative;
  width: 100%;
}

.cases-apartment-block-bg {
  align-content: end;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 8px;
  display: flex;
  height: 100%;
  width: 100%;
}

.cases-apartment-block-wrapper {
  width: 100%;
}

.cases-block-wrapper {
  align-items: flex-start;
  box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 48px 0px;
  width: 1204px;
}

.cases-block-wrapper .slick-arrow.slick-next {
  background-image: url("/images/arrow_white_right.png");
}

.cases-block-wrapper .slick-arrow.slick-prev {
  background-image: url("/images/arrow_white_left.png");
}

.cases-button-block-project {
  align-items: flex-start;
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background: rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  display: flex;
  gap: 10px;
  padding: 14px;
}

.cases-button-block-project-img {
  height: 16px;
  width: 16px;
}

.cases-button-block-project-text {
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: 16px;
  justify-content: center;
  line-height: 130%;
}

.cases-button-block-project-text-show {
  display: block;
}

.cases-left-side {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 32px;
}

.cases-left-side-button-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cases-left-side-button-block-wrapper {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  overflow-x: scroll;
  overflow: hidden !important;
}

.cases-left-side-button-text {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.cases-left-side-main-text {
  color: var(--white);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.cases-left-side-sub-text {
  font-size: 16px;
  font-weight: 500;
}

.cases-left-side-text-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cases-right-side {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  justify-content: center;
}

.cases-right-side-dots-block {
  background: var(--white);
  border-radius: 100px;
  height: 2px;
  opacity: 0.8;
  width: 50px;
  z-index: 10;
  z-index: 10;
}

.cases-right-side-dots-block-active {
  background: var(--blue);
  opacity: 1;
  opacity: 1;
}

.cases-text-block {
  align-items: flex-end;
  display: flex;
  flex: 1 0 0;
  gap: 362px;
  height: 100%;
  max-width: 100% !important;
  min-width: 100% !important;
  padding: 56px 64px;
  width: 100% !important;
  width: 1036px;
  z-index: 10;
}

.catalog-block-header {
  border-bottom-color: var(--primary);
  border-bottom: 2px solid #d9dee6;
  color: var(--bs-black);
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0;
  text-align: left;
}

.catalog-section {
  padding: 2.5rem 0 3rem;
  position: relative;
}

.catalog-section-container {
  position: relative;
}

.catalog-section-container p .text {
  display: none;
}

.catalog-section-fade {
  align-items: center;
  background: linear-gradient(180deg, rgba(236, 238, 242, 0) 0%, #eceef2 100%);
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 5.25rem;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
}

.catalog-section-item {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  height: 30rem;
  justify-content: left;
  justify-content: space-between;
  overflow: hidden;
}

.catalog-section-item .adress {
  list-style-image: url("/images/main/dot.png");
  margin-left: 10px;
}

.catalog-section-item .adress li {
  color: var(--white);
  font-size: 14px;
  margin: 0;
  padding-top: 10px;
}

.catalog-section-item a {
  font-size: 24px;
}

.catalog-section-item p {
  font-size: 20px;
  margin: 10px 0 20px 0;
}

.catalog-section-item p, .catalog-section-item li, .catalog-section-item a {
  color: var(--white);
}

.catalog-section-item p.small {
  font-size: 12px;
  line-height: 30px;
  margin-bottom: 12px;
}

.catalog-section-item-body {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 8px;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 32px;
  position: absolute;
  width: 100%;
}

.catalog-section-item-body span {
  background-color: var(--blue);
  border-radius: 100px;
  color: var(--white);
  margin-right: 12px;
  padding: 5px 10px;
}

.catalog-section-item-card {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  height: 22.875rem;
  margin: 0 20px 20px 0;
  position: relative;
}

.catalog-section-item-wrapper {
  box-sizing: border-box;
  min-width: 33.33%;
}

.catalog-section-more {
  align-items: center;
  background: linear-gradient(180deg, rgba(236, 238, 242, 0) 0%, #eceef2 100%);
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 5.25rem;
  justify-content: center;
  left: 0;
  padding: 20px;
  position: absolute;
  right: 0;
}

.catalog-section-more-btn {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  line-height: 130%;
  padding: 0.5rem 1.5rem;
}

.catalog-section-title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 32px;
}

.main-stories {
  padding: 3rem 1.25rem 3rem 0;
}
.main-stories-title {
  font-size: 2rem;
  margin-bottom: 2rem;
}
.main-stories-wrap {
  display: flex;
  gap: 20px;
  overflow-x: auto;
}
.main-stories-item {
  flex: 1 1 calc((100% - 60px) / 4);
  min-width: calc((100% - 60px) / 4);
  max-width: calc((100% - 60px) / 4);
  height: 25rem;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.main-stories-item iframe, .main-stories-item-video {
  background: gainsboro;
  width: 100%;
  height: 100%;
}
.main-stories-item-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 54.31%, rgba(0, 0, 0, 0.8) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 1;
}
.main-stories-item-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.main-stories-item-info {
  color: #fff;
}
.main-stories-item-duration {
  display: inline-block;
  border-radius: 6.25rem;
  background: #4772FF;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  margin-bottom: 12px;
}
.main-stories-item-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.main-stories-item-title {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  color: #fff;
}
.main-stories-item-text {
  font-size: 0.75rem;
}

.choice-gn-body-block {
  display: grid;
  gap: 20px;
}

.choice-gn-body-block > div {
  align-content: end;
  background-color: var(--white);
  border-radius: 8px;
  padding: 36px 40px;
}

.choice-gn-body-block-3 {
  grid-column: 1/span 2;
  grid-row: 2;
}

.choice-gn-body-block-4 {
  background-position: center;
  background-size: cover;
  grid-column: 3;
  grid-row: 1/span 2;
  padding: 0 !important;
}

.choice-gn-body-block-4 > div > div {
  color: var(--white) !important;
}

.choice-gn-body-block-4-bg {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 8px;
  padding: 36px 40px;
}

.choice-gn-body-desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.choice-gn-body-number {
  background: rgba(71, 114, 255, 0.1);
  border-radius: 100px;
  color: var(--blue);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  height: 32px;
  line-height: 24px;
  padding: 4px;
  text-align: center;
  width: 32px;
}

.choice-gn-body-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding: 24px 0;
}

.choice-gn-desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.choice-gn-section {
  padding: 48px 0;
}

.choice-gn-title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 16px;
}

.choice-gn-title-block {
  padding-bottom: 32px;
}

.city_choose_btn {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.city_choose_btn img {
  width: 0.75rem;
}

.city_choose_btn:hover .city_choose_dropdown {
  display: flex;
}

.city_choose_dropdown {
  background: var(--white);
  border-radius: 0.5rem;
  display: none;
  flex-direction: column;
  padding: 0.5rem;
  position: absolute;
  right: 0;
  top: 37px;
  z-index: 999;
}

.city_choose_dropdown button, .city_choose_dropdown .btn {
  background: var(--white);
  color: var(--bs-black);
}

.city_choose_dropdown button:hover, .city_choose_dropdown .btn:hover {
  background: var(--secondary);
  color: var(--blue);
}

.city_choose_dropdown.city_choose_dropdown_active {
  display: flex;
}

.client-banner {
  display: flex;
  flex-direction: column;
  gap: 124px;
  height: 692px;
  justify-content: flex-end;
  padding: 0 20px 48px;
  position: relative;
}

.client-banner-body {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.client-banner-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.client-banner-head {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 450px;
}

.client-banner-img {
  height: 546px;
  position: absolute;
  right: 48px;
  top: 18px;
  width: 546px;
}

.client-banner-item {
  align-items: center;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 130px;
  justify-content: center;
  padding: 16px 20px;
}

.client-banner-item-icon {
  height: 48px;
  width: 48px;
}

.client-banner-item-title {
  color: var(--neutral-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
}

.client-banner-title {
  color: var(--black);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.client-building {
  align-items: center;
  display: grid;
  gap: 80px;
  grid-template-columns: 400px 1fr;
  padding: 48px 20px;
}

.client-building-img {
  border-radius: 8px;
  height: 454px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.client-building-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.client-building-wrapper-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.client-building-wrapper-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.client-building-wrapper-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.client-need {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px 20px;
}

.client-need-item {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 293px;
  padding: 48px 48px 48px 150px;
  position: relative;
}

.client-need-item-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.client-need-item-number {
  color: var(--blue);
  font-size: 128px;
  font-style: normal;
  font-weight: 900;
  left: 40px;
  line-height: 130%;
  position: absolute;
  top: 0;
}

.client-need-item-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.client-need-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}

.client-need-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.client-question-form {
  padding: 48px 20px;
  position: relative;
}

.client-question-form .b24-form-btn {
  -webkit-box-shadow: none;
  border: 1px solid var(--white);
  box-shadow: none;
}

.client-question-form .b24-form-content form {
  flex-direction: column;
}

.client-question-form .b24-form-content form > div {
  flex-wrap: wrap;
}

.client-question-form .b24-form-content form > div {
  flex-wrap: wrap;
}

.client-question-form .b24-form-field-list {
  flex-basis: 100%;
  order: -1;
}

.client-question-form .b24-form-field-name {
  flex-basis: 50%;
  padding-right: 1rem;
}

.client-question-form .b24-form-field-phone {
  flex-basis: 50%;
}

.client-question-form .b24-form-wrapper {
  max-width: 520px;
}

.client-question-form .commercial-premises-form-policy {
  color: var(--white);
  text-decoration: underline;
}

.client-question-form .commercial_info_premises {
  color: var(--white);
  margin-top: 0.5rem;
  text-align: center;
  width: 100%;
}

.client-question-head {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 270px;
}

.client-question-head-desc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.client-question-head-title {
  color: var(--white);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.client-question-wrapper {
  background: var(--blue);
  border-radius: 8px;
  display: flex;
  gap: 48px;
  height: 292px;
  justify-content: flex-end;
  padding: 48px;
  width: 100%;
}

.client-question-wrapper-img {
  bottom: 48px;
  height: 292px;
  left: 20px;
  position: absolute;
  width: 238px;
}

.client-service {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px 20px;
}

.client-service-item {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 335px;
  justify-content: flex-end;
  padding: 48px;
}

.client-service-item-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.client-service-item-img {
  height: 80px;
  width: 80px;
}

.client-service-item-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.client-service-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}

.client-service-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.client-stage {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px 20px;
}

.client-stage-bg-img {
  border-radius: 8px;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.client-stage-black {
  color: var(--black);
}

.client-stage-blue {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: var(--blue);
  border-radius: 8px;
}

.client-stage-grey {
  color: var(--neutral-500);
}

.client-stage-height {
  height: 400px;
}

.client-stage-img {
  background: rgba(0, 0, 0, 0.6);
}

.client-stage-item {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  /* height: 300px; */
  padding: 48px;
  position: relative;
}

.client-stage-item-desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.client-stage-item-img {
  height: 39px;
  width: 49px;
}

.client-stage-item-number {
  font-size: 72px;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  position: absolute;
  right: 40px;
  top: 30px;
}

.client-stage-item-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.client-stage-item:nth-child(1), .client-stage-item:nth-child(6), .client-stage-item:nth-child(11) {
  grid-column: 1/7;
}

.client-stage-item:nth-child(2), .client-stage-item:nth-child(7), .client-stage-item:nth-child(12) {
  grid-column: 7/13;
}

.client-stage-item:nth-child(3), .client-stage-item:nth-child(8), .client-stage-item:nth-child(13) {
  grid-column: 1/5;
}

.client-stage-item:nth-child(4), .client-stage-item:nth-child(9), .client-stage-item:nth-child(14) {
  grid-column: 5/9;
}

.client-stage-item:nth-child(5), .client-stage-item:nth-child(10), .client-stage-item:nth-child(15) {
  grid-column: 9/13;
}

.client-stage-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(12, 1fr);
}

.client-stage-number-grey {
  color: var(--neutral-100);
}

.client-stage-number-white {
  color: var(--white);
}

.client-stage-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.client-stage-white {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: var(--white);
  border-radius: 8px;
}

.cloud-1 {
  bottom: 0;
  bottom: 0px;
  height: 549px;
  left: -615.5px;
  opacity: 0.5;
  position: absolute;
  width: 2751px;
}

.cloud-2 {
  height: 347px;
  position: absolute;
  top: 136px;
  width: 1476px;
}

.commerce_desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 2rem;
}

.commerce_hero {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 !important;
  clear: both;
  margin: 0 !important;
  min-height: 800px;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20;
}

.commerce_hero_btn {
  align-items: center;
  background: var(--blue);
  border-radius: 0.5rem;
  border: none;
  color: var(--white);
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  font-weight: 600;
  line-height: 130%;
  margin-top: 3rem;
  padding: 0.5rem 1rem;
}

.commerce_hero_col {
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  max-width: 360px;
}

.commerce_hero_desc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.commerce_hero_fdesc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.commerce_hero_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem 1.25rem;
  margin: 5rem 2rem 3rem 0;
}

.commerce_hero_slider_flex {
  align-items: flex-start;
}

.commerce_hero_slider_flex .commerce_hero_col {
  flex-direction: row;
  width: 30% !important;
}

.commerce_hero_ftitle {
  color: var(--white);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  margin-bottom: 8px;
}

.commerce_hero_gradient {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.commerce_hero_header {
  margin: 15rem 2rem 2rem 0;
  width: 500px;
}

.commerce_hero_title {
  color: var(--white);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin: 2rem 0;
}

.commerce_other {
  padding-top: 3rem;
}

.commerce_other .catalog-section-item p {
  font-size: 20px;
  margin: 10px 0 20px 0;
}

.commerce_other .catalog-section-item-body {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 8px;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 32px;
  position: absolute;
  width: 100%;
}

.commerce_other .catalog-section-item-body span {
  background-color: var(--blue);
  border-radius: 100px;
  color: var(--white);
  font-size: 13px;
  margin-right: 12px;
  padding: 5px 10px;
}

.commerce_other .catalog-section-item-card {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  height: 22.875rem;
  margin: 0 20px 20px 0;
  position: relative;
}

.commerce_other .catalog-section-item-wrapper {
  box-sizing: border-box;
  font-size: 24px;
  min-width: 33.33%;
}

.commerce_other .commerce_other_item .adress {
  list-style-image: url("/images/main/dot.png");
  margin-left: 10px;
}

.commerce_other .commerce_other_item .adress li {
  color: var(--white);
  font-size: 14px;
  margin: 0;
  padding-top: 10px;
}

.commerce_other .commerce_other_item p {
  font-size: 20px;
  margin: 10px 0 20px 0;
}

.commerce_other .commerce_other_item p, .commerce_other .commerce_other_item li, .commerce_other .commerce_other_item a {
  color: var(--white);
}

.commerce_other .commerce_other_item p.small {
  font-size: 12px;
  line-height: 30px;
  margin-bottom: 12px;
}

.commerce_other .pr_name {
  color: var(--white) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.commerce_other .pr_type span {
  background-color: var(--white) !important;
  color: var(--blue) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-right: 0 !important;
}

.commerce_other_item {
  display: flex;
  flex-wrap: wrap;
}

.commerce_projects_shymkent {
  margin-bottom: 40px !important;
}

.commerce_title {
  display: flex;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  gap: 1rem;
  line-height: 120%;
  margin-bottom: 1rem;
}

.commerce_title_city {
  color: var(--blue);
}

.commerce_title_wrapper {
  display: flex;
  justify-content: space-between;
}

.commercial-premises-button-next, .commercial-premises-button-prev {
  align-items: center;
  background: var(--white);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.875rem;
}

.commercial-premises-buttons {
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 0 2rem;
  position: absolute;
  right: 0;
}

.commercial-premises-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.commercial-premises-form-input {
  background: var(--white);
  border-radius: 0.5rem;
  border: none;
  color: var(--neutral-500);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  height: 2.75rem;
  line-height: 130%;
  outline: none;
  padding: 0.75rem;
}

.commercial-premises-form-input::-moz-placeholder {
  color: var(--neutral-500);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.commercial-premises-form-input::placeholder {
  color: var(--neutral-500);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.commercial-premises-form-input:focus, .commercial-premises-form-submit:focus {
  border: 1px solid var(--blue);
  box-shadow: 0 0 0 2px var(--blue);
  box-shadow: 0px 0px 0px 2px var(--blue);
}

.commercial-premises-form-policy {
  color: var(--blue);
}

.commercial-premises-form-submit {
  background: var(--blue);
  border-radius: 0.5rem;
  border: none;
  color: var(--white);
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  height: 2.75rem;
  line-height: 130%;
  outline: none;
  padding: 0.5rem 1.5rem;
}

.commercial-premises-form-title {
  color: var(--neutral-500);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 130%;
}

.commercial-premises-img-tablet {
  display: none;
}

.commercial-premises-info {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  max-width: 25rem;
  min-width: 400px !important;
}

.commercial-premises-info-body {
  display: flex;
  flex-direction: column;
  grid-area: body;
  max-width: 25rem;
}

.commercial-premises-info-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.commercial-premises-info-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  grid-area: form;
  max-width: 25rem;
}

.commercial-premises-info-form .b24-form-btn-block {
  width: 100%;
}

.commercial-premises-info-form .b24-form-content form > div {
  flex-direction: column;
}

.commercial-premises-info-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
}

.commercial-premises-section {
  display: flex;
  gap: 5rem;
  grid-column-gap: 5rem;
  grid-row-gap: 2.5rem;
  grid-template-areas: "body slider" "form slider";
  padding: 3rem 0;
}

.commercial-premises-section .b24-form-btn-block, .commercial-premises-section .b24-form-btn {
  width: calc(100% + 5px);
}

.commercial-premises-section .b24-form-field, .commercial-premises-section .b24-form, .project-payment-form .b24-form-field, .project-payment-form .b24-form, .form-request-block .b24-form-field, .form-request-block .b24-form, .consultation-block .b24-form-field, .consultation-block .b24-form {
  width: 100%;
}

.profite-buy-section, .get-consultation-section, .find-face, .our-blog-section, .subscribe-social, .partners-section, .questions-section, .office-section {
  padding-left: 20px;
  padding-right: 20px;
}

.commercial-premises-slide {
  height: 28.375rem;
}

.commercial-premises-slide-img {
  height: 120%;
  width: 100%;
  border-radius: 0.5rem;
}

.commercial-premises-slider {
  height: 100%;
  min-width: 25rem;
  position: relative;
}

.commercial-premises-slider .ui-ear-left {
  background-image: url("/images/main/arrow_left_white.png");
  margin-left: 20px !important;
}

.commercial-premises-slider .ui-ear-right {
  background-image: url("/images/main/arrow_right_white.png");
  margin-right: 20px !important;
}

.commercial_info {
  padding: 3rem;
}

.commercial_info .b24-form-content form {
  flex-direction: column;
}

.commercial_info_desc {
  font-size: 16px;
  margin-bottom: 1rem;
}

.commercial_info_premises {
  font-size: 12px;
}

.commercial_info_title {
  color: var(--black);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 1rem;
}

.commercial_section {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  margin: 2rem 0;
  padding: 0;
  overflow: hidden;
}

.condition-item-bg-blue {
  background: linear-gradient(102deg, #1b3ca4 0%, #4772ff 100%), var(--grey-500);
}

.condition-item-bg-orange {
  background: #ffdd61;
}

.condition-item-white {
  color: var(--white);
}

.confirm-input-hidden {
  display: none;
}

.login-form-confirm-input.confirm-input-hidden {
  display: none;
}

.consultation-block {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 1rem 0;
  width: 1204px;
}

.consultation-block .b24-form-btn {
  border-radius: 8px;
  border: 1px solid var(--white);
  padding: 8px 24px !important;
}

.consultation-block-image {
  border-radius: 8px;
  bottom: -4px;
  position: absolute;
  right: 0;
}

.consultation-block-inner-wrapper {
  align-items: flex-start;
  align-self: stretch;
  background: var(--blue);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 473px;
  justify-content: center;
  padding: 32px 72px;
  position: relative;
}

.consultation-block-left-side {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 362px;
}

.consultation-block-main-text {
  color: var(--white);
  font-size: 24px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.consultation-block-right-side {
  align-items: flex-start;
  bottom: 0;
  bottom: 0px;
  display: flex;
  height: 356px;
  justify-content: center;
  position: absolute;
  right: 0;
  right: 0px;
  width: 542px;
}

.consultation-block-sub-text {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
}

.consultation-button-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.consultation-choice {
  padding: 48px 20px;
}

.consultation-choice-body {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 620px;
}

.consultation-choice-button {
  background: var(--blue);
  border-radius: 8px;
  border: 1px solid var(--white);
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.consultation-choice-container {
  background: var(--blue);
  border-radius: 8px;
  height: 100%;
  padding: 32px 64px;
  position: relative;
  width: 100%;
}

.consultation-choice-form {
  display: grid;
  gap: 16px;
  grid-template-columns: 204.5px 204.5px 131px;
}

.consultation-choice-img {
  height: 391px;
  position: absolute;
  right: 40px;
  top: -24px;
  width: 419px;
}

.consultation-choice-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 408px;
}

.consultation-choice-info-desc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.consultation-choice-info-title {
  color: var(--white);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.consultation-choice-input {
  background: var(--white);
  border-radius: 8px;
  border: none;
  color: var(--neutral-500);
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  line-height: 130%;
  padding: 12px;
}

.consultation-choice-input, .consultation-choice-select {
  background: #f4f6fb;
  border-radius: 8px;
  border: none;
  color: var(--neutral-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  line-height: 130%;
  padding: 12px;
}

.consultation-choice-input::-moz-placeholder {
  color: var(--neutral-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.consultation-choice-input::placeholder {
  color: var(--neutral-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.consultation-choice-politics {
  color: var(--white);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  opacity: 0.6;
}

.consultation-choice-politics-link {
  color: var(--white);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  opacity: 0.6;
  text-decoration-line: underline;
}

.consultation-choice-wrapp {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.consultation-dream {
  border-radius: 16px;
  display: grid;
  grid-template-columns: 737px 1fr;
  height: 100%;
  padding: 48px 20px;
}

.consultation-dream-body {
  background: var(--white);
  border-radius: 0 16px 16px 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px;
}

.consultation-dream-form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.consultation-dream-form-button {
  background: var(--blue);
  border-radius: 8px;
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  line-height: 130%;
  padding: 8px 24px;
}

.consultation-dream-img {
  border-radius: 16px 0 0 16px;
  border-radius: 16px 0px 0px 16px;
  height: 557px;
}

.consultation-dream-info, .consultation-dream-form-wrapp {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.consultation-dream-info-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.consultation-dream-info-title {
  color: var(--black);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.consultation-dream-politics {
  color: var(--neutral-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.consultation-dream-politics-link {
  color: var(--blue);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.consultation-form-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.consultation-form-input {
  align-items: center;
  align-self: stretch;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  gap: 10px;
  height: 44px;
  justify-content: center;
  padding: 12px;
}

.consultation-form-privacy-tex-link {
  text-decoration: underline;
  text-decoration: underline;
}

.consultation-form-privacy-text {
  color: var(--white);
  font-size: 12px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
  opacity: 0.6;
}

.consultation-form-submit {
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--white);
  color: var(--white);
  display: flex;
  font-size: 16px;
  height: 44px;
  justify-content: center;
  padding: 8px 24px;
}

.consultation-head {
  display: flex;
  flex-direction: column;
  gap: 77px;
  height: 688px;
  justify-content: flex-end;
  padding: 0 20px 48px;
  position: relative;
}

.consultation-head-body {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  display: flex;
  gap: 20px;
  padding: 20px 32px;
}

.consultation-head-img {
  height: 433px;
  position: absolute;
  right: 124px;
  top: 56px;
  width: 452px;
}

.consultation-head-item {
  align-items: center;
  display: flex;
  gap: 24px;
  width: 260px;
}

.consultation-head-item-icon {
  height: 39px;
  width: 49px;
}

.consultation-head-item-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.consultation-head-item-info-desc {
  color: var(--neutral-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
}

.consultation-head-item-info-title {
  color: #101928;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
}

.consultation-head-main {
  display: flex;
  flex-direction: column;
  gap: 48px;
  max-width: 500px;
}

.consultation-head-main-button {
  border-radius: 8px;
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  line-height: 130%;
  width: 276px;
}

.consultation-head-main-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.consultation-head-main-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.consultation-head-main-title {
  color: var(--black);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.consultation-hot {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px 20px;
}

.consultation-hot .map-section-list {
  padding: 0;
}

.consultation-hot-active {
  background: var(--blue);
  color: var(--white);
}

.consultation-hot-body {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.consultation-hot-head {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
}

.consultation-hot-head-actions {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  height: 40px;
  padding: 4px;
}

.consultation-hot-head-blue {
  color: var(--blue);
}

.consultation-hot-head-button {
  align-items: center;
  background: var(--white);
  border-radius: 4px;
  border: none;
  color: var(--neutral-500);
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  line-height: 130%;
  padding: 0 16px;
}

.consultation-button-active {
  background: var(--blue);
  color: var(--white);
}

.consultation-hot-head-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.consultation-hot-head-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.consultation-hot-head-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.consultation-hot-item {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 54.31%, rgba(0, 0, 0, 0.8) 100%);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 366px;
  justify-content: space-between;
  padding: 32px;
  position: relative;
}

.consultation-hot-item-action {
  align-items: center;
  background: var(--white);
  border-radius: 100px;
  color: var(--neutral-600);
  display: flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  justify-content: center;
  line-height: 130%;
  padding: 4px 8px;
  text-align: center;
}

.consultation-hot-item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.consultation-hot-item-address {
  color: var(--white);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.consultation-hot-item-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.consultation-hot-item-class {
  align-items: center;
  background: var(--white);
  border-radius: 100px;
  color: var(--blue);
  display: flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  gap: 4px;
  justify-content: center;
  line-height: 130%;
  padding: 4px 8px;
}

.consultation-hot-item-class-name {
  color: var(--blue);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.consultation-hot-item-desc {
  color: var(--white);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.consultation-hot-item-dot {
  background: var(--blue);
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

.consultation-hot-item-head {
  display: flex;
  justify-content: flex-end;
}

.consultation-hot-item-img {
  border-radius: 8px;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.consultation-hot-item-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.consultation-hot-item-list {
  align-items: center;
  display: flex;
  gap: 8px;
}

.consultation-hot-item-title {
  color: var(--white);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.consultation-need {
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding: 48px 20px;
}

.consultation-need-body {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: var(--blue);
  border-radius: 8px;
  padding: 48px;
  position: relative;
  width: 100%;
}

.consultation-need-body-img1 {
  bottom: -126px;
  height: 419px;
  position: absolute;
  right: 0;
  width: 559px;
}

.consultation-need-body-img2 {
  height: 398.5px;
  position: absolute;
  right: 96px;
  top: -53px;
  width: 338px;
}

.consultation-need-body-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 660px;
}

.consultation-need-body-info-desc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.consultation-need-body-info-link {
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--white);
  color: var(--white);
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 24px;
  width: 131px;
}

.consultation-need-body-info-link:hover {
  color: var(--white);
}

.consultation-need-body-info-title {
  color: var(--white);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.consultation-need-head {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.consultation-need-head-item {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 48px;
}

.consultation-need-head-item-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.consultation-need-head-item-img {
  height: 310px;
  width: 476px;
}

.consultation-need-head-item-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.consultation-need-head-item:nth-child(1) {
  grid-column: 1/7;
}

.consultation-need-head-item:nth-child(2) {
  grid-column: 7/13;
}

.consultation-need-head-item:nth-child(3) {
  grid-column: 1/5;
}

.consultation-need-head-item:nth-child(4) {
  grid-column: 5/9;
}

.consultation-need-head-item:nth-child(5) {
  grid-column: 9/13;
}

.consultation-need-head-list {
  -moz-column-gap: 20px;
       column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 28px;
}

.consultation-need-head-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.consultation-policy-block {
  color: var(--white);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  opacity: 0.6;
  text-decoration-line: none;
}

.consultation-policy-block a {
  color: var(--white);
}

.consultation-policy-block a:hover {
  text-decoration: underline;
}

.consultation-step {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px 20px;
}

.consultation-step-item {
  align-items: flex-start;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 48px;
}

.consultation-step-item-circle {
  background: var(--blue);
  border-radius: 100px;
  color: var(--white);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  line-height: 120%;
  padding: 12px;
  text-align: center;
  width: 48px;
}

.consultation-step-item-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.consultation-step-item-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.consultation-step-item-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.consultation-step-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.consultation-step-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.consultation-step-title-blue {
  color: var(--blue);
}

.consultation-text-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cover {
  height: 12rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 16.25rem;
}

.criterion-item-bg-blue {
  background: linear-gradient(102deg, #1b3ca4 0%, #4772ff 100%), var(--grey-500);
}

.criterion-item-bg-orange {
  background: #ffdd61;
}

.criterion-item-white {
  color: var(--white);
}

.disabled-profile-input {
  color: #687184;
}

.document-status-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 605px;
  margin: 62px auto;
  padding: 0 20px;
}

.document-status-page-title {
  display: inline-block;
  font-size: 24px;
}

.document-status-page-block {
  padding: 32px;
  border-radius: 16px;
  background: var(--white);
}

.document-status-page-block-title {
  display: inline-block;
  font-size: 20px;
  margin-bottom: 33px;
}

.document-status-page-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.document-status-page-doc {
  display: flex;
  align-items: center;
  gap: 16px;
}

.document-status-page-doc-title {
  font-size: 14px;
  color: #000000;
}

.document-status-page-stat {
  padding: 4px 8px;
  border-radius: 50px;

  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  text-align: center;
}

.document-status-page-stat-success {
  color: var(--success-400, #0F973D);
  background: var(--success-50, #E7F6EC);
}

.document-status-page-stat-unsuccess {
  background: var(--error-50, #FBEAE9);
  color: var(--error-400, #D42620);
}

.document-status-page-description {
  display: inline-block;
  color: #828BA8;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
}

.document-status-page-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  background-color: #fff;
  border-radius: 16px;
  font-family: sans-serif;
}

.document-status-page-grid-item {
  font-size: 12px;
  font-weight: 600;
  color: #000;
  word-break: break-word;
  overflow-wrap: break-word;
}

.document-status-page-grid-item:first-child,
.document-status-page-grid-item:nth-child(2n+1) {
  font-weight: 500;
  color: #6b7280;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: calc(1.525rem + 2.3vw);
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: calc(1.475rem + 1.7vw);
  font-weight: 300;
  line-height: 1.2;
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}

.display-6 {
  font-size: calc(1.375rem + 0.5vw);
  font-weight: 300;
  line-height: 1.2;
}

.expert-block {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: 48px 0;
  width: 1204px;
}

.expert-block-card {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 48px 48px 48px 150px;
  position: relative;
}

.expert-block-header {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.expert-block-number {
  color: #edf1ff;
  font-size: 128px;
  font-weight: 900;
  font-weight: 900 !important;
  left: 40px;
  line-height: 122px;
  position: absolute;
  top: 40px;
}

.expert-block-wrapper {
  display: grid;
  gap: 20px;
  grid-auto-rows: minmax(auto);
  grid-auto-rows: minmax(auto, auto);
  grid-template-columns: 1fr 1fr;
  height: 100%;
  width: 100%;
}

.expert-header-text-block {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 16px;
  max-width: 800px;
}

.favorite-active-meeting-block {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  width: 705px;
}

.favorite-container {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.favorite-meeting-active-card {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.favorite-meeting-active-card-footer {
  align-items: flex-start;
  align-self: stretch;
  background: #f4f6fb;
  border-radius: 0 0 8px 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 32px;
}

.favorite-meeting-active-card-header {
  align-items: center;
  align-self: stretch;
  background: #f4f6fb;
  border-radius: 8px 8px 0 0;
  display: flex;
  gap: 24px;
  padding: 24px 32px;
}

.favorite-meeting-apartment-icon {
  height: 60px;
  width: 60px;
}

.favorite-meeting-apartment-info-block {
  align-items: center;
  display: flex;
  flex: 1 0 0;
  gap: 21px;
}

.favorite-meeting-apartment-main-text {
  color: var(--black);
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 130%;
}

.favorite-meeting-apartment-secondary-text {
  color: var(--grey-200);
  font-size: 14px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: normal;
}

.favorite-meeting-apartment-text-block {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 6px;
}

.favorite-meeting-dislike-block {
  align-items: flex-start;
  background: var(--white);
  border-radius: 100px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 8px;
}

.favorite-meeting-dislike-icon {
  height: 16px;
  width: 16px;
}

.favorite-meeting-get-consultation-block {
  align-items: center;
  background: var(--blue);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  gap: 4px;
  height: 36px;
  justify-content: center;
  padding: 8px 12px;
}

.favorite-meeting-get-consultation-icon {
  height: 20px;
  width: 20px;
}

.favorite-meeting-get-consultation-text {
  color: var(--white);
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  line-height: 130%;
}

.favorite-meeting-inactive-card {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  width: 100%;
}

.favorite-meeting-inactive-card-header {
  align-items: center;
  align-self: stretch;
  background: #f4f6fb;
  display: flex;
  gap: 24px;
  padding: 24px 32px;
}

.feedback-block {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: 48px 0;
  width: 1204px;
}

.feedback-content-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 10px;
  overflow: auto;
}

.feedback-content-card-wrapper {
  align-items: flex-start;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 320px;
  width: 470px;
  overflow: hidden;
}

.feedback-content-card-wrapper iframe {
  border-radius: 8px 8px 0 0;
}

.feedback-heading-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 1.5rem;
}

.feedback-heading-text {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.feedback-video-info-block {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 24px;
  height: 80px;
  height: 80px;
  padding: 16px 24px;
}

.feedback-video-logo {
  flex-shrink: 0;
  height: 12.75px;
  width: 36px;
}

.feedback-video-title {
  color: var(--black);
  font-size: 14px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.find-face {
  padding: 3rem 0;
}

.find-face-actions {
  display: flex;
  gap: 0.75rem;
}

.find-face-button-vacancies {
  background-color: var(--white);
  border: 1px solid var(--blue);
  color: var(--blue);
}

.find-face-button-with-us, .find-face-button-vacancies {
  align-items: center;
  background: var(--blue);
  border-radius: 0.5rem;
  color: var(--white);
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  height: 2.75rem;
  justify-content: center;
  line-height: 130%;
  padding: 0.5rem 1.5rem;
}

.find-face-button-with-us-white {
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--blue);
  color: var(--blue);
  display: flex;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 24px;
}

.find-face-button-with-us:hover, .catalog-section-more-btn {
  color: var(--white) !important;
}

.find-face-image {
  bottom: -6.5rem;
  bottom: 0;
  height: 350px;
  position: absolute;
  right: 1.375rem;
}

.find-face-info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.find-face-info-desc {
  color: var(--neutral-500);
  font-size: 1rem;
  font-weight: 500;
  line-height: 130%;
}

.find-face-info-title {
  color: var(--color);
  font-size: 3rem;
  font-weight: 700;
  line-height: 120%;
}

.find-face-section {
  background: var(--white);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  height: 23.875rem;
  justify-content: center;
  overflow: hidden;
  padding: 0.625rem 6rem;
  position: relative;
}

.find-face-wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  max-width: 23.75rem;
}

.form-block {
  align-items: flex-start;
  background: var(--white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 557px;
  justify-content: center;
  padding: 48px;
  width: 427px;
}

.form-block-agreement {
  color: var(--neutral-500);
  font-size: 12px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
}

.form-block-fields {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form-block-heading {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form-block-heading-main-text {
  color: var(--black);
  font-size: 24px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.form-block-heading-secondary-text {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
}

.form-block-img {
  flex: 1 0 0;
  height: 557px;
}

.form-block-name-input {
  align-items: center;
  align-self: stretch;
  background: #f4f6fb;
  border-radius: 8px;
  border: 0;
  box-sizing: border-box;
  box-sizing: border-box;
  color: var(--neutral-500);
  display: flex;
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  gap: 10px;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 12px;
}

.form-block-name-input:focus-visible {
  outline: none;
  outline: none;
}

.form-block-submit-button {
  align-items: center;
  align-self: stretch;
  background: var(--blue);
  border-radius: 8px;
  box-sizing: border-box;
  box-sizing: border-box;
  color: var(--white);
  display: flex;
  flex-shrink: 0;
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 24px;
}

.form-block-tel-input {
  align-items: center;
  align-self: stretch;
  background: #f4f6fb;
  border-radius: 8px;
  border: 0;
  box-sizing: border-box;
  display: flex;
  gap: 10px;
  height: 44px;
  justify-content: center;
  padding: 12px;
}

.form-block-tel-input:focus-visible {
  outline: none;
  outline: none;
}

.form-body-confirm {
  gap: 32px;
  max-width: 405px;
}

.form-request-block {
  align-items: flex-start;
  box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 48px 0;
  width: 1204px;
}

input.form_input, select.form_select, textarea.form_input {
  background: #F4F6FB;
  border-color: #F4F6FB;
}

.form-request-block .b24-form {
  width: 100%;
}

.form-request-block .b24-form-btn-block {
  padding: 0;
  width: 100%;
}

.form-request-block .b24-form-btn-container {
  margin: 0;
}

.form-request-block .b24-form-control {
  background: #f4f6fb !important;
}

.form-request-inner-wrapper {
  align-items: flex-start;
  align-self: stretch;
  box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.form-request-inner-wrapper-2 {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 8px;
  display: flex;
  overflow: hidden;
}

.form_input.input-error:valid {
  border: 1px solid red;
}

.form_input:valid {
  border: 1px solid #ddd;
}

.form_textarea {
  height: 75px;
}

.gallery-about-block {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 48px 0;
}

.gallery-about-block .b24-form-success .b24-form-state-text p {
  margin-top: 5px;
}

.gallery-about-block .b24-form-success-icon, .subscribe-block-wrapper .b24-form-success-icon {
  display: none;
}

.gallery-about-card-block {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  margin-bottom: 2rem;
}

.gallery-about-card-wrapper {
  align-items: flex-start;
  background: var(--white);
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 10px;
  justify-content: flex-end;
  min-height: 370px;
  padding: 36px 40px;
}

.gallery-about-heading {
  align-items: flex-start;
  box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 2rem;
  width: 1204px;
}

.gallery-about-inner-wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.gallery-about-main-text {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.gallery-card-logo {
  align-self: stretch;
  border-radius: 8px;
  height: 70px;
  width: 70px;
}

.gallery-card-main-text {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.gallery-card-secondary-text {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
}

.get-consultation-form {
  display: flex;
  gap: 1rem;
}

.get-consultation-form-input {
  align-items: center;
  background: var(--white);
  border-radius: 0.5rem;
  border: none;
  color: var(--neutral-500);
  display: flex;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  height: 2.75rem;
  justify-content: center;
  line-height: 130%;
  outline: none;
  padding: 0.75rem;
  width: 14.3rem;
}

.get-consultation-form-input::-moz-placeholder {
  color: var(--neutral-500);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.get-consultation-form-input::placeholder {
  color: var(--neutral-500);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.get-consultation-form-input:focus {
  border: 1px solid var(--grey-200);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2);
}

.get-consultation-form-policy {
  color: var(--white);
  text-decoration: underline;
}

.get-consultation-form-policy, .still-body-title a {
  color: var(--white) !important;
}

.get-consultation-form-submit {
  align-items: center;
  background-color: var(--blue);
  border-radius: 0.5rem;
  border: 1px solid var(--white);
  color: var(--white);
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  height: 2.75rem;
  justify-content: center;
  line-height: 130%;
  padding: 0.5rem 1.5rem;
}

.get-consultation-form-title {
  color: var(--white);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 130%;
}

.get-consultation-img {
  height: 3.5rem;
  width: 4.3125rem;
}

.get-consultation-info {
  align-items: center;
  display: flex;
  gap: 2rem;
}

.get-consultation-info-desc {
  font-size: 1rem;
  font-weight: 500;
  line-height: 130%;
}

.get-consultation-info-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.get-consultation-info-title, .get-consultation-info-desc {
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 120%;
}

.get-consultation-info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.get-consultation-section {
  padding: 2rem 0 3rem;
}

.get-consultation-section .b24-form-btn {
  height: 44px !important;
}

.get-consultation-section .b24-form-btn, .get-consultation-section .b24-form-btn:hover {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--white);
  width: 150px;
}

.get-consultation-section .b24-form-btn-container, .get-consultation-section .b24-form-btn-block {
  margin: 0 !important;
  padding: 0 !important;
}

.get-consultation-section .b24-form-content form > div:first-child > div {
  margin-right: 20px;
}

.get-consultation-section .b24-form-field {
  margin-bottom: 0;
}

.get-consultation-section .b24-form-icon-remove {
  display: none;
}

.get-consultation-section .b24-form-state-inner {
  height: 44px;
  top: 0 !important;
}

.get-consultation-section .b24-form-success .b24-form-state-text p {
  margin-top: -15px !important;
}

.get-consultation-section .b24-form-success-icon {
  background-image: none !important;
  height: 0 !important;
  margin: 0 !important;
  width: 0 !important;
}

.get-consultation-wrapper {
  background: var(--blue);
  border-radius: 0.5rem;
  display: flex;
  gap: 4.5rem;
  padding: 2rem;
}

.gn-club-benefit {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px 20px;
}

.gn-club-benefit-download {
  align-items: center;
  background: var(--white);
  border-radius: 8px;
  color: var(--blue);
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 24px;
}

.gn-club-benefit-foot {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(90deg, #FFF 36.96%, #d4deff 100%);
  border-radius: 8px;
  height: 287px;
  padding: 48px;
  position: relative;
  width: 100%;
}

.gn-club-benefit-foot-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.gn-club-benefit-foot-img {
  bottom: 0;
  height: 301px;
  position: absolute;
  right: 22px;
  width: 540px;
}

.gn-club-benefit-foot-info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 543px;
}

.gn-club-benefit-foot-subscribe {
  align-items: center;
  background: var(--blue);
  border-radius: 8px;
  color: var(--white);
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 24px;
}

.gn-club-benefit-foot-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.gn-club-benefit-item-desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.gn-club-benefit-item-img {
  bottom: 0;
  height: 483px;
  position: absolute;
  right: 0;
  width: 572px;
}

.gn-club-benefit-item-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.gn-club-benefit-item:nth-child(2) {
  grid-column: 7/10;
  grid-row: 1/2;
}

.gn-club-benefit-item:nth-child(3) {
  grid-column: 10/13;
  grid-row: 1/2;
}

.gn-club-benefit-item:nth-child(4) {
  grid-column: 7/10;
  grid-row: 2/3;
}

.gn-club-benefit-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(12, 1fr);
}

.gn-club-benefit-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.gn-club-faq {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 48px 20px;
}

.gn-club-faq-active {
  color: var(--blue);
}

.gn-club-faq-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.gn-club-faq-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.gn-club-faq-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.gn-club-faq-head-button {
  align-items: center;
  background: var(--white);
  border-radius: 100px;
  display: flex;
  gap: 16px;
  padding: 10px 24px 10px 10px;
}

.gn-club-faq-head-button-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.gn-club-faq-head-circle {
  align-items: center;
  background: var(--blue);
  border-radius: 100px;
  display: flex;
  height: 48px;
  justify-content: center;
  padding: 8px;
  width: 48px;
}

.gn-club-faq-head-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 800px;
}

.gn-club-faq-item {
  align-items: flex-start;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 20px 32px;
}

.gn-club-faq-item-active {
  gap: 12px;
}

.gn-club-faq-item-body {
  align-items: flex-start;
  background: #f4f9ff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 16px;
  width: 100%;
}

.gn-club-faq-item-circle {
  background: var(--blue);
  border-radius: 100px;
  cursor: pointer;
  display: flex;
  height: 32px;
  padding: 8px;
  width: 32px;
}

.gn-club-faq-item-desc {
  color: var(--neutral-600);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  max-width: 720px;
}

.gn-club-faq-item-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.gn-club-faq-item-title {
  align-items: center;
  color: var(--black);
  display: flex;
  font-size: 16px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  gap: 12px;
  line-height: 120%;
}

.gn-club-faq-item-title-circle {
  align-items: center;
  background: var(--blue);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  padding: 8px;
}

.gn-club-faq-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.gn-club-participant {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px 20px;
}

.gn-club-participant-foot {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: var(--blue);
  border-radius: 8px;
  height: 293px;
  padding: 48px;
  position: relative;
  width: 100%;
}

.gn-club-participant-foot-desc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.gn-club-participant-foot-img {
  bottom: 0;
  height: 318px;
  position: absolute;
  right: 0;
  width: 485px;
}

.gn-club-participant-foot-info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  width: 557px;
}

.gn-club-participant-foot-more {
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--white);
  display: flex;
  height: 44px;
  justify-content: center;
  padding: 8px 24px;
}

.gn-club-participant-foot-title {
  color: var(--white);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.gn-club-participant-item {
  align-items: flex-start;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: flex-end;
  padding: 48px;
}

.gn-club-participant-item-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.gn-club-participant-item-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.gn-club-participant-item-head {
  align-items: center;
  background: var(--blue);
  border-radius: 100px;
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  line-height: 120%;
  padding: 12px;
  text-align: center;
  width: 48px;
}

.gn-club-participant-item-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.gn-club-participant-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.gn-club-participant-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.gn-club-partners {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 48px 20px;
}

.gn-club-partners-head {
  align-self: flex-start;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.gn-club-partners-head-actions {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  height: 40px;
  padding: 4px;
}

.gn-club-partners-head-button {
  align-items: center;
  background: var(--white);
  border-radius: 4px;
  color: var(--grey-200);
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  justify-content: center;
  line-height: 130%;
  padding: 0 16px;
}

.gn-club-partners-head-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.gn-club-partners-head-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 708px;
}

.gn-club-partners-head-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.gn-club-partners-item {
  align-items: center;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 222px;
  justify-content: flex-end;
  padding: 24px;
}

.gn-club-partners-item-percent {
  align-items: center;
  background: var(--blue);
  border-radius: 100px;
  color: var(--white);
  display: flex;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  line-height: 120%;
  padding: 4px 12px;
}

.gn-club-partners-item-title {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.gn-club-partners-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 275px);
}

.gn-club-button-active {
  background: var(--blue);
  color: var(--white);
}

.gn-club-wish {
  align-items: flex-start;
  background: var(--blue);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 48px 20px;
  padding: 48px 64px;
  position: relative;
}

.gn-club-wish-desc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.gn-club-wish-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 620px;
}

.gn-club-wish-form-politics {
  color: var(--white);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  opacity: 0.6;
}

.gn-club-wish-form-politics-link {
  color: var(--white);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  opacity: 0.6;
  text-decoration-line: underline;
}

.gn-club-wish-form-politics-link:hover {
  color: var(--white);
}

.gn-club-wish-form-wrapper {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, 228.5px) 131px;
}

.gn-club-wish-img {
  bottom: 0;
  height: 399px;
  position: absolute;
  right: 64px;
  width: 377px;
}

.gn-club-wish-info {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.gn-club-wish-info-head {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 408px;
}

.gn-club-wish-input {
  background: var(--white);
  border-radius: 8px;
  border: none;
  color: var(--grey-200);
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  line-height: 130%;
  padding: 12px;
}

.gn-club-wish-submit {
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--white);
  color: var(--white);
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 24px;
}

.gn-club-wish-title {
  color: var(--white);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.gn-form-block {
  background-color: var(--white);
  border-radius: 8px;
  padding: 24px;
}

.gn-heart {
  height: 39px;
  width: 49px;
}

.gn-hide {
  display: none !important;
}

.gn-office-list {
  list-style-type: none;
  list-style: none;
  padding-left: 0 !important;
}

.gn-office-list a {
  text-decoration: none !important;
}

.gn-office-list li {
  font-size: 14px;
  margin: 0 0 15px 0;
}

.gn-popup {
  display: none;
}

.gn-popup .b24-form-content form > div .b24-form-field input, .gn-popup .b24-form-content form > div .b24-form-field textarea {
  height: 44px !important;
}

.gn-popup .b24-form-content form > div .b24-form-field:first-child input {
  width: calc(100% - 10px);
}

.gn-popup .b24-form-content form > div .b24-form-field:first-child, .gn-popup .b24-form-content form > div .b24-form-field:nth-child(2) {
  float: left;
  width: 50% !important;
}

.gn-popup .b24-form-content form > div .b24-form-field:nth-child(2) input {
  width: 100%;
}

.gn-popup .b24-form-content form > div .b24-form-field:nth-child(3) {
  clear: both;
}

.gn-popup .b24-form-content form, .gn-popup .b24-form-content form > div {
  flex-wrap: wrap;
}

.gn-popup .b24-form-field:first-child {
  width: 50%;
}

.gn-popup .b24-form-field:nth-child(3), .gn-popup .b24-form-field:nth-child(4) {
  width: 100%;
}

.gn-popup .b24-form-success .b24-form-state-text p {
  margin-top: 30px !important;
}

.gn-popup-block {
  align-content: stretch;
  background-color: var(--white);
  border-radius: 8px;
  cursor: default;
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  min-height: 440px;
  position: relative;
  width: 940px;
}

.gn-popup-body {
  display: block;
  margin-left: 400px;
  width: 540px;
}

.gn-popup-body .gn-popup-title {
  padding: 1rem 3rem;
}

.gn-popup-title, .gn-popup-main {
  padding: 0 48px 20px 48px;
}

.gn-popup-close {
  display: block;
  text-align: right;
  padding: 14px 20px;
  cursor: pointer;
}

.gn-popup-close svg {
  cursor: pointer;
}

.gn-popup-flats {
  display: none;
}

.gn-popup-flats-block {
  align-content: stretch;
  background-color: var(--white);
  border-radius: 8px;
  cursor: default;
  display: flex;
  height: calc(100% - 64px);
  justify-content: space-between;
  margin: 32px;
  position: relative;
  width: 100%;
}

.gn-popup-flats-block iframe {
  border-radius: 8px;
}

.gn-popup-flats-body {
  display: block;
  width: 100%;
}

.gn-popup-flats-close {
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 8px 8px 0 0;
  position: fixed;
  right: 0;
  text-align: right;
  top: 0;
  width: 32px;
}

.gn-popup-flats-close svg rect {
  fill: var(--white);
}

.gn-popup-flats-section {
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

.gn-popup-image {
  background-image: url("/images/main/popup-consult.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 8px;
  bottom: 0;
  height: 440px;
  position: absolute;
  width: 400px;
}

.gn-popup-main {
  display: none;
}

.gn-popup-main .ui-ears-wrapper {
  min-width: 100%;
  width: 100%;
}

.gn-popup-project-item-value {
  display: flex;
  flex-direction: row;
  gap: 20px;
  min-width: 100%;
  width: 100%;
}

.gn-popup-title,
.gn-popup-main {
  padding: 0 48px 20px 48px;
}

.gn-popup-project-item-value-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 460px;
  min-width: 100%;
  width: 100%;
}

.gn-popup-section {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

.gn-popup-title {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.gn-popup-video-content {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  padding: 4.5rem;
  position: relative;
  border-radius: 1.5rem;
}
.gn-popup-video-content .gn-popup-close {
  position: absolute;
  padding: 1.875rem;
  top: 0;
  right: 0;
}
.gn-popup-video-content .form_col {
  margin-bottom: 0.75rem;
}
.gn-popup-video-content .form_col .form_input {
  background: #F4F6FB;
  border-color: #F4F6FB;
}
.gn-popup-video-content .form_submit {
  width: 100%;
  margin-top: 0.25rem;
}
.gn-popup-video-content .gn-popup-title {
  padding: 0 0 0.75rem;
}
.gn-popup-video-content .gn-popup-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  color: var(--neutral-500);
  margin-bottom: 1.5rem;
}
.gn-popup-video-content .gn-popup-privacy {
  margin: 1.5rem 0 0;
}
.gn-popup-video-content-form {
  width: 21.25rem;
  text-align: left;
}
.gn-popup-video-content-video {
  width: 14.75rem;
  height: auto;
  aspect-ratio: 9/16;
  border-radius: 0.5rem;
  overflow: hidden;
}
.gn-popup-video-content-video iframe {
  height: 100%;
  width: 100%;
}

.gn-popup-video-content-video .main-filter-area-range {
  margin-bottom: 8px;
}

.grid .bx_content_section {
  margin-bottom: 15px;
}

.grid .bx_sidebar {
  margin-bottom: 15px;
}

.grid2x1 .bx_content_section {
  float: left;
  margin-bottom: 15px;
  width: 66%;
}

.grid2x1 .bx_sidebar {
  box-sizing: border-box;
  float: right;
  margin-bottom: 15px;
  padding-left: 5%;
  width: 33%;
}

.guarantees-block {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding-right: 20px;
  padding: 48px 0px;
  width: 1204px;
}

.guarantees-block-card {
  align-content: space-between;
  background: var(--white);
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 320px;
  padding: 40px;
  position: relative;
  width: 326px;
}

.guarantees-block-card-wrapper {
  align-content: stretch;
  align-items: flex-start;
  align-self: stretch;
  box-sizing: border-box;
  display: flex;
  display: grid;
  gap: 16px;
  grid-auto-flow: column;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
  padding: 0;
  overflow-x: scroll;
  scrollbar-width: none;
}

.guarantees-block-card-wrapper2 {
  width: 100%;
}

.guarantees-block-main-text {
  color: #f0f2f5;
  font-size: 128px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 900;
  line-height: 1em;
  position: relative;
}

.guarantees-block-secondary-text {
  align-self: stretch;
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.guarantees-block-text {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-left: 0;
  padding-bottom: 2rem;
}

.guarantees-img-wrapper {
  height: 100%;
  position: relative;
  width: 100%;
}

.guarantees-text {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.header-adaptive-block {
  display: none;
  margin: 10px 0;
}

.header-adaptive-block-body {
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  padding: 8px;
}

.header-adaptive-block-control {
  display: flex;
  justify-content: space-between;
}

.header-adaptive-block-control > div {
  box-sizing: border-box;
  flex: 1 0 0;
  width: 48%;
}

.header-adaptive-block-control > div:first-child {
  display: none;
}

.header-adaptive-block-menu {
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  display: none;
  height: 60px !important;
  line-height: 50px;
  margin-right: 10px;
  margin-top: 18px;
  min-width: 60px !important;
  padding: 10px 20px;
  text-align: center;
  width: 60px !important;
}

.header-adaptive-block-menu-minus {
  display: none;
}

.header-adaptive-plus-block {
  display: flex;
  justify-content: space-between;
}

.header-block {
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  display: flex;
  height: 60px;
  justify-content: space-between;
  width: var(--width);
}

.header-city {
  color: var(--blue);
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  margin-right: 20px;
  position: relative;
  text-align: right;
}

.header-city svg {
  margin-bottom: -3px;
}

.header-city-adaptive {
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  color: var(--blue);
  display: block;
  margin-bottom: 10px;
  margin-right: 20px;
  padding: 12px 16px;
  position: relative;
  text-align: center;
  width: 100%;
}

.header-city-adaptive svg:first-child {
  margin-bottom: -2px;
}

.header-city-select {
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  display: none;
  margin-top: 70px;
  padding: 24px;
  position: relative;
  z-index: 10000;
}

.header-city-select button {
  background: none;
  color: var(--neutral-500);
  display: inline;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  height: 124px;
  line-height: 130%;
  padding: 12px 16px;
  width: 144px;
}

.header-city-select button span {
  display: block;
  margin-top: 16px;
}

.header-city-select button.selected {
  background: #e8f1ff;
  border-radius: 8px;
  color: var(--activ);
}

.header-city-select-adaptive {
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  box-shadow: 0px 8px 18px -6px rgba(24, 39, 75, 0.04), 0px 12px 42px -4px rgba(24, 39, 75, 0.1);
  display: none;
  padding: 8px;
  position: absolute;
  width: 100%;
  z-index: 10000;
}

.header-city-select-adaptive button {
  background: none;
  color: var(--neutral-500);
  display: inline;
  font-weight: normal;
  padding: 12px 16px;
  text-align: left;
  width: 100%;
}

.header-city-select-adaptive button.selected {
  background: #e8f1ff;
  border-radius: 8px;
  color: var(--activ);
}

.header-city-select-block {
  display: flex;
  justify-content: space-between;
}

.header-city-select-close {
  float: right;
}

.header-city-select-close svg:hover rect {
  fill: var(--blue);
}

.header-city-select-title {
  display: block;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 24px;
}

.header-lang {
  display: none;
}

.header-lang a {
  display: inline-block;
  margin: 0 20px 0 0;
}

.header-lang a.selected {
  color: var(--blue);
}

.header-lang button {
  background: none;
  color: var(--neutral-500);
  display: inline;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-left: 20px;
  padding: 0;
}

.header-lang button, .header-city, .header-city svg path {
  color: var(--white) !important;
  fill: var(--white);
}

.header-lang button.selected {
  color: var(--activ);
}

.header-lang-adaptive {
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  box-shadow: 0px 8px 18px -6px rgba(24, 39, 75, 0.04), 0px 12px 42px -4px rgba(24, 39, 75, 0.1);
  padding: 8px;
  position: absolute;
  width: calc(50% - 5px);
  z-index: 1000;
}

.header-lang-adaptive button {
  background: none;
  color: var(--neutral-500);
  display: inline;
  font-weight: normal;
  padding: 12px 16px;
  text-align: left;
  width: 100%;
}

.header-lang-adaptive button.selected {
  background: #e8f1ff;
  border-radius: 8px;
  color: var(--activ);
}

.header-lang-selected {
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  color: var(--blue);
  display: block;
  margin-bottom: 10px;
  margin-right: 20px;
  padding: 12px 16px;
  position: relative;
  text-align: center;
  width: 100%;
}

.header-top {
  display: flex;
  height: 48px;
  justify-content: space-between;
  line-height: 48px;
  position: relative;
}

.header-wrapper {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 1025px;
  overflow: hidden;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.heading-button-block {
  align-items: center;
  background: var(--white);
  border-radius: 8px;
  cursor: pointer;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: center;
  padding: 8px 24px;
  z-index: 10;
  z-index: 10;
}

.heading-button-text {
  color: var(--blue);
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  line-height: 130%;
}

.heading-secondary-text {
  color: var(--white);
  color: var(--white);
}

.heading-text {
  align-self: stretch;
  align-self: stretch;
  color: var(--white);
  font-size: 48px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.heading-text-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.heading-wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 48px;
  max-width: 660px;
  overflow: hidden;
}

.height-item-img-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.height-item-img-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.height-item-img-head {
  color: var(--neutral-500);
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  gap: 4px;
  line-height: 130%;
}

.height-item-img-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.height-item-photo {
  display: flex;
  justify-content: center;
  width: 100%;
}

.height-item-photo-img {
  border-radius: 200px;
  height: 257px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 213px !important;
}

.home_slider_after {
  margin-top: 90vh;
}

.icon-marker {
  cursor: pointer;
}

.icon-right {
  bottom: -150px;
  height: auto;
  position: absolute;
  right: -80px !important;
  width: 250px;
}

.img-color {
  color: var(--white);
}

.img-cuttter {
  bottom: 0;
  margin-left: -220px;
  overflow: hidden;
  position: absolute;
  width: 120%;
}

.img-fluid {
  filter: grayscale(100%);
}

.img-fluid:hover {
  filter: grayscale(0%);
}

.img-slide-head {
  flex-direction: row;
  gap: 0.5rem;
}

.inactive {
  display: none;
}

.info-title-active {
  background-color: var(--blue);
  color: var(--white);
}

.investments {
  padding: 5rem 0 3rem;
}

.investments_card {
  align-items: center;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  gap: 3rem;
  margin-bottom: 20px;
  min-height: 320px;
  padding: 2rem 2rem 2rem 3rem;
  position: relative;
}

.investments_card img {
  margin-bottom: 2rem;
}

.investments_card_bg {
  background: var(--blue);
}

.investments_card_bg .investments_card_desc {
  color: var(--white);
  position: relative;
  z-index: 20;
}

.investments_card_bg .investments_card_title {
  color: var(--white);
  font-size: 32px;
  margin-bottom: 2rem;
  position: relative;
  z-index: 20;
}

.investments_card_desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.investments_card_title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 2rem;
}

.investments_col {
  width: 100%;
}

.investments_col12 {
  flex-basis: 50%;
}

.investments_flex {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: space-between;
}

.krisha {
  background: linear-gradient(98deg, #ffdd61 0%, #ffe792 100%);
  border-radius: 8px;
  margin: 48px 20px;
}

.krisha-block {
  align-content: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 50%;
}

.krisha-btn {
  align-items: center;
  background-color: #ebf3ff;
  border-radius: 100px;
  color: var(--color) !important;
  display: flex;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  gap: 16px;
  line-height: 120%;
  padding: 10px 24px 10px 10px;
  width: 190px;
}

.krisha-desc {
  color: #1c1819;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.krisha-icon {
  height: 32px;
  width: 32px;
}

.krisha-img {
  background-image: url("/images/project/project_chose_new.png");
  background-size: cover;
  border-radius: 8px;
  height: 497px;
  position: absolute;
  right: 0;
  top: -61px;
  width: 560px;
}

.krisha-modal {
  background-color: rgba(0, 0, 0, 0.3019607843);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000;
}

.krisha-modal-body {
  background: var(--white);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 56px;
  position: relative;
  width: 712px;
}

.krisha-modal-body-close {
  cursor: pointer;
  height: 32px;
  position: absolute;
  right: 30px;
  top: 30px;
  width: 32px;
}

.krisha-modal-form {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.krisha-modal-form-button {
  align-items: center;
  background: #1c1819;
  border-radius: 50px;
  color: var(--white);
  display: flex;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  gap: 12px;
  justify-content: center;
  line-height: 16px;
  padding: 16px 48px;
  text-align: center;
}

.krisha-modal-form-input {
  background: var(--white);
  border-radius: 50px;
  border: 1px solid #98a2b3;
  height: 84px;
  padding: 10px 32px;
  width: 100%;
}

.krisha-modal-form-input:focus {
  border: 1px solid var(--blue);
  outline: none;
}

.krisha-modal-form-wrapp {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.krisha-modal-head {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 560px;
}

.krisha-modal-head-desc {
  color: #1c1819;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.krisha-modal-head-title {
  color: #1c1819;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.12px;
  line-height: 72px;
}

.krisha-modal-politics {
  display: flex;
  gap: 16px;
}

.krisha-modal-politics-checkbox {
  background: var(--white);
  border-radius: 4px;
  border: 1px solid #98a2b3;
  height: 24px;
  width: 24px;
}

.krisha-modal-politics-link {
  color: var(--blue);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration-line: underline;
}

.krisha-modal-politics-title {
  color: #1c1819;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.krisha-modal-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.krisha-partners {
  display: flex;
  flex-direction: column;
  gap: 64px;
  height: 802px;
  justify-content: flex-end;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 1204px;
  z-index: 1;
}

.krisha-partners-background {
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 910px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.krisha-partners-benefit {
  background: var(--white);
  width: 100%;
}

.krisha-partners-benefit-body {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(12, 1fr);
}

.krisha-partners-benefit-desc {
  color: #1c1819;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.krisha-partners-benefit-desc ul {
  padding-left: 20px;
}

.krisha-partners-benefit-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.krisha-partners-benefit-head-subtitle {
  color: var(--blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.krisha-partners-benefit-head-title {
  color: #1c1819;
  font-size: 56px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  letter-spacing: 1.12px;
  line-height: 72px;
}

.krisha-partners-benefit-img {
  border-radius: 16px;
  filter: brightness(0.6);
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.krisha-partners-benefit-item {
  background: #edf6ff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: flex-end;
  padding: 32px;
}

.krisha-partners-benefit-item:nth-child(1) {
  grid-column: 1/5;
  grid-row: 1/5;
}

.krisha-partners-benefit-item:nth-child(10) {
  grid-column: 9/13;
  grid-row: 6/10;
}

.krisha-partners-benefit-item:nth-child(11) {
  grid-column: 1/7;
}

.krisha-partners-benefit-item:nth-child(12) {
  grid-column: 7/13;
}

.krisha-partners-benefit-item:nth-child(2) {
  grid-column: 5/9;
  grid-row: 1/4;
}

.krisha-partners-benefit-item:nth-child(3) {
  grid-column: 9/13;
  grid-row: 1/2;
}

.krisha-partners-benefit-item:nth-child(4) {
  grid-column: 5/9;
  grid-row: 4/5;
}

.krisha-partners-benefit-item:nth-child(5) {
  grid-column: 9/13;
  grid-row: 2/5;
}

.krisha-partners-benefit-item:nth-child(6) {
  grid-column: 1/5;
  grid-row: 5/10;
}

.krisha-partners-benefit-item:nth-child(7) {
  grid-column: 5/9;
  grid-row: 5/9;
}

.krisha-partners-benefit-item:nth-child(8) {
  grid-column: 9/13;
  grid-row: 5/6;
}

.krisha-partners-benefit-item:nth-child(9) {
  grid-column: 5/9;
  grid-row: 9/10;
}

.krisha-partners-benefit-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 28px;
}

.krisha-partners-benefit-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin: 0 auto;
  padding: 96px 20px;
  width: 1204px;
}

.krisha-partners-body {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: hidden;
  padding: 32px 0px 48px 0px;
}

.krisha-partners-body-item {
  max-height: 70px;
}

.krisha-partners-body-items {
  align-items: center;
  display: flex;
  height: 70px;
  justify-content: center;
}

.krisha-partners-body-list {
  display: flex;
  gap: 105px;
  width: 100%;
}

.krisha-partners-body-title {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.krisha-partners-condition {
  background: var(--white);
  width: 100%;
}

.krisha-partners-condition-body {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(12, 1fr);
}

.krisha-partners-condition-head {
  display: flex;
  gap: 72px;
}

.krisha-partners-condition-head-img {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.krisha-partners-condition-head-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 660px;
}

.krisha-partners-condition-head-picture {
  align-items: center;
  display: flex;
  max-width: 313px;
  position: relative;
  z-index: 1;
}

.krisha-partners-condition-head-picture-title {
  color: var(--blue);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.48px;
  line-height: 32px;
  text-align: center;
}

.krisha-partners-condition-head-subtitle {
  color: var(--blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.krisha-partners-condition-head-title {
  color: #1c1819;
  font-size: 56px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  letter-spacing: 1.12px;
  line-height: 72px;
}

.krisha-partners-condition-item {
  background: var(--grey-500);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: flex-end;
  padding: 24px;
}

.krisha-partners-condition-item-img {
  height: 154px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.krisha-partners-condition-item-title {
  color: #1c1819;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.krisha-partners-condition-item:nth-child(1) {
  grid-column: 1/5;
  grid-row: 1/3;
}

.krisha-partners-condition-item:nth-child(2) {
  grid-column: 5/9;
  grid-row: 1/3;
}

.krisha-partners-condition-item:nth-child(3) {
  grid-column: 9/13;
  grid-row: 1/2;
}

.krisha-partners-condition-item:nth-child(4) {
  grid-column: 9/13;
  grid-row: 2/4;
}

.krisha-partners-condition-item:nth-child(5) {
  grid-column: 1/9;
  grid-row: 3/4;
}

.krisha-partners-condition-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin: 0 auto;
  padding: 96px 20px;
  width: 1204px;
}

.krisha-partners-criterion {
  background: var(--white);
  width: 100%;
}

.krisha-partners-criterion-body {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, 1fr);
}

.krisha-partners-criterion-head {
  display: flex;
  gap: 72px;
}

.krisha-partners-criterion-head-desc {
  color: #1c1819;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.krisha-partners-criterion-head-img {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.krisha-partners-criterion-head-info {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 660px;
}

.krisha-partners-criterion-head-info-wrapp {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.krisha-partners-criterion-head-picture {
  align-items: center;
  display: flex;
  max-width: 313px;
  position: relative;
  z-index: 1;
}

.krisha-partners-criterion-head-picture-title {
  color: #1c1819;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.48px;
  line-height: 32px;
  text-align: center;
}

.krisha-partners-criterion-item {
  align-items: flex-end;
  background: #edf6ff;
  border-radius: 16px;
  display: flex;
  height: 251px;
  padding: 24px;
  position: relative;
}

.krisha-partners-criterion-item-img1 {
  height: 147px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  right: -33px;
  top: 35px;
  width: 384px;
}

.krisha-partners-criterion-item-img2 {
  height: 189px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  right: -26px;
  top: 13px;
  width: 349px;
}

.krisha-partners-criterion-item-title {
  color: #1c1819;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.48px;
  line-height: 32px;
}

.krisha-partners-criterion-subtitle {
  color: var(--blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.krisha-partners-criterion-title {
  color: #1c1819;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.12px;
  line-height: 72px;
}

.krisha-partners-criterion-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin: 0 auto;
  padding: 96px 20px;
  width: 1204px;
}

.krisha-partners-faq {
  background: var(--white);
  width: 100%;
}

.krisha-partners-faq-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.krisha-partners-faq-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.krisha-partners-faq-item {
  background: var(--grey-500);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
}

.krisha-partners-faq-item-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.krisha-partners-faq-item-body-desc {
  color: #1c1819;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.krisha-partners-faq-item-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.krisha-partners-faq-item-head-circle {
  align-items: center;
  background: var(--blue);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.krisha-partners-faq-item-head-title {
  color: #1c1819;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.48px;
  line-height: 32px;
  max-width: 1008px;
}

.krisha-partners-faq-subtitle {
  color: var(--blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.krisha-partners-faq-title {
  color: #1c1819;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.12px;
  line-height: 72px;
}

.krisha-partners-faq-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin: 0 auto;
  padding: 96px 20px;
  width: 1204px;
}

.krisha-partners-gn {
  background: linear-gradient(102deg, #1b3ca4 0%, #4772ff 100%);
  width: 100%;
}

.krisha-partners-gn-body {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(3, 1fr);
}

.krisha-partners-gn-body-desc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.krisha-partners-gn-body-item {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  padding: 24px;
}

.krisha-partners-gn-body-title {
  color: var(--white);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.72px;
  line-height: normal;
}

.krisha-partners-gn-head {
  align-items: center;
  display: flex;
  gap: 34px;
  height: 500px;
}

.krisha-partners-gn-img {
  height: 500px;
  width: 566px;
}

.krisha-partners-gn-info {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 560px;
}

.krisha-partners-gn-info-actions {
  display: flex;
  gap: 16px;
}

.krisha-partners-gn-info-button {
  align-items: center;
  background: transparent;
  border-radius: 50px;
  border: 1px solid var(--white);
  color: var(--white);
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  line-height: 16px;
  padding: 16px 32px;
  text-align: center;
  width: 100%;
}

.krisha-partners-gn-info-desc {
  color: var(--white);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.krisha-partners-gn-info-subtitle {
  color: var(--white);
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.12px;
  line-height: 72px;
}

.krisha-partners-gn-info-title {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.krisha-partners-gn-info-who {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.krisha-partners-gn-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 0 auto;
  padding: 96px 20px;
  width: 1204px;
}

.krisha-partners-head {
  align-items: flex-end;
  display: flex;
  gap: 68px;
}

.krisha-partners-head-gn-icon {
  height: 34px;
  width: 198px;
}

.krisha-partners-head-icons {
  align-items: flex-end;
  display: flex;
  gap: 32px;
}

.krisha-partners-head-info {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 660px;
}

.krisha-partners-head-info-desc {
  color: var(--white);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.krisha-partners-head-info-title {
  color: var(--white);
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.12px;
  line-height: 72px;
}

.krisha-partners-head-krisha-icon {
  height: 26px;
  width: 148px;
}

.krisha-partners-img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  z-index: -1;
}

.krisha-partners-krisha {
  background: #1c1819;
  width: 100%;
}

.krisha-partners-krisha-body {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(3, 1fr);
}

.krisha-partners-krisha-body-desc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.krisha-partners-krisha-body-item {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  padding: 24px;
}

.krisha-partners-krisha-body-subtitle {
  color: #ffdd61;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.krisha-partners-krisha-body-title {
  color: #ffdd61;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.72px;
  line-height: normal;
}

.krisha-partners-krisha-head {
  align-items: center;
  display: flex;
  gap: 34px;
  height: 500px;
}

.krisha-partners-krisha-img {
  height: 562px;
  width: 562px;
}

.krisha-partners-krisha-info {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 560px;
}

.krisha-partners-krisha-info-actions {
  display: flex;
  gap: 16px;
}

.krisha-partners-krisha-info-button {
  align-items: center;
  background: transparent;
  border-radius: 50px;
  border: 1px solid var(--white);
  color: var(--white);
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  line-height: 16px;
  padding: 16px 32px;
  text-align: center;
  width: 100%;
}

.krisha-partners-krisha-info-desc {
  color: var(--white);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.krisha-partners-krisha-info-subtitle {
  color: var(--white);
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.12px;
  line-height: 72px;
}

.krisha-partners-krisha-info-title {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.krisha-partners-krisha-info-who {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.krisha-partners-krisha-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 0 auto;
  padding: 96px 20px;
  width: 1204px;
}

.krisha-partners-line {
  background: var(--white);
  height: 34px;
  width: 1px;
}

.krisha-partners-request {
  background: #edf6ff;
  width: 100%;
}

.krisha-partners-request-form {
  display: flex;
  flex-direction: column;
  gap: 48px;
  max-width: 600px;
}

.krisha-partners-request-form-button {
  align-items: center;
  background: #1c1819;
  border-radius: 50px;
  color: var(--white);
  display: flex;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  gap: 12px;
  justify-content: center;
  line-height: 16px;
  padding: 16px 48px;
  text-align: center;
}

.krisha-partners-request-form-img {
  height: 16px;
  width: 16px;
}

.krisha-partners-request-form-input {
  background: var(--white);
  border-radius: 50px;
  border: 1px solid #98a2b3;
  height: 84px;
  padding: 10px 32px;
  width: 100%;
}

.krisha-partners-request-form-input:focus {
  border: 1px solid var(--blue);
  outline: none;
}

.krisha-partners-request-form-wrapp {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.krisha-partners-request-head {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 560px;
}

.krisha-partners-request-head-desc {
  color: #1c1819;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.krisha-partners-request-head-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.krisha-partners-request-head-subtitle {
  color: var(--blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.krisha-partners-request-head-title {
  color: #1c1819;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.12px;
  line-height: 72px;
}

.krisha-partners-request-img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  right: -88px;
  top: 0;
  z-index: -1;
}

.krisha-partners-request-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 0 auto;
  padding: 128px 20px;
  position: relative;
  width: 1204px;
  z-index: 1;
}

.krisha-partners-request-wrapper .b24-form-btn {
  align-items: center;
  background-color: #1c1819 !important;
  border-radius: 50px !important;
  color: var(--white);
  display: flex;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  gap: 12px;
  justify-content: center;
  line-height: 16px;
  padding: 16px 48px !important;
  text-align: center;
}

.krisha-partners-request-wrapper .b24-form-btn-block {
  width: 50%;
}

.krisha-partners-request-wrapper .b24-form-content form {
  flex-direction: column;
}

.krisha-partners-request-wrapper .b24-form-content form > div {
  flex-direction: column;
}

.krisha-partners-request-wrapper .b24-form-control-icon-after .b24-form-control-label {
  padding-left: 2rem;
}

.krisha-partners-request-wrapper .b24-form-control-string .b24-form-control {
  background: var(--white);
  border-radius: 50px !important;
  border: 1px solid #98a2b3;
  height: 84px !important;
  max-width: 600px;
  padding: 10px 32px !important;
  width: 100%;
}

.krisha-partners-request-wrapper .b24-form-wrapper {
  background-color: transparent;
  margin: 0;
  max-width: 100%;
}

.krisha-partners-request-wrapper .b24-form-wrapper.b24-form-border-bottom {
  border-bottom: 0;
}

.krisha-partners-request-wrapper .b24-from-state-on .b24-form-state-container {
  width: 57%;
}

.krisha-section {
  max-width: 100%;
  width: 100%;
}

.krisha-section-footer {
  background: #1c1819;
  width: 100%;
}

.krisha-section-footer-gn-icon {
  height: 34px;
  width: 198px;
}

.krisha-section-footer-krisha-icon {
  height: 26px;
  width: 148px;
}

.krisha-section-footer-line {
  background: var(--white);
  height: 34px;
  width: 1px;
}

.krisha-section-footer-wrapper {
  align-items: center;
  display: flex;
  gap: 34px;
  justify-content: center;
  margin: 0 auto;
  padding: 64px 20px;
  width: 1204px;
}

.krisha-title {
  color: #1c1819;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.krisha-wrapper {
  align-items: flex-start;
  align-self: stretch;
  background-image: url("/images/project/project-choose-bg.svg");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 436px;
  justify-content: center;
  max-height: 436px;
  padding: 32px 64px;
  position: relative;
}

.layouts {
  padding: 2rem;
}

.layouts_card {
  background: var(--white);
  border-radius: 8px;
  margin-top: 25px;
  padding: 2rem;
  position: relative;
}

.layouts_card_btn {
  background: #ebf3ff;
  color: var(--blue);
  padding: 8px 0;
  width: 100%;
}

.layouts_card_btns {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-top: 1rem;
}

.layouts_card_desc {
  color: var(--grey-200);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.layouts_card_head {
  background: var(--bs-black);
  border-radius: 16px 16px 0 0;
  color: var(--white);
  font-size: 14px;
  left: 10px;
  padding: 4px;
  position: absolute;
  text-align: center;
  top: -15px;
  top: -25px;
  width: calc(100% - 20px);
}

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

.layouts_card_like {
  background: var(--grey-500);
  display: none;
  padding: 8px 0;
  width: 44px;
}

.layouts_card_price {
  color: var(--grey-200);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.layouts_card_title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.layouts_flex {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.left-top {
  width: 50%;
}

.light {
  font-weight: 200;
}

.linkbox blockquote {
  padding-left: 16px;
}

.linkbox h3, .linkbox h4, .linkbox h5, .linkbox h6 {
  color: #101928;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 4px;
}

.linkbox p {
  color: var(--bs-black);
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.login {
  align-items: center;
  display: grid;
  gap: 160px;
  grid-template-columns: 405px 1fr;
  margin: auto;
  padding: 24px 20px;
}

.login-form-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.login-advertising {
  display: flex;
  height: -moz-max-content;
  height: max-content;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.login-advertising-item {
  border-radius: 8px;
  height: 550px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 550px;
}

.login-advertising-list {
  align-items: center;
  display: flex;
  width: 100%;
}

.login-advertising ul.slick-dots li {
  background: var(--white);
  width: 50px;
  height: 2px;
  border-radius: 2px;
}

.login-advertising ul.slick-dots li.slick-active {
  background: var(--blue);
  width: 50px;
}

.login-form {
  display: flex;
  height: 100%;
}

.login-form-agreement {
  color: var(--neutral-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin: 0 20px;
}

.login-form-back {
  align-items: center;
  background: #e8f1ff;
  border-radius: 8px;
  color: var(--blue);
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  line-height: 130%;
  padding: 14px;
  width: 102px;
}

.login-form-back-img {
  height: 16px;
  width: 16px;
}

.login-form-confirm-input {
  align-items: center;
  background: #f4f6fb;
  border-radius: 8px;
  border: 1px solid #f4f6fb;
  box-shadow: 0px 0px 0px 1px #ecf1ff;
  color: var(--black);
  display: flex;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  height: 60px;
  justify-content: center;
  line-height: 130%;
  padding: 12px;
  text-align: center;
}

.login-form-confirm-input:focus {
  border: 1px solid var(--blue);
  outline: none;
}

.login-form-create-input {
  background: #f4f6fb;
  border-radius: 8px;
  border: 1px solid #f4f6fb;
  color: var(--black);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  line-height: 130%;
  padding: 12px;
}

.login-form-create-input::-moz-placeholder {
  color: var(--neutral-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.login-form-create-input::placeholder {
  color: var(--neutral-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.login-form-create-input:focus {
  border: 1px solid var(--blue);
  outline: none;
}

.login-form-edit-link {
  color: var(--blue);
}

.login-form-edit-phone {
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.login-form-error {
  color: #d42620;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.login-form-get-block {
  color: var(--neutral-500);
  display: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  gap: 4px;
  line-height: 130%;
}

.login-form-get-button {
  background: #f4f6fb;
  border-radius: 8px;
  color: var(--neutral-500);
  cursor: no-drop;
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  gap: 4px;
  height: 44px;
  justify-content: center;
  line-height: 130%;
}

.login-form-get-time-block {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.login-form-head, .login-form-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.login-form-head-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.login-form-head-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.login-form-head-title {
  color: var(--black);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.login-form-input-list {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, 89.25px);
}

.login-form-personal {
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 100%;
  justify-content: center;
  margin: auto;
}

.login-form-personal-data {
  color: var(--blue);
}

.login-form-phone-input {
  background: #f4f6fb;
  border-radius: 8px;
  border: 1px solid #f4f6fb;
  box-shadow: 0px 0px 0px 1px #ecf1ff;
  color: var(--black);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: 44px;
  line-height: 130%;
  padding: 12px;
}

.login-form-phone-input::-moz-placeholder {
  color: var(--neutral-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.login-form-phone-input::placeholder {
  color: var(--neutral-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.login-form-phone-input:focus {
  border: 1px solid var(--blue);
  outline: none;
}

.login-form-wrapp {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: flex-end;
  width: 100%;
}

.get-button-active {
  background: var(--blue);
  color: var(--white);
  cursor: pointer;
}

.lottie {
  cursor: pointer;
  filter: grayscale(1);
  height: 54px;
  position: absolute;
  transition: filter 0.25s ease-in;
  width: 54px;
}

.lottie.is-active {
  filter: hue-rotate(233deg);
}

.mailing {
  padding: 3rem 0;
}

.mailing .b24-form-btn {
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--white);
  display: flex;
  height: 44px;
  justify-content: center;
  padding: 8px 24px;
}

.mailing .b24-form-btn-block {
  padding: 0;
}

.mailing .b24-form-btn-container {
  align-items: start;
}

.mailing .b24-form-content form {
  display: flex;
  gap: 15px;
}

.mailing-body-button {
  align-items: center;
  background: #edf1ff;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 2.75rem;
  justify-content: center;
  padding: 0.625rem;
  width: 2.75rem;
}

.mailing-head-desc {
  color: var(--white);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.mailing-head-title {
  color: var(--white);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.mailing-img {
  bottom: 0;
  position: absolute;
  right: 0;
}

.mailing-section {
  background: var(--blue);
  border-radius: 0.5rem;
  display: flex;
  height: 20.375rem;
  position: relative;
}

.mailing-section .b24-form-state-icon.b24-form-success-icon {
  display: none;
}

.mailing-section .b24-form-success .b24-form-state-text {
  padding-top: 10px;
}

.mailing-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem 3rem;
  z-index: 1;
}

.mailing-wrapper-body {
  display: flex;
  gap: 0.5rem;
  position: relative;
}

.mailing-wrapper-foot {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.mailing-wrapper-foot .b24-form-control-container {
  max-width: 100%;
  width: 473px;
}

.mailing-wrapper-foot-form {
  display: flex;
  gap: 1rem;
}

.mailing-wrapper-foot-link {
  color: var(--white);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-decoration: underline;
}

.mailing-wrapper-foot-link:hover {
  color: var(--white);
}

.mailing-wrapper-foot-mail {
  background: var(--white);
  border-radius: 0.5rem;
  border: none;
  color: var(--neutral-500);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  height: 2.75rem;
  line-height: 130%;
  outline: none;
  padding: 0.75rem;
  width: 14.3rem;
  width: 29.5625rem;
}

.mailing-wrapper-foot-mail::-moz-placeholder {
  color: var(--neutral-500);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.mailing-wrapper-foot-mail::placeholder {
  color: var(--neutral-500);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.mailing-wrapper-foot-mail:focus {
  border: 1px solid var(--grey-200);
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2);
}

.mailing-wrapper-foot-submit {
  background: var(--blue);
  border-radius: 0.5rem;
  border: 1px solid var(--white);
  color: var(--white);
  cursor: pointer;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  height: 2.75rem;
  line-height: 130%;
  padding: 0.5rem 1.5rem;
}

.mailing-wrapper-foot-title {
  color: var(--white);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  opacity: 0.6;
}

.mailing-wrapper-head {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.main-banner-content {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  max-width: 30.625rem;
  padding: 5.62rem 1.25rem 0;
}

.main-banner-content-desc {
  color: var(--neutral-500);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.main-banner-content-desc .btn {
  margin-bottom: 40px;
}

.main-banner-content-desc p {
  margin: 24px 0 48px 0;
}

.main-banner-content-image {
  background-position: right;
  background-repeat: no-repeat;
  bottom: 7rem;
  position: absolute;
  right: 4%;
  width: 544px;
  z-index: -1;
}

.main-banner-content-title {
  color: var(--color);
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.main-banner-list {
  align-self: stretch;
  display: flex;
  gap: 1.25rem;
  padding: 0 1.25rem 3rem;
}

.main-banner-list-icon {
  height: 3rem;
  width: 3rem;
}

.main-banner-list-item {
  align-items: center;
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
}

.main-banner-list-title {
  color: var(--neutral-500);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
}

.main-banner-section {
  display: flex;
  flex-direction: column;
  gap: 4.8125rem;
  padding-top: 4rem;
  position: relative;
}

.main-banner-section .main-banner-content-desc .btn {
  align-items: center;
  background: var(--blue);
  border-radius: 8px;
  display: flex;
  height: 44px;
  justify-content: center;
  padding: 8px 24px;
}

.main-banner-submit-application {
  border: none;
  display: none;
  height: 2.75rem;
  padding: 0.5rem 1.5rem;
  transition: 0.3s;
}

.main-banner-submit-application:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
  color: var(--white);
}

.main-content-header-main-text {
  color: var(--black);
  font-size: 24px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: normal;
}

.main-content-header-secondary-text {
  color: var(--grey-200);
  font-size: 14px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: normal;
}

.main-content-header-wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.main-filter {
  display: grid;
  padding: 3rem 1.25rem 0;
}
.main-filter.news-filter {
  gap: 0;
}
.main-filter-container-header, .main-filter-container-footer {
  display: none;
}
.main-filter-close {
  text-align: right;
  font-size: 14px;
  color: var(--neutral-500);
  cursor: pointer;
}
.main-filter-close-mobile {
  display: none;
}
.main-filter-mobile-menu {
  display: none;
}

.main-filter input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: var(--blue);
  cursor: pointer;
  height: 15px;
  margin-top: -7px;
  width: 15px;
}

.main-filter input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: var(--blue);
  cursor: pointer;
  height: 15px;
  margin-top: -7px;
  width: 15px;
}

.main-filter-actions {
  background: var(--white);
  border-radius: 0.5rem;
  display: flex;
  height: 2.5rem;
  padding: 0.25rem;
}

.main-filter-active {
  background: var(--blue) !important;
  color: var(--white) !important;
}

.main-filter-area {
  width: 11.25rem;
}

.main-filter-area-list, .main-filter-price-title {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.main-filter-area-lower, .main-filter-area-upper {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  bottom: 0;
  margin: auto;
  outline: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.main-filter-area-lower::-moz-range-track, .main-filter-area-upper::-moz-range-track {
  -moz-appearance: none;
  height: 0.0625rem;
}

.main-filter-area-lower::-ms-track, .main-filter-area-upper::-ms-track {
  appearance: none;
  height: 0.0625rem;
}

.main-filter-area-lower::-webkit-slider-runnable-track, .main-filter-area-upper::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 0.0625rem;
}

.main-filter-area-lower::-webkit-slider-thumb, .main-filter-area-upper::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: var(--blue);
  border-radius: 50%;
  cursor: pointer;
  height: 0.5rem;
  margin-top: -0.15rem;
  pointer-events: auto;
  width: 0.5rem;
}

.main-filter-area-range {
  position: relative;
}

.main-filter-area-range input:focus {
  border: none;
}

.main-filter-area-range:before, .main-filter-area-range:after {
	content: 'от';
	position: absolute;
	display: block;
	bottom: -22px;
	left: 0;
	width: 30px;
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	font-weight: 500;
	color: var(--neutral-500);
}
.main-filter-area-range:after {
	content: 'до';
	left: auto;
	right: 0;
	text-align: right;
}

.main-filter-area-range, .main-filter-price-range {
  height: 100%;
  position: relative;
  width: 100%;
}

.main-filter-area-track, .main-filter-price-track {
  background-color: var(--blue);
  border-radius: 5px;
  bottom: 0;
  height: 0.0625rem;
  position: absolute;
  top: 0;
  width: 100%;
}

.main-filter-area-value, .main-filter-price-value {
  align-items: center;
  background-color: var(--white);
  border-radius: 0.5rem;
  color: var(--color);
  display: flex;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  gap: 0.625rem;
  height: 2.75rem;
  justify-content: space-between;
  line-height: 130%;
  padding: 0.75rem;
}

.main-filter-area-value > span, .main-filter-price-value > span {
  white-space: nowrap;
}

.main-filter-class, .main-filter-deadline {
  width: 8.5rem;
}

.main-filter-class-select, .main-filter-deadline-select {
  align-items: center;
  background: var(--white);
  border-radius: 0.5rem;
  border: none;
  display: flex;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  height: 2.75rem;
  justify-content: space-between;
  line-height: 130%;
  padding: 0.75rem;
  width: 100%;
}

.main-filter-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5px;
}

.main-filter-map, .main-filter-list {
  background: var(--white) !important;
  border-radius: 0.25rem !important;
  color: var(--neutral-500) !important;
  padding: 0rem 1rem;
}

.main-filter-map:hover, .main-filter-list:hover {
  background: var(--blue) !important;
  border-radius: 0.25rem !important;
  color: var(--white) !important;
}

.main-filter-price {
  width: 15.25rem;
}

.main-filter-price-lower, .main-filter-price-upper {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  bottom: 0;
  margin: auto;
  outline: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.main-filter-price-lower::-moz-range-track, .main-filter-price-upper::-moz-range-track {
  -moz-appearance: none;
  height: 0.0625rem;
}

.main-filter-price-lower::-ms-track, .main-filter-price-upper::-ms-track {
  appearance: none;
  height: 0.0625rem;
}

.main-filter-price-lower::-webkit-slider-runnable-track, .main-filter-price-upper::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 0.0625rem;
}

.main-filter-price-lower::-webkit-slider-thumb, .main-filter-price-upper::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: var(--blue);
  border-radius: 50%;
  cursor: pointer;
  height: 0.5rem;
  margin-top: -0.15rem;
  pointer-events: auto;
  width: 0.5rem;
}

.main-filter-room {
  width: 16.25rem;
}

.main-filter-room-input {
  align-items: center;
  background: var(--white);
  border-radius: 0.5rem;
  border: none;
  color: var(--neutral-500);
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  justify-content: center;
  line-height: 130%;
  padding: 0.8125rem 0.75rem;
}

.main-filter-room-input-checked {
  background: var(--blue);
}

.main-filter-room-input-checked .bx_filter_param_text {
  color: var(--white);
}

.main-filter-room-list {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(5, 1fr);
}

.main-filter-room-title, .main-filter-area-title, .main-filter-price-title, .main-filter-class-title, .main-filter-deadline-title {
  color: var(--neutral-500);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 0.5rem;
}

.main-filter-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.main-filter-wrapper .city_choose_btn {
  margin-left: 0.5rem;
}

.main-filter-wrapper .title {
  display: flex;
}

.main-gn-club {
  display: flex;
  flex-direction: column;
  gap: 84px;
  padding: 48px 20px;
  width: 100%;
}

.main-gn-club-banner {
  align-items: flex-end;
  display: flex;
  gap: 76px;
}

.main-gn-club-info {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 500px;
}

.main-gn-club-info-actions {
  display: flex;
  gap: 12px;
}

.main-gn-club-info-condition {
  align-items: center;
  background: var(--blue);
  border-radius: 8px;
  color: var(--white);
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 24px;
}

.main-gn-club-info-head {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.main-gn-club-info-icon {
  height: 25px;
  width: 138px;
}

.main-gn-club-info-img {
  height: 372px;
  width: 531px;
}

.main-gn-club-info-partner {
  align-items: center;
  background: var(--white);
  border-radius: 8px;
  color: var(--blue);
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 24px;
}

.main-gn-club-info-subtitle {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.main-gn-club-info-title {
  color: var(--black);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.main-gn-club-item {
  align-items: flex-start;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px 32px;
  width: 100%;
}

.main-gn-club-item-desc {
  color: var(--neutral-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
}

.main-gn-club-item-icon {
  height: 56px;
  width: 56px;
}

.main-gn-club-item-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.main-gn-club-item-title {
  color: var(--black);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
}

.main-gn-club-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}

.main-page-heading {
  background: var(--white);
  border-radius: 8px;
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: normal;
  padding: 16px 24px;
  width: 100%;
}

.main-share {
  align-items: center;
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-share-icon {
  align-items: center;
  background: var(--white);
  border-radius: 0.5rem;
  display: flex;
  height: 2.75rem;
  justify-content: center;
  padding: 0.5rem 0.75rem;
}

.main-share-icon .main-share-facebook {
  background: no-repeat center url("/images/icons/share/fb.svg");
}

.main-share-icon .main-share-google-plus {
  background: var(--white) no-repeat center url(/local/templates/galereya_2024/images/icon-google-plus.svg);
}

.main-share-icon .main-share-pinterest {
  background-size: 16px;
  background: #cb2027 no-repeat center url(/local/templates/galereya_2024/images/icon-pinterest.svg);
}

.main-share-icon .main-share-telegram {
  background: #50abf1 no-repeat center url(/local/templates/galereya_2024/images/icon-telegram.svg);
}

.main-share-icon .main-share-twitter {
  background: #50abf1 no-repeat center url(/local/templates/galereya_2024/images/icon-twitter.svg);
}

.main-share-icon .main-share-vk {
  background: #446690 no-repeat center url(/local/templates/galereya_2024/images/icon-vk.svg);
}

.main-share-icon > a {
  background-size: cover;
}

.main-share-icon a, .main-share-icon a:link, .main-share-icon a:visited, .main-share-icon a:active {
  border-radius: 3px;
  color: var(--white);
  display: block;
  font-size: 14px;
  height: 22px;
  padding-top: 4px;
  text-align: center;
  vertical-align: middle;
  width: 22px;
}

.main-slider-block {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 95px;
  height: 800px;
  justify-content: flex-end;
  padding: 48px 0px;
  position: relative;
  width: 1204px;
}

.main-slider-image-block {
  bottom: 215px;
  height: 467px;
  position: absolute;
  right: 125px;
  width: 414px;
}

.main-slider-metrics-block-wrapper {
  align-items: flex-start;
  align-self: stretch;
  box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 20px;
}

.main-slider-tagline-blue-button {
  align-items: center;
  background: var(--blue);
  border-radius: 8px;
  color: var(--white);
  cursor: pointer;
  cursor: pointer;
  display: flex;
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 24px;
}

.main-slider-tagline-button-block {
  align-items: flex-start;
  display: flex;
  gap: 16px;
}

.main-slider-tagline-main-text {
  align-items: flex-start;
  align-self: stretch;
  color: var(--black);
  display: flex;
  flex-direction: column;
  font-size: 36px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  gap: 24px;
  line-height: 120%;
}

.main-slider-tagline-sub-text {
  color: var(--neutral-500);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.main-slider-tagline-text-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.main-slider-tagline-white-button {
  align-items: center;
  background: var(--white);
  border-radius: 8px;
  color: var(--blue);
  cursor: pointer;
  cursor: pointer;
  display: flex;
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 24px;
}

.managment-block {
  box-sizing: border-box;
  padding: 48px 0;
}

.managment-block .ui-ear-left {
  margin-left: 0 !important;
}

.managment-block .ui-ear-right {
  background-image: url("/images/main/arrow_right.png");
  margin-right: 0 !important;
}

.managment-block-card {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.managment-block-cards-wrapper {
  align-items: flex-start;
  align-self: stretch;
  box-sizing: border-box;
  display: flex;
  gap: 18px;
  padding: 0;
}

.managment-block-header {
  align-items: center;
  align-self: stretch;
  box-sizing: border-box;
  display: flex;
  gap: 40px;
  padding-bottom: 2rem;
}

.managment-block-header-text {
  color: var(--color);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.managment-block-header-wrapper {
  align-items: center;
  display: flex;
  flex: 1 0 0;
  gap: 16px;
}

.managment-main-text {
  color: var(--color);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.managment-person-img {
  background-color: var(--white);
  border-radius: 8px;
  width: 100%;
}

.managment-secondary-text {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.managment-text-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.map {
  position: relative;
  width: 100%;
}

.map-apartment-card-image {
  height: 297px;
  height: 297px;
  width: 360px;
  width: 360px;
}

.map-apartment-card-wrapper {
  align-items: flex-start;
  border-radius: 8px;
  border-radius: 8px !important;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  left: 48px;
  position: absolute;
  top: 48px;
  width: 360px;
  z-index: 5;
  display: none;
}

.map-apartment-info-block {
  align-items: flex-start;
  align-self: stretch;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background: rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
}

.map-apartment-info-text {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.map-apartment-link {
  align-items: center;
  align-self: stretch;
  background: var(--blue);
  border-radius: 8px;
  color: #f4f6fb;
  display: flex;
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 24px;
}

.map-apartment-main-text {
  color: var(--black);
  font-size: 24px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.map-apartment-sub-text {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
}

.map-body {
  display: flex;
  height: 30rem;
  max-width: 26.75rem;
  overflow: hidden;
  padding: 0;
}

.map-body-office {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.map-body-office-head {
  display: flex;
  justify-content: space-between;
}

.map-body-office-street, .map-body-office-phone {
  align-self: stretch;
  color: var(--neutral-500);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.map-body-office-time {
  display: flex;
  gap: 0.5rem;
}

.map-body-office-title {
  color: var(--color);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.map-body-wrapper {
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background: rgba(255, 255, 255, 0.4);
  border-radius: 0.5rem;
  border: 1px solid var(--neutral-100);
  display: flex;
  flex-direction: column;
  gap: 1.7rem;
  overflow: auto;
  padding: 2rem;
  width: 24.25rem;
}

.map-body-wrapper::-webkit-scrollbar {
  background: none;
  width: 0.25rem;
}

.map-body-wrapper::-webkit-scrollbar-thumb {
  background: var(--blue);
  border-radius: 1rem;
}

.map-data {
  display: none;
  width: 100%;
}

.map-data-active {
  display: block;
}

.map-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0;
}

.map-head-button {
  align-items: center;
  background: var(--blue);
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0 1rem;
}

.map-head-button-active {
  background: var(--white);
  color: var(--neutral-500);
}

.map-head-buttons {
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background: var(--blue);
  border-radius: 0.5rem;
  color: var(--white);
  display: flex;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  height: 2.5rem;
  line-height: 130%;
  padding: 0.25rem;
}

.map-office-time-icon {
  height: 1rem;
  width: 1rem;
}

.map-office-time-text {
  color: var(--blue);
  font-size: 0.875rem;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  line-height: 130%;
}

.map-section {
  align-items: flex-start;
  border-radius: 0.5rem;
  box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 3rem 0;
  position: relative;
  width: 1204px;
}

.map-section .map-section-body {
  padding: 0;
}

.map-section-body {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  bottom: 77px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  left: 4.25rem;
  left: 52px;
  padding: 32px;
  position: absolute;
  top: 7.5rem;
  width: 360px;
  z-index: 1;
  z-index: 210;
}

.map-section-body-icons {
  float: left;
  margin-right: 16px;
}

.map-section-body-item {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  width: 100%;
}

.map-section-body-item span:last-child {
  float: right;
}

.map-section-body-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.map-section-body-title {
  color: var(--black);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.map-section-city-dropdown {
  align-items: center;
  display: flex;
  flex: 1 0 0;
  gap: 16px;
}

.map-section-header-city-choose {
  align-items: center;
  cursor: pointer;
  cursor: pointer;
  display: flex;
  gap: 8px;
}

.map-section-header-highlited {
  color: var(--blue);
  font-size: 32px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.map-section-header-highlited-arrow {
  height: 5px;
  width: 9px;
}

.map-section-header-span {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.map-section-header-wrapper {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 40px;
  padding-bottom: 2rem;
}

.map-section-list {
  width: 100%;
}

.map-section-list section {
  padding: 0;
}

.map-section-list-view-block {
  align-items: flex-start;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  height: 40px;
  padding: 4px;
}
.map-section-list-view-block.main-filter-view-select {
  margin-top: auto;
  height: 44px;
  /* display: grid; */
  grid-template-columns: 1fr 1fr;
}

.map-section-list-view-item {
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  color: var(--neutral-500);
  display: flex;
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  line-height: 130%;
  padding: 0 16px;
  cursor: pointer;
  white-space: nowrap;
}
.map-section-list-view-item path {
  fill: #D0D5DD;
}

.map-section-list-view-item-active {
  background: #EBF3FF;
  color: var(--blue);
}
.map-section-list-view-item-active path {
  fill: var(--blue);
}

.map-section-list.hide {
  display: none;
}

.map-section-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  left: 0;
  padding: 3rem 4.25rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.map-wrapper {
  border-radius: 8px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  position: relative;
  width: 100%;
}

.map-wrapper #map {
  border-radius: 8px;
  height: 650px;
  overflow: hidden;
  width: 100%;
}

.map-wrapper .map {
  border-radius: 8px;
  height: 650px;
  overflow: hidden;
  position: relative;
  z-index: 200;
}

.icon-markers {
  cursor: pointer;
  transform: translate(-50%, -100%);
}

.marafonskidok {
  background-color: #1442df;
  margin-top: -108px;
  min-height: 800px;
  padding-bottom: 50px;
  position: relative;
  width: 100%;
}

.marafonskidok_block {
  background-color: var(--white);
  border-radius: 70px;
  min-height: 700px;
}

.marafonskidok_block_title {
  left: 50%;
  margin-left: -210px;
  margin-top: 45px;
  position: absolute;
  width: 420px;
}

.marafonskidok_card {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.marafonskidok_card_bg {
  position: absolute;
  width: 100%;
}

.marafonskidok_card_bg1 {
  right: 0;
  width: calc(100% + 40px);
}

.marafonskidok_card_bg_mob {
  display: none;
}

.marafonskidok_card_bg_small {
  top: -15px;
  width: calc(100% + 45px);
}

.marafonskidok_card_building {
  bottom: 0;
  position: absolute;
  width: 100%;
}

.marafonskidok_card_data {
  padding: 30px 0 0 30px;
  position: relative;
}

.marafonskidok_card_small {
  height: 212px;
  position: relative;
}

.marafonskidok_card_small .marafonskidok_card_text {
  font-size: 12px;
}

.marafonskidok_card_small .marafonskidok_card_title {
  font-size: 20px;
}

.marafonskidok_card_text {
  color: var(--white);
  font-size: 20px;
  font-weight: 400;
}

.marafonskidok_card_title {
  color: var(--white);
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
}

.marafonskidok_cards {
  display: flex;
  gap: 15px;
  padding: 160px 40px 0 45px;
  position: relative;
}

.marafonskidok_form {
  display: flex;
  gap: 30px;
  margin-top: 70px;
  padding: 70px;
}

.marafonskidok_form form {
  margin: 40px 0;
}

.marafonskidok_form_input {
  border-radius: 15px;
  border: none;
  font-size: 25px;
  outline: none;
  padding: 30px 40px;
  width: 100%;
}

.marafonskidok_form_input:active {
  border: none;
  outline: none;
}

.marafonskidok_form_left, .marafonskidok_form_right {
  text-align: center;
  width: 50%;
}

.marafonskidok_form_left_title {
  margin-bottom: 30px;
  width: 100%;
}

.marafonskidok_form_right_title {
  position: absolute;
  width: 300px;
  z-index: 0;
}

.marafonskidok_form_right_wrap {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 100px auto;
  position: relative;
  width: 300px;
}

.marafonskidok_form_right_wrap span {
  color: var(--white);
  font-size: 22px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 10;
}

.marafonskidok_form_right_wrap span.marafonskidok_curent_line {
  background: var(--bs-black);
  display: inline-block;
  height: 1px;
  left: -6px;
  position: absolute;
  top: 11px;
  transform: rotate(45deg);
  width: 25px;
}

.marafonskidok_form_submit {
  background: transparent;
  padding: 0;
}

.marafonskidok_form_submit img {
  width: 100%;
}

.marafonskidok_form_wrapper {
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
  min-height: 655px;
  padding: 20px;
  width: 100%;
}

.marafonskidok_form_wrapper_img {
  position: absolute;
  width: 100%;
}

.marafonskidok_form_wrapper_title {
  color: var(--white);
  font-size: 26px;
  padding-top: 30px;
  text-align: center;
}

.marafonskidok_head {
  min-height: 800px;
  position: relative;
}

.marafonskidok_head_bg {
  animation: pulsing 2s infinite;
  position: absolute;
  right: 53%;
  top: 68px;
}

.marafonskidok_head_bottom {
  bottom: 80px;
  display: flex;
  gap: 30px;
  justify-content: center;
  position: absolute;
  width: 100%;
}

.marafonskidok_head_bottom > div {
  align-items: center;
  display: flex;
  height: 110px;
  justify-content: center;
  position: relative;
  width: 360px;
}

.marafonskidok_head_bottom img {
  position: absolute;
  width: 360px;
}

.marafonskidok_head_bottom img.opacity {
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  opacity: 0.9;
}

.marafonskidok_head_btn {
  margin-left: 60px;
  margin-top: 40px;
  width: 420px;
}

.marafonskidok_head_btn img {
  width: 420px;
}

.marafonskidok_head_img {
  bottom: 0;
  position: absolute;
  right: 50%;
  width: 1100px;
}

.marafonskidok_head_right {
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 50%;
  position: absolute;
  top: 190px;
}

.marafonskidok_head_sheik {
  animation: sheik 1s infinite;
}

.marafonskidok_head_title1 {
  margin-left: 100px;
  width: 340px;
}

.marafonskidok_head_title2 {
  width: 560px;
}

.marafonskidok_head_title3 {
  margin-left: 90px;
  width: 366px;
}

.marketing-block-sub-header {
  align-items: flex-start;
  align-self: stretch;
  color: var(--neutral-500);
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
  padding: 0 0 32px 20px;
}

.mb-8 {
  margin-bottom: 32px;
}

.mb20 {
  margin-bottom: 20px;
}

.meeting-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}

.meeting-card-active {
  background: var(--white);
}

.meeting-card-body {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.meeting-card-body-text {
  color: var(--grey-200);
  font-size: 14px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: normal;
}

.meeting-card-body-text-row {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 8px;
}

.meeting-card-body-text-row-icon {
  height: 16px;
  width: 16px;
}

.meeting-card-footer {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.meeting-card-footer-button {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex: 1 0 0;
  gap: 12px;
  height: 36px;
  justify-content: center;
  padding: 8px 16px;
}

.meeting-card-footer-button-dark {
  background: var(--blue);
}

.meeting-card-footer-button-img {
  height: 20px;
  width: 20px;
}

.meeting-card-footer-button-light {
  background: #f4f6fb;
}

.meeting-card-footer-button-text-dark {
  color: var(--blue);
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  line-height: normal;
}

.meeting-card-footer-button-text-light {
  color: var(--white);
  font-size: 14px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  line-height: normal;
}

.meeting-card-footer-button-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.meeting-card-header {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 16px;
}

.meeting-card-header-img {
  border-radius: 8px;
  height: 60px;
  width: 60px;
}

.meeting-card-header-main-text {
  color: var(--black);
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 130%;
}

.meeting-card-header-secondary-text {
  color: var(--grey-200);
  font-size: 14px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: normal;
}

.meeting-card-header-text-block {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 6px;
}

.meeting-card-inactive {
  background: var(--grey-500);
}

.meeting-page-card-list {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.meetings-blocks-wrapper {
  border-radius: 8px;
  display: grid;
  gap: 2px;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  width: 100%;
}

.meetings-page-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.menu-title {
  display: none;
}

.metric-card {
  align-items: center;
  display: flex;
  flex: 1 0 0;
  gap: 24px;
}

.metric-main-text {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.metric-secondary-text {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
}

.metric-text-block {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 8px;
}

.metrics-inner-wrapper {
  align-content: center;
  align-items: center;
  align-self: stretch;
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px 24px;
}

.metrics-outer-wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal_marafonskidok {
  background: rgba(14, 14, 14, 0.5098039216);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.modal_marafonskidok_img {
  cursor: pointer;
  left: 50%;
  margin-left: -400px;
  position: fixed;
  top: 15%;
  z-index: 999;
}

.modal_marafonskidok_img_mob {
  display: none;
}

.mySwiper {
  align-content: stretch;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: calc(var(--width) - 40px);
}

.mySwiper .year-block {
  border-radius: 8px;
  height: auto;
  margin: 0 10px;
}

.mySwiper .year-block h3 {
  margin-bottom: 20px;
}

.mySwiper .year-block p {
  color: var(--white);
}

.nav-adaptive {
  list-style-type: none;
  padding: 0;
}

.nav-adaptive > li {
  background: none;
  color: var(--neutral-500);
  font-weight: normal;
  padding: 12px 16px;
  text-align: left;
  width: 100%;
}

.nav-adaptive > li > a {
  text-decoration: none !important;
}

.nav-adaptive > li.selected {
  background: #e8f1ff;
  border-radius: 8px;
  color: var(--activ);
}

.nav-adaptive a {
  align-items: center;
  display: flex;
  font-weight: bold;
  justify-content: space-between;
  margin-right: 20px;
  text-decoration: none;
}

.nav-adaptive svg {
  margin-bottom: 3px;
  margin-left: 4px;
}

.nav-adaptive ul {
  align-items: center;
  display: flex;
  line-height: 40px;
  list-style-type: none;
  margin-left: 20px;
  padding: 0;
  text-wrap: nowrap;
}

.nav-adaptive ul a {
  font-weight: normal;
}

.nav-adaptive ul li {
  display: inline;
  position: relative;
}

.nav-adaptive ul li.selected a {
  color: var(--activ) !important;
}

.nav-adaptive ul li:hover ul {
  background: var(--white);
  border-radius: 8px;
  display: block;
  left: 0;
  position: absolute;
}

.nav-adaptive ul ul {
  display: none;
}

.nav-adaptive ul ul a {
  line-height: 30px;
  margin-right: 0;
  padding: 15px 20px 15px 20px;
}

.nav-adaptive ul ul li {
  display: block;
}

.nav-adaptive-hide {
  display: none;
}

.nav-bottom {
  list-style-type: none;
  margin: 10px 0;
  padding: 0;
}

.nav-bottom .nav-item {
  font-size: 14px;
}

.nav-bottom li {
  margin: 0;
  padding: 0 0 15px 0;
}

.nav-bottom li a {
  text-decoration: none !important;
}

.nav-bottom li.selected a {
  color: var(--activ);
}

.navbar-top a {
  line-height: 60px;
  margin-right: 20px;
  text-decoration: none;
}

.navbar-top svg {
  margin-bottom: 3px;
  margin-left: 4px;
}

.navbar-top ul {
  align-items: center;
  display: flex;
  line-height: 40px;
  list-style-type: none;
  padding: 0;
  text-wrap: nowrap;
}

.navbar-top ul li {
  display: inline;
  margin-right: 10px;
  position: relative;
}

.navbar-top ul li.selected a {
  color: var(--activ) !important;
}

.navbar-top ul li:hover ul {
  background: var(--white);
  border-radius: 8px;
  display: block;
  left: 0;
  position: absolute;
}

.navbar-top ul ul {
  display: none;
}

.navbar-top ul ul a {
  line-height: 30px;
  margin-right: 0;
  padding: 15px 20px 15px 20px;
}

.navbar-top ul ul li {
  display: block;
}

.news-breadcrumb {
  display: flex;
  gap: 0.5rem;
}

.news-breadcrumb-title {
  color: var(--neutral-500);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-wrap: nowrap;
}

.news-breadcrumb-active {
  color: var(--blue);
  text-wrap: initial;
}

.news-button {
  display: none;
}

.news-date-time {
  color: #486daa;
}

.news-detail {
  display: flex;
  gap: 1.5rem;
  margin: 2rem 0;
}

.news-detail-desc .banner {
  background: #ebf3ff;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 32px;
}

.news-detail-desc .banner button {
  width: -moz-fit-content;
  width: fit-content;
}

.news-detail-desc .banner h2 span {
  color: var(--blue);
}

.news-detail-desc .banner img {
  border-radius: 8px;
  height: auto;
  max-width: 280px;
}

.news-detail-desc .banner-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
  max-width: 342px;
}

.news-detail-desc .content h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 10px;
}

.news-detail-desc .content li {
  margin-bottom: 0;
  padding: 0.375rem 0;
}

.news-detail-desc .content li, .news-detail-desc .content li a {
  color: var(--neutral-500);
  font-size: 16px;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 150%;
  width: -moz-fit-content;
  width: fit-content;
}

.news-detail-desc .content li a {
  text-decoration-style: dotted;
  text-underline-offset: 2px;
}

.news-detail-desc .linkbox {
  background: #ebf3ff;
  border-radius: 6px;
  display: block;
  margin-bottom: 8px;
  padding: 16px 12px;
  position: relative;
  text-decoration: none;
}

.news-detail-desc .linkbox:after {
  background: url("/images/icons/share-arrow.svg");
  content: "";
  height: 12px;
  position: absolute;
  right: 12px;
  top: 16px;
  width: 12px;
}

.news-detail-desc a {
  color: var(--blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-style: solid;
  text-decoration: underline;
}

.news-detail-desc img {
  max-width: 100%;
  height: auto;
}

.news-detail-desc blockquote {
  border-left: 4px solid var(--blue);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.14px;
  line-height: 130%;
  padding: 0 1.5rem;
}

.news-detail-desc blockquote div {
  font-size: 16px;
  font-weight: 600;
  line-height: 170%;
}

.news-detail-desc iframe {
  aspect-ratio: 16/9;
  border-radius: 8px;
  height: auto;
  width: 100%;
}

.news-detail-desc li {
  font-size: 1rem;
  line-height: 150%;
  margin-bottom: 1.5rem;
  margin-left: 1rem;
  padding-left: 4px;
  position: relative;
}

.news-detail-desc p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}

.news-detail-desc ul {
  list-style: none;
}

.news-detail-desc ul li::before {
  background: url(/images/logo-icon.svg);
  content: "";
  display: block;
  height: 21px;
  left: -16px;
  position: absolute;
  top: 2px;
  width: 14px;
  z-index: 1;
}

.news-detail-footer-social {
  margin-top: 2rem;
}

.news-detail-head {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 0.5rem;
}

.news-detail-head-desc {
  color: var(--neutral-600);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.news-detail-head-desc iframe {
  aspect-ratio: 16/9;
  height: auto;
  width: 100%;
}

.news-detail-head-social {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.news-detail-head-social .mailing-wrapper-body {
  margin-left: auto;
}

.news-detail-head-stats {
  align-items: center;
  display: flex;
  gap: 1.5rem;
  height: 100%;
}

.news-detail-head-stats-item {
  align-items: center;
  color: var(--neutral-500);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 0.375rem;
  line-height: 130%;
}

.news-detail-head-stats-item .icon {
  display: flex;
}

.news-detail-head-stats-like {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  gap: 1rem;
  line-height: 150%;
  width: 100%;
}

.news-detail-head-stats-like-btn {
  align-items: center;
  border-radius: 0.5rem;
  border-radius: 8px;
  border: 1px solid #f0f2f5;
  color: gray;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 0.5rem;
  line-height: 130%;
  padding: 0.625rem 1rem;
  cursor: pointer;
}

.news-detail-head-stats-like-btn .icon {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.news-detail-head-stats-like-btn.is-active {
  background: #edf1ff;
  color: var(--blue);
}

.news-detail-head-stats-share-btn {
  display: none;
}

.news-detail-desc [id] {
  scroll-margin-top: 6rem;
}

.news-detail-img {
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.news-detail-info {
  background: var(--white);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem;
}

.news-detail-info-desc {
  color: var(--neutral-500);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.news-detail-other-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}

.news-detail-other-count {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}

.news-detail-other-date, .news-detail-other-watch-title {
  color: var(--white);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.news-detail-other-desc {
  color: var(--neutral-500);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.news-detail-other-info {
  align-content: flex-start;
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.news-detail-other-info-title {
  align-items: center;
  background: var(--blue);
  border-radius: 6.25rem;
  color: var(--white);
  display: flex;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  justify-content: center;
  line-height: 130%;
  padding: 0.25rem 0.5rem;
}

.news-detail-other-item {
  background: url(/images/buta.png) no-repeat center/cover;
  align-items: flex-end;
  border-radius: 0.5rem;
  color: var(--white);
  display: flex;
  gap: 1.5rem;
  height: 20.875rem;
  min-width: 21.4375rem;
  overflow: hidden;
  padding: 2rem;
  position: relative;
  width: 21.4375rem;
  z-index: 1;
}

.news-detail-other-item-bg {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25.05%, rgba(0, 0, 0, 0.8) 70.65%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.news-detail-other-item:hover {
  color: var(--white);
}

.news-detail-other-news {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.news-detail-other-title {
  color: var(--white);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.news-detail-other-update {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.news-detail-other-watch {
  display: flex;
  gap: 0.5rem;
}

.news-detail-social-link {
  align-items: center;
  background: var(--white);
  border-radius: 0.5rem;
  display: flex;
  height: 2.75rem;
  justify-content: center;
  padding: 0.5rem 0.75rem;
}

.news-detail-title {
  color: var(--color);
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  max-width: 50rem;
}

.news-filter {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.news-filter input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: var(--blue);
  cursor: pointer;
  height: 15px;
  margin-top: -7px;
  width: 15px;
}

.news-filter input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: var(--blue);
  cursor: pointer;
  height: 15px;
  margin-top: -7px;
  width: 15px;
}

.news-filter-active {
  background-color: var(--blue) !important;
}

.news-filter-active .bx_filter_param_text {
  color: var(--white);
}

.news-filter-button {
  align-items: center;
  background-color: var(--white);
  border-radius: 0.5rem;
  color: var(--color);
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  justify-content: center;
  line-height: 130%;
  padding: 0.75rem 0.5rem;
}

.news-filter-button:hover {
  background-color: var(--secondary);
  color: var(--neutral-900);
  transition: 0.5s ease;
}
.news-filter-button:hover .bx_filter_param_text_count {
  transition: 0.5s ease;
  background: var(--blue);
  color: var(--white);
}

.news-filter-container {
  align-items: flex-end;
  display: flex;
  gap: 0.875rem;
  justify-content: space-between;
  display: grid;
  grid-template-columns: 285px 1fr;
}

.news-filter-project, .news-filter-city {
  width: 8.75rem;
}

.news-filter-project-select, .news-filter-city-select {
  align-items: center;
  background: var(--white);
  border-radius: 0.5rem;
  border: none;
  color: var(--color);
  display: flex;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  height: 2.75rem;
  justify-content: space-between;
  line-height: 130%;
  padding: 0.75rem;
  width: 100%;
}
.news-filter-project-select svg, .news-filter-city-select svg {
  margin-left: auto;
}

.news-filter-project-title, .news-filter-city-title, .news-filter-year-title, .news-filter-type-title {
  color: var(--neutral-500);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 0.5rem;
}

.news-filter-project-title {
  display: none;
}

.news-filter-title {
  color: var(--color);
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.news-filter-type {
  width: 100%;
}

.news-filter-type-actions {
  border-radius: 0.5rem;
  display: flex;
  gap: 0.375rem;
  flex-wrap: wrap;
}

.news-filter-year-list {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.news-filter-year-lower, .news-filter-year-upper {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  bottom: 0;
  margin: auto;
  outline: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  border: none;
}
.news-filter-year-lower:focus, .news-filter-year-upper:focus {
  border: none;
}

.news-filter-year-lower::-moz-range-track, .news-filter-year-upper::-moz-range-track {
  -moz-appearance: none;
  height: 0.0625rem;
}

.news-filter-year-lower::-ms-track, .news-filter-year-upper::-ms-track {
  appearance: none;
  height: 0.0625rem;
}

.news-filter-year-lower::-webkit-slider-runnable-track, .news-filter-year-upper::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 0.0625rem;
}

.news-filter-year-lower::-webkit-slider-thumb, .news-filter-year-upper::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: var(--blue);
  border-radius: 50%;
  cursor: pointer;
  height: 0.5rem;
  margin-top: -0.15rem;
  pointer-events: auto;
  width: 0.5rem;
}

.news-filter-year-range {
  height: 100%;
  position: relative;
  width: 100%;
}

.news-filter-year-track {
  background-color: var(--blue);
  border-radius: 5px;
  bottom: 0;
  height: 0.0625rem;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.news-filter-year-value {
  align-items: center;
  background-color: var(--white);
  border-radius: 0.5rem;
  color: var(--color);
  display: flex;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  gap: 0.625rem;
  height: 2.75rem;
  justify-content: space-between;
  line-height: 130%;
  padding: 0.75rem;
}

.news-list {
  position: relative;
}

.news-list .card-title a:hover {
  border-bottom-color: transparent;
  text-decoration: none;
}

.news-list .card-title, .news-list .card-title a {
  color: var(--primary);
  font-weight: var(--ui-font-weight-semi-bold, 600);
  font: 18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
  margin: 0;
  padding: 0 0 15px;
}

.news-list-block {
  margin-bottom: 40px;
  padding: 0 14px;
}

.news-list-body {
  height: 100%;
  padding: 2rem;
  width: 100%;
}

.news-list-container {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(3, 1fr);
  padding: 2rem 1.25rem 0;
}

.news-list-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 15px;
  min-width: 15px;
}

.news-list-icon-calendar {
  background-image: url(/local/templates/galereya_2024/images/calendar.svg);
}

.news-list-icon-comments {
  background-image: url(/local/templates/galereya_2024/images/comments.svg);
}

.news-list-icon-eye {
  background-image: url(/local/templates/galereya_2024/images/eye.svg);
}

.news-list-icon-tag {
  background-image: url(/local/templates/galereya_2024/images/tag.svg);
}

.news-list-icon-user {
  background-image: url(/local/templates/galereya_2024/images/user.svg);
}

.news-list-img {
  border-radius: 0.5rem;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.news-list-img-color {
  position: relative;
  z-index: 1;
}

.news-list-img-container {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.41%, rgba(0, 0, 0, 0.8) 100%);
  border-radius: 0.5rem;
  height: 100%;
  position: absolute;
  width: 100%;
}

.news-list-item-embed-audio, .news-list-item-embed-video, .news-list-item-embed-slider {
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}

.news-list-item-embed-slider {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  width: 100%;
}

.news-list-item-embed-slider img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

.news-list-item-embed-video {
  background: url("/local/templates/galereya_2024/images/bx-video.png") no-repeat center;
  border-radius: 3px 3px 0 0;
  display: block;
  overflow: hidden;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.news-list-link {
  background: var(--white);
  border-radius: 0.5rem;
  height: 27.625rem;
  min-width: 20rem;
  position: relative;
  z-index: 1;
}
.news-list-link.hide, .news-list-link.hide2 {
  display: none;
}

.news-list-link-img {
  position: relative;
}

.news-list-link-img .news-list-slide-date, .news-list-link-img .news-list-body-watch-title {
  color: var(--white) !important;
}

.news-list-link:first-child {
  grid-column: 1/3;
}

.news-list-more {
  align-items: center;
  background: linear-gradient(180deg, rgba(236, 238, 242, 0) 0%, #eceef2 100%);
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 5.25rem;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}

.news-list-more-btn {
  border-radius: 0.5rem;
  height: 2.75rem;
  padding: 0.5rem 1.5rem;
}

.news-list-param, .news-list-value {
  color: #a4a4a4;
  font-size: 13px;
  font-size: 13px;
  padding-left: 5px;
}

.news-list-post-params {
  -ms-flex-align: center;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-box-pack: start;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5px;
}

.news-list-slide {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 2rem;
  width: 100%;
}

.news-list-slide-body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.news-list-slide-date, .news-list-body-watch-title {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.news-list-slide-desc {
  color: var(--neutral-500);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.news-list-slide-head {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: auto;
  margin-bottom: 0.75rem;
}

.news-list-slide-info {
  align-content: flex-start;
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.news-list-slide-info-title {
  align-items: center;
  background-color: var(--white);
  border-radius: 6.25rem;
  color: var(--neutral-900);
  display: flex;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  justify-content: center;
  line-height: 130%;
  padding: 0.25rem 0.5rem;
}

.news-list-slide-title {
  color: var(--white);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.info-title-active {
  background-color: var(--blue);
  color: var(--white);
}

.news-list-slide-update {
  display: flex;
  justify-content: space-between;
}

.news-list-slide-watch {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}

.news-list-slide.next {
  gap: 24px;
  justify-content: flex-end;
}

.news-list-slide.next .badge {
  background-color: var(--bs-black);
  color: var(--white);
}

.news-list-slider-arrow {
  color: var(--white);
  cursor: pointer;
  font-size: 48px;
  height: 48px;
  line-height: 34px;
  margin-top: -24px;
  opacity: 0.5;
  position: absolute;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  top: 50%;
  vertical-align: middle;
  width: 20px;
  z-index: 110;
}

.news-list-slider-arrow, .news-list-slider-control li {
  transition: opacity 0.3s ease;
}

.news-list-slider-arrow-container-left {
  left: 0;
}

.news-list-slider-arrow-container-left .news-list-slider-arrow {
  left: 20px;
}

.news-list-slider-arrow-container-left, .news-list-slider-arrow-container-right {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  width: 15%;
}

.news-list-slider-arrow-container-left:hover .news-list-slider-arrow, .news-list-slider-arrow-container-right:hover .news-list-slider-arrow {
  color: var(--white);
  display: block;
  opacity: 1;
}

.news-list-slider-arrow-container-right {
  right: 0;
}

.news-list-slider-arrow-container-right .news-list-slider-arrow {
  right: 20px;
}

.news-list-slider-container {
  align-items: center;
  bottom: 0;
  display: flex;
  left: 0;
  position: absolute;
  top: 0;
}

.news-list-slider-control {
  bottom: 10px;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  word-spacing: -4px;
  z-index: 110;
}

.news-list-slider-control li {
  background: var(--white);
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0 3px;
  opacity: 0.5;
  width: 10px;
  word-spacing: -4px;
}

.news-list-slider-control li:hover, .news-list-slider-control li.current {
  background: var(--primary);
  opacity: 1;
}

.news-list-slider-slide {
  flex: 1;
  z-index: 100;
}

.news-list-slider-slide img {
  border-radius: 3px 3px 0 0;
}

.news-recommend {
  padding: 1.5rem 0 3rem;
}

.news-recommend-news {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.news-recommend-news .news-detail-other-item {
  width: 100%;
}

.news-recommend-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 1.5rem;
}

.news_news_loader {
  opacity: 0.7;
}

.news_news_loader::after {
  animation: loading 2s linear infinite;
  border-radius: 50px;
  border-top-color: black;
  border: 5px solid grey;
  content: "";
  display: block;
  height: 50px;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  opacity: 1;
  position: absolute;
  top: 50%;
  width: 50px;
}

.no-select {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.news-section {
  padding-top: 0.75rem;
}

.notlink {
  color: black !important;
  text-decoration: none;
}

.notlink h2 {
  font-size: 1.4375rem;
}

.numbers-title {
  color: var(--neutral-900);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
}

.numbers-title-blue {
  color: var(--blue);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.office-body {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0;
  position: relative;
}

.office-body-buttons {
  align-items: center;
  display: none;
  justify-content: space-between;
  position: absolute;
  width: 100%;
}

.office-body-card {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 21.36%, rgba(0, 0, 0, 0.72) 85.67%);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  height: 23.5rem;
  justify-content: end;
  min-width: 80%;
  position: relative;
  width: 100%;
}

.office-body-card-main {
  display: flex;
  flex-direction: column;
  gap: 0.88rem;
  padding: 0 1.5rem 2rem;
}

.office-body-desc {
  color: var(--white);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.office-body-img {
  height: auto;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  border-radius: 0.5rem;
}

.office-body-item {
  display: flex;
  gap: 1.25rem;
}

.office-body-next, .office-body-prev {
  align-items: center;
  background: var(--white);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.875rem;
}

.office-body-title {
  color: var(--white);
  font-size: 1.125rem;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.office-head {
  padding: 0;
}

.office-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem 0;
}

.office-section .slick-arrow.slick-next {
  background-image: url("/images/arrow_white_right.png");
}

.office-section .slick-arrow.slick-prev {
  background-image: url("/images/arrow_white_left.png");
}

.offset-2 {
  margin: 0;
  padding: 0;
}

.our-blog-body-date, .our-blog-body-watch-title {
  color: var(--neutral-500);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.our-blog-body-update {
  display: flex;
  justify-content: space-between;
}

.our-blog-body-watch {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}

.our-blog-section {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 3rem 0;
}

.our-blog-section .slick-arrow.slick-next, .commercial-premises-slider .slick-arrow.slick-next {
  background-image: url("/images/main/arrow_right_white.png");
  margin-right: 20px !important;
}

.our-blog-section .slick-arrow.slick-prev, .commercial-premises-slider .slick-arrow.slick-prev {
  background-image: url("/images/main/arrow_left_white.png");
  margin-left: 20px !important;
}

.our-blog-section-button-next, .our-blog-section-button-prev {
  align-items: center;
  background: var(--blue);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.875rem;
}

.our-blog-section-buttons {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
}

.our-blog-section-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0;
}

.our-blog-section-link {
  color: var(--blue);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.our-blog-section-slide-body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.our-blog-section-slide-head {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.our-blog-section-slider {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0;
  position: relative;
}

.our-blog-section-slider-slide {
  background: var(--white);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  height: 27.625rem;
  justify-content: space-between;
  min-width: 20rem;
  padding: 3rem;
}

.our-blog-section-slider-wrapper {
  display: flex;
  gap: 1.25rem;
  justify-content: left;
}

.our-blog-slide-head-desc {
  color: var(--neutral-500);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.our-blog-slide-head-title {
  color: var(--color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.our-blog-slide-info {
  align-content: flex-start;
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.our-blog-slide-info-title {
  align-items: center;
  background-color: var(--light-grey);
  border-radius: 6.25rem;
  color: var(--neutral-500);
  display: flex;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  justify-content: center;
  line-height: 130%;
  padding: 0.25rem 0.5rem;
}

.our-history {
  display: flex;
  gap: 41px;
  padding: 48px 20px;
}

.our-history-body {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.our-history-body-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
  width: 592px;
}

.our-history-head {
  background: linear-gradient(180deg, rgba(36, 36, 36, 0) 0%, rgba(36, 36, 36, 0.5) 100%);
  border-radius: 16px;
  height: 556px;
  margin-top: 71px;
  position: sticky;
  top: 88px;
  width: 571px;
}

.our-history-img {
  border-radius: 16px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
}

.our-history-item {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 32px;
}

.our-history-item-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.our-history-item-desc {
  color: var(--grey-200);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.our-history-item-info {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  width: 512px;
}

.our-history-item-stage {
  align-items: center;
  background: var(--blue);
  border-radius: 50%;
  color: var(--white);
  display: flex;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  line-height: 120%;
  padding: 4px;
  text-align: center;
  width: 48px;
}

.our-history-item-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.our-history-item-year {
  color: var(--blue);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.our-history-line {
  background: var(--white);
  height: 1321px;
  left: 23px;
  position: absolute;
  top: 24px;
  width: 2px;
  z-index: -1;
}

.our-history-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.page-404 {
  display: flex;
  justify-content: center;
}

.page-404-block {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  justify-content: center;
  min-height: 400px;
  padding: 32px 0;
  width: 100%;
}

.page-404-block a {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  padding: 8px 24px;
}

.page-404-block a:hover {
  color: var(--white);
}

.page-404-block h3 {
  color: var(--Colors-Private-bus-Accent);
  font-size: 128px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.page-404-block p {
  font-size: 14px;
}

.paragraph {
  font-size: 1.5rem;
}

.paragraph-1 {
  font-size: 3rem;
}

.paragraph-2 {
  font-size: 2rem;
}

.partners .gallery-card-logo {
  height: 39px;
  width: 49px;
}

.partners-block {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 48px 0;
  width: 1204px;
}

.partners-header-block {
  align-items: flex-start;
  align-self: stretch;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 20px 32px 20px;
}

.partners-header-main-text {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.partners-header-secondary-text {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
}

.partners-image-block {
  align-items: flex-start;
  align-self: stretch;
  box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  gap: 20px;
  padding: 0 20px;
}

.partners-image-wrapper {
  align-items: center;
  background: var(--grey-500);
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 10px;
  height: 111px;
  justify-content: center;
  min-width: 256px;
  padding: 35px 48px;
}

.partners-inner-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}

.partners-section {
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
  position: relative;
}

.partners-section-body.is-set {
  transform: none;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.partners-section-head {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}

.partners-section-head-desc {
  color: var(--neutral-500);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 2rem;
}

.partners-section-img {
  filter: grayscale(100%);
  flex-basis: 20%;
  flex-shrink: 0;
  flex: 1 0 100%;
  order: 2;
  width: 276px
}

.partners-section-img.is-ref {
  order: 1;
}

.partners-section-img:hover {
  filter: none;
}

.partners-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  overflow: hidden !important;
}

.payment {
  padding: 2rem 0;
}

.payment .commerce_title {
  font-size: 3rem;
  text-align: center;
  justify-content: center;
  white-space: nowrap;
}

.payment .commerce_title span {
  color: var(--blue);
  text-transform: uppercase;
}

.payment_card {
  width: 100%;
  background: var(--white);
  border-radius: 8px;
  padding: 2rem;
  margin-bottom: 20px;
  min-height: 560px;
  position: relative;
  overflow: hidden;
}

.payment_card_blue {
  background: var(--blue);
  color: var(--white);
}

.payment_card_blue .payment_card_deb {
  color: var(--white);
}

.payment_card_blue .payment_card_deb span {
  color: var(--white);
}

.payment_card_blue .payment_card_lable {
  background: var(--white);
  color: var(--blue);
}

.payment_card_blue .payment_card_title, .payment_card_blue .payment_card_sub, .payment_card_blue .payment_card_deb, .payment_card_blue .payment_card_deb span {
  color: var(--white);
}

.payment_card_deb {
  color: var(--bs-black);
  font-size: 24px;
  margin-bottom: 1rem;
  font-weight: 700;
}

.payment_card_deb span {
  color: var(--bs-black);
}

.payment_card_img {
  background-image: url("/upload/commerce/mountainse.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 100%;
  height: auto;
  aspect-ratio: 5 / 3;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.payment_card_lable {
  background: var(--blue);
  border-radius: 8px;
  color: var(--white);
  font-size: 16px;
  padding: 4px 8px;
  text-align: center;
}

.payment_card_sub {
  font-size: 16px;
  margin-bottom: 0.75rem;
}

.payment_card_text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
}

.payment_card_text p {
  margin-bottom: 1rem;
}

.payment_card_title {
  color: var(--black);
  font-size: 32px;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 2rem;
  margin-top: 1rem;
  min-height: 75px;
  padding: 0 3rem;
  text-align: center;
}

.payment_flex {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.personal-account-container {
  box-sizing: border-box;
  display: grid;
  gap: 24px;
  grid-template-columns: 288px 1fr;
  margin-top: 20px;
  padding: 20px;
  width: 1204px;
}

.payment-methods {
  padding: 3rem 0;
}

.payment-methods_title {
  font-size: 2rem;
  margin-bottom: 2rem;
}

.payment-methods_flex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}

.payment-methods_card {
  background: #fff;
  border-radius: 0.5rem;
  padding: 2rem;
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.payment-methods_text {
  font-size: 1rem;
  color: var(--neutral-500);
}

.payment-methods_name {
  display: inline-block;
  font-size: 2rem;
  line-height: 1.2em;
  font-weight: 700;
  color: var(--black);
  margin-bottom: 0.75rem;
  margin-right: 0.75rem;
}

.payment-methods_accent {
  color: var(--blue);
}

.personal-account-left-menu-container {
  align-items: flex-start;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: var(--white);
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  height: 657px;
  padding: 16px;
  width: 288px;
}

.personal-account-left-menu-content {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: start;
}

.personal-account-left-menu-header {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 12px 16px;
}

.personal-account-left-menu-header-text {
  color: var(--black);
  flex: 1 0 0;
  font-size: 20px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: normal;
}

.personal-account-left-menu-item {
  display: flex;
  gap: 10px;
}

.personal-account-left-menu-item-wrapper {
  align-items: center;
  align-self: stretch;
  background: var(--white);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 12px 16px;
}

.personal-account-left-menu-item-wrapper-active {
  background: #e8f1ff;
}

.personal-account-left-menu-item-wrapper:hover {
  background: var(--grey-500);
}

.personal-account-main-content-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.personal-account-menu-item-counter-text {
  color: var(--white);
  font-size: 12px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
}

.personal-account-menu-item-counter-wrapper {
  align-items: center;
  background: var(--blue);
  border-radius: 100px;
  box-sizing: border-box;
  display: flex;
  gap: 10px;
  height: 18px;
  justify-content: center;
  padding: 2px 8px;
}

.personal-account-menu-item-icon {
  height: 20px;
  width: 20px;
}

.personal-account-menu-item-name {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: normal;
}

.personal-account-menu-item-name-active {
  color: var(--blue);
}

.personal-account-menu-tablet {
  background: var(--white);
  border-radius: 8px;
  display: none;
  height: 40px;
  padding: 4px;
}

.personal-account-menu-tablet-item {
  align-items: center;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  color: var(--neutral-500);
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  height: 100%;
  justify-content: center;
  line-height: 130%;
  padding: 0 16px;
  width: 100%;
}

.personal-account-menu-tablet-item-active {
  background: var(--blue);
  color: var(--white);
}

.personal-gn-club-card {
  height: 460px;
  position: relative;
  width: 320px;
}

.personal-gn-club-card-barcode {
  align-items: center;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px;
}

.personal-gn-club-card-barcode-border {
  border-radius: 12px;
  border: 5px solid rgba(255, 255, 255, 0.2);
  bottom: 64px;
  box-shadow: 0px 0px 20px 0px #4584ff;
  left: 32px;
  position: absolute;
  width: 207px;
}

.personal-gn-club-card-barcode-img {
  border-radius: 8px;
  width: 100%;
}

.personal-gn-club-card-barcode-title {
  color: #18315a;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 20px;
  position: relative;
  text-align: justify;
  width: -moz-fit-content;
  width: fit-content;
}

.personal-gn-club-card-barcode-title::after {
  content: "";
  margin-left: -20px;
}

.personal-gn-club-card-img {
  height: 460px;
  left: 0;
  position: absolute;
  top: 0;
  width: 320px;
}

.personal-gn-club-container {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  gap: 24px;
  padding: 24px;
  width: 100%;
}

.personal-gn-club-empty-container {
  align-items: center;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 52px 24px 100px 24px;
}

.personal-gn-club-empty-desc {
  color: #98a2b3;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
}

.personal-gn-club-empty-img {
  height: 183px;
  width: 247.857px;
}

.personal-gn-club-empty-link {
  color: var(--blue);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-decoration-line: underline;
}

.personal-gn-club-empty-title {
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.personal-gn-club-info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px 8px;
  width: 456px;
}

.personal-gn-club-info-desc {
  color: var(--neutral-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.personal-gn-club-info-link {
  align-items: center;
  color: var(--blue);
  display: flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  gap: 8px;
  line-height: 130%;
}

.personal-gn-club-info-link-icon {
  height: 12px;
  width: 12px;
}

.personal-gn-club-info-order {
  list-style-position: inside;
}

.personal-gn-club-info-title {
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.personal-gn-club-mobile-view {
  align-items: center;
  background: var(--blue);
  border-radius: 8px;
  display: none;
  gap: 6px;
  height: 32px;
  justify-content: center;
  padding: 8px 16px;
}

.personal-gn-club-mobile-view-img {
  height: 16px;
  width: 16px;
}

.personal-gn-club-modal {
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 45px;
  height: 70vh;
  justify-content: flex-end;
  left: 0;
  padding: 30px;
  position: fixed;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 1001;
}

.personal-gn-club-modal-barcode {
  background: var(--white);
  border-radius: 8px;
  box-shadow: 0px 0px 20px 0px #4584ff;
  height: 100px;
  width: 100%;
}

.personal-gn-club-modal-barcode-border {
  border-radius: 14px;
  border: 7px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 20px;
}

.personal-gn-club-modal-barcode-img {
  border-radius: 8px;
  height: 75%;
  width: 100%;
}

.personal-gn-club-modal-barcode-title {
  color: #18315a;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 22px;
  line-height: normal;
  text-align: center;
}

.personal-gn-club-modal-barcode-title::after {
  content: "";
  margin-left: -22px;
}

.personal-gn-club-modal-close {
  align-items: center;
  background: transparent;
  border-radius: 20px;
  border: 1px solid var(--white);
  display: flex;
  justify-content: center;
  padding: 10px 16px;
  width: 100%;
}

.personal-gn-club-modal-hide {
  transform: translateY(100%);
  visibility: hidden;
}

.personal-gn-club-modal-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.personal-gn-club-modal-show {
  transform: translateY(0%);
  visibility: visible;
}

.personal-gn-club-modal-wrapper {
  background: rgba(0, 0, 0, 0.4);
  display: none;
  height: 100vh;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.personal-gn-club-modal-wrapper-show {
  display: block;
  opacity: 1;
}

.phone-icon {
  display: none;
}

.phone-text {
  display: block;
}

.policy {
  padding: 20px;
}

.policy h1 {
  padding: 48px 0 4px 0;
}

.policy ol {
  list-style: none;
}

.policy ol li {
  margin: 10px 0 0 40px;
}

.policy p {
  padding: 10px 0 0 20px;
}

.policy p.policy-title {
  font-weight: 800;
  padding: 20px 0 0 0;
}

.popup-window {
  -webkit-backdrop-filter: blur(var(--blur));
          backdrop-filter: blur(var(--blur));
  background: var(--white);
  border-radius: 8px;
  text-align: center;
}

.popup-window-content {
  text-align: center !important;
}

.popup-window-titlebar {
  background-image: url("/images/icons/thanks.png");
  background-position: center 50px;
  background-repeat: no-repeat;
  position: relative;
}

.popup-window-titlebar-text {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-top: 200px;
}

.position-advice {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px 20px;
}

.position-advice-item {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 320px;
  justify-content: flex-end;
  padding: 36px 40px;
}

.position-advice-item-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.position-advice-item-icon {
  height: 70px;
  width: 70px;
}

.position-advice-item-img {
  border-radius: 8px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.position-advice-item-list {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.position-advice-item-lists {
  padding-left: 20px;
}

.position-advice-item-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.position-advice-items {
  -moz-column-gap: 20px;
       column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 32px;
}

.position-advice-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.position-advice-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.position-filter-button {
  background: var(--white);
  border-radius: 4px;
  color: var(--black);
  font-weight: 600;
  padding: 9px 32px;
  width: 100%;
}

.position-filter-button-active {
  background: var(--blue);
  color: var(--white);
}

.position-filter-button-all {
  display: none;
}

.position-filter-buttons {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  gap: 4px;
  height: 44px;
  padding: 4px;
}

.position-filter-item-select {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.position-filter-item-select-item {
  align-items: center;
  background: var(--white);
  color: var(--neutral-900);
  display: flex;
  font-weight: 500;
  gap: 4px;
  padding: 12px 10px;
}

.position-filter-item-select-item span {
  align-items: center;
  background: #ebf3ff;
  border-radius: 100px;
  color: var(--blue);
  display: flex;
  height: 18px;
  justify-content: center;
  min-width: 24px;
}

.position-filter-item-select-item.active {
  background: var(--blue);
  color: var(--white);
  display: flex;
  gap: 4px;
}

.position-filter-item-select-item.active span {
  background: var(--blue);
  color: var(--white);
}

.position-filter-item-select-item.hide {
  display: none;
}

.position-filter-item-title {
  color: var(--neutral-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin: 0;
}

.position-filter-search {
  position: relative;
  width: 100%;
}

.position-filter-search-icon {
  position: absolute;
  right: 12px;
  top: 55%;
  transform: translateY(-50%);
}

.position-filter-search-input {
  align-items: center;
  align-self: stretch;
  background-image: url(/local/templates/galereya_2024/../images/search-position.svg);
  background-position-x: 98%;
  background-position-y: center;
  background-repeat: no-repeat;
  background-color: var(--white);
  border-radius: 8px;
  border: 1px solid transparent;
  display: flex;
  font-weight: 600;
  gap: 4px;
  height: 44px;
  justify-content: center;
  padding: 12px;
  outline: none;
}
.position-filter-search-input:focus-visible {
  color: var(--neutral-900);
  border-color: var(--blue);
}

.position-filter-search-input::-moz-placeholder {
  color: var(--neutral-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.position-filter-search-input, .position-filter-search-input::placeholder {
  color: var(--neutral-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.position-modal {
  background-color: rgba(0, 0, 0, 0.3019607843);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000;
}

.position-modal-close {
  cursor: pointer;
  height: 21px;
  position: absolute;
  right: 20.5px;
  top: 20px;
  width: 21px;
  z-index: 10;
}

.position-modal-faq {
  border-radius: 24px 24px 0 0;
  display: grid;
  grid-template-columns: 444px 1fr;
  height: 80vh;
  width: 100%;
}

.position-modal-form {
  background: var(--blue);
  border-top-left-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 78px 48px;
}

.position-modal-form-button {
  background: var(--white);
  border-radius: 8px;
  color: var(--blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  width: 348px;
}

.position-modal-form-head {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.position-modal-form-politics {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.position-modal-form-subtitle {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.position-modal-form-title {
  color: var(--white);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.position-modal-info {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: var(--white);
  border-top-right-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 64px 56px 32px;
  position: relative;
}

.position-modal-info .gn-popup-close {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
}

.position-modal-info-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  overflow-y: auto;
  padding: 0px 20px;
}

.position-modal-info-body, .position-modal-info-body p, .position-modal-info-body li, .position-modal-info-body a {
  color: var(--neutral-600);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.position-modal-info-body::-webkit-scrollbar {
  background: none;
  width: 4px;
}

.position-modal-info-body::-webkit-scrollbar-thumb {
  background: var(--blue);
  border-radius: 1rem;
}

.position-modal-info-head {
  background: #ebf3ff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 32px;
}

.position-modal-info-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.position-modal-info-salary {
  align-items: center;
  display: flex;
  gap: 16px;
}

.position-modal-item-list {
  color: var(--neutral-600);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.position-modal-item-lists {
  padding-left: 20px;
}

.position-modal-item-title {
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.position-modal-location-icon {
  height: 16px;
  width: 16px;
}

.position-modal-location-title {
  color: var(--blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.position-modal-name-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.position-modal-politics-link {
  color: var(--white);
}

.position-modal-salary-subtitle {
  color: var(--neutral-600);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.position-modal-salary-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.position-modal-tag {
  align-items: center;
  background: var(--blue);
  border-radius: 8px;
  color: var(--white);
  display: flex;
  gap: 4px;
  padding: 4px 12px;
}

.position-modal-tags {
  align-items: center;
  display: flex;
  gap: 8px;
}

.position-modal-wrapper {
  align-items: end;
  display: grid;
  height: 100%;
}

.position-suitable {
  background: linear-gradient(180deg, #6488ff -17.43%, #4772ff 64.06%);
  border-radius: 8px;
  margin: 48px 20px;
  padding: 56px 64px;
  position: relative;
}

.position-suitable-button {
  background: var(--white);
  color: var(--blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  width: 157px;
}

.position-suitable-desc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.position-suitable-img1 {
  position: absolute;
  right: 0;
  top: 0;
}

.position-suitable-img2 {
  height: 594px;
  position: absolute;
  right: 39px;
  top: -104px;
  width: 594px;
}

.position-suitable-title {
  color: var(--white);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.position-suitable-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 540px;
}

.pr_name {
  color: var(--white) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.pr_price {
  margin-bottom: 0 !important;
}

.pr_type {
  float: right;
  margin: 0 !important;
  padding: 0 !important;
}

.pr_type span {
  background-color: var(--white) !important;
  color: var(--blue) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-right: 0 !important;
}

.product-item {
  background: var(--white);
  border-radius: 2px;
  border: 1px solid transparent;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.19);
  box-sizing: border-box;
  display: block;
  padding-top: 15px;
  width: 100%;
}

.product-item-amount {
  padding: 0 0 2px;
  text-align: center;
}

.product-item-amount-description-container {
  color: #a5a5a5;
  font-size: 12px;
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
  white-space: nowrap;
}

.product-item-amount-description-container strong {
  color: #333;
  white-space: nowrap;
}

.product-item-amount-field {
  background: transparent !important;
  border-radius: 2px;
  border: 1px solid transparent;
  color: var(--bs-black);
  display: block;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  padding: 0;
  text-align: center;
  transition: border 300ms ease;
  vertical-align: middle;
  width: 100%;
}

.product-item-amount-field-block {
  flex: 1;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after {
  cursor: default;
  opacity: 0.3 !important;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover {
  background-color: #f2f2f2;
}

.product-item-amount-field-btn-minus:after {
  background-size: 10px;
}

.product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus {
  background-color: #f2f2f2;
  border-radius: 2px;
  color: var(--white);
  cursor: pointer;
  display: block;
  height: 22px;
  min-width: 22px;
  position: relative;
  text-align: center;
  transition: background 300ms ease, opacity 300ms ease;
  vertical-align: middle;
}

.product-item-amount-field-btn-plus:after {
  background-size: 10px;
}

.product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-minus:after {
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 300ms ease, background 300ms ease;
}

.product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-minus:hover {
  background: #d3d3d3;
}

.product-item-amount-field-btn-plus:hover:after, .product-item-amount-field-btn-minus:hover:after {
  opacity: 1;
}

.product-item-amount-field-container {
  align-items: center;
  display: flex;
  margin: 0 auto 15px;
  max-width: 150px;
  position: relative;
}

.product-item-amount-field:focus {
  outline: none !important;
}

.product-item-amount-label-container {
  color: #a5a5a5;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0;
}

.product-item-big-card .product-item-image-wrapper {
  margin-bottom: 25px;
}

.product-item-big-card .product-item-label-ring.product-item-label-big {
  font-size: 42px;
  height: 120px;
  line-height: 120px;
  width: 120px;
}

.product-item-big-card .product-item-label-ring.product-item-label-small {
  font-size: 30px;
  height: 100px;
  line-height: 100px;
  width: 100px;
}

.product-item-big-card .product-item-label-text.product-item-label-big span {
  font-size: 22px;
  line-height: 33px;
  padding: 5px 17px;
}

.product-item-big-card .product-item-label-text.product-item-label-small span {
  font-size: 16px;
  line-height: 21px;
  padding: 5px 12px;
}

.product-item-big-card .product-item-price-container {
  margin: 0 0 10px;
}

.product-item-big-card .product-item-price-current {
  font-size: 18px;
}

.product-item-big-card .product-item-price-current, .product-item-big-card .product-item-price-old {
  line-height: 20px;
  vertical-align: middle;
}

.product-item-big-card .product-item-price-old {
  font-size: 15px;
}

.product-item-big-card .product-item-title a {
  font-size: 21px;
}

.product-item-button-container {
  text-align: center;
}

.product-item-button-container .btn {
  margin-bottom: 2px;
}

.product-item-compare .checkbox {
  margin: 0;
  padding: 0;
}

.product-item-compare-container {
  background: #f3f3f3;
  border-top: 1px solid #e6e6e6;
  box-shadow: inset 0 1px 1px 0 #eee;
  display: none;
  font-size: 12px;
  line-height: 20px;
  margin: 0 -15px;
  min-height: 30px;
  padding: 4px 15px;
  position: relative;
  vertical-align: middle;
}

.product-item-container {
  position: relative;
}

.product-item-container.hover {
  z-index: 17;
}

.product-item-container.hover .product-item-image-slider-control-container, .product-item-line-card:hover .product-item-image-slider-control-container {
  opacity: 1;
}

.product-item-container.hover.product-item-scalable-card .product-item-image-wrapper {
  padding-top: 54%;
}

.product-item-description-container p {
  color: #575757;
  font-size: 13px;
}

.product-item-image-alternative {
  opacity: 0;
  z-index: 13;
}

.product-item-image-original {
  z-index: 11;
}

.product-item-image-original, .product-item-image-alternative {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 300ms linear;
  width: 100%;
}

.product-item-image-slide {
  background-color: var(--white);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
  height: 100%;
  position: relative;
  transition: 0.6s ease-in-out left;
}

.product-item-image-slider-control, .product-item-image-slider-control.active {
  background-color: rgba(128, 128, 128, 0.8);
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  opacity: 0.6;
  transition: all 300ms ease;
  width: 12px;
}

.product-item-image-slider-control-container {
  bottom: 10px;
  display: block;
  left: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  transition: opacity 300ms ease;
  z-index: 15;
}

.product-item-image-slider-control.active, .product-item-image-slider-control:hover {
  background-color: var(--primary);
}

.product-item-image-slider-control:hover, .product-item-image-slider-control.active:hover {
  cursor: pointer;
}

.product-item-image-slider-progress-bar {
  background-color: var(--theme-color-primary);
  bottom: 0;
  display: block;
  height: 1px;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
}

.product-item-image-slider-progress-bar-container {
  bottom: 0;
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

.product-item-image-slider-slide-container {
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 300ms ease;
  width: 100%;
}

.product-item-image-slider-slide-container > .active {
  left: 0;
}

.product-item-image-slider-slide-container > .active, .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev {
  display: block;
}

.product-item-image-slider-slide-container > .next {
  left: 100%;
}

.product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.product-item-image-slider-slide-container > .next.left, .product-item-image-slider-slide-container > .prev.right {
  left: 0;
}

.product-item-image-slider-slide-container > .prev {
  left: -100%;
}

.product-item-image-wrapper {
  display: block;
  margin-bottom: 15px;
  padding-top: 116%;
  position: relative;
  transition: all 300ms ease;
  width: 100%;
}

.product-item-info-container {
  clear: both;
  margin-bottom: 8px;
}

.product-item-info-container-title {
  font-size: 12px;
}

.product-item-label-bottom {
  bottom: -5px;
}

.product-item-label-center {
  -webkit-transform: translateX(-50%);
  left: 50%;
  transform: translateX(-50%);
}

.product-item-label-center > div {
  text-align: center;
}

.product-item-label-center.product-item-label-middle {
  transform: translate(-50%, -50%);
}

.product-item-label-left {
  left: -5px;
}

.product-item-label-left > div {
  text-align: left;
}

.product-item-label-middle {
  -webkit-transform: translateY(-50%);
  top: 50%;
  transform: translateY(-50%);
}

.product-item-label-right {
  right: -5px;
}

.product-item-label-right > div {
  text-align: right;
}

.product-item-label-ring {
  border-radius: 50%;
  box-sizing: border-box;
  font-weight: bold;
}

.product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  width: 40px;
}

.product-item-label-text > div, .product-item-label-ring > div {
  line-height: 0;
}

.product-item-label-text span {
  font-weight: bold;
  padding: 2px 5px;
  vertical-align: middle;
}

.product-item-label-text span, .product-item-label-ring {
  background: #f42c2c;
  clear: both;
  color: var(--white);
  display: inline-block;
  margin-bottom: 2px;
  text-align: center;
  transition: all 250ms ease;
  vertical-align: middle;
}

.product-item-label-text, .product-item-label-ring {
  position: absolute;
  z-index: 15;
}

.product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {
  font-size: 13px;
  line-height: 17px;
  padding: 4px 10px;
}

.product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {
  font-size: 13px;
  font-weight: normal;
  line-height: 14px;
  margin-bottom: 1px;
  padding: 2px 7px;
}

.product-item-label-top {
  top: -5px;
}

.product-item-line-card .product-item {
  border-bottom: 1px solid #dadada;
}

.product-item-line-card .product-item-compare-container {
  background-color: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  text-align: center;
}

.product-item-line-card .product-item-compare-container, .product-item-container.hover .product-item-compare-container {
  display: block;
}

.product-item-line-card .product-item-scu-container {
  text-align: left;
}

.product-item-line-card .product-item-title {
  text-align: left;
  white-space: normal;
}

.product-item-line-card .product-item-title a {
  font-size: 20px;
}

.product-item-more {
  background-size: 50%;
  background: #f3f3f3 no-repeat center;
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 300ms ease;
  width: 100%;
}

.product-item-more-container {
  border-radius: 2px;
  border: 1px solid transparent;
  box-sizing: border-box;
  display: block;
  padding: 15px 15px 5px;
  position: relative;
  transition: all 300ms ease;
  width: 100%;
}

.product-item-more-title {
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-item-more-wrapper {
  display: block;
  margin-bottom: 15px;
  padding-top: 116%;
  position: relative;
  width: 100%;
}

.product-item-price-container {
  line-height: 1;
  text-align: center;
}

.product-item-price-current {
  color: #3f3f3f;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
}

.product-item-price-old {
  color: #a5a5a5;
  font-size: 12px;
  text-decoration: line-through;
  white-space: nowrap;
}

.product-item-properties {
  display: block;
  margin: 0;
}

.product-item-properties dd {
  float: right;
  font-size: 12px;
  margin-bottom: 3px;
  margin-left: 5px;
}

.product-item-properties dl {
  clear: both;
}

.product-item-properties dt {
  clear: both;
  float: left;
  font-size: 12px;
  font-weight: normal;
}

.product-item-quantity {
  font-size: 12px;
}

.product-item-scu-block-title {
  font-size: 12px;
}

.product-item-scu-container-title {
  color: #333;
  font-size: 12px;
}

.product-item-scu-item-color {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 2px;
  left: 2px;
  position: absolute;
  right: 2px;
  top: 2px;
}

.product-item-scu-item-color-block {
  cursor: pointer;
  outline: 1px solid #c0cfda;
  padding-top: 100%;
  position: relative;
}

.product-item-scu-item-color-container {
  max-width: 38px;
  width: 25%;
}

.product-item-scu-item-color-container, .product-item-scu-item-text-container {
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  padding: 5px 3px;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block {
  outline-color: #a9adb4 !important;
  position: relative;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after {
  background-size: 80% 80%;
  background: rgba(255, 255, 255, 0.75) no-repeat center;
  bottom: -2px;
  content: "";
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
}

.product-item-scu-item-color-container.selected .product-item-scu-item-color-block {
  outline-width: 2px;
}

.product-item-scu-item-list {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.product-item-scu-item-text {
  font-size: 11px;
  line-height: 18px;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}

.product-item-scu-item-text-block {
  cursor: pointer;
  outline: 1px solid #c0cfda;
  padding: 0 5px;
  position: relative;
}

.product-item-scu-item-text-block:hover, .product-item-scu-item-color-block:hover, .product-item-scu-item-text-container.selected .product-item-scu-item-text-block, .product-item-scu-item-color-container.selected .product-item-scu-item-color-block {
  outline-color: var(--bs-black);
}

.product-item-scu-item-text-container {
  min-width: 32px;
}

.product-item-scu-item-text-container.selected .product-item-scu-item-text-block {
  outline-width: 2px;
}

.product-item-scu-list {
  margin: 0;
}

.product-item-sticker, .product-item-sticker-round {
  display: none;
}

.product-item-title {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-item-title a {
  color: #3f3f3f;
  text-decoration: none;
  transition: 250ms linear all;
}

.profile-block-form-block-wrapper {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}
.profile-block-form-block-wrapper.--developer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.profile-block-form-header {
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: normal;
}

.profile-block-form-info {
  display: flex;
  gap: 8px;
}

.profile-block-form-info-img {
  height: 16px;
  width: 16px;
}

.profile-block-form-info-text {
  color: var(--grey-200);
  font-size: 12px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
}

.profile-block-form-info-text-active {
  color: var(--blue);
}

.profile-block-form-input {
  align-items: center;
  align-self: stretch;
  background: #f4f6fb;
  border-radius: 8px;
  border: 0;
  display: flex;
  gap: 10px;
  height: 44px;
  justify-content: center;
  padding: 12px;
}

.profile-block-form-input-text {
  color: var(--black);
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  line-height: 130%;
}

.profile-block-form-input:focus {
  outline: none;
}

.profile-button {
  display: flex;
  gap: 8px;
}

.profile-contact-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.profile-container {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  width: 100%;
}

.profile-general-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.profile-icon {
  height: 18px;
  width: 18px;
}

.profile-input-companyname {
  grid-column: 1/5;
  background: #E4E7EC;
  color: #667185;
}

.profile-input-email {
  grid-column: 1/5;
}

.profile-input-name, .profile-input-middlename, .profile-input-phone {
  grid-column: 1/3;
}

.profile-input-surname, .profile-input-birthday, .profile-input-more-phone {
  grid-column: 3/5;
}

.profile-left-side {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 24px;
}

.profile-line {
  background: rgb(208, 213, 221);
  height: 22px;
  width: 1px;
}

.profile-logout {
  display: flex;
}

.profile-name {
  color: var(--blue);
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
  text-align: left;
}

.profile-personal-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.profile-photo-block {
  align-items: flex-start;
  display: none;
  flex-direction: column;
  flex: 1 0 0;
  gap: 16px;
}

.profile-right-side {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.profitable {
  padding: 5rem 0 3rem;
}

.profitable_card {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  justify-content: space-between;
  margin-bottom: 20px;
  min-height: 320px;
  padding: 2rem;
  position: relative;
  justify-content: center;
}

.profitable_card img {
  margin-bottom: 1.5rem;
  width: 50px;
}

.profitable_card_bg {
  background-size: cover;
  background: var(--blue);
  justify-content: center;
}
.profitable_card_bg svg {
  margin-bottom: 1.5rem;
}

.profitable_card_bg .profitable_card_desc {
  color: var(--white);
  position: relative;
  z-index: 20;
}

.profitable_card_bg .profitable_card_title {
  color: var(--white);
  font-size: 32px;
  margin-bottom: 2rem;
  position: relative;
  z-index: 20;
}

.profitable_card_big {
  min-height: 660px;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.profitable_card_desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: var(--neutral-500);
}

.profitable_card_gradient {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.34%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.34%, rgba(0, 0, 0, 0.6) 100%), linear-gradient(104deg, rgba(20, 20, 20, 0.6) 14.59%, rgba(0, 0, 0, 0) 60.53%);
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}

.profitable_card_title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 1.5rem;
}

.profitable_col {
  width: 100%;
}

.profitable_col12 {
  flex-basis: 50%;
}

.profitable_col13 {
  flex-basis: 33.3%;
}

.profitable_col23 {
  flex-basis: 66.6%;
}

.profitable_flex {
  display: flex;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: space-between;
}

.profite-buy-item {
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
  width: 100%;
}

.profite-buy-item-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.profite-buy-item-card {
  align-items: center;
  background: var(--white);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  padding: 2rem 1.5rem;
  width: 17.25rem;
  width: calc(33.33% - 20px);
}

.profite-buy-item-desc {
  color: var(--neutral-500);
  font-size: 1rem;
  font-weight: 500;
  line-height: 130%;
}

.profite-buy-item-img {
  height: 7.5rem;
  width: 7.5rem;
}

.profite-buy-item-title {
  color: var(--color);
  font-size: 1rem;
  font-weight: 700;
  line-height: 130%;
}

.profite-buy-section {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 3rem 0;
  width: 100%;
}

.profite-buy-section .ui-ear {
  display: none;
}

.project-advantages {
  padding: 48px 0;
}

.project-advantages-bg {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.8) -6.66%, rgba(0, 0, 0, 0) 58.91%);
  border-radius: 8px;
}

.project-advantages-body {
  background-image: url("/images/project/project-advantages-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
}

.project-advantages-body * {
  color: var(--white);
}

.project-advantages-body-control {
  align-items: flex-start;
  align-self: stretch;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
  padding: 4px;
}

.project-advantages-body-control::-webkit-scrollbar  {
  display: none; /* Chrome/Safari */
}

.project-advantages-body-control-btn {
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border-radius: 4px;
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 24px;
  text-wrap: nowrap;
}

.project-advantages-body-control-btn.active {
  background: var(--white);
  color: var(--bs-black);
  display: block;
}

.project-advantages-body-control-btn.inactive {
  display: block !important;
}

.project-advantages-body-desc p:first-child {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 20px;
}

.project-advantages-body-desc p:last-child {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.project-advantages-body-wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 21px;
  height: 540px;
  justify-content: flex-end;
  padding: 48px 64px;
}

.project-advantages-body-wrapper > div.active {
  display: block;
}

.project-advantages-body-wrapper > div.inactive {
  display: none;
}

.project-advantages-title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 32px;
}

.project-box {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  margin-top: 255px;
  width: 100%;
}

.project-box .btn {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600 !important;
  height: 44px;
  justify-content: center;
  line-height: 130% !important;
  padding: 8px 24px;
}

.project-box-btn {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.project-box-desc {
  color: var(--white);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  padding-bottom: 42px;
}

.project-box-title {
  color: #fff;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding: 16px 0;
}
.project-box-title span {
  white-space: nowrap;
}

.project-box-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: var(--width);
}

.project-build-history {
  padding: 48px 0;
}

.project-build-history-item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  min-width: 300px;
}

.project-build-history-item-badge {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.project-build-history-item-badge-img, .project-build-history-item-badge-video {
  align-items: center;
  background: var(--white);
  border-radius: 100px;
  color: var(--neutral-500);
  display: flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  gap: 4px;
  justify-content: center;
  line-height: 130%;
  padding: 4px 8px;
}

.project-build-history-item-bg {
  align-items: flex-start;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 398px;
  justify-content: space-between;
  padding: 32px 40px;
}

.project-build-history-item-period p {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 12px;
}

.project-build-history-item-period, .project-build-history-item-period p {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.project-build-history-items {
  display: flex;
  flex-direction: row;
  gap: 20px;
  overflow: hidden;
}

.project-build-history-title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 32px;
}

.project-choose {
  background: linear-gradient(180deg, #6488ff -17.43%, #4772ff 64.06%);
  border-radius: 8px;
  margin: 48px 0;
}

.project-choose-block {
  align-content: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 50%;
}

.project-choose-desc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.project-choose-img {
  background-image: url("/images/project/project-choose-img_new.png");
  background-size: cover;
  border-radius: 8px;
  height: 497px;
  position: absolute;
  right: 0;
  top: -61px;
  width: 560px;
}

.project-choose-title {
  color: var(--white);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.project-choose-wrapper {
  align-items: flex-start;
  align-self: stretch;
  background-image: url("/images/project/project-choose-bg.svg");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 436px;
  justify-content: center;
  max-height: 436px;
  padding: 32px 64px;
  position: relative;
}

.project-item {
  border-radius: 0 !important;
  clear: both;
  display: flex;
  margin: 0 !important;
  min-height: 756px;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20;
}

.project-item h2 {
  color: var(--white);
}

.project-item-section {
  margin-bottom: 48px;
  margin-top: 607px;
  position: relative;
  z-index: 30;
}

.project-map {
  padding: 48px 0;
  position: relative;
}

.project-map #map {
  height: 650px;
  width: 100%;
}

.project-map .map {
  border-radius: 8px;
  height: 650px;
  overflow: hidden;
  position: relative;
  z-index: 200;
}

.project-map .ymaps-image-with-content {
  background-image: url("/images/project/ymap_point.png") !important;
  background-size: 37px 42px !important;
  height: 42px !important;
  width: 37px !important;
}

.project-map-title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 32px;
}

.project-metrix {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 20px 32px;
}

.project-metrix .project-metrix-row > div {
  width: 100%;
}

.project-metrix-desc {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-wrap: wrap;
}

.project-metrix-row {
  display: flex;
  flex-direction: row;
  gap: 12px;
  max-width: 200px;
  overflow: hidden;
}

.project-metrix-row img {
  width: 2.5rem;
  height: 2.5rem;
}

.project-metrix-row-block {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-between;
  width: 100%;
}

.project-metrix-text {
  text-wrap: nowrap;
}

.project-metrix-title {
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%;
	text-wrap: wrap;
	min-width: 60px;
}

.project-params .fw-bold {
  font-weight: bold;
}

.project-params .rotating {
  height: 57px;
  width: 69px;
}

.project-params > div, .project-params > div > div > div {
  display: flex;
}

.project-payment {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: 48px 0;
}

.project-payment-form {
  align-items: flex-start;
  align-self: stretch;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  padding: 48px;
}

.project-payment-form .b24-form-btn-container {
  padding-top: 10px;
}

.project-payment-form .b24-form-content form, .project-payment-form .b24-form-content form > div, .form-request-block .b24-form-content form, .form-request-block .b24-form-content form > div, .consultation-block .b24-form-content form, .consultation-block .b24-form-content form > div, .commercial-premises-section .b24-form-content form, .commercial-premises-section .b24-form-content form > div {
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}

.project-payment-form .project-payment-form-block-2, .project-payment-form .b24-form {
  width: 100%;
}

.project-payment-form input.b24-form-control {
  background: #f4f6fb !important;
}

.project-payment-form-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.project-payment-form-policy {
  color: var(--neutral-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.project-payment-form-title {
  color: var(--black);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 16px;
}

.project-payment-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}

.project-payment-grid-item {
  align-items: flex-start;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 64px;
  min-width: calc(50% - 20px);
  padding: 32px 40px;
  width: calc(50% - 20px);
}

.project-payment-grid-item-desc span {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.project-payment-grid-item-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.project-payment-grid-item-value {
  color: var(--blue);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.project-payment-title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 32px;
}

.project-payment-wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-between;
}

.project-whatis {
  padding: 48px 0;
  width: 100%;
}

.project-whatis-choose-btn {
  align-items: center;
  background-color: #ebf3ff;
  border-radius: 100px;
  color: var(--black);
  display: flex;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  gap: 16px;
  line-height: 120%;
  padding: 10px 24px 10px 10px;
}

.project-whatis-choose-icon {
  height: 32px;
  width: 32px;
}

.project-whatis-desc p {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.project-whatis-img {
  background-image: url("/images/project/project-whatis-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
}

.project-whatis-like {
  color: var(--blue);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  padding-top: 20px;
}

.project-whatis-text-block {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: space-between;
  min-height: 519px;
  padding: 56px;
}

.project-whatis-text-block-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.project-whatis-text-block-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.project-whatis-title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.project-whatis-wrapper {
  background-color: var(--white);
  border-radius: 8px 20px 20px 8px;
  display: flex;
  gap: 0;
}

.project-whatis-wrapper > div {
  width: 50%;
}

.projects_catalog .catalog-section-item {
  height: auto;
  justify-content: left;
  overflow: unset;
}

.projects_catalog_loader {
  opacity: 0.7;
}

.projects_catalog_loader::after {
  animation: loading 2s linear infinite;
  border-radius: 50px;
  border-top-color: black;
  border: 5px solid grey;
  content: "";
  display: block;
  height: 50px;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  opacity: 1;
  position: absolute;
  top: 50%;
  width: 50px;
}

.question-block {
  align-items: flex-start;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 48px 0;
  overflow: hidden;
  width: 1204px;
}

.question-block-agreement-row {
  color: var(--white);
  font-size: 12px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
  opacity: 0.6;
  opacity: 0.6;
}

.question-block-form {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 72px;
  width: 620px;
}

.question-block-form-row {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 16px;
  z-index: 5;
}

.question-block-form-wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 32px;
  z-index: 10;
  z-index: 10;
}

.question-block-heading {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.question-block-main-text {
  color: var(--white);
  font-size: 24px;
  font-size: 48px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.question-block-name-field {
  align-items: center;
  background: var(--white);
  border-radius: 8px;
  border: 0;
  box-sizing: border-box;
  color: var(--neutral-500);
  display: flex;
  flex: 1 0 0;
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  gap: 10px;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 12px;
}

.question-block-secondary-text {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
}

.question-block-submit-field {
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--white);
  box-sizing: border-box;
  box-sizing: border-box;
  color: var(--white);
  cursor: pointer;
  cursor: pointer;
  display: flex;
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 24px;
}

.question-image-block {
  bottom: -161.567px;
  height: 529.567px;
  position: absolute;
  right: -64.022px;
  width: 623.022px;
}

.question-inner-wrapper {
  align-items: flex-start;
  align-self: stretch;
  background: var(--blue);
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 247px;
  justify-content: center;
  padding: 32px 48px;
  position: relative;
  position: relative;
}

.questions-body-item {
  background: var(--white);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem 2rem;
}

.questions-body-item-circle {
  align-items: center;
  background: var(--blue);
  border-radius: 50%;
  display: flex;
  height: 32px !important;
  justify-content: center;
  margin-left: 20px;
  width: 32px !important;
}

.questions-body-item-circle-minus {
  display: none;
}

.questions-body-item-circle.inactive, .questions-body-item-desc.inactive {
  display: none;
}

.questions-body-item-circle.active, .questions-body-item-desc.active {
  display: inherit;
}

.questions-body-item-desc {
  background-color: var(--white);
  background-color: var(--grey-500);
  border-radius: 0 0 8px 8px;
  color: var(--neutral-500);
  display: none;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  height: auto !important;
  line-height: 130%;
  padding: 0 32px 20px 32px;
}

.questions-body-item-head {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}

.questions-body-item-title {
  background-color: var(--white);
  background-color: var(--grey-500);
  border-radius: 8px 8px;
  color: var(--color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-top: 20px;
  padding: 20px 32px;
  width: 100%;
}

.questions-body-item-title:first-child {
  border-radius: 8px 8px 0 0;
}

.questions-head-desc {
  color: var(--blue);
  display: none;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  width: 100%;
}

.questions-section {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 0;
}

.questions-section-body {
  display: flex;
  flex-direction: column;
}

.questions-section-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.questions-section-none {
  display: none;
}

.questions-section-none.questions-section-active {
  display: block;
}

.questions-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 3rem 0;
}

.right-top {
  width: 50%;
}

.section-list-view-block {
  align-items: center;
  background: var(--white);
  border-radius: 8px;
  display: none;
  height: 44px;
  justify-content: space-around;
  margin-top: 0.5rem;
  padding: 6px;
  width: 210px;
}

.section-list-view-item {
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  color: var(--neutral-500);
  display: flex;
  font-size: 16px;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  padding: 0 16px;
}

.section-list-view-item-active {
  background: var(--blue);
  color: var(--white);
}

.section-position-filter {
  display: flex;
  flex-direction: column;
  padding: 70px 20px 48px 20px;
}

.section-position-filter-header {
  align-items: center;
  display: flex;
  gap: 2.5rem;
  margin-bottom: 2rem;
}

.section-position-filter-item {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.section-position-filter-sort {
  position: relative;
  cursor: pointer;
}
.section-position-filter-sort.show .section-position-filter-sort-btn {
  background: var(--blue);
}
.section-position-filter-sort.show .section-position-filter-sort-btn path {
  fill: #fff;
}
.section-position-filter-sort.show .section-position-filter-sort-modal {
  display: block;
}
.section-position-filter-sort-btn {
  background: #fff;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-position-filter-sort-modal {
  background: #fff;
  position: absolute;
  top: 3.25rem;
  right: 0;
  width: 16rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  z-index: 10;
  display: none;
}
.section-position-filter-sort-modal.show {
  display: block;
}
.section-position-filter-sort-modal-item {
  background: #fff;
  border-radius: 0.5rem;
  padding: 0.75rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 130%;
}
.section-position-filter-sort-modal-item.active, .section-position-filter-sort-modal-item:hover {
  background: var(--secondary);
  color: var(--blue);
  font-weight: 600;
}

.section-position-filter-list {
  align-items: center;
  display: flex;
  gap: 0.875rem;
}

.section-position-filter-right {
  align-items: center;
  display: flex;
  gap: 0.875rem;
  width: 100%;
}

.section-news-filter-right {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 2.75rem;
  gap: 0.875rem;
  width: 100%;
}

.section-position-filter-title {
  font-size: 36px;
  margin-right: auto;
  display: flex;
  gap: 0.625rem;
  white-space: nowrap;
}
.section-position-filter-title span {
  color: var(--blue);
}

.section-position-find {
  color: var(--blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin: 24px 0;
}

.section-position-item {
  background: var(--white);
  border-radius: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 200px;
  padding: 24px;
}

.section-position-item-head {
  align-items: center;
}

.section-position-item-salary {
  border-top: 1px solid var(--neutral-100);
  margin-top: auto;
  padding-bottom: 8px;
  padding-top: 18px;
}

.section-position-item-tag {
  background: #ebf3ff;
  border-radius: 4px;
  color: var(--blue);
  font-size: 14px;
  font-weight: 500;
  padding: 6px 8px;
}

.section-position-item-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 20px;
}

.section-position-item-title {
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
  line-height: 130%;
}

.section-position-list {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 40px;
}

.section-position-list .position-modal {
  padding: 0;
}

.section-position-salary-link {
  background: var(--blue);
  border-radius: 100px;
  height: 32px;
  padding: 8px;
  width: 32px;
}

.section-position-salary-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.section-vacancy {
  display: flex;
  flex-direction: column;
  gap: 48px;
  height: 637px;
  justify-content: flex-end;
  max-width: 660px;
  padding: 0 40px 120px;
  position: relative;
  z-index: 10;
}

.section-vacancy-head {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.section-vacancy-head-desc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.section-vacancy-head-title {
  color: var(--white);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.section_commerce_clean {
  margin-top: 692px;
  position: relative;
}

.see-vacancy {
  align-items: center;
  background: var(--blue);
  border-radius: 8px;
  color: var(--white);
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  width: 201px;
}

.see-vacancy:hover {
  color: var(--white);
}

.seo {
  padding: 1rem 0;
  padding-top: 0;
  position: relative;
}

.seo ul, .seo ol {
  padding-left: 2rem;
}

.seo-fade {
  align-items: center;
  background: linear-gradient(180deg, rgba(236, 238, 242, 0) 0, #eceef2 100%);
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 5.25rem;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
}

.seo-more {
  bottom: 0;
  display: flex;
  justify-content: center;
  padding: 0 !important;
  position: absolute;
  width: 100%;
}

.seo.hide .seo-more {
  position: relative;
}

.seo.hide .text {
  height: 100px;
  overflow: hidden;
}

.service-card-big-text {
  font-size: 32px;
  font-size: 32px;
}

.service-card-button {
  align-items: center;
  background: var(--white);
  border-radius: 8px;
  color: var(--blue);
  cursor: pointer;
  cursor: pointer;
  display: flex;
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 8px 24px;
}

.service-card-button-block {
  align-items: center;
  display: flex;
  gap: 16px;
}

.service-card-img {
  height: 80px;
  width: 80px;
}

.service-card-inner-wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.service-card-main-text {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.service-card-outer-wrapper {
  align-items: flex-start;
  background: var(--white);
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 10px;
  height: 290px;
  justify-content: flex-end;
  min-height: 290px;
  min-width: 300px;
  padding: 36px 40px;
}

.service-card-active-wrapper {
  background: var(--blue);
}

.service-card-sub-text {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
}

.service-card-sub-text ul {
  margin-left: 1rem;
}

.service-card-sub-text, .service-card-sub-text ul, .service-card-sub-text p, .service-card-sub-text span, .service-card-sub-text a, .service-card-sub-text li {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.service-card-active-text {
  color: var(--white);
}

.share-dialog {
  position: absolute;
  top: 0px;
  z-index: 1000;
}

.share-dialog-inner-left {
  background: scroll transparent url("/local/templates/galereya_2024/images/background.gif") right center no-repeat;
  padding: 0 1px 1px 4px;
}

.share-dialog-inner-right {
  background: scroll transparent url("/local/templates/galereya_2024/images/background-right.gif") left center no-repeat;
  padding: 0 4px 1px 1px;
}

.share-dialog-left {
  left: 18px;
}

.share-dialog-right {
  right: 18px;
}

.share-window-parent {
  position: relative;
}

.single-card {
  align-items: center;
  align-self: stretch;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  justify-content: flex-end;
  padding: 36px 40px;
}

.single-card-inner-wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.single-card-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.slick-arrow {
  background-image: url(/images/main/arrow_left.png);
  background-position: center;
  background-repeat: no-repeat;
  color: var(--blue);
  font-size: 0;
  height: 38px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(50% - 30px);
  width: 38px;
  z-index: 20;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow.slick-next {
  background-image: url("/images/main/arrow_right.png");
  right: 0;
}

.slick-arrow.slick-prev {
  background-image: url("/images/main/arrow_left.png");
  left: 0;
}

.small-card {
  align-items: flex-start;
  align-self: stretch;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 10px;
  justify-content: flex-end;
  padding: 36px 40px;
}

.small-card-inner-wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.socnet svg {
  padding-right: 5px;
}

.spheres {
  padding: 5rem 0 3rem;
}

.spheres_card {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin-bottom: 20px;
  min-height: 320px;
  padding: 2rem;
  position: relative;
}

.spheres_card img {
  max-width: 70px;
  width: 100%;
}

.spheres_card_bg {
  background-size: cover;
  justify-content: end;
}

.spheres_card_bg .spheres_card_desc {
  color: var(--white);
  position: relative;
  z-index: 20;
}

.spheres_card_bg .spheres_card_title {
  color: var(--white);
  margin-bottom: 2rem;
  position: relative;
  z-index: 20;
}

.spheres_card_big {
  min-height: 660px;
  overflow: hidden;
}

.spheres_card_desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-top: 1rem;
}

.spheres_card_gradient {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.34%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.34%, rgba(0, 0, 0, 0.6) 100%), linear-gradient(104deg, rgba(20, 20, 20, 0.6) 14.59%, rgba(0, 0, 0, 0) 60.53%);
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}

.spheres_card_title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  margin-top: 1rem;
}

.spheres_col {
  width: 100%;
}

.spheres_col12 {
  flex-basis: 50%;
}

.spheres_col13 {
  flex-basis: 33.3%;
}

.spheres_col23 {
  flex-basis: 66.6%;
}

.spheres_flex {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.statistic-item-desc {
  color: var(--grey-200);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.statistic-item-img {
  border-radius: 8px;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.statistic-item-title {
  color: var(--black);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.still-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.still-body .b24-form-success .b24-form-state-text p {
  margin-top: -15px !important;
}

.still-body-form {
  display: flex;
  gap: 1rem;
}

.still-body-form-input {
  background: var(--white);
  border-radius: 0.5rem;
  border: none;
  color: var(--neutral-500);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  height: 2.75rem;
  line-height: 130%;
  outline: none;
  padding: 0.75rem;
  width: 14.3rem;
}

.still-body-form-input::-moz-placeholder {
  color: var(--neutral-500);
}

.still-body-form-input::placeholder {
  color: var(--neutral-500);
}

.still-body-form-input:focus {
  border: 1px solid var(--grey-200);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}

.still-body-form-submit {
  background: var(--blue);
  border-radius: 0.5rem;
  border: 1px solid var(--white);
  color: var(--white);
  cursor: pointer;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  height: 2.75rem;
  line-height: 130%;
  padding: 0.5rem 1.5rem;
}

.still-body-link {
  color: var(--white);
  text-decoration: underline;
}

.still-body-title {
  color: var(--white);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  opacity: 0.6;
}

.still-head {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.still-head-desc {
  color: var(--white);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.still-head-title {
  color: var(--white);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.still-img {
  right: 0;
}

.still-questions {
  margin-bottom: 3rem;
}

.still-questions .b24-form {
  width: 100%;
}

.still-questions .b24-form-btn, .still-questions .b24-form-btn:hover {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--white);
  width: 150px;
}

.still-questions .b24-form-btn-block {
  padding: 0;
}

.still-questions .b24-form-content form {
  gap: 12px;
}

.still-questions .b24-form-content form > div {
  gap: 20px;
}

.still-questions .b24-form-content form input, .be-partner-block .b24-form-content form input {
  margin-right: 20px;
}

.still-questions .b24-form-field {
  margin-bottom: 0;
  padding-bottom: 0;
}

.still-questions .b24-form-state-inner {
  height: 44px;
  top: 0 !important;
}

.still-questions .b24-form-success-icon {
  background-image: none !important;
  height: 0 !important;
  margin: 0 !important;
  width: 0 !important;
}

.still-questions-section {
  background-image: url("/images/still-questions-icon.svg");
  background-position: right;
  background-repeat: no-repeat;
  background: var(--blue);
  border-radius: 0.5rem;
  display: flex;
  height: 15.4375rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.still-questions-section-img {
  bottom: 0;
  position: absolute;
  right: 0;
}

.still-questions-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem 3rem;
  position: relative;
  z-index: 1;
}

.submit-form-wrapper {
  align-items: center;
  background: var(--blue);
  border-radius: 8px;
  display: flex;
  height: 44px;
  justify-content: center;
  padding: 8px 24px;
  cursor: pointer;
}

.submit-form-wrapper-text {
  border: none;
  color: var(--white);
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  line-height: 130%;
}

.subscribe-block {
  align-items: flex-start;
  align-self: stretch;
  box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.subscribe-block .b24-form, .subscribe-block .b24-form-btn-block {
  width: 100%;
}

.subscribe-block .b24-form-content form input {
  width: calc(100% - 10px);
}

.subscribe-block .b24-form-content form, .subscribe-block .b24-form-content form > div {
  flex-direction: column !important;
  width: 100%;
}

.subscribe-block-inner-wrapper {
  align-items: flex-start;
  align-self: stretch;
  background: var(--blue);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 563px;
  justify-content: center;
  padding: 32px 96px;
  position: relative;
  position: relative;
}

.subscribe-block-wrapper {
  align-items: flex-start;
  box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 48px 0;
  width: 1204px;
}

.subscribe-block-wrapper .b24-form-btn {
  border: 1px solid var(--white);
}

.subscribe-block-wrapper .b24-form-state-container .b24-form-loader, .b24-form-state-container .b24-form-state {
  border-radius: 8px !important;
}

.subscribe-block-wrapper .b24-form-success {
  margin-top: 30px;
}

.subscribe-block-wrapper .b24-from-state-on .b24-form-state-container {
  border-radius: 8px !important;
}

.subscribe-email-input {
  align-items: center;
  align-self: stretch;
  background: var(--white);
  border-radius: 8px;
  box-sizing: border-box;
  box-sizing: border-box;
  color: var(--neutral-500);
  display: flex;
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  gap: 10px;
  height: 44px;
  justify-content: center;
  line-height: 130%;
  padding: 12px;
}

.subscribe-email-submit {
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--white);
  color: var(--white);
  color: var(--white);
  display: flex;
  gap: 4px;
  height: 44px;
  justify-content: center;
  padding: 8px 24px;
}

.subscribe-img {
  bottom: 147px;
  height: 268px;
  position: absolute;
  right: 163.538px;
  width: 350.462px;
}

.subscribe-info-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 408px;
}

.subscribe-info-text {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.subscribe-info-text-main {
  color: var(--white);
  font-size: 36px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.subscribe-info-text-sub {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 400;
  line-height: 130%;
}

.subscribe-social {
  padding: 3rem 0;
}

.subscribe-social-body {
  display: flex;
  gap: 0.75rem;
}

.subscribe-social-button {
  align-items: center;
  border-radius: 0.5rem;
  border: 1px solid var(--white);
  display: flex;
  gap: 0.25rem;
  height: 2.75rem;
  justify-content: center;
  padding: 0.5rem 1.5rem;
}

.subscribe-social-button-text {
  color: var(--white);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.subscribe-social-desc {
  color: var(--white);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.subscribe-social-head {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.subscribe-social-img {
  height: 36.6875rem;
  position: absolute;
  right: 2.8125rem;
  top: -5.0625rem;
  width: 33.8125rem;
}

.subscribe-social-section {
  background: var(--blue);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  height: 31.625rem;
  justify-content: center;
  padding: 2rem 6rem;
  position: relative;
}

.subscribe-social-title {
  color: var(--white);
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.subscribe-social-wrapper {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  max-width: 25.5rem;
}

.tagline {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: -100px;
  padding: 0 20px;
  position: relative;
  width: 1204px;
  z-index: 10;
  z-index: 100;
}

.tagline-text {
  color: var(--black);
  flex: 1 0 0;
  font-size: 48px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
  max-width: 960px;
  text-align: center;
}

.highlited {
  color: var(--blue);
}

.timer {
  align-items: center;
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-weight: bold;
  justify-content: center;
}

.timer p {
  color: var(--white);
  position: relative;
}

.timer__item {
  margin-left: 10px;
  margin-right: 10px;
  min-width: 60px;
  padding-bottom: 15px;
  position: relative;
  text-align: center;
}

.timer__item::before {
  bottom: 0;
  content: attr(data-title);
  display: block;
  font-size: 14px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.timer__item:not(:last-child)::after {
  content: ": ";
  position: absolute;
  right: -15px;
}

.timer__items {
  display: flex;
  font-size: 48px;
}

.title {
  color: var(--color);
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
}

.tmp-wrapp {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.tooltip {
  background-color: #333;
  border-radius: 5px;
  color: var(--white);
  font-size: 12px;
  left: 50%;
  opacity: 0;
  padding: 5px;
  position: absolute;
  text-align: center;
  top: -30px;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  visibility: hidden;
  z-index: 1;
}

.tooltip.show {
  opacity: 1;
  visibility: visible;
}

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

.type-badge {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background-blend-mode: plus-darker, difference;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), rgba(0, 0, 0, 0.4);
  border-radius: 100px;
  color: var(--white);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  height: auto !important;
  line-height: 130%;
  padding: 4px 8px !important;
  width: auto !important;
}

.ui-ear, .ui-ear:hover {
  opacity: 1;
}

.ui-ear-left {
  background-image: url("/images/main/arrow_left.png");
  margin-left: -19px !important;
}

.ui-ear-right {
  background-image: url("/images/main/arrow_right.png");
  margin-right: -19px !important;
}

.ui-ears-wrapper, .partners-wrapper {
  overflow: visible;
}

.ui-ears-wrapper-sm .ui-ear-left, .ui-ears-wrapper-sm .ui-ear-right {
  background-size: contain;
}

.upload-photo-block {
  align-items: flex-start;
  align-self: stretch;
  cursor: pointer;
  display: flex;
  gap: 16px;
}

.upload-photo-icon {
  height: 24px;
  width: 24px;
}

.upload-photo-inner-wrapper {
  align-items: center;
  background: #e8f1ff;
  border-radius: 8px;
  border: 1px dashed var(--blue);
  display: flex;
  flex: 1 0 0;
  gap: 16px;
  height: 102px;
  justify-content: center;
  padding: 8px 24px;
}

.upload-photo-text {
  color: var(--blue);
  font-feature-settings: "ss11" on, "ss09" on, "ss03" on, "ss08" on, "liga" off;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  line-height: normal;
}

.vac-collegue-block {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}

.vac-collegue-img {
  background-position: center;
  background-size: contain;
  height: 240px;
  margin: 20px auto;
  width: 240px;
}

.vac-collegue-item {
  background-color: var(--white);
  border-radius: 8px;
  box-sizing: border-box;
  margin: 0 10px;
  padding: 0;
  width: 33%;
}

.vac-dream {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 150px !important;
  width: 100%;
}

.vac-dream > div {
  margin: 0 0 40px 0 !important;
  padding: 0 !important;
  width: 100%;
}

.vac-dreams {
  margin: 0 !important;
  padding: 0 !important;
}

.vac-expect {
  width: var(--width);
}

.vac-expect-block {
  align-content: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 10px;
}

.vac-expect-item {
  padding: 0 10px;
}

.vac-expect-item .full-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  height: 400px;
  width: 100%;
}

.vac-expect-item .image-caption h3 {
  color: var(--white);
}

.vac-item {
  border-radius: 8px;
  margin: 20px 0;
}

.vac-item .col-5 p, .vac-item .col-5 h2 {
  padding: 10px 0;
}

.vac-item .col-7 p {
  padding: 20px 0;
}

.vac_dreams h2 {
  font-size: 48px;
}

.vac_growth {
  display: flex;
  justify-content: center;
  padding: 60px 0;
}

.vac_growth .mySwiper {
  display: flex;
  justify-content: space-between;
}

.vac_growth .ui-ears-wrapper {
  margin: 0 auto;
  width: calc(var(--width) - 40px);
}

.vac_vacancy_block {
  padding: 0 20px;
}

.vac_vacancy_title h2 {
  font-size: 48px;
  margin-bottom: -20px;
}

.vacancy-choice {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px 20px;
}

.vacancy-choice-item {
  align-items: flex-start;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: flex-end;
  padding: 36px 40px;
}

.vacancy-choice-item-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.vacancy-choice-item-img {
  height: 70px;
  width: 70px;
}

.vacancy-choice-item-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.vacancy-choice-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.vacancy-choice-wrapper {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.vacancy-click {
  padding: 48px 20px;
}

.vacancy-click-button {
  background: var(--white);
  border-radius: 8px;
  border: none;
  color: var(--blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  padding: 0.5rem 1rem;
  width: 201px;
  z-index: 1;
}

.vacancy-click-desc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  max-width: 660px;
  z-index: 1;
}

.vacancy-click-img {
  bottom: -160px;
  height: 529px;
  position: absolute;
  right: 0;
  width: 623px;
}

.vacancy-click-title {
  color: var(--white);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  z-index: 1;
}

.vacancy-click-wrapper {
  background: var(--blue);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 247px;
  justify-content: center;
  overflow: hidden;
  padding: 32px 48px;
  position: relative;
  z-index: 1;
}

.vacancy-coworker {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px 20px;
}

.vacancy-coworker .ui-ear-left {
  background-image: url("/images/main/arrow_left_white.png");
  margin-left: 20px !important;
}

.vacancy-coworker .ui-ear-right {
  background-image: url("/images/main/arrow_right_white.png");
  margin-right: 20px !important;
}

.vacancy-coworker-actions {
  display: flex;
  justify-content: space-between;
  padding: 0 40px;
  position: absolute;
  width: 100%;
}

.vacancy-coworker-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.vacancy-coworker-info-body {
  background: var(--blue);
  border-radius: 8px;
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 100%;
  line-height: 130%;
  padding: 32px 40px;
  width: 383px;
}

.vacancy-coworker-lead {
  align-items: center;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 412px;
  padding: 32px 40px;
  width: 383px;
}

.vacancy-coworker-lead-box {
  border-radius: 200px;
  display: flex;
  height: 257px;
  justify-content: center;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  position: relative;
  width: 213px;
}

.vacancy-coworker-lead-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.vacancy-coworker-lead-img {
  height: auto;
  position: absolute;
  top: 0;
  width: 425px;
}

.vacancy-coworker-lead-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.vacancy-coworker-lead-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.vacancy-coworker-left, .vacancy-coworker-right {
  align-items: center;
  background: var(--white);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 14px;
}

.vacancy-coworker-slide-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  height: 704px;
  min-width: 761px;
  width: 761px;
}

.vacancy-coworker-slider {
  align-items: center;
  border-radius: 8px;
  display: flex;
  gap: 20px;
  height: 704px;
  overflow: hidden;
  position: relative;
  width: 761px;
}

.vacancy-coworker-slider .slick-slide {
  border-radius: 0.5rem;
  overflow: hidden;
}

.vacancy-coworker-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.vacancy-coworker-wrapper {
  display: flex;
  gap: 20px;
}

.vacancy-efficiency {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px 20px;
}

.vacancy-efficiency-actions {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
}

.vacancy-efficiency-item {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 252px;
  justify-content: flex-end;
  padding: 40px;
  position: relative;
  width: 100%;
}

.vacancy-efficiency-item-desc {
  position: relative;
  z-index: 1;
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.vacancy-efficiency-item-number {
  color: var(--neutral-100);
  font-size: 128px;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  position: absolute;
  right: 40px;
  text-align: right;
  top: 0;
}

.vacancy-efficiency-item-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.vacancy-efficiency-left, .vacancy-efficiency-right {
  align-items: center;
  background: var(--blue);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 14px;
}

.vacancy-efficiency-slider {
  align-items: center;
  display: flex;
  position: relative;
}

.vacancy-efficiency-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.vacancy-efficiency-wrapper {
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  overflow: hidden;
}

.vacancy-faq {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px 20px;
}

.vacancy-faq-active-desc {
  color: var(--neutral-600);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  max-width: 720px;
}

.vacancy-faq-active-head {
  align-items: center;
  display: flex;
  gap: 12px;
}

.vacancy-faq-active-img {
  align-items: center;
  background: var(--blue);
  border-radius: 100px;
  display: flex;
  height: 28px;
  justify-content: center;
  padding: 8px;
  width: 28px;
}

.vacancy-faq-active-item {
  background: #f4f9ff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 16px;
  width: 100%;
}

.vacancy-faq-active-title {
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.vacancy-faq-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.vacancy-faq-body-active {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.vacancy-faq-body-item {
  background: var(--white);
  border-radius: 8px;
  padding: 20px 32px;
}

.vacancy-faq-button-active {
  display: block;
}

.vacancy-faq-head {
  display: flex;
  justify-content: space-between;
}

.vacancy-faq-head-actions {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  height: 40px;
  padding: 4px;
}

.vacancy-faq-head-button {
  align-items: center;
  color: var(--neutral-500);
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  justify-content: center;
  line-height: 130%;
  padding: 0px 16px;
  cursor: pointer;
}

.vacancy-faq-head-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.vacancy-faq-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.vacancy-faq-item-plus, .vacancy-faq-item-minus {
  background: var(--blue);
  border-radius: 100px;
  cursor: pointer;
  display: none;
  height: 32px;
  padding: 8px;
  width: 32px;
}

.vacancy-faq-item-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.faq-head-active {
  background: var(--blue);
  border-radius: 4px;
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.vacancy-height {
  display: flex;
  flex-direction: column;
  gap: 32px;
  overflow: hidden;
  padding: 48px 20px;
}

.vacancy-height-icon {
  height: 39px;
  width: 49px;
}

.vacancy-height-item {
  background: var(--blue);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 473px;
  justify-content: flex-end;
  min-width: 332px;
  padding: 32px 40px;
}

.height-item-img {
  background: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.vacancy-height-item-desc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.vacancy-height-item-title {
  color: var(--white);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.vacancy-height-item1 {
  background: var(--blue);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 473px;
  justify-content: flex-end;
  min-width: 332px;
  padding: 32px 40px;
  width: 332px;
}

.vacancy-height-items {
  display: flex;
  gap: 20px;
  width: calc(var(--width) - 332px - 60px);
}

.vacancy-height-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.vacancy-height-wrapper {
  display: flex;
  gap: 2rem;
  overflow: hidden;
  width: 100vw;
}

.vacancy-motivation {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px 20px;
}

.vacancy-motivation-item {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 216px;
  justify-content: flex-end;
  padding: 32px 40px;
  position: relative;
}

.vacancy-motivation-item-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.vacancy-motivation-item-icon {
  height: 70px;
  width: 70px;
}

.vacancy-motivation-item-img {
  border-radius: 8px;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.vacancy-motivation-item-title {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.vacancy-motivation-items {
  display: grid;
  gap: 20px;
}

.vacancy-motivation-salary {
  grid-template-columns: repeat(12, 1fr);
}

.vacancy-motivation-title {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.vacancy-motivation-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.motivation-adaptation {
  background: rgba(0, 0, 0, 0.6);
  grid-column: 9/13;
}

.motivation-education {
  grid-column: 10/13;
}

.motivation-events {
  grid-column: 1/6;
}

.motivation-events, .motivation-gift {
  background: rgba(0, 0, 0, 0.6);
}

.motivation-gift {
  grid-column: 6/10;
}

.motivation-grade {
  grid-column: 7/10;
}

.motivation-height {
  align-items: center;
  grid-column: 4/7;
}

.motivation-height-title {
  text-align: center;
}

.motivation-idea {
  grid-column: 1/5;
}

.motivation-item-color {
  color: var(--white);
}

.motivation-mentor {
  grid-column: 10/13;
}

.motivation-period {
  grid-column: 5/9;
}

.motivation-salary {
  grid-column: 1/4;
}

.vacancy-numbers {
  padding: 48px 20px;
}

.vacancy-numbers-title {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto 24px;
  max-width: 960px;
}

.vacancy-referral {
  padding: 48px 20px;
}

.vacancy-referral-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 480px;
}

.vacancy-referral-body-desc {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.vacancy-referral-body-subtitle {
  background: var(--blue);
  border-radius: 100px;
  color: #ebf3ff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  padding: 4px 8px;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
}

.vacancy-referral-body-title {
  color: var(--black);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.vacancy-referral-img {
  height: 490px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  right: 92px;
  top: -121px;
  width: 540px;
}

.vacancy-referral-wrapper {
  background: var(--white);
  border-radius: 8px;
  padding: 72px;
  position: relative;
}

.vacancy-slider2 {
  width: calc(var(--width) - 332px - 60px) !important;
}

.vacancy-statistic-item {
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 165px;
  justify-content: center;
  padding: 32px 40px;
  position: relative;
}

.vacancy-statistics {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  padding-top: 48px;
}

.vacancy-time {
  padding: 48px 20px;
}

.vacancy-time-button {
  background: var(--white);
  border-radius: 8px;
  border: none;
  color: var(--blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 44px;
  line-height: 130%;
  width: 350px;
}

.vacancy-time-desc {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.vacancy-time-img1 {
  position: absolute;
  right: 0;
  z-index: 1;
}

.vacancy-time-img2 {
  height: 405px;
  position: absolute;
  right: 186px;
  top: -43px;
  width: 327px;
  z-index: 5;
}

.vacancy-time-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 540px;
}

.vacancy-time-title {
  color: var(--white);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.vacancy-time-wrapper {
  align-items: center;
  background: var(--blue);
  border-radius: 8px;
  display: flex;
  height: 328px;
  justify-content: flex-start;
  padding: 32px 48px;
  position: relative;
}

.vacancy_company {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  position: relative;
}

.vacancy_company .row {
  box-sizing: border-box;
  margin: 0 auto !important;
  padding: 0 20px;
  width: var(--width);
}

.vacancy_company h2, .vacancy_company h4 {
  font-size: 24px;
}

.vacancy_company_bg {
  opacity: 0.3;
  position: relative;
  z-index: 50;
}

.vacancy_company_title {
  font-size: 36px;
  margin-bottom: 20px;
}

.vacancy_company_txt {
  color: var(--white) !important;
  margin-bottom: 20px;
  z-index: 100;
}

.vacancy_grade {
  background-position: center bottom;
  border-radius: 8px;
  box-sizing: border-box;
  height: 600px;
  margin: 20px;
  padding: 20px;
  width: calc(100% - 40px) !important;
}

.vacancy_grade h2.display-4 {
  color: var(--white);
}

.vacation-background-image {
  height: 745px;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  width: 100%;
  z-index: -1;
}

.vacation-image {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  height: 745px;
  position: absolute;
  top: 0;
  width: 100%;
}

.wide {
  box-sizing: border-box;
  width: 100%;
}

.work-example-block {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 48px 0;
  width: 1204px;
}

.work-example-content-block {
  align-self: stretch;
  display: flex;
  gap: 20px;
}

.work-example-dot-block {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 36px 40px;
  z-index: 10;
  z-index: 10;
}

.work-example-heading-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 2rem;;
}

.work-example-heading-main-text {
  color: var(--black);
  font-size: 32px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 700;
  line-height: 120%;
}

.work-example-heading-sub-text {
  color: var(--neutral-500);
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
}

.work-example-img {
  position: absolute;
  height: 100%;
  width: 100%;
}

.work-example-img-block {
  align-items: center;
  align-self: stretch;
  background: lightgray 50%/cover no-repeat;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-end;
  position: relative;
  width: 376px;
}

.work-example-info-big-block {
  align-items: flex-start;
  align-self: stretch;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 10px;
  justify-content: flex-end;
  padding: 36px 40px;
}

.work-example-info-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 20px;
}

.work-example-info-double-card-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1 0 0;
  gap: 20px;
}

.work-example-info-inner-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.work-example-small-image {
  height: 70px;
  width: 70px;
  width: 70px;
}

.work-example-text-wrapper {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 800px;
}

.ymaps-b-zoom {
  display: none !important;
}

.ymaps-image-with-content {
  background-image: url("/images/main/map_point.png") !important;
  background-size: 32px 39px !important;
  height: 39px !important;
  width: 32px !important;
}

.ymaps-layers-pane {
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
}

.ymaps-map {
  border-radius: 0.5rem;
}

.ymaps-map, .bx-yandex-map {
  width: 100% !important;
}

.docs-blocks-wrapper {
  gap: 2px;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.docs-blocks-wrapper .form-group {
  background: #e8f1ff;
  border-radius: 8px;
  border: 2px dashed #8cb1eb;
  margin-bottom: 1rem;
  padding: 1rem;
}
.docs-blocks-wrapper .d-flex.justify-content-end.mt-3 {
  display: flex;
  justify-content: center;
}

.gn-club-benefit-item {
  padding: 28px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  height: 260px;
  position: relative;
  display: flex;
}
.gn-club-benefit-item .gn-club-benefit-item-info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  justify-content: flex-end;
  width: 100%;
}
.gn-club-benefit-item .gn-club-benefit-item-desc {
  color: var(--neutral-500);
}
.gn-club-benefit-item .gn-club-benefit-item-title {
  color: var(--black);
}

.gn-club-benefit-item:first-child {
  padding: 48px;
  grid-column: 1/7;
  grid-row: 1/3;
  height: 543px;
}
.gn-club-benefit-item:first-child .gn-club-benefit-item-info {
  justify-content: flex-start;
}

.gn-club-benefit-item:nth-child(5) {
  grid-column: 10/13;
  grid-row: 2/3;
  background: var(--blue);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}
.gn-club-benefit-item:nth-child(5) .gn-club-benefit-item-title {
  color: var(--white);
}
.gn-club-benefit-item:nth-child(5) .gn-club-benefit-item-desc {
  color: var(--white);
}

.home_slider {
  margin-bottom: 2rem;
  height: 90vh;
  position: absolute;
  top: 0;
  width: 100%;
}
.home_slider_img {
  height: 90vh;
  margin: 0;
  padding: 0;
  width: 100%;
}
.home_slider_item {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 90vh;
  margin: 0;
  padding: 0;
  width: 100%;
}

.main_slider {
  width: 100%;
  height: 90vh;
  min-height: 700px;
  z-index: 10;
  position: relative;
  margin-top: -108px;
}
.main_slider_bullet {
  background: var(--white);
  border-radius: 1rem;
  color: var(--blue);
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  text-align: center;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
}
.main_slider_buttons {
  margin-top: 2rem;
}
.main_slider_buttons a {
  color: var(--white);
  text-decoration: none;
  background: var(--blue);
  padding: 10px 50px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
  z-index: 100;
}
.main_slider_white {
  color: var(--black);
}
.main_slider_white .main_slider_buttons a {
  color: var(--blue);
  background: var(--white);
}
.main_slider_white .main_slider_bullet {
  color: var(--blue);
  background: var(--white);
}
.main_slider_white .main_slider_desc {
  color: var(--grey);
}
.main_slider_data {
  color: var(--white);
  width: 45%;
}
.main_slider_desc {
  font-size: 20px;
  margin-bottom: 2rem;
}
.main_slider_left {
  cursor: url("/images/arrow-right-s-line.svg"), auto;
  left: 0;
}
.main_slider_pre {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 1rem;
}
.main_slider_right {
  cursor: url("/images/arrow-left-s-line.svg"), auto;
  right: 0;
  transform: rotate(180deg);
}
.main_slider_title {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.main_slider_wrapper {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 90vh;
  min-height: 700px;
  position: absolute;
  width: 100vw;
}
.main_slider section {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.main_slider_arrows {
  background: transparent;
  border-radius: 0;
  border: none;
  height: 90vh;
  min-height: 700px;
  position: absolute;
  top: 0;
  transition: all 400ms ease-in;
  width: 50%;
  z-index: 5;
}
.main_slider .slick-slide {
  margin: 0;
  min-height: 100vh;
}
.main_slider .slick-slider {
  height: 100%;
  margin: 0;
  width: 100%;
}

.main_slider .slick-list {
  height: 100%;
}

.snow_wrap {
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center bottom;
  position: fixed;
  overflow: hidden;
  inset: 0;
  pointer-events: none;
  z-index: 99999;
  display: none;
}

.snow_wrap.active {
  display: block;
}

.snow,
.snow:after,
.snow::before {
  content: "";
  position: absolute;
  top: -650px;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: radial-gradient(4px 4px at 100px 50px, #fff, transparent), radial-gradient(6px 6px at 200px 150px, #fff, transparent), radial-gradient(3px 3px at 300px 250px, #fff, transparent), radial-gradient(4px 4px at 400px 350px, #fff, transparent), radial-gradient(6px 6px at 500px 100px, #fff, transparent), radial-gradient(3px 3px at 50px 200px, #fff, transparent), radial-gradient(4px 4px at 150px 300px, #fff, transparent), radial-gradient(6px 6px at 250px 400px, #fff, transparent), radial-gradient(3px 3px at 350px 500px, #fff, transparent), radial-gradient(4px 4px at 550px 550px, #fff, transparent);
  background-size: 650px 650px;
  animation: SnowAnim 3s linear infinite;
}

.snow:after {
  margin-left: -250px;
  opacity: 0.5;
  filter: blur(2px);
  animation-direction: reverse;
  animation-duration: 6s;
}

.snow::before {
  margin-left: -350px;
  opacity: 0.7;
  filter: blur(1px);
  animation-direction: reverse;
  animation-duration: 9s;
}

@keyframes SnowAnim {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(650px);
  }
}
.partners-section-body {
  display: flex;
  left: -100%;
  gap: 1.25rem;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-left: -90px;
  position: relative;
  transform: translateX(100%);
}
@media (min-width: 40em) {
  .partners-section-body {
    left: -20%;
    transform: translateX(20%);
  }
}
@media (min-width: 30em) {
  .partners-section-body {
    left: -33.33333%;
    transform: translateX(33.33333%);
  }
}

.partners-section-body.is-reversing {
  transform: translateX(-100%);
}
@media (min-width: 40em) {
  .partners-section-body.is-reversing {
    transform: translateX(-20%);
  }
}
@media (min-width: 30em) {
  .partners-section-body.is-reversing {
    transform: translateX(-33.33333%);
  }
}

.section.search-mode .section-search-results {
  display: block;
}
.section.search-mode .guide-mobile-btn {
  display: flex;
}
.section.search-mode .guide-mobile-categories {
  display: none;
}
.section-header {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2rem;
  position: relative;
}
@media (max-width: 48rem) {
  .section-header {
    margin-bottom: 1rem;
  }
}
.section-title {
  font-size: 2.25rem;
  margin-right: 1.375rem;
}
@media (max-width: 48rem) {
  .section-title {
    font-size: 1.5rem;
  }
}
.section-search {
  flex: 1;
  border-radius: 8px;
  background: #FFF;
  position: relative;
}
.section-search-input {
  width: 100%;
  background: var(--white);
  border-radius: 8px;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  gap: 4px;
  height: 44px;
  color: var(--neutral-900);
  padding: 12px;
  outline: none;
}
.section-search-input::-moz-placeholder {
  color: var(--neutral-400);
}
.section-search-input::placeholder {
  color: var(--neutral-400);
}
.section-search-input:focus-visible {
  border: 1px solid var(--blue);
}
.section-search-icon {
  position: absolute;
  right: 12px;
  top: 55%;
  transform: translateY(-50%);
}
.section-search-results {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--neutral-400);
  margin-bottom: 1rem;
  display: none;
}

.tab {
  display: grid;
  grid-template-columns: 18.75rem 1fr;
  gap: 1rem;
  align-items: flex-start;
}
@media (max-width: 48rem) {
  .tab {
    grid-template-columns: 1fr;
  }
}
.tab-navigation {
  background: var(--white);
  border-radius: 0.5rem;
  padding: 1rem;
}
.tab-navigation-item {
  border-radius: 0.5rem;
  width: 100%;
  height: 3.75rem;
  padding: 0 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
}
.tab-navigation-item .icon {
  width: 1.25rem;
  height: 1.25rem;
}
.tab-navigation-item .icon-line {
  display: block;
}
.tab-navigation-item .icon-active {
  display: none;
}
.tab-navigation-item:hover, .tab-navigation-item.active {
  background: var(--secondary);
  color: var(--blue);
}
.tab-navigation-item:hover .icon-line, .tab-navigation-item.active .icon-line {
  display: none;
}
.tab-navigation-item:hover .icon-active, .tab-navigation-item.active .icon-active {
  display: block;
}
.tab-body {
  display: grid;
  gap: 0.875rem;
}
.tab-body-item {
  background: var(--white);
  border-radius: 0.5rem;
}
.tab-body-item.active .tab-body-item-header {
  color: black;
}
.tab-body-item.active .tab-body-item-header span {
  margin-right: 0.25rem;
}
.tab-body-item.active .tab-body-item-header .icon {
  transform: rotate(0);
}
.tab-body-item.active .tab-body-item-footer {
  max-height: 30rem;
  padding: 1rem;
  padding-top: 0.25rem;
}
.tab-body-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  cursor: pointer;
}
.tab-body-item-header span {
  transition: 0.3s ease;
  margin-right: 0.25rem;
}
.tab-body-item-header:hover {
  color: var(--blue);
}
.tab-body-item-header:hover span {
  margin-right: 0.625rem;
}
.tab-body-item-header .name {
  font-size: 1rem;
  font-weight: 600;
  display: flex;
}
@media (max-width: 48rem) {
  .tab-body-item-header .name {
    font-size: 0.875rem;
  }
}
.tab-body-item-header .icon {
  transition: 0.5s ease;
  transform: rotate(-180deg);
}
.tab-body-item-footer {
  padding: 0 1rem;
  max-height: 0;
  transition: 0.5s ease;
  overflow: hidden;
}
.tab-body-item-footer .text {
  font-size: 0.875rem;
  color: var(--neutral-600);
}

.guide {
  padding: 3.75rem 0 0.75rem;
}
@media (max-width: 48rem) {
  .guide {
    padding-top: 1.625rem;
  }
}
.guide-rate {
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.875rem;
  margin-top: 0.875rem;
  border-top: 1px solid var(--neutral-100);
}
.guide-rate-form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.guide-rate-btn {
  background: var(--secondary);
  color: var(--blue);
  width: 5.625rem;
  height: 2rem;
}
.guide-rate-text-final {
  display: none;
}
.guide-useful {
  color: var(--neutral-500);
  font-size: 0.75rem;
  margin-bottom: 0.125rem;
}
.guide-answer {
  color: var(--neutral-900);
  font-size: 0.75rem;
}
.guide-form {
  display: none;
  margin-top: 0.375rem;
}
.guide-textarea {
  width: 100%;
  height: 3.75rem;
  border-radius: 8px;
  background: #F4F6FB;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border: none;
  resize: none;
}
.guide-textarea::-moz-placeholder {
  color: #B9C2D1;
}
.guide-textarea::placeholder {
  color: #B9C2D1;
}
.guide-btn {
  width: 100%;
}
.guide-item-footer.negative .guide-rate-form {
  display: none;
}
.guide-item-footer.negative .guide-form {
  display: block;
}
.guide-item-footer.final .guide-rate-form {
  display: none;
}
.guide-item-footer.final .guide-rate-text {
  display: none;
}
.guide-item-footer.final .guide-rate-text-final {
  display: block;
  font-size: 0.75rem;
  color: var(--neutral-900);
}
.guide-item-footer.final .guide-form {
  display: none;
}
@media (max-width: 48rem) {
  .guide-tab-body {
    display: none;
  }
}
.guide-mobile {
  background: var(--white);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 100dvh;
  display: none;
}
@media (max-width: 48rem) {
  .guide-mobile.active {
    display: block;
  }
}
.guide-mobile-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2.75rem;
  padding: 0 1rem;
}
.guide-mobile-header div {
  flex: 1;
}
.guide-mobile-header .name {
  white-space: nowrap;
  font-weight: 600;
  font-size: 1rem;
  color: var(--neutral-900);
}
.guide-mobile-search {
  margin: 0.5rem 1rem;
}
.guide-mobile-search .section-search-input {
  background: var(--neutral-100);
}
.guide-mobile-categories {
  padding: 0.5rem 1rem;
  display: flex;
  gap: 0.5rem;
  width: 100%;
  overflow-x: auto;
}
.guide-mobile-categories .tab-navigation-item {
  background: var(--secondary);
  padding: 0 1.75rem;
  width: -moz-fit-content;
  width: fit-content;
}
.guide-mobile-categories .tab-navigation-item .text {
  white-space: nowrap;
}
.guide-mobile-results {
  margin: 1rem 1rem 0.5rem;
}
.guide-mobile-body {
  padding: 0 1rem;
  overflow: auto;
  height: calc(100% - 11.25rem);
  padding-bottom: 1rem;
}
.guide-mobile-body .tab-body-item {
  border-bottom: 1px solid var(--neutral-100);
}
.guide-mobile-body .tab-body-item-header, .guide-mobile-body .tab-body-item-footer {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.guide-mobile-btn {
  height: 2.75rem;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  display: none;
}
.guide-mobile .guide-rate-btn {
  width: 3.875rem;
}
.slick-dots {
  position: absolute;
  bottom: 20px;
  display: flex;
  width: calc(100% - 2rem);
  left: 1rem;
  list-style: none;
  gap: 1rem;
}
.slick-dots li {
  height: 4px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(25px);
  width: 100%;
  border-radius: 2px;
}
.slick-dots li button {
  display: none;
}
.slick-dots li.slick-active {
  background: var(--blue);
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes product-item-hover {
  0% {
    border: 1px solid transparent;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    left: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    right: 0;
  }
  100% {
    border: 1px solid transparent;
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.19);
    left: -15px;
    padding-left: 15px;
    padding-right: 15px;
    right: -15px;
  }
}
@keyframes pulsing {
  0% {
    transform: rotate(-17deg) scale(0.7, 0.7);
  }
  100% {
    transform: rotate(-17deg) scale(0.7, 0.7);
  }
  50% {
    transform: rotate(0deg) scale(1, 1);
  }
}
@keyframes sheik {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(2deg);
  }
}
@media (max-width: 1204px) {
  .file-upload-container {
    gap: 4px;
  }
  .upload-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    width: 44px;
    height: 100%;
  }
  .upload-btn span{
    display: none;
  }
  #snowfall-btn {
    display: none;
  }
  .advice-img {
    order: 2;
  }
  .b24-form-state-container .b24-form-success .b24-form-state-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
  }
  .bx_filter_parameters_box:first-child {
    width: 36%;
  }
  .main-filter-area {
    width: 100%;
  }
  .cases-left-side-button-block {
    display: none;
  }
  .catalog-section {
    padding: 0 !important;
  }
  .catalog-section-container {
    display: block;
    flex-wrap: wrap;
  }
  .catalog-section-item {
    gap: 0 20px;
  }
  .catalog-section-item, .catalog-section-item-wrapper {
    width: 100%;
  }
  .catalog-section-item-card {
    width: 100%;
  }
  .choice-gn-body-block-3 {
    grid-column: 1/span 2;
    grid-row: 2;
  }
  .choice-gn-body-block-4 {
    grid-column: 1/span 2;
    grid-row: 3;
  }
  .choice-gn-section, .feedback-block {
    padding-left: 0;
    padding-right: 0;
  }
  .client-banner {
    gap: 142px;
    height: 641px;
    padding: 0 0 32px;
  }
  .client-banner-head {
    max-width: 414px;
  }
  .client-banner-img {
    height: 416px;
    right: -88px;
    top: 18px;
    width: 416px;
  }
  .client-building {
    gap: 40px;
    grid-template-columns: 1fr;
    padding: 32px 0;
  }
  .client-building-img {
    height: 388px;
  }
  .client-building-wrapper {
    gap: 16px;
  }
  .client-building-wrapper-desc br {
    display: none;
  }
  .client-need {
    padding: 48px 0;
  }
  .client-need-item {
    height: 207px;
  }
  .client-need-list {
    grid-template-columns: 1fr;
  }
  .client-question-form {
    padding: 32px 0;
  }
  .client-question-head {
    max-width: 100%;
  }
  .client-question-wrapper {
    flex-direction: column;
    gap: 32px;
    height: 354px;
    justify-content: flex-start;
    padding: 32px 48px;
  }
  .client-question-wrapper-img {
    display: none;
  }
  .client-service {
    padding: 32px 0;
  }
  .client-service-item {
    height: 412px;
    justify-content: flex-start;
  }
  .client-service-item-img {
    height: 47px;
    width: 47px;
  }
  .client-stage {
    padding: 32px 0;
  }
  .client-stage-item {
    height: 400px;
  }
  .client-stage-item:nth-child(10), .client-stage-item:nth-child(15), .client-stage-item:nth-child(5) {
    grid-column: 7/13;
  }
  .client-stage-item:nth-child(13), .client-stage-item:nth-child(3), .client-stage-item:nth-child(8) {
    grid-column: 1/13;
    height: 300px;
  }
  .client-stage-item:nth-child(14), .client-stage-item:nth-child(4), .client-stage-item:nth-child(9) {
    grid-column: 1/7;
  }
  .commercial-premises-form {
    flex-direction: row;
    width: 100%;
  }
  .commercial-premises-form-input, .commercial-premises-form-submit {
    height: 2.5rem;
    width: 100%;
  }
  .commercial-premises-info-body, .commercial-premises-info-form {
    max-width: 100%;
  }
  .commercial-premises-section {
    gap: 2.5rem;
    grid-template-areas: "body body" "slider slider" "form form";
    padding: 2rem 1.25rem;
  }
  .consultation-choice {
    padding: 32px 0;
  }
  .consultation-choice-body {
    max-width: 345px;
  }
  .consultation-choice-button {
    width: 131px;
  }
  .consultation-choice-container {
    padding: 32px 48px;
  }
  .consultation-choice-form {
    grid-template-columns: 1fr;
  }
  .consultation-choice-img {
    height: 353px;
    right: -60px;
    top: 84px;
    width: 379px;
  }
  .consultation-choice-select {
    grid-column: 1/3;
  }
  .consultation-dream {
    grid-template-columns: 1fr;
    padding: 32px 0;
  }
  .consultation-dream-body {
    border-radius: 0 0 16px 16px;
    border-radius: 0px 0px 16px 16px;
  }
  .consultation-dream-form-wrapp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .consultation-dream-img {
    border-radius: 16px 16px 0 0;
    border-radius: 16px 16px 0px 0px;
    height: 433px;
    width: 724px;
  }
  .consultation-head {
    height: 741px;
    padding: 0 0 32px;
  }
  .consultation-head-body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .consultation-head-img {
    right: -120px;
    top: 28px;
  }
  .consultation-head-main {
    max-width: 414px;
  }
  .consultation-hot {
    padding: 32px 0;
  }
  .consultation-hot-head {
    align-items: center;
  }
  .consultation-need {
    gap: 20px;
    padding: 32px 0;
  }
  .consultation-need-body {
    padding: 32px 48px;
  }
  .consultation-need-body-img1 {
    bottom: -72px;
    right: -148px;
  }
  .consultation-need-body-img2 {
    right: -3.5px;
    top: -53px;
  }
  .consultation-need-body-info {
    max-width: 400px;
  }
  .consultation-need-head-item-img {
    height: 168px;
    width: 256px;
  }
  .consultation-need-head-item:nth-child(1), .consultation-need-head-item:nth-child(3) {
    grid-column: 1/2;
  }
  .consultation-need-head-item:nth-child(2), .consultation-need-head-item:nth-child(4) {
    grid-column: 2/3;
  }
  .consultation-need-head-item:nth-child(5) {
    grid-column: 1/3;
  }
  .consultation-need-head-list {
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
  .consultation-step {
    padding: 32px 0;
  }
  .consultation-step-list {
    grid-template-columns: 1fr;
  }
  .find-face {
    padding: 2rem 1.25rem;
  }
  .find-face-image {
    bottom: -0.4375rem;
    height: 23.5rem;
    right: -3.6875rem;
    width: auto;
  }
  .find-face-section {
    padding: 0.625rem 4.5rem;
  }
  .form-body-confirm {
    align-items: center;
    flex-direction: column;
    max-width: 405px;
    width: 100%;
  }
  .form-body-create {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .form-button-create {
    grid-column: 1/4;
  }
  .get-consultation-form-input {
    width: 100%;
  }
  .get-consultation-section {
    padding: 2rem 0;
  }
  .get-consultation-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
  .gn-club-benefit {
    padding: 32px 0;
  }
  .gn-club-benefit-foot {
    height: 100%;
    overflow: hidden;
    padding: 32px 48px;
  }
  .gn-club-benefit-foot-img {
    height: 271.457px;
    right: -148px;
    width: 487px;
  }
  .gn-club-benefit-foot-info {
    max-width: 344px;
  }
  .gn-club-benefit-item {
    height: 100%;
    padding: 48px 32px;
  }
  .gn-club-benefit-item-img {
    bottom: -54px;
    height: 326px;
    right: -38px;
    width: 415px;
  }
  .gn-club-benefit-item:nth-child(2) {
    grid-column: 1/4;
    grid-row: 2/3;
  }
  .gn-club-benefit-item:nth-child(3) {
    grid-column: 4/7;
    grid-row: 2/3;
  }
  .gn-club-benefit-item:nth-child(4) {
    grid-column: 1/4;
    grid-row: 3/4;
  }
  .gn-club-benefit-item:nth-child(5) {
    grid-column: 4/7;
    grid-row: 3/4;
  }
  .gn-club-benefit-list {
    grid-template-columns: repeat(6, 1fr);
  }
  .gn-club-faq {
    gap: 32px;
    padding: 32px 0;
  }
  .gn-club-faq-head {
    gap: 40px;
  }
  .gn-club-faq-head-button-title {
    white-space: nowrap;
  }
  .gn-club-participant {
    padding: 32px 0;
  }
  .gn-club-participant-foot {
    height: 356px;
    overflow: hidden;
    padding: 32px;
  }
  .gn-club-participant-foot-img {
    bottom: 0;
    height: 290.727px;
    right: -96px;
    width: 435.198px;
  }
  .gn-club-participant-foot-info {
    width: 373px;
  }
  .gn-club-participant-item {
    padding: 32px;
  }
  .gn-club-participant-item-title {
    font-size: 18px;
  }
  .gn-club-participant-list {
    grid-template-columns: 1fr;
  }
  .gn-club-partners {
    gap: 32px;
    padding: 32px 0;
  }
  .gn-club-partners-head {
    gap: 40px;
  }
  .gn-club-partners-item {
    height: 243px;
  }
  .gn-club-partners-item-title {
    text-align: center;
  }
  .gn-club-partners-list {
    grid-template-columns: repeat(3, 228px);
  }
  .gn-club-wish {
    margin: 48px 0;
    overflow: hidden;
    padding: 32px 48px;
  }
  .gn-club-wish-form-wrapper {
    grid-template-columns: 1fr;
  }
  .gn-club-wish-img {
    right: -60px;
  }
  .gn-club-wish-info {
    width: 345px;
  }
  .gn-club-wish-submit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .height-item-photo {
    justify-content: start;
  }
  .height-item-photo-img {
    max-width: 213px;
  }
  .investments_flex {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .krisha-modal-body {
    gap: 16px;
  }
  .krisha-modal-form, .krisha-modal-form-wrapp, .krisha-modal-head {
    gap: 24px;
  }
  .krisha-modal-form-input {
    height: 64px;
  }
  .krisha-partners {
    width: 764px;
  }
  .krisha-partners-benefit-body {
    grid-template-columns: repeat(4, 1fr);
  }
  .krisha-partners-benefit-head-title {
    font-size: 40px;
    line-height: 48px;
  }
  .krisha-partners-benefit-item:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/5;
  }
  .krisha-partners-benefit-item:nth-child(10) {
    grid-column: 3/5;
    grid-row: 11/12;
  }
  .krisha-partners-benefit-item:nth-child(11) {
    grid-column: 1/3;
    grid-row: 12/13;
  }
  .krisha-partners-benefit-item:nth-child(12) {
    grid-column: 3/5;
    grid-row: 12/13;
  }
  .krisha-partners-benefit-item:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/4;
  }
  .krisha-partners-benefit-item:nth-child(3) {
    grid-column: 3/5;
    grid-row: 4/5;
  }
  .krisha-partners-benefit-item:nth-child(4) {
    grid-column: 1/3;
    grid-row: 5/6;
  }
  .krisha-partners-benefit-item:nth-child(5) {
    grid-column: 3/5;
    grid-row: 5/6;
  }
  .krisha-partners-benefit-item:nth-child(6) {
    grid-column: 1/3;
    grid-row: 6/11;
  }
  .krisha-partners-benefit-item:nth-child(7) {
    grid-column: 3/5;
    grid-row: 6/10;
  }
  .krisha-partners-benefit-item:nth-child(8) {
    grid-column: 1/3;
    grid-row: 11/12;
  }
  .krisha-partners-benefit-item:nth-child(9) {
    grid-column: 3/5;
    grid-row: 10/11;
  }
  .krisha-partners-benefit-wrapper {
    padding: 64px 20px;
    width: 764px;
  }
  .krisha-partners-condition-body {
    grid-template-columns: repeat(4, 1fr);
  }
  .krisha-partners-condition-head {
    gap: 48px;
  }
  .krisha-partners-condition-head-info {
    max-width: 400px;
  }
  .krisha-partners-condition-head-title {
    font-size: 40px;
    line-height: 48px;
  }
  .krisha-partners-condition-item:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .krisha-partners-condition-item:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .krisha-partners-condition-item:nth-child(3) {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .krisha-partners-condition-item:nth-child(4) {
    grid-column: 3/5;
    grid-row: 2/3;
  }
  .krisha-partners-condition-item:nth-child(5) {
    grid-column: 1/5;
    grid-row: 3/4;
  }
  .krisha-partners-condition-wrapper {
    padding: 64px 20px;
    width: 764px;
  }
  .krisha-partners-criterion-body {
    grid-template-columns: 1fr;
  }
  .krisha-partners-criterion-head {
    gap: 48px;
  }
  .krisha-partners-criterion-item {
    height: 220.75px;
  }
  .krisha-partners-criterion-item-img1 {
    left: 50%;
    right: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .krisha-partners-criterion-item-img2 {
    left: 65%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .krisha-partners-criterion-title {
    font-size: 40px;
    letter-spacing: 0.8px;
    line-height: 48px;
  }
  .krisha-partners-criterion-wrapper {
    padding: 64px 20px;
    width: 764px;
  }
  .krisha-partners-faq-item-head-title {
    letter-spacing: 0.48px;
    line-height: 32px;
    max-width: 600px;
  }
  .krisha-partners-faq-title {
    font-size: 40px;
    letter-spacing: 0.8;
    line-height: 48px;
  }
  .krisha-partners-faq-wrapper {
    padding: 64px 20px;
    width: 764px;
  }
  .krisha-partners-gn-head {
    flex-direction: column;
    height: 792px;
  }
  .krisha-partners-gn-info {
    max-width: 100%;
  }
  .krisha-partners-gn-info-subtitle {
    font-size: 40px;
    letter-spacing: 0.8px;
    line-height: 48px;
  }
  .krisha-partners-gn-wrapper {
    justify-content: space-between;
    padding: 64px 20px;
    width: 764px;
  }
  .krisha-partners-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .krisha-partners-head-info-title {
    font-size: 40px;
    letter-spacing: 0.8px;
    line-height: 48px;
  }
  .krisha-partners-krisha-head {
    flex-direction: column;
    height: 878px;
  }
  .krisha-partners-krisha-info {
    max-width: 100%;
  }
  .krisha-partners-krisha-info-subtitle {
    font-size: 40px;
    line-height: 48px;
  }
  .krisha-partners-krisha-wrapper {
    justify-content: space-between;
    padding: 64px 20px;
    width: 764px;
  }
  .krisha-partners-request-head-title {
    font-size: 40px;
    line-height: 48px;
  }
  .krisha-partners-request-img {
    right: -265px;
  }
  .krisha-partners-request-wrapper {
    padding: 72px 20px;
    width: 764px;
  }
  .krisha-partners-request-wrapper .b24-form-btn-block {
    width: 100%;
  }
  .krisha-partners-request-wrapper .b24-from-state-on .b24-form-state-container {
    width: 100%;
  }
  .krisha-section {
    margin: 0;
    padding: 0;
  }
  .krisha-section-footer-wrapper {
    padding: 60px 20px;
    width: 764px;
  }
  .login {
    grid-template-columns: 1fr;
    margin: 0;
    padding: 0 0 48px;
  }
  .login-advertising {
    display: none;
  }
  .login-form {
    height: 80vh;
    justify-content: center;
  }
  .login-form-body {
    flex-direction: row;
  }
  .login-form-get-button, .login-form-phone-input {
    width: 100%;
  }
  .login-form-personal-center {
    align-items: center;
  }
  .mailing {
    padding: 2rem 0;
  }
  .mailing .b24-form-content form {
    gap: 0;
  }
  .mailing .b24-form-content form .b24-form-field, .mailing .b24-form-content form input.b24-form-control {
    min-width: 100% !important;
    width: 100%;
  }
  .mailing .b24-form-content form > div.b24-form-btn-container, .mailing .b24-form-content form > div:first-child {
    width: 100%;
  }
  .mailing-img, .still-questions-section-img  {
    right: -7.70431rem;
    width: 26.43881rem;
  }
  .mailing-section {
    overflow: hidden;
  }
  .mailing-wrapper {
    gap: 1.5rem;
    width: 100%;
    z-index: 1;
  }
  .mailing-wrapper-foot {
    margin-top: 0.5rem;
  }
  .mailing-wrapper-foot-mail {
    width: 100%;
  }
  .mailing-wrapper-foot-submit {
    width: 100%;
  }
  .main-filter {
    padding-left: 0;
    padding-right: 0;
    padding-top: 2rem;
  }
  .map-section-list {
    padding: 0;
  }
  .main-filter-class, .main-filter-deadline {
    width: 100%;
  }
  .main-filter-container {
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .main-filter-price {
    max-width: 14rem;
  }
  .main-gn-club {
    gap: 76px;
    padding: 32px 0;
  }
  .main-gn-club-banner {
    position: relative;
  }
  .main-gn-club-info {
    gap: 48px;
    width: 424px;
  }
  .main-gn-club-info-img {
    height: 323px;
    position: absolute;
    right: -160px;
    width: 461.056px;
  }
  .main-gn-club-item-info {
    width: 211px;
  }
  .main-gn-club-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .main_slider_data {
    width: 100%;
  }
  .map-body {
    height: 10rem;
    max-width: 39.25rem;
  }
  .map-body-wrapper {
    width: 100vw;
  }
  .map-section {
    margin: 2rem 0;
  }
  .map-section-body {
    top: 27.5rem;
  }
  .motivation-adaptation {
    grid-column: 1/4;
  }
  .motivation-education {
    grid-column: 4/7;
  }
  .motivation-events {
    grid-column: 1/7;
    order: 1;
  }
  .motivation-gift {
    grid-column: 4/7;
  }
  .motivation-grade {
    grid-column: 1/4;
  }
  .motivation-height {
    grid-column: 5/7;
  }
  .motivation-idea {
    grid-column: 1/4;
  }
  .motivation-mentor {
    grid-column: 1/7;
    order: 2;
  }
  .motivation-period {
    grid-column: 4/7;
  }
  .motivation-salary {
    grid-column: 1/5;
  }
  .news-button {
    border-radius: 0.5rem;
    display: block;
    height: 2.5rem;
    padding: 0.5rem 1.5rem;
  }
  .news-detail {
    flex-direction: column;
    gap: 3rem;
  }
  .news-detail .news-detail-other-news {
    display: none;
  }
  .news-detail-other-news {
    flex-direction: row;
  }
  .news-filter-city, .news-filter-project {
    width: 10.125rem;
  }
  .news-filter-type {
    width: auto;
  }
  .news-filter-type-actions {
    flex-wrap: wrap;
  }
  .news-filter-container {
    display: flex;
    gap: 6px;
  }
  .news-list-container {
    grid-template-columns: repeat(2, 1fr);
    padding: 1.5rem 1.25rem;
  }
  .news-recommend-news {
    grid-template-columns: 1fr 1fr;
  }
  .news-recommend-news .news-detail-other-item:nth-child(3) {
    display: none;
  }
  .our-blog-section {
    padding: 2rem 0;
  }
  .our-blog-section-buttons {
    display: none;
  }
  .our-blog-section-slider {
    justify-content: start;
  }
  .our-history {
    padding: 64px 0 32px;
  }
  .our-history-body-wrapper {
    width: 100%;
  }
  .our-history-head {
    display: none;
  }
  .our-history-item-info {
    width: 644px;
  }
  .our-history-line {
    height: 1233px;
  }
  .partners-section {
    padding: 0 !important;
  }
  .partners-section-body {
    left: -31%;
    margin-left: -20px;
    transform: translateX(31%);
  }
  .partners-section-head {
    left: 0;
    position: relative;
  }
  .partners-wrapper {
    overflow: inherit;
  }
  .personal-account-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 20px;
    width: 100%;
  }
  .personal-account-left-menu-container {
    display: none;
  }
  .personal-account-menu-tablet {
    display: flex;
  }
  .personal-gn-club-empty-container {
    padding: 48px 24px;
  }
  .personal-gn-club-info {
    width: 332px;
  }
  .position-advice {
    padding: 32px 0;
  }
  .position-advice-item:nth-child(4) {
    order: 1;
  }
  .position-advice-items {
    grid-template-columns: repeat(2, 1fr);
  }
  .position-filter-buttons, .position-filter-item-select, .position-filter-search {
    width: 100%;
  }
  .position-modal-faq {
    grid-template-columns: auto;
    height: 90vh;
    overflow: auto;
  }
  .position-modal-faq::-webkit-scrollbar {
    background: none;
    width: 4px;
  }
  .position-modal-faq::-webkit-scrollbar-thumb {
    background: var(--blue);
    border-radius: 1rem;
  }
  .position-modal-form {
    border-radius: 0;
    padding: 32px 80px;
    order: 2;
  }
  .position-modal-info {
    height: 100%;
    padding: 32px 48px;
  }
  .position-modal-hidden {
    height: 0;
    opacity: 0;
    transition: 0.2s;
  }
  .position-container-hidden-gap {
    gap: 0;
  }
  .position-container-hidden-gap .gn-popup-close {
    top: 30px;
  }
  .position-suitable {
    margin: 32px 0;
    padding: 48px 56px;
  }
  .position-suitable-img1 {
    height: 385px;
    top: 10px;
    width: 385px;
  }
  .position-suitable-img2 {
    height: 452px;
    right: -60px;
    top: -25px;
    width: 452px;
  }
  .position-suitable-wrapper {
    max-width: 320px;
  }
  .profile-name {
    display: none;
  }
  .profite-buy-item {
    width: 100%;
  }
  .profite-buy-item-body {
    width: 14.25rem;
  }
  .profite-buy-section {
    padding: 2rem 1.25rem;
  }
  .questions-body-item-title {
    margin-top: 12px;
  }
  .questions-section {
    padding: 32px 0;
  }
  .questions-section-head {
    align-items: flex-start !important;
    flex-direction: column;
    gap: 16px;
  }
  .questions-wrapper {
    padding: 12px 0;
  }
  .section {
    max-width: 764px;
  }
  .section-position-filter {
    padding: 59px 0 32px;
  }
  .section-position-filter-header {
    flex-direction: column;
    margin-bottom: 24px;
  }
  .section-news-filter-header {
    flex-direction: row;
  }
  .section-position-filter-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .section-position-filter-right {
    width: 100%;
  }
  .section-position-item {
    grid-template-columns: 356px repeat(3, 1fr);
  }
  .section-position-item-head {
    grid-column: 1/3;
    margin-bottom: 8px;
  }
  .section-position-item-hot {
    display: none;
  }
  .section-position-item-salary {
    grid-column: 3/5;
    grid-row: 1/3;
  }
  .section-position-item-years {
    order: 1;
  }
  .section-position-list {
    grid-template-columns: 1fr 1fr;
  }
  .section-vacancy {
    height: 600px;
    max-width: 500px;
    padding: 0 0 48px;
  }
  .section-vacancy-head-title {
    font-size: 36px;
  }
  .service-card-big-text {
    font-size: 20px;
  }
  .still-body-form-input, .still-body-form-submit {
    width: 100%;
  }
  .still-body-title {
    opacity: 0.6;
  }
  .still-img {
    height: 100%;
    right: -3rem;
    width: 22.4rem;
  }
  .still-questions {
    padding: 20px 0;
  }
  .still-questions .b24-form-content form, .still-questions .b24-form-content form > div {
    flex-direction: row;
  }
  .still-questions-section {
    overflow: hidden;
  }
  .still-questions-wrapper {
    width: 100% !important;
    z-index: 10;
  }
  .subscribe-img {
    height: auto;
    width: 220px;
  }
  .subscribe-info-block {
    position: relative;
    z-index: 50;
  }
  .subscribe-social {
    padding: 2rem 1.25rem;
  }
  .subscribe-social-button {
    width: 100%;
  }
  .subscribe-social-img {
    display: none;
  }
  .subscribe-social-wrapper {
    max-width: 100%;
  }
  .vacancy-choice {
    padding: 32px 0;
  }
  .vacancy-choice-wrapper {
    grid-template-columns: 1fr;
  }
  .vacancy-click {
    padding: 32px 0;
  }
  .vacancy-click-img {
    bottom: -145px;
    width: 558px;
  }
  .vacancy-coworker {
    padding: 32px 0;
  }
  .vacancy-coworker .ui-ear {
    display: block;
  }
  .vacancy-coworker .ui-ear-right {
    right: 80px;
  }
  .vacancy-coworker-info {
    flex-direction: row;
  }
  .vacancy-coworker-info-body {
    align-items: flex-end;
    display: flex;
    height: 412px;
    width: 50%;
  }
  .vacancy-coworker-lead {
    padding: 32px 0px;
    width: 50%;
  }
  .vacancy-coworker-slide-img, .vacancy-coworker-slider {
    height: 491px;
    width: 724px;
  }
  .vacancy-coworker-wrapper {
    flex-direction: column-reverse;
  }
  .vacancy-efficiency {
    padding: 32px 0;
  }
  .vacancy-efficiency-slider .ui-ears-wrapper {
    min-width: 100% !important;
  }
  .vacancy-faq-head-actions {
    width: 100%;
  }
  .vacancy-faq-head-button {
    width: 33.3%;
  }
  .vacancy-height {
    padding: 32px 0;
  }
  .vacancy-motivation {
    padding: 32px 0;
  }
  .vacancy-motivation-salary {
    grid-template-columns: repeat(6, 1fr);
  }
  .vacancy-numbers {
    padding: 32px 0;
  }
  .vacancy-numbers-title {
    margin: 0 auto 32px;
  }
  .vacancy-referral {
    padding: 32px 0;
  }
  .vacancy-referral-body {
    max-width: 375px;
  }
  .vacancy-referral-img {
    height: 423px;
    right: -79px;
    top: -84px;
    width: 466px;
  }
  .vacancy-referral-wrapper {
    padding: 56px;
  }
  .vacancy-slider2 {
    width: 350px !important;
  }
  .vacancy-statistic-item:nth-child(11), .vacancy-statistic-item:nth-child(3), .vacancy-statistic-item:nth-child(5) {
    grid-column: 2;
  }
  .vacancy-statistic-item:nth-child(12) {
    grid-row: 6;
  }
  .vacancy-statistic-item:nth-child(4) {
    grid-row: 2;
  }
  .vacancy-statistic-item:nth-child(6) {
    grid-row: 3;
  }
  .vacancy-statistics {
    grid-template-columns: repeat(2, 1fr);
    padding-top: 32px;
  }
  .vacancy-time {
    padding: 32px 0;
  }
  .vacancy-time-img1 {
    height: 285px;
  }
  .vacancy-time-img2 {
    height: 335px;
    right: 10px;
    top: -25px;
    width: 270px;
  }
  .vacancy-time-info {
    max-width: 377px;
    z-index: 5;
  }
  .vacancy-time-wrapper {
    height: 285px;
  }
  .gn-club-benefit-item:first-child {
    grid-column: 1/7;
    grid-row: 1/2;
    height: 100%;
    padding: 48px 32px;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
    display: flex;
    width: calc(100% - 2rem);
    left: 1rem;
    list-style: none;
    gap: 1rem;
  }
  .gn-club-benefit-item:first-child .gn-club-benefit-item-info {
    max-width: 344px;
  }
  .gn-club-benefit-item:first-child li {
    height: 4px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    width: 100%;
    border-radius: 2px;
  }
  .gn-club-benefit-item:first-child li button {
    display: none;
  }
  .gn-club-benefit-item:first-child li.slick-active {
    background: var(--blue);
  }
  .mailing-wrapper-foot .b24-form-control-container {
    width: auto;
  }
  .mailing .b24-form-content form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  .mailing .b24-form-btn-block {
    width: 100%;
  }
  .main-stories-wrap {
    width: 100%;
    display: flex;
    overflow: auto;
  }
  .main-stories-item {
    min-width: 17.25rem;
    max-width: 17.25rem;
  }
  .gn-popup-video-content {
    padding: 2.75rem;
    gap: 1.5rem;
  }
  .gn-popup-video-content .gn-popup-close {
    padding: 1rem;
  }
  .gn-popup-video-content-form {
    width: 100%;
    max-width: 16.875rem;
  }
  .commerce_title_wrapper {
    flex-direction: column;
    margin-bottom: 1rem;
  }
  .map-section-list-view-item {
    width: 50%;
  }
  .payment .payment_card_lable {
    font-size: 0.75rem;
  }

  .payment .commerce_title {
    font-size: 2rem;
  }

  .payment .payment_card_title {
    font-size: 1.25rem;
    margin: .75rem 0 1.5rem;
    min-height: 3rem;
  }

  .payment .payment_card_sub {
    font-size: 0.75rem;
    margin-bottom: .375rem;
  }

  .payment .payment_card_deb {
    font-size: 1.125rem;
    margin-bottom: .75rem;
  }

  .payment .payment_card {
    padding: 1.5rem;
    min-height: 352px;
  }
  .spheres_flex {
    display: block;
  }
  .spheres_card_big {
    min-height: 326px;
  }

  .commercial_section .commercial-premises-img-tablet{
    display: none !important;
  }

  .benefit_flex {
    flex-wrap: wrap;
  }

  .benefit_col {
    grid-template-columns: 1fr 1fr;
  }

  .benefit_col:first-child {
    grid-template-columns: 1fr;
    height: 280px;
  }
  .benefit_card_big {
    min-height: auto;
  }

  .benefit_card_big svg {
    bottom: 2rem;
    left: auto;
    right: 0rem;
  }
  .profitable_flex {
    grid-template-columns: 1fr;
  }
  .profitable_card_big {
    min-height: 326px;
  }
  .payment-methods_flex {
    grid-template-columns: 1fr;
  }
  .payment-methods_card {
    padding-right: 1rem;
  }
  .seo {
    padding: 1rem;
  }
  .bottom-block {
    padding: 20px;
  }
  .bottom-copyright {
    padding: 20px;
  }
  .bottom-copyright-desc {
    padding: 0 20px 20px;
  }
  ul.slick-dots {
    max-width: var(--width-tablet);
    padding: 0 20px;
  }
}
@media (max-width: 575px) {
  .grid2x1 .bx_sidebar {
    padding-left: 1%;
  }
  .product-item-big-card .product-item-title a {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .grid2x1 .bx_content_section, .grid2x1 .bx_sidebar {
    float: none;
    width: 100%;
  }
  .grid2x1 .bx_sidebar {
    padding-left: 3%;
  }
}
@media (max-width: 764px) {
  h3 {
    font-size: 18px !important;
  }
  header {
    display: flex;
    justify-content: center;
    position: sticky;
    top: 0 !important;
    width: 100%;
    z-index: 1000;
  }
  p {
    font-size: 14px;
  }
  section {
    padding: 0 20px;
  }
  #auth .profile-icon {
    display: inline-block;
    height: 20px;
    width: 36px;
  }
  #auth a {
    align-items: center;
    display: flex;
    height: 60px;
    line-height: 60px;
    width: 35px;
  }
  #phone a svg {
    margin-top: 8px;
  }
  #auth button {
    display: none;
  }
  #callme, .commercial-premises-slider, .header-top {
    display: none;
  }
  #filter-button {
    display: block;
  }
  #gn-popup-project .gn-popup-body {
    margin-left: 0;
    width: 100%;
  }
  #logo {
    margin: 20px 0 20px 20px;
  }
  #phone {
    padding: 5px 10px;
  }
  .about-card-main-text {
    font-size: 18px;
  }
  .about-card-secondary-text {
    font-size: 14px;
  }
  .about-metric-wrapper {
    padding: 24px 0 24px 0;
    width: 100%;
  }
  .about-page-service-card-block-wrapper {
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr;
    overflow: scroll;
    padding: 0;
  }
  .about-page-service-header {
    font-size: 20px;
    gap: 16px;
    padding: 0 20px 24px 20px;
  }
  .about-page-service-header, .choice-gn-title, .feedback-heading-text, .gallery-about-main-text, .work-example-heading-main-text {
    font-size: 20px !important;
  }
  .about-page-service-wrapper {
    padding: 24px 0;
    width: 372px;
  }
  .about-wrapper {
    grid-template-columns: 1fr;
  }
  .arrow {
    height: 88px;
  }
  .auth {
    background: none;
    margin: 0 8px 0 0;
    padding: 0;
  }
  .badgets {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 10px;
  }
  .slick-slider {
    width: 100%;
  }
  .slick-slide {
    margin: 0.5rem;
  }
  .commercial_info {
    padding: 2rem;
  }
  .banned {
    max-width: 100% !important;
  }
  .be-partner-bg {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .be-partner-block {
    padding: 68px 32px;
    width: 100%;
  }
  .be-partner-form-block {
    padding: 12px;
  }
  .benefit {
    padding: 5rem 0 3rem;
  }
  .benefit_card {
    margin-bottom: 0;
    min-height: auto;
  }
  .benefit_flex {
    flex-direction: column;
  }
  .bottom-block, .bottom-copyright {
    display: block;
  }
  .bottom-block-1 {
    width: 100%;
  }
  .bottom-block-1 button {
    width: 100%;
  }
  .bottom-block-3 {
    display: none;
  }
  .bottom-block-4 {
    margin-bottom: 20px;
  }
  .bottom-block-5 {
    clear: both;
  }
  .bottom-copyright {
    border-top: none !important;
    line-height: 26px;
    padding-top: 0 !important;
  }
  .bottom-copyright-links a {
    padding: 10px 0 !important;
  }
  .btn {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
  }
  .btn-main-blur {
    -webkit-backdrop-filter: blur(8px) !important;
            backdrop-filter: blur(8px) !important;
    background: rgba(255, 255, 255, 0.6) !important;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: var(--bs-black) !important;
  }
  .building {
    bottom: -16px;
    height: 275px;
    position: absolute;
    right: -543px;
    width: 677px;
  }
  .bx-yandex-map, .map, .ymaps-map {
    height: 30rem !important;
  }
  .bx_filter_parameters_box {
    min-width: 100%;
  }
  .card-group-inner-wrapper {
    flex-direction: column;
  }
  .carousel-item {
    height: auto;
    min-height: 280px;
  }
  .cases-apartment-block {
    height: 509px !important;
    min-width: 100%;
    width: 100%;
  }
  .cases-block-wrapper {
    padding: 20px 0 !important;
  }
  .cases-left-side-button-block {
    display: none !important;
  }
  .cases-left-side-main-text {
    font-size: 24px !important;
  }
  .cases-left-side-sub-text {
    font-size: 14px !important;
  }
  .catalog-section {
    padding: 20px 0;
  }
  .catalog-section-item {
    height: 54rem;
  }
  .catalog-section-item-wrapper {
    padding-bottom: 0;
  }
  .catalog-section-more-btn {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 44px;
    justify-content: center;
    padding: 8px 24px;
  }
  .choice-gn-body-block-1 {
    grid-column: auto;
    grid-row: auto;
  }
  .choice-gn-body-block-2 {
    grid-column: auto;
    grid-row: auto;
  }
  .choice-gn-body-block-3 {
    grid-column: auto;
    grid-row: auto;
  }
  .choice-gn-body-block-4 {
    grid-column: auto;
    grid-row: auto;
  }
  .choice-gn-section, .feedback-block {
    padding-left: 0;
    padding-right: 0;
  }
  .city_choose_btn {
    align-items: center;
    display: flex;
    min-width: 110px;
  }
  .client-banner {
    gap: 32px;
    height: 986px;
    padding: 0 0 24px;
  }
  .client-banner-body {
    gap: 12px;
    grid-template-columns: 1fr;
  }
  .client-banner-desc {
    font-size: 14px;
  }
  .client-banner-head {
    max-width: 100%;
  }
  .client-banner-img {
    height: 296px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0%);
    width: 296px;
  }
  .client-banner-item {
    padding: 20px;
  }
  .client-banner-title {
    font-size: 24px;
  }
  .client-building {
    gap: 24px;
    padding: 24px 0;
  }
  .client-building-wrapper-title {
    font-size: 20px;
  }
  .client-need {
    gap: 24px;
    padding: 24px 0;
  }
  .client-need-item {
    gap: 16px;
    height: 100%;
    padding: 32px 32px 32px 100px;
  }
  .client-need-item-desc {
    font-size: 14px;
  }
  .client-need-item-number {
    left: 20px;
  }
  .client-need-item-title {
    font-size: 18px;
  }
  .client-need-title {
    font-size: 20px;
  }
  .client-question-form {
    padding: 24px 0;
  }
  .client-question-head-desc {
    font-size: 14px;
  }
  .client-question-wrapper {
    height: 550px;
    padding: 56px 32px;
  }
  .client-service {
    gap: 24px;
    padding: 24px 0;
  }
  .client-service-item {
    gap: 16px;
    height: 100%;
    padding: 48px 32px;
  }
  .client-service-item-desc {
    font-size: 16px;
  }
  .client-service-item-title {
    font-size: 18px;
  }
  .client-service-list {
    grid-template-columns: 1fr;
  }
  .client-service-title {
    font-size: 20px;
  }
  .client-stage {
    gap: 24px;
    padding: 24px 0;
  }
  .client-stage-item {
    height: 100%;
    padding: 48px 32px;
  }
  .client-stage-item-desc {
    font-size: 14px;
  }
  .client-stage-item-number {
    font-size: 72px;
    right: 32px;
  }
  .client-stage-item-title {
    font-size: 18px;
  }
  .client-stage-item:nth-child(13), .client-stage-item:nth-child(3), .client-stage-item:nth-child(8) {
    height: 100%;
  }
  .client-stage-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .client-stage-title {
    font-size: 20px;
  }
  .cloud-2 {
    left: 150px;
    top: 36px;
  }
  .commerce_hero {
    background-position: center center;
    min-height: 660px;
    height: 80vh;
    display: flex;
    align-items: center;
  }
  .commerce_hero_btn {
    margin-top: 1rem;
  }
  .commerce_hero_flex {
    align-items: flex-start;
  }
  .commerce_hero_col {
    max-width: 28%;
  }
  .commerce_hero_col:first-child {
    flex: none;
    width: 100%;
    max-width: none;
  }
  .commerce_hero_slider_flex {
    gap: 12px;
  }
  .commerce_hero_slider_flex .commerce_hero_col {
    width: 100% !important;
    max-width: none;
    align-items: center;
  }
  .commerce_hero_slider_flex .commerce_hero_ftitle {
    min-height: auto;
    font-size: 14px;
  }
  .commerce_hero_flex {
    margin: 2rem 1rem 1rem;
  }
  .commerce_hero_header {
    margin: 7rem 0;
    width: 100%;
  }
  .commerce_hero_title {
    font-size: 24px;
    margin: 1rem 0;
  }
  .commerce_other {
    padding: 2rem 0;
  }
  .commerce_other .catalog-section-item-card {
    margin: 0 0 20px 0;
  }
  .commerce_other_item {
    flex-direction: column;
  }
  .commerce_title {
    font-size: 20px;
  }
  .commerce_title_wrapper {
    flex-direction: column;
    margin-bottom: 1rem;
  }
  .commercial-premises-button-next, .commercial-premises-button-prev {
    padding: 0.75rem;
  }
  .commercial-premises-form {
    flex-direction: column;
  }
  .commercial-premises-img-tablet {
    display: block !important;
  }
  .commercial-premises-info {
    max-width: 100%;
    min-width: 100% !important;
    width: 100%;
  }
  .commercial-premises-info-body {
    gap: 1rem;
  }
  .commercial-premises-section {
    gap: 2rem;
    margin-top: 40px;
    padding: 0 1.25rem 1.5rem;
  }
  .commercial-premises-section, .find-face, .get-consultation-section, .office-section, .our-blog-section, .profite-buy-section, .questions-section, .subscribe-social {
    padding-left: 0;
    padding-right: 0;
  }
  .commercial-premises-slide {
    height: 20.5625rem;
    height: auto;
  }
  .commercial-premises-slider {
    height: 20.5625rem;
    height: auto;
    min-width: 21.25rem;
  }
  .commercial-premises-slider-wrapper .ui-ear {
    display: block;
  }
  .commercial_section {
    flex-direction: column;
    margin: 0;
  }
  .commercial_section .commercial-premises-slide-img {
    display: none;
  }
  .commerce_hero_ftitle {
    font-size: 12px;
    min-height: 32px;
    margin-bottom: 0;
  }
  .commerce_hero_fimg svg {
    width: 30px;
  }
  .consultation-block {
    padding: 24px 0;
    width: 372px;
  }
  .consultation-block-inner-wrapper {
    height: 643px;
    justify-content: flex-start;
    padding: 56px 32px;
  }
  .consultation-block-left-side {
    width: auto;
  }
  .consultation-block-right-side {
    bottom: -4px;
    height: 194px;
    right: 0px;
    width: 296px;
  }
  .consultation-choice {
    padding: 24px 0;
  }
  .consultation-choice-body, .consultation-choice-info {
    max-width: 100%;
  }
  .consultation-choice-container {
    padding: 32px;
  }
  .consultation-choice-img {
    display: none;
  }
  .consultation-choice-info-desc {
    font-size: 14px;
  }
  .consultation-choice-info-title {
    font-size: 24px;
  }
  .consultation-choice-select {
    grid-column: 1/2;
  }
  .consultation-dream {
    padding: 24px 0;
  }
  .consultation-dream-body {
    border-radius: 16px;
    padding: 32px;
  }
  .consultation-dream-form-wrapp {
    grid-template-columns: 1fr;
  }
  .consultation-dream-img {
    display: none;
  }
  .consultation-dream-info-title {
    font-size: 20px;
  }
  .consultation-head {
    gap: 32px;
    height: 1005px;
    padding: 0 0 24px;
  }
  .consultation-head-body {
    grid-template-columns: 1fr;
    padding: 20px 24px;
  }
  .consultation-head-img {
    height: 280px;
    left: 50%;
    right: 50%;
    top: 38px;
    transform: translateX(-50%);
    width: 292px;
  }
  .consultation-head-main {
    gap: 24px;
    max-width: 100%;
  }
  .consultation-head-main-button {
    font-size: 14px;
    width: 247px;
  }
  .consultation-head-main-desc {
    font-size: 14px;
  }
  .consultation-head-main-info {
    gap: 16px;
  }
  .consultation-head-main-title {
    font-size: 24px;
  }
  .consultation-hot {
    gap: 24px;
    padding: 24px 0;
  }
  .consultation-hot-body {
    grid-template-columns: 1fr;
  }
  .consultation-hot-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
  .consultation-hot-head-actions, .consultation-hot-head-button {
    width: 100%;
  }
  .consultation-hot-head-desc {
    font-size: 14px;
  }
  .consultation-hot-head-title {
    font-size: 20px;
  }
  .consultation-need {
    padding: 24px 0;
  }
  .consultation-need-body {
    padding: 32px;
  }
  .consultation-need-body-img1 {
    display: none;
  }
  .consultation-need-body-img2 {
    height: 165px;
    left: 50%;
    right: 50%;
    top: 50%;
    transform: translate(-50%, -20%);
    width: 140px;
  }
  .consultation-need-body-info {
    gap: 12px;
    max-width: 100%;
  }
  .consultation-need-body-info-desc {
    font-size: 14px;
  }
  .consultation-need-body-info-link {
    font-size: 14px;
    margin-top: 184px;
    width: 100%;
  }
  .consultation-need-body-info-title {
    font-size: 24px;
  }
  .consultation-need-head {
    gap: 24px;
  }
  .consultation-need-head-item {
    gap: 16px;
    padding: 36px;
  }
  .consultation-need-head-item-desc {
    font-size: 14px;
  }
  .consultation-need-head-item-title {
    font-size: 18px;
  }
  .consultation-need-head-item:nth-child(1), .consultation-need-head-item:nth-child(2), .consultation-need-head-item:nth-child(3), .consultation-need-head-item:nth-child(4), .consultation-need-head-item:nth-child(5) {
    align-items: center;
    grid-column: 1/2;
  }
  .consultation-need-head-list {
    grid-template-columns: 1fr;
  }
  .consultation-need-head-title {
    font-size: 20px;
  }
  .consultation-step {
    gap: 24px;
    padding: 24px 0;
  }
  .consultation-step-item {
    padding: 32px;
  }
  .consultation-step-item-title {
    font-size: 18px;
  }
  .consultation-step-title {
    font-size: 20px;
  }
  .expert-block {
    padding: 0;
    width: 100%;
  }
  .expert-block-card {
    box-sizing: border-box;
    gap: 24px;
    margin-bottom: 20px;
    padding: 32px 32px 32px 100px;
    width: 100%;
  }
  .expert-block-header {
    padding: 0;
  }
  .expert-block-number {
    left: 20px;
    position: absolute;
    top: 20px;
  }
  .expert-block-wrapper {
    display: block;
    flex-wrap: wrap;
    grid-template-columns: 1fr;
  }
  .feedback-block {
    max-width: 100%;
    padding: 24px 0;
  }
  .feedback-content-block {
    padding: 0;
  }
  .work-example-info-block {
    flex-direction: column;
  }
  .feedback-content-card-wrapper {
    height: 237px;
    width: 300px;
  }
  .feedback-heading-block {
    padding-bottom: 1.5rem;
  }
  .feedback-heading-text {
    font-size: 20px;
  }
  .figure {
    width: 100% !important;
  }
  .find-face {
    padding: 1.5rem 1.25rem;
  }
  .find-face .find-face-image {
    bottom: -3.25rem;
    height: auto;
    margin-top: -1.25rem;
    position: relative;
    right: 13px;
    width: 300px;
  }
  .find-face-actions {
    align-items: flex-start;
    flex-direction: column;
  }
  .find-face-button-vacancies {
    width: 7.125rem;
  }
  .find-face-button-vacancies, .find-face-button-with-us {
    font-size: 0.875rem;
    height: 2.5rem;
  }
  .find-face-image {
    bottom: -3.25rem;
    height: 16.3125rem;
    right: 0.5625rem;
  }
  .find-face-info-desc {
    font-size: 0.875rem;
  }
  .find-face-info-title {
    font-size: 1.5rem;
  }
  .find-face-section {
    height: auto;
    justify-content: start;
    padding: 2rem;
  }
  .find-face-wrapper {
    gap: 1.5rem;
  }
  .form-block {
    height: auto;
    padding: 32px;
    width: 100%;
  }
  .form-block input {
    background-color: #f4f6fb !important;
  }
  .form-block-img {
    display: none;
  }
  .form-body-confirm {
    max-width: 336px;
  }
  .form-body-create {
    display: flex;
  }
  .form-request-block {
    padding: 24px 0;
    width: 100%;
  }
  .form-request-inner-wrapper {
    padding: 0 !important;
  }
  .gallery-about-block {
    padding: 24px 0;
    width: 100%;
  }
  .gallery-about-card-block {
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    width: 100%;
  }
  .gallery-about-card-wrapper {
    min-height: auto;
    min-width: 340px;
    padding: 36px 32px;
  }
  .gallery-about-heading {
    padding: 0 0 20px 0;
    width: 100%;
  }
  .gallery-about-main-text {
    font-size: 20px;
  }
  .gallery-card-main-text {
    font-size: 18px;
  }
  .gallery-card-secondary-text {
    font-size: 14px;
  }
  .get-consultation-form {
    flex-direction: column;
  }
  .get-consultation-form-input {
    height: 2.5rem;
  }
  .get-consultation-form-input::-moz-placeholder {
    font-size: 0.875rem;
  }
  .get-consultation-form-input::placeholder {
    font-size: 0.875rem;
  }
  .get-consultation-form-submit {
    font-size: 0.875rem;
    height: 2.5rem;
    width: 50%;
  }
  .get-consultation-form-title {
    opacity: 0.6;
  }
  .get-consultation-info {
    align-items: start;
    flex-direction: column;
  }
  .get-consultation-info-desc {
    font-size: 0.875rem;
  }
  .get-consultation-info-form .b24-form-btn, .get-consultation-info-form .b24-form-field div {
    width: 100% !important;
  }
  .get-consultation-info-form .b24-form-control-container input {
    margin-right: 0 !important;
  }
  .get-consultation-section .b24-form-btn-block {
    width: 100%;
  }
  .get-consultation-section .b24-form-content form > div:first-child > div {
    margin-right: 0;
  }
  .get-consultation-section .b24-form-field {
    margin-bottom: 0.5rem;
  }
  .get-consultation-section .b24-form-padding-side form, .get-consultation-section .b24-form-padding-side form > div {
    flex-direction: column;
  }
  .get-consultation-wrapper {
    flex-direction: column;
    gap: 32px !important;
  }
  .gn-club-benefit {
    gap: 24px;
    padding: 24px 0;
  }
  .gn-club-benefit-foot {
    height: 442px;
    padding: 32px;
  }
  .gn-club-benefit-foot-desc {
    font-size: 14px;
  }
  .gn-club-benefit-foot-img {
    bottom: 0;
    height: 179px;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
    width: 321.13px;
  }
  .gn-club-benefit-foot-info {
    max-width: 100%;
  }
  .gn-club-benefit-foot-subscribe {
    font-size: 14px;
  }
  .gn-club-benefit-foot-title {
    font-size: 24px;
  }
  .gn-club-benefit-item {
    height: 100%;
    padding: 48px 32px;
  }
  .gn-club-benefit-item:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .gn-club-benefit-item:nth-child(3) {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .gn-club-benefit-item:nth-child(4) {
    grid-column: 1/2;
    grid-row: 4/5;
  }
  .gn-club-benefit-item:nth-child(5) {
    grid-column: 1/2;
    grid-row: 5/6;
  }
  .gn-club-benefit-list {
    gap: 16px;
    grid-template-columns: 1fr;
  }
  .gn-club-benefit-title {
    font-size: 20px;
  }
  .gn-club-faq {
    gap: 24px;
    padding: 24px 0;
  }
  .gn-club-faq-desc {
    font-size: 14px;
  }
  .gn-club-faq-head {
    flex-direction: column;
    gap: 16px;
  }
  .gn-club-faq-head-button {
    width: 100%;
  }
  .gn-club-faq-item {
    padding: 16px 24px;
  }
  .gn-club-faq-item-desc {
    font-size: 14px;
  }
  .gn-club-faq-title {
    font-size: 20px;
  }
  .gn-club-participant {
    gap: 24px;
    padding: 24px 0;
  }
  .gn-club-participant-foot {
    height: 100%;
  }
  .gn-club-participant-foot-img {
    display: none;
  }
  .gn-club-participant-foot-info {
    width: 100%;
  }
  .gn-club-participant-foot-title {
    font-size: 24px;
  }
  .gn-club-participant-list {
    gap: 16px;
  }
  .gn-club-participant-title {
    font-size: 20px;
  }
  .gn-club-partners {
    gap: 24px;
    padding: 24px 0;
  }
  .gn-club-partners-head {
    flex-direction: column;
    gap: 16px;
  }
  .gn-club-partners-head-button {
    width: 100%;
  }
  .gn-club-partners-head-desc {
    font-size: 14px;
  }
  .gn-club-partners-head-info {
    gap: 16px;
  }
  .gn-club-partners-head-title {
    font-size: 20px;
  }
  .gn-club-partners-item {
    height: 100%;
    padding: 103px 24px 24px;
  }
  .gn-club-partners-item-img {
    height: 63px;
    position: absolute;
    top: 24px;
    width: 162px;
  }
  .gn-club-partners-list {
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }
  .gn-club-wish {
    margin: 24px 0;
    padding: 32px;
  }
  .gn-club-wish-desc {
    font-size: 14px;
  }
  .gn-club-wish-img {
    display: none;
  }
  .gn-club-wish-info {
    width: 100%;
  }
  .gn-club-wish-title {
    font-size: 24px;
  }
  .gn-heart {
    height: 24px;
    width: 30px;
    width: 30px !important;
  }
  .gn-popup {
    width: 100%;
  }
  .gn-popup .b24-form-content form > div .b24-form-field {
    width: 100% !important;
  }
  .gn-popup .b24-form-content form > div .b24-form-field input {
    width: 100% !important;
  }
  .gn-popup .b24-form-content form > div .b24-form-field:first-child, .gn-popup .b24-form-content form > div .b24-form-field:nth-child(2) {
    width: 100% !important;
  }
  .gn-popup-body {
    margin-left: auto;
  }
  .gn-popup-flats-block {
    height: calc(100% - 48px);
    margin: 32px 16px 24px 16px;
  }
  .gn-popup-image {
    display: none;
  }
  .gn-popup-project-item-value {
    display: flex;
    flex-direction: row;
    gap: 20px;
  }
  .gn-popup-section {
    padding: 20px;
  }
  .guarantees-block {
    padding-left: 0;
    padding-right: 0;
    padding: 24px 0;
    width: 100%;
  }
  .guarantees-block-card {
    height: 252px;
    width: 100%;
  }
  .guarantees-block-main-text {
    line-height: 100%;
  }
  .guarantees-block-card-wrapper {
    overflow-x: scroll;
  }
  .guarantees-block-secondary-text {
    font-size: 18px;
  }
  .guarantees-block-text {
    padding: 0px 0px 24px;
  }
  .guarantees-text {
    font-size: 20px;
  }
  .header {
    padding: 0 20px;
    width: 100%;
    z-index: 15;
  }
  .header-adaptive-bg {
    background-color: #eceef2;
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  .header-adaptive-block {
    left: 20px;
    position: fixed;
    right: 20px;
    top: 80px;
    width: calc(100% - 40px);
  }
  .header-adaptive-block .btn {
    margin: 10px 0;
    width: 100%;
  }
  .header-adaptive-block-contacts {
    -webkit-backdrop-filter: blur(var(--blur));
            backdrop-filter: blur(var(--blur));
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    margin-top: 10px;
    padding: 8px;
  }
  .header-adaptive-block-contacts .rnd {
    background: var(--blue) !important;
    border-radius: 100px;
    color: var(--white);
    padding: 0 8px;
  }
  .header-adaptive-block-contacts div {
    display: flex;
    justify-content: space-between;
    padding: 16px;
  }
  .header-adaptive-block-menu {
    display: inherit;
  }
  .header-block {
    line-height: 60px;
    margin-top: 18px;
  }
  .header-wrapper {
    height: 660px;
    overflow: hidden;
  }
  .heading-button-block {
    z-index: 20;
  }
  .heading-text {
    font-size: 32px;
  }
  .height-item-img-desc {
    font-size: 14px;
  }
  .height-item-img-head {
    font-size: 14px;
  }
  .height-item-img-title {
    font-size: 18px;
  }
  .height-item-photo-img {
    width: 158px;
  }
  .investments {
    padding: 2rem 0;
  }
  .investments_card {
    gap: 1rem;
    min-height: auto;
    padding: 1.5rem 1rem;
  }
  .investments_flex {
    display: flex;
    flex-direction: column;
  }
  .krisha {
    margin: 24px 12px;
  }
  .krisha-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 200;
  }
  .krisha-btn-block {
    bottom: 32px;
    position: absolute;
  }
  .krisha-desc {
    color: #1c1819;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    padding: 0 32px 0 0;
  }
  .krisha-img {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 436px;
    position: absolute;
    top: auto;
    width: 240px;
    z-index: 100;
  }
  .krisha-modal-body {
    gap: 32px;
    height: 480px;
    padding: 16px;
    width: 301px;
  }
  .krisha-modal-form-input {
    height: 48px;
  }
  .krisha-modal-head-desc {
    font-size: 14px;
    line-height: 20px;
  }
  .krisha-modal-head-title {
    font-size: 32px;
    letter-spacing: 0.64px;
    line-height: 36px;
  }
  .krisha-modal-politics-link, .krisha-modal-politics-title {
    font-size: 14px;
    line-height: 20px;
  }
  .krisha-partners {
    gap: 32px;
    height: 698px;
    width: 372px;
  }
  .krisha-partners-background {
    height: 776px;
  }
  .krisha-partners-benefit-body {
    display: flex;
    width: 1000vw;
  }
  .krisha-partners-benefit-head-subtitle {
    font-size: 14px;
  }
  .krisha-partners-benefit-head-title {
    font-size: 32px;
    letter-spacing: 0.64px;
    line-height: 36px;
  }
  .krisha-partners-benefit-item {
    height: 476px;
    min-height: 476px !important;
    width: 300px;
  }
  .krisha-partners-benefit-wrapper {
    gap: 24px;
    padding: 32px 20px;
    width: 372px;
  }
  .krisha-partners-body {
    padding: 32px 0;
  }
  .krisha-partners-body-list {
    height: 52px;
  }
  .krisha-partners-body-title {
    font-size: 14px;
  }
  .krisha-partners-condition-body {
    display: flex;
    flex-direction: column;
  }
  .krisha-partners-condition-head {
    flex-direction: column;
    gap: 24px;
  }
  .krisha-partners-condition-head-picture {
    height: 200px;
  }
  .krisha-partners-condition-head-subtitle {
    font-size: 14px;
    line-height: 20px;
  }
  .krisha-partners-condition-head-title {
    font-size: 32px;
    letter-spacing: 0.64px;
    line-height: 36px;
  }
  .krisha-partners-condition-wrapper {
    gap: 24px;
    padding: 32px 20px;
    width: 372px;
  }
  .krisha-partners-criterion-head {
    flex-direction: column;
    gap: 32px;
  }
  .krisha-partners-criterion-head-desc {
    font-size: 14px;
  }
  .krisha-partners-criterion-head-info {
    gap: 24px;
  }
  .krisha-partners-criterion-head-picture {
    height: 186.125px;
  }
  .krisha-partners-criterion-head-picture-title {
    font-size: 18px;
  }
  .krisha-partners-criterion-item-img1 {
    height: 93px;
    top: 40%;
    width: 242px;
  }
  .krisha-partners-criterion-item-img2 {
    height: 125px;
    top: 28%;
    width: 231px;
  }
  .krisha-partners-criterion-item-title {
    font-size: 20px;
  }
  .krisha-partners-criterion-subtitle {
    font-size: 14px;
  }
  .krisha-partners-criterion-title {
    font-size: 32px;
    letter-spacing: 0.64px;
    line-height: 36px;
  }
  .krisha-partners-criterion-wrapper {
    padding: 32px 20px;
    width: 372px;
  }
  .krisha-partners-faq-item {
    gap: 16px;
    padding: 24px;
  }
  .krisha-partners-faq-item-body-desc {
    font-size: 14px;
    line-height: 20px;
  }
  .krisha-partners-faq-item-head-circle {
    height: 48px;
    width: 48px;
  }
  .krisha-partners-faq-item-head-title {
    font-size: 20px;
    letter-spacing: 0.4px;
    line-height: 24px;
    max-width: 220px;
  }
  .krisha-partners-faq-subtitle {
    font-size: 14px;
  }
  .krisha-partners-faq-title {
    font-size: 32px;
    letter-spacing: 0.64px;
    line-height: 36px;
  }
  .krisha-partners-faq-wrapper {
    gap: 24px;
    padding: 32px 20px;
    width: 372px;
  }
  .krisha-partners-gn-body {
    grid-template-columns: repeat(2, 1fr);
  }
  .krisha-partners-gn-body-desc {
    font-size: 14px;
    line-height: 20px;
  }
  .krisha-partners-gn-body-item {
    padding: 16px;
  }
  .krisha-partners-gn-body-title {
    font-size: 26px;
    letter-spacing: 0.52px;
  }
  .krisha-partners-gn-head {
    height: 674px;
  }
  .krisha-partners-gn-img {
    height: 285px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 320px;
  }
  .krisha-partners-gn-info {
    gap: 24px;
  }
  .krisha-partners-gn-info-actions {
    flex-direction: column;
  }
  .krisha-partners-gn-info-desc {
    font-size: 14px;
    line-height: 20px;
  }
  .krisha-partners-gn-info-subtitle {
    font-size: 32px;
    letter-spacing: 0.64px;
    line-height: 36px;
  }
  .krisha-partners-gn-info-title {
    font-size: 14px;
  }
  .krisha-partners-gn-wrapper {
    gap: 24px;
    padding: 32px 20px;
    width: 372px;
  }
  .krisha-partners-head {
    gap: 32px;
  }
  .krisha-partners-head-gn-icon {
    height: 24px;
    width: 139.765px;
  }
  .krisha-partners-head-icons {
    gap: 0;
    justify-content: space-between;
    width: 100%;
  }
  .krisha-partners-head-info-desc {
    font-size: 14px;
    line-height: 20px;
  }
  .krisha-partners-head-info-title {
    font-size: 32px;
    letter-spacing: 0.64px;
    line-height: 36px;
  }
  .krisha-partners-head-krisha-icon {
    height: 24px;
    width: 136.615px;
  }
  .krisha-partners-krisha-body {
    grid-template-columns: repeat(2, 1fr);
  }
  .krisha-partners-krisha-body-desc {
    font-size: 14px;
    line-height: 20px;
  }
  .krisha-partners-krisha-body-title {
    font-size: 26px;
    letter-spacing: 0.52px;
  }
  .krisha-partners-krisha-head {
    gap: 38px;
    height: 696px;
  }
  .krisha-partners-krisha-img {
    height: 320px;
    width: 320px;
  }
  .krisha-partners-krisha-info {
    gap: 24px;
  }
  .krisha-partners-krisha-info-actions {
    flex-direction: column;
  }
  .krisha-partners-krisha-info-desc {
    font-size: 14px;
    line-height: 20px;
  }
  .krisha-partners-krisha-info-subtitle {
    font-size: 32px;
    letter-spacing: 0.64px;
    line-height: 36px;
  }
  .krisha-partners-krisha-info-title {
    font-size: 14px;
  }
  .krisha-partners-krisha-wrapper {
    gap: 24px;
    padding: 32px 20px;
    width: 372px;
  }
  .krisha-partners-request-form {
    gap: 32px;
  }
  .krisha-partners-request-form-input {
    height: 48px;
    padding: 10px 16px;
  }
  .krisha-partners-request-head {
    gap: 24px;
  }
  .krisha-partners-request-head-desc {
    font-size: 14px;
  }
  .krisha-partners-request-head-subtitle {
    font-size: 14px;
  }
  .krisha-partners-request-head-title {
    font-size: 32px;
    letter-spacing: 0.64px;
    line-height: 36px;
  }
  .krisha-partners-request-img {
    display: none;
  }
  .krisha-partners-request-wrapper {
    width: 372px;
  }
  .krisha-section-footer-gn-icon {
    height: 24px;
    width: 139.765px;
  }
  .krisha-section-footer-krisha-icon {
    height: 24px;
    width: 136.615px;
  }
  .krisha-section-footer-line {
    height: 24px;
  }
  .krisha-section-footer-wrapper {
    padding: 30.5px 0;
    width: 372px;
  }
  .krisha-title {
    color: #1c1819;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding: 0 32px 0 0;
  }
  .krisha-wrapper {
    align-items: flex-start;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 436px;
    justify-content: flex-start;
    padding: 32px 0 0 32px;
    position: relative;
  }
  .layouts {
    padding: 1rem;
  }
  .layouts_flex {
    grid-template-columns: auto;
  }
  .login {
    height: calc(100vh - 78px);
  }
  .login-form-body {
    flex-direction: column;
  }
  .login-form-input-list {
    grid-template-columns: repeat(4, 72px);
  }
  .mailing {
    padding: 1.5rem 0;
  }
  .mailing .b24-form-btn-container {
    margin: 0;
  }
  .mailing .b24-form-content form {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .mailing .b24-form-content form > div.b24-form-btn-container, .mailing .b24-form-content form > div:first-child {
    width: 100%;
  }
  .mailing-body-button {
    height: 2.5rem;
    padding: 0;
    width: 2.5rem;
    position: relative;
  }
  .mailing-head-desc {
    font-size: 0.875rem;
  }
  .mailing-img, .still-questions-section-img {
    right: -5.97194rem;
    top: -2.0625rem;
    width: 21.65944rem;
  }
  .mailing-section {
    height: 30.75rem;
  }
  .mailing-wrapper {
    justify-content: end;
    padding: 2rem;
  }
  .mailing-wrapper-foot-form {
    flex-direction: column;
  }
  .main-banner-content {
    padding-top: 0;
    padding: 0 !important;
  }
  .main-banner-content-image {
    background-position: top center;
    bottom: auto;
    padding: 20px 0;
    position: relative;
    right: auto;
    width: 100%;
  }
  .main-banner-list {
    flex-wrap: wrap;
    margin-bottom: 40px;
    padding: 0 !important;
  }
  .main-banner-list div {
    width: 50%;
  }
  .main-banner-section {
    display: block;
    padding-top: 0;
  }
  .main-content-header-main-text {
    font-size: 18px;
  }
  .main-filter {
    padding-left: 0;
  }
  .news-section .main-filter {
    padding-top: 1.625rem;
    gap: 0;
  }
  .section-news-filter-header {
    flex-direction: column;
    gap: 1rem;
  }
  .main-filter-area, .main-filter-class, .main-filter-deadline, .main-filter-room {
    width: 100%;
  }
  .main-filter-button {
    align-items: center;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    padding: 0.5rem 1.5rem;
  }
  .main-filter-buttons {
    display: flex;
    justify-content: space-between;
  }
  .main-filter-container {
    background: var(--grey-400);
    grid-template-columns: 1fr;
    position: fixed;
    width: 100%;
    height: 100vh;
    bottom: -100%;
    left: 0;
    z-index: 1000;
    padding: 3.75rem 1rem;
    display: block;
    margin: 0;
    transition: 0.3s ease;
  }
  .main-filter-container.show {
    bottom: 0;
  }
  .main-filter-container .bx_filter_parameters_box {
    margin-bottom: 1rem;
  }
  .main-filter-container .main-filter-view-select {
    display: none;
  }
  .main-filter-container-header {
    background: #fff;
    width: 100%;
    height: 2.75rem;
    padding: 0 1rem;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr;
    position: absolute;
    top: 0;
    left: 0;
  }
  .main-filter-container-header .name {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
  }
  .main-filter-container-footer {
    background: #fff;
    width: 100%;
    height: 3.875rem;
    padding-top: 0.875rem;
    padding-bottom: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .main-filter-container-footer .btn {
    height: 3rem;
  }
  .main-filter-close {
    display: none;
  }
  .main-filter-close-mobile {
    display: block;
    cursor: pointer;
  }
  .main-filter-room-list {
    display: flex;
  }
  .main-filter-room-input {
    width: 2.625rem;
  }
  .main-filter-area-range {
    margin-top: 1rem;
  }
  .main-filter-mobile-menu {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .main-filter-mobile-menu-item {
    background: #fff;
    height: 2.75rem;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 12px;
    font-weight: 600;
    color: var(--blue);
    width: 100% !important;
  }
  .main-filter-mobile-menu-item.active {
    background: var(--blue);
    color: #fff;
  }
  .main-filter-mobile-menu-map {
    display: none;
  }
  .main-filter-mobile-menu .map-section-list-view-item-active {
    display: flex;
  }
  .main-filter-wrapper {
    flex-direction: column;
    gap: 1rem;
  }
  .main-gn-club {
    gap: 32px;
    padding: 24px 0;
  }
  .main-gn-club-info {
    gap: 16px;
    max-width: 100%;
    padding: 271px 0 0 0;
    width: 100%;
  }
  .main-gn-club-info-condition, .main-gn-club-info-partner, .main-gn-club-info-subtitle {
    font-size: 14px;
  }
  .main-gn-club-info-head {
    gap: 16px;
  }
  .main-gn-club-info-img {
    height: 221px;
    left: 50%;
    right: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 315.46px;
  }
  .main-gn-club-info-title {
    font-size: 24px;
  }
  .main-gn-club-item-info {
    width: 100%;
  }
  .main-gn-club-list {
    gap: 16px;
    grid-template-columns: 1fr;
  }
  .main-page-heading {
    border-radius: 8px 8px 0 0;
    padding: 16px;
  }
  .main-slider-block {
    gap: 32px;
    height: auto;
    padding: 32px 0px;
    width: 100% !important;
  }
  .main-slider-image {
    width: 213px;
  }
  .main-slider-image-block {
    bottom: 0;
    height: 279px;
    left: 80px;
    right: 0;
    top: 104px;
    width: 247px;
  }
  .main-slider-metrics-block-wrapper {
    padding: 0 16px;
  }
  .main-slider-tagline-blue-button, .main-slider-tagline-white-button {
    font-size: 14px;
    padding: 8px 16px;
  }
  .main-slider-tagline-main-text {
    font-size: 24px;
  }
  .main-slider-tagline-sub-text {
    font-size: 14px;
  }
  .main-slider-tagline-text-block {
    gap: 16px;
  }
  .main-slider-tagline-wrapper {
    gap: 24px;
    max-width: 370px;
    padding: 0 16px;
  }
  .main_slider .slick-arrow {
    display: none !important;
  }
  .main_slider_bullet {
    margin: 0 auto 1rem auto;
  }
  .main_slider_title {
    font-size: 32px;
  }
  .main_slider_data {
    text-align: center;
  }
  .managment-block {
    padding: 24px 0;
  }
  .managment-block-header {
    padding-left: 0;
    padding: 0 16px 32px 16px;
  }
  .managment-block-header-text {
    font-size: 20px;
  }
  .managment-text-block {
    align-items: center;
  }
  .map-apartment-card-image {
    display: none;
  }
  .map-apartment-card-wrapper {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    padding: 16px;
    top: auto;
    width: 100%;
    display: none;
  }
  .map-apartment-main-text {
    font-size: 18px;
  }
  .map-apartment-sub-text {
    font-size: 14px;
  }
  .map-body {
    height: 100%;
    max-width: 100%;
    padding: 0;
  }
  .map-body-office-phone, .map-body-office-street {
    font-size: 0.875rem;
  }
  .map-body-office-time {
    gap: 0.25rem;
  }
  .map-body-office-title {
    font-size: 0.875rem;
  }
  .map-body-wrapper {
    padding: 1rem;
  }
  .map-head {
    align-items: start;
    flex-direction: column;
    gap: 1rem;
    justify-content: start;
    padding: 0;
  }
  .map-head-button {
    width: 100%;
  }
  .map-head-buttons {
    width: 100%;
  }
  .map-section {
    margin: 1.5rem 0;
    max-width: 100% !important;
    padding: 24px 0;
    width: 100% !important;
    width: 372px;
  }
  .map-section-body {
    bottom: 30px;
    gap: 16px;
    left: 0;
    left: 2rem;
    overflow: hidden;
    padding: 16px;
    top: 21.5rem;
    width: calc(100% - 54px);
    width: calc(100% - 60px);
  }
  .map-section-body-items {
    overflow: scroll;
  }
  .map-section-city-dropdown, .map-section-header-wrapper {
    align-items: flex-start;
  }
  .map-section-header-highlited, .map-section-header-span {
    font-size: 20px;
    font-size: 20px !important;
  }
  .map-section-header-wrapper {
    flex-direction: column;
    gap: 16px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding: 0 16px 24px 16px;
  }
  .map-section-list-view-block {
    width: 100%;
  }
  .map-section-list-view-item {
    width: 50%;
  }
  .map-wrapper {
    padding: 0;
    width: 100%;
  }
  .marafonskidok_block {
    margin: -20px 10px;
    position: relative;
    z-index: 20;
  }
  .marafonskidok_block_title {
    left: auto;
    margin: 45px 5% 0 5%;
    position: relative;
    width: 90%;
  }
  .marafonskidok_card {
    height: 212px;
  }
  .marafonskidok_card_bg {
    height: 212px;
  }
  .marafonskidok_card_bg2 {
    bottom: 0;
    height: auto;
    left: -30px;
    width: 210px;
  }
  .marafonskidok_card_bg_desc {
    display: none;
  }
  .marafonskidok_card_bg_mob {
    display: block;
  }
  .marafonskidok_card_building {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 44%;
  }
  .marafonskidok_card_data {
    padding: 15px 0 0 15px;
  }
  .marafonskidok_card_data_mob {
    margin-right: 10px;
    text-align: right;
  }
  .marafonskidok_card_double {
    height: 425px;
  }
  .marafonskidok_card_text {
    font-size: 14px;
  }
  .marafonskidok_card_title {
    font-size: 18px;
  }
  .marafonskidok_cards {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 50px 0 0 15px;
    position: relative;
  }
  .marafonskidok_form {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
    padding: 20px;
  }
  .marafonskidok_form_input {
    color: var(--bs-black);
    font-size: 16px;
    padding: 15px 15px;
  }
  .marafonskidok_form_left, .marafonskidok_form_right {
    width: 100%;
  }
  .marafonskidok_form_right_title {
    padding: 0 30px;
    width: 100%;
  }
  .marafonskidok_form_right_wrap {
    margin: 20px auto;
  }
  .marafonskidok_form_submit {
    padding: 0;
  }
  .marafonskidok_form_wrapper {
    background-size: cover;
    border-radius: 10px;
    min-height: 350px;
  }
  .marafonskidok_form_wrapper_title {
    font-size: 16px;
    padding-top: 15px;
  }
  .marafonskidok_head_bg {
    left: 20px;
    top: 120px;
    width: 140px;
  }
  .marafonskidok_head_bottom {
    bottom: 185px;
    display: block;
    flex-direction: column;
    height: 60px;
    position: absolute;
  }
  .marafonskidok_head_bottom .marafonskidok_head_sheik img {
    position: absolute;
    width: 165px;
  }
  .marafonskidok_head_bottom > div.marafonskidok_head_sheik {
    float: left;
    width: 50%;
  }
  .marafonskidok_head_bottom img {
    position: absolute;
    width: 80%;
  }
  .marafonskidok_head_btn {
    margin: 40px auto;
    width: 220px;
  }
  .marafonskidok_head_btn img {
    width: 220px;
  }
  .marafonskidok_head_img {
    right: 0;
    width: 600px;
  }
  .marafonskidok_head_right {
    gap: 15px;
    left: 0;
    top: 260px;
    width: 100%;
  }
  .marafonskidok_head_title1 {
    margin: 0 auto;
    width: 280px;
  }
  .marafonskidok_head_title2 {
    margin: 0 auto;
    width: 340px;
  }
  .marafonskidok_head_title3 {
    margin: 0 auto;
    width: 185px;
  }
  .meeting-card {
    padding: 16px;
  }
  .meeting-page-card-list {
    gap: 2px;
  }
  .meetings-blocks-wrapper {
    border-radius: 0 0 8px 8px;
    grid-template-columns: 1fr;
  }
  .metric-card {
    gap: 16px;
    min-width: 136px;
    width: 136px;
  }
  .metric-main-text {
    font-size: 20px;
    font-size: 20px !important;
  }
  .metric-secondary-text {
    font-size: 14px;
  }
  .metric-text-block {
    gap: 4px;
  }
  .metrics-inner-wrapper {
    display: grid;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }
  .metrics-outer-wrapper {
    padding: 0;
  }
  .modal_marafonskidok_img {
    cursor: pointer;
    left: 0;
    margin-left: 0;
    padding: 10px;
    position: fixed;
    top: 10%;
    width: 100%;
    z-index: 999;
  }
  .modal_marafonskidok_img_desk {
    display: none;
  }
  .modal_marafonskidok_img_mob {
    display: block;
    width: 100%;
  }
  .nav-adaptive li {
    margin-bottom: 0 !important;
  }
  .news-breadcrumb-active {
    max-width: 178px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .news-breadcrumb-title {
    font-size: 0.75rem;
  }
  .news-detail {
    gap: 1.5rem;
    margin: 1.5rem 0;
    padding: 0;
  }
  .news-detail section {
    padding: 0;
    width: 100%;
  }
  .news-detail section img, .news-detail-img {
    height: auto;
    width: 100%;
  }
  .news-detail-desc .banner {
    flex-direction: column-reverse;
    gap: 26px;
  }
  .news-detail-desc .banner h2 {
    font-size: 24px;
  }
  .news-detail-desc p {
    font-size: 15px;
  }
  .news-detail-head {
    gap: 1rem;
    padding: 0 0 1.5rem 0;
  }
  .news-detail-head-desc {
    font-size: 1rem;
  }
  .news-detail-head-social .mailing-wrapper-body {
    display: none;
  }
  .news-detail-head-stats {
    width: 100%;
  }
  .news-detail-head-stats-btns {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .news-detail-head-stats-like {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.75rem;
  }
  .news-detail-head-stats-like-btn {
    display: flex;
  }
  .news-detail-head-stats-share-btn {
    color: var(--neutral-500);
    display: flex;
    padding: 0.75rem 1.5rem;
  }
  .news-detail-info {
    padding: 2rem 1.25rem;
  }
  .news-detail-info-desc {
    font-size: 0.875rem;
  }
  .news-detail-other-desc {
    font-size: 0.875rem;
  }
  .news-detail-other-item {
    padding: 2.25rem 2rem;
    width: auto;
  }
  .news-detail-other-title {
    font-size: 1.125rem;
  }
  .news-detail-title {
    font-size: 1.5rem;
  }

  .news-filter-city {
    display: none;
  }
  .news-filter-container {
    flex-direction: column;
    gap: 1rem;
  }
  .news-filter-project {
    width: 100%;
  }
  .news-filter-title {
    font-size: 1.5rem;
  }
  .news-list {
    margin-bottom: 1.25rem;
  }
  .news-list-container {
    grid-template-columns: 1fr;
    padding: 0;
  }
  .news-list-link {
    height: 21.25rem;
  }
  .news-list-link:first-child {
    grid-column: 1/1;
  }
  .news-list-more {
    justify-content: end;
  }
  .news-list-slide {
    padding: 2.25rem 2rem;
  }
  .news-list-slide-desc {
    font-size: 0.875rem;
  }
  .news-list-slide-title {
    font-size: 1.125rem;
  }
  .news-recommend-news {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    overflow-x: auto;
    width: 100%;
  }
  .news-recommend-news .news-detail-other-item:nth-child(3) {
    display: flex;
  }
  .numbers-title, .numbers-title-blue {
    font-size: 32px;
  }
  .office-body-card {
    min-width: 80% !important;
    width: 100%;
  }
  .our-blog-section {
    padding: 1.5rem 0;
  }
  .our-blog-section-link {
    font-size: 0.875rem;
  }
  .our-blog-section-slider-slide {
    height: 21.25rem;
    min-width: 80%;
    padding: 2.25rem 2rem;
  }
  .our-blog-slide-head-desc {
    font-size: 0.875rem;
  }
  .our-blog-slide-head-title {
    font-size: 1.125rem;
  }
  .our-blog-slide-info-title {
    font-size: 0.875rem;
  }
  .our-history {
    padding: 56px 8px 24px;
  }
  .our-history-body {
    gap: 24px;
  }
  .our-history-item {
    display: grid;
    gap: 16px;
    grid-template-columns: 36px 1fr;
  }
  .our-history-item-desc {
    font-size: 14px;
  }
  .our-history-item-info {
    width: 100%;
  }
  .our-history-item-stage {
    font-size: 16px;
    height: 36px;
    width: 36px;
  }
  .our-history-line {
    height: 1704px;
    left: 16px;
  }
  .our-history-title {
    font-size: 20px;
  }
  .partners-block {
    padding: 24px 0;
    width: 372px;
  }
  .partners-header-block {
    padding: 0px 20px 24px 20px;
  }
  .partners-header-main-text {
    font-size: 20px;
  }
  .partners-header-secondary-text {
    font-size: 14px;
  }
  .partners-image-wrapper {
    padding: 16px;
  }
  .partners-section {
    padding: 0 !important;
  }
  .partners-section-body {
    left: calc(-100% - 20px);
    margin-left: 0;
    width: 100%;
  }
  .partners-section-head {
    left: auto;
    position: none;
  }
  .partners-section-head-desc {
    font-size: 0.875rem;
  }
  .partners-section-img {
    flex-basis: 100%;
    flex: 1 0 100%;
    order: 2;
    margin: 0 0.5rem;
  }
  .partners-wrapper {
    padding: 1.5rem 0;
    width: 100%;
  }
  .payment {
    padding: 0;
  }
  .payment_card_img svg {
    width: 100%;
  }
  .payment_card_title {
    font-size: 22px;
  }
  .payment_flex {
    flex-direction: column;
  }
  .personal-account-container {
    padding: 16px;
  }
  .personal-gn-club-card {
    display: none;
  }
  .personal-gn-club-container {
    padding: 16px 24px;
  }
  .personal-gn-club-empty-container {
    padding: 40px 16px;
  }
  .personal-gn-club-info {
    padding: 0;
    width: 100%;
  }
  .personal-gn-club-mobile-view {
    display: flex;
    width: 100%;
  }
  .phone-icon {
    display: inherit;
  }
  .phone-text {
    display: none;
  }
  .position-advice-items {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  .position-filter-button {
    border-radius: 8px;
  }
  .position-filter-button-all {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 13px 12px;
  }
  .position-filter-buttons {
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    z-index: 1;
  }
  .position-filter-buttons.show {
    overflow: initial;
  }
  .position-modal-form {
    gap: 24px;
    padding: 24px 28px;
  }
  .position-modal-form-button {
    font-size: 14px;
    width: 100%;
  }
  .position-modal-form-subtitle, .position-modal-hot-title, .position-modal-item-list, .position-modal-item-title, .position-modal-location-title, .position-modal-salary-subtitle {
    font-size: 14px;
  }
  .position-modal-form-title, .position-modal-name-title {
    font-size: 24px;
  }
  .position-modal-info {
    gap: 24px;
    padding: 24px 16px;
  }
  .position-modal-info-head {
    position: sticky;
    top: 24px;
    padding: 24px;
  }
  .position-modal-info-salary {
    gap: 12px;
  }
  .position-modal-salary-title {
    font-size: 16px;
  }
  .position-suitable {
    height: 530px;
    overflow: hidden;
    padding: 32px;
  }
  .position-suitable-desc {
    font-size: 14px;
  }
  .position-suitable-img1 {
    left: 50%;
    right: 50%;
    top: 200px;
    transform: translate(-50%, 0);
  }
  .position-suitable-img2 {
    height: 365px;
    left: 50%;
    right: 50%;
    top: 210px;
    transform: translate(-50%, 0);
    width: 365px;
  }
  .position-suitable-title {
    font-size: 24px;
  }
  .position-suitable-wrapper {
    max-width: 100%;
    position: relative;
    z-index: 20;
  }
  .product-item-big-card .product-item-label-ring.product-item-label-big {
    font-size: 24px;
    height: 70px;
    line-height: 70px;
    width: 70px;
  }
  .product-item-big-card .product-item-label-ring.product-item-label-small, .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    width: 35px;
  }
  .product-item-big-card .product-item-label-text.product-item-label-big span {
    font-size: 20px;
    line-height: 25px;
    padding: 3px 12px;
  }
  .product-item-big-card .product-item-label-text.product-item-label-small span, .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 1px;
    padding: 3px 12px;
  }
  .product-item-big-card .product-item-title a {
    font-size: 14px;
  }
  .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {
    --product-item-label-ring-size: 40px;
    font-size: 14px;
    height: var(--product-item-label-ring-size);
    line-height: var(--product-item-label-ring-size);
    width: var(--product-item-label-ring-size);
  }
  .product-item-label-text > div {
    line-height: 0;
  }
  .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 1px;
    padding: 2px 7px;
  }
  .profile-block-form-block-wrapper {
    grid-template-columns: 100%;
  }
  .profile-container {
    padding: 16px;
  }
  .profile-input-birthday, .profile-input-email, .profile-input-middlename, .profile-input-more-phone, .profile-input-name, .profile-input-phone, .profile-input-surname, .profile-input-companyname {
    grid-column: 1/2;
  }
  .profile-line {
    display: none;
  }
  .profitable {
    padding: 0;
  }
  .profitable_card_bg svg {
    margin-bottom: 1rem;
  }
  .profitable_card_bg .profitable_card_title {
    font-size: 24px;
    margin-top: 1rem;
  }
  .profitable_card_big {
    min-height: auto;
  }
  .profitable_flex {
    display: flex;
    flex-direction: column;
  }
  .profite-buy-item-card {
    width: 100%;
  }
  .profite-buy-item-desc, .profite-buy-item-title {
    font-size: 0.875rem;
  }
  .profite-buy-section {
    gap: 1.5rem;
  }
  .project-advantages {
    padding: 24px 0;
  }
  .project-advantages-body {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
  }
  .project-advantages-body * {
    color: var(--white);
  }
  .project-advantages-body-control {
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    gap: 8px;
  }
  .project-advantages-body-control-btn {
    align-items: center;
    background: rgba(0, 0, 0, 0);
    border-radius: 4px;
    display: flex;
    float: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    gap: 10px;
    justify-content: center;
    line-height: 130%;
    padding: 8px 24px;
  }
  .project-advantages-body-desc {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }
  .project-advantages-body-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .project-advantages-body-wrapper {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 21px;
    height: 540px;
    justify-content: flex-end;
    padding: 32px;
  }
  .project-advantages-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding-bottom: 32px;
  }
  .project-box {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    margin-top: 195px;
    width: 100%;
  }
  .project-box .btn {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    height: 44px;
    justify-content: center;
    line-height: 130% !important;
    padding: 8px 24px;
  }
  .project-box .project-box-btn > button {
    width: 200px;
  }
  .project-box-btn {
    display: flex;
    flex-direction: column !important;
    gap: 16px;
    width: 100%;
  }
  .project-box-desc {
    color: var(--white);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    padding-bottom: 42px;
  }
  .project-box-title {
    font-size: 40px;
    font-style: normal;
  }
  .project-box-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 20px;
    width: 100%;
    width: var(--width);
  }
  .project-build-history {
    padding: 24px 0;
  }
  .project-build-history-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    min-width: 300px;
  }
  .project-build-history-item-badge {
    display: flex;
    flex-direction: row;
    gap: 12px;
  }
  .project-build-history-item-badge-img, .project-build-history-item-badge-video {
    align-items: center;
    background: var(--white);
    border-radius: 100px;
    color: var(--neutral-500);
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    gap: 4px;
    justify-content: center;
    line-height: 130%;
    padding: 4px 8px;
  }
  .project-build-history-item-bg {
    align-items: flex-start;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 398px;
    justify-content: space-between;
    padding: 32px 40px;
  }
  .project-build-history-item-period p {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding-bottom: 12px;
  }
  .project-build-history-item-period, .project-build-history-item-period p {
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }
  .project-build-history-items {
    display: flex;
    flex-direction: row;
    gap: 20px;
    overflow: visible;
    padding-right: 48px;
    width: 100%;
  }
  .project-build-history-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding-bottom: 24px;
  }
  .project-choose {
    background: linear-gradient(180deg, #6488ff -17.43%, #4772ff 64.06%);
    margin: 24px 0;
  }
  .project-choose-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 200;
  }
  .project-choose-btn {
    bottom: 32px;
    position: absolute;
  }
  .project-choose-desc {
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }
  .project-choose-img {
    background-image: url("/images/project/project-choose-img_new.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 436px;
    position: absolute;
    top: auto;
    width: 290px;
    z-index: 100;
  }
  .project-choose-title {
    color: var(--white);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .project-choose-wrapper {
    align-items: flex-start;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 436px;
    justify-content: flex-start;
    padding: 32px 32px 0 32px;
    position: relative;
  }
  .project-item {
    border-radius: 0 !important;
    clear: both;
    display: flex;
    margin: 0 !important;
    min-height: 756px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
  }
  .project-item h2 {
    color: var(--white);
  }
  .project-item-section {
    margin-bottom: 48px;
    margin-top: 647px;
    position: relative;
    z-index: 30;
  }
  .project-map {
    padding: 24px 0;
  }
  .project-map #map {
    height: 504px;
    width: 100%;
  }
  .project-map .map {
    border-radius: 8px;
    height: 504px;
    overflow: hidden;
    position: relative;
    z-index: 200;
  }
  .project-map-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding-bottom: 32px;
  }
  .project-metrix {
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: 20px 24px;
  }
  .project-metrix .project-metrix-row > div {
    width: 100%;
  }
  .project-metrix-desc {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
  }
  .project-metrix-icon {
    float: left;
    margin-right: 12px;
  }
  .project-metrix-row {
    max-width: 100%;
    width: 100%;
  }
  .project-metrix-row-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
    width: 100%;
  }
  .project-metrix-row:last-child {
    display: none;
  }
  .project-metrix-title {
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 130% !important;
  }
  .project-params .fw-bold {
    font-weight: bold;
  }
  .project-params .rotating {
    height: 57px;
    width: 69px;
  }
  .project-params > div, .project-params > div > div > div {
    display: flex;
  }
  .project-payment {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding: 24px 0;
  }
  .project-payment-form {
    align-items: flex-start;
    align-self: stretch;
    background: var(--white);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    padding: 32px;
  }
  .project-payment-form .b24-form-btn-block, .project-payment-form .b24-form-btn-container {
    padding: 0;
  }
  .project-payment-form .b24-form-btn-container {
    margin: 0;
  }
  .project-payment-form .b24-form-content form, .project-payment-form .b24-form-content form > div {
    align-content: normal;
  }
  .project-payment-form-desc {
    font-size: 14px;
  }
  .project-payment-form-title {
    font-size: 20px;
  }
  .project-payment-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
  }
  .project-payment-grid-item {
    align-items: flex-start;
    background: var(--white);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    gap: 64px;
    min-width: 100%;
    padding: 32px;
    width: 100%;
  }
  .project-payment-grid-item-desc span {
    color: var(--neutral-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }
  .project-payment-grid-item-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .project-payment-grid-item-value {
    color: var(--blue);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .project-payment-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 32px;
  }
  .project-payment-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
  }
  .project-whatis {
    padding: 24px 0;
    width: 100%;
  }
  .project-whatis-choose-btn {
    align-items: center;
    background-color: #ebf3ff;
    border-radius: 100px;
    color: var(--black);
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 16px;
    line-height: 120%;
    padding: 10px 24px 10px 10px;
  }
  .project-whatis-choose-icon {
    height: 32px;
    width: 32px;
  }
  .project-whatis-desc p {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }
  .project-whatis-img {
    background-image: url("/images/project/project-whatis-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    height: 300px;
    min-width: 100%;
  }
  .project-whatis-like {
    color: var(--blue);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
  }
  .project-whatis-text-block {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    height: auto;
    justify-content: space-between;
    min-width: 100%;
    padding: 32px;
    position: relative;
    min-height: auto;
  }
  .project-whatis-text-block-1 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .project-whatis-text-block-2 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .project-whatis-title {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .project-whatis-wrapper {
    background-color: var(--white);
    border-radius: 8px;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    gap: 0;
  }
  .project-whatis-wrapper > div {
    width: 50%;
  }
  .profitable_card img {
    margin-bottom: 1rem;
  }
  .profitable_card_title {
    margin-bottom: 1rem;
    font-size: 18px;
  }
  .question-block {
    padding: 24px 16px;
    width: 372px;
  }
  .question-block-agreement-row {
    width: 330px;
  }
  .question-block-form {
    height: auto;
    width: 100%;
    width: 372px;
  }
  .question-block-form-row {
    flex-direction: column;
  }
  .question-block-form-row form {
    width: 100%;
  }
  .question-block-form-row form .form_submit {
    background: transparent;
    width: 100%;
  }
  .question-block-form-row .b24-form .b24-form-btn {
    align-items: center;
    align-self: stretch;
    background-color: rgba(0, 0, 0, 0) !important;
    border-radius: 8px;
    border: 1px solid var(--white);
    display: flex;
    height: 44px;
    justify-content: center;
    padding: 8px 24px;
  }
  .question-block-form-row .b24-form, .question-block-form-row .b24-form .b24-form-field div {
    width: 100%;
  }
  .question-block-heading {
    gap: 24px;
  }
  .question-block-main-text {
    font-size: 24px;
  }
  .question-block-name-field, .question-block-submit-field {
    width: 100%;
  }
  .question-block-secondary-text {
    font-size: 16px;
  }
  .question-inner-wrapper {
    height: 492px;
    overflow: hidden;
    padding: 32px;
  }
  .questions-body-item-desc {
    padding: 0 24px 16px;
  }
  .questions-body-item-title {
    font-size: 1rem;
    margin-top: 0;
    padding: 16px 24px;
    width: 100%;
    margin-top: 1rem;
  }
  .questions-section {
    padding: 0;
  }
  .questions-section-head {
    align-items: start;
    flex-direction: column;
    gap: 1rem;
    justify-content: start;
  }
  .form_row {
    flex-direction: column;
  }
  .questions-wrapper {
    gap: 0.5rem;
    padding: 1.5rem 0;
  }
  .section-list-view-block {
    display: flex;
  }
  .section-position-filter {
    padding: 38px 0 32px;
  }
  .section-position-filter-header {
    margin-bottom: 16px;
  }
  .section-position-filter-list {
    gap: 12px;
    margin-top: 24px;
  }
  .section-position-filter-right {
    gap: 8px;
  }
  .section-position-find {
    margin: 12px 0 24px;
  }
  .section-position-item {
    -moz-column-gap: 0;
         column-gap: 0;
    grid-template-columns: 1fr;
  }
  .section-position-item-salary {
    grid-column: 1/2;
    grid-row: 4/5;
    justify-content: space-between;
    order: 2;
  }
  .section-position-item-title, .section-position-salary-title {
    font-size: 18px;
  }
  .section-position-item-years {
    margin: 8px 0 16px;
  }
  .section-position-list {
    grid-template-columns: 1fr;
  }
  .section-vacancy {
    height: 540px;
    padding: 0 8px 48px;
  }
  .section-vacancy-head {
    gap: 24px;
  }
  .section-vacancy-head-title {
    font-size: 28px;
  }
  .section_commerce_clean {
    margin-top: 0;
    height: 70vh;
    min-height: 590px;
  }
  .seo-more {
    bottom: -30px;
  }
  .service-card-big-text {
    font-size: 24px;
    gap: 16px;
  }
  .service-card-button {
    font-size: 14px;
    gap: 16px;
  }
  .service-card-button-block {
    flex-direction: column;
  }
  .service-card-main-text {
    font-size: 18px;
  }
  .service-card-outer-wrapper {
    height: 350px;
    min-height: auto;
  }
  .service-card-sub-text {
    font-size: 14px;
  }
  .single-card {
    padding: 36px 32px;
    width: auto;
  }
  .slider-background {
    height: 740px;
  }
  .slider-wrapper {
    padding: 10px 16px 150px 16px;
    width: 372px;
  }
  .socnet {
    display: flex;
    gap: 0.5rem;
  }
  .socnet svg {
    width: 55px;
  }
  .spheres {
    padding: 2rem 0;
  }
  .spheres_card {
    min-height: auto;
  }
  .spheres_card_big {
    min-height: auto;
  }
  .spheres_flex {
    flex-direction: column;
  }
  .statistic-item-desc {
    font-size: 14px;
  }
  .statistic-item-title {
    font-size: 32px;
  }
  .still-body .b24-form-btn-block {
    margin-top: 10px !important;
  }
  .still-body form input {
    margin: 0;
  }
  .still-body form, .still-body form > div {
    display: block !important;
  }
  .still-body-form {
    flex-direction: column;
  }
  .still-body-form-input, .still-body-form-submit {
    font-size: 0.875rem;
    height: 2.5rem;
  }
  .still-head-desc {
    font-size: 0.875rem;
  }
  .still-img {
    display: none;
    right: -4rem;
    top: -10rem;
    width: 19.4rem;
  }
  .still-questions {
    padding: 1.5rem 0;
  }
  .still-questions .b24-form-btn, .still-questions .b24-form-field div {
    width: 100%;
  }
  .still-questions .b24-form-btn-container {
    margin: 0;
  }
  .still-questions .b24-form-field {
    margin-bottom: 0.5rem;
  }
  .still-questions-section {
    background-position: right top;
    display: block !important;
    height: auto !important;
    min-height: 450px;
    width: 100% !important;
  }
  .still-questions-wrapper {
    justify-content: end;
    padding: 2rem;
  }
  .subscribe-block-inner-wrapper {
    height: 450px;
    overflow: hidden;
    padding: 32px;
  }
  .subscribe-block-wrapper {
    padding: 24px 0;
    width: 372px;
  }
  .subscribe-email-input {
    flex: 1;
  }
  .subscribe-img {
    display: none;
  }
  .subscribe-info-block {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .subscribe-info-text-buttons {
    flex-direction: column;
    gap: 16px;
  }
  .subscribe-info-text-main {
    font-size: 24px;
  }
  .subscribe-info-text-sub {
    font-size: 14px;
  }
  .subscribe-social {
    padding: 1.5rem 1.25rem;
  }
  .subscribe-social-body {
    flex-direction: column;
  }
  .subscribe-social-desc {
    font-size: 0.875rem;
  }
  .subscribe-social-head {
    gap: 0.75rem;
  }
  .subscribe-social-section {
    height: 29.375rem;
    justify-content: start;
    padding: 2rem;
  }
  .subscribe-social-title {
    font-size: 1.5rem;
  }
  .subscribe-social-wrapper {
    gap: 2rem;
  }
  .tagline {
    margin-top: 0;
    padding: 0;
    width: 100%;
    width: 372px;
  }
  .tagline-text {
    font-size: 20px;
  }
  .timer__item {
    margin-left: 5px;
    margin-right: 5px;
    min-width: 50px;
    padding-bottom: 5px;
  }
  .timer__items {
    font-size: 30px;
  }
  .title {
    font-size: 1.25rem;
  }
  .top-menu {
    display: none;
  }
  .type-badge {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.6) !important;
    border-radius: 10px;
    color: var(--bs-black) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: auto !important;
    line-height: 130%;
    padding: 4px 8px !important;
    width: auto !important;
  }
  .ui-ear {
    display: none;
  }
  .vac-collegue {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .vac-collegue .text-center .py-5 {
    margin: 0;
    padding: 20px 0;
  }
  .vac-collegue h3 {
    font-size: 36px !important;
  }
  .vac-collegue-block {
    display: block;
  }
  .vac-collegue-item {
    margin: 20px 0;
    width: 100%;
  }
  .vac-dream {
    display: block;
    width: 100%;
  }
  .vac-dream div:first-child .icon-right {
    bottom: -60px !important;
  }
  .vac-expect {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .vac-expect .text-center h3 {
    font-size: 36px !important;
    margin-bottom: 20px;
  }
  .vac_dreams h2, .vacancy_company_title {
    font-size: 36px !important;
  }
  .vacancy-choice {
    gap: 24px;
    padding: 24px 8px;
  }
  .vacancy-choice-title {
    font-size: 20px;
  }
  .vacancy-click {
    padding: 24px 8px;
  }
  .vacancy-click-button {
    padding: 0.5rem 1rem;
  }
  .vacancy-click-wrapper {
    height: 289px;
  }
  .vacancy-coworker {
    gap: 24px;
    padding: 24px 8px;
  }
  .vacancy-coworker-info {
    flex-direction: column;
    order: -1;
  }
  .vacancy-coworker-info-body {
    font-size: 14px;
    padding: 24px 32px;
  }
  .vacancy-coworker-info-body, .vacancy-coworker-lead {
    height: 100%;
    width: 100%;
  }
  .vacancy-coworker-lead-desc {
    font-size: 14px;
  }
  .vacancy-coworker-lead-title {
    font-size: 18px;
  }
  .vacancy-coworker-slide-img, .vacancy-coworker-slider {
    gap: 0;
    height: 267px;
    min-width: 100%;
    width: 100%;
  }
  .vacancy-coworker-title {
    font-size: 20px;
  }
  .vacancy-efficiency {
    gap: 24px;
    padding: 24px 8px;
  }
  .vacancy-efficiency-item {
    padding: 32px;
    z-index: 1;
  }
  .vacancy-efficiency-item-desc {
    font-size: 14px;
  }
  .vacancy-efficiency-item-number {
    z-index: -1;
  }
  .vacancy-efficiency-item-title {
    font-size: 18px;
  }
  .vacancy-efficiency-title {
    font-size: 20px;
  }
  .vacancy-faq-head-actions {
    flex-direction: column;
    height: 100%;
  }
  .vacancy-faq-head-button {
    height: 32px;
    width: 100%;
  }
  .vacancy-faq-head-title {
    font-size: 20px;
  }
  .vacancy-height {
    gap: 24px;
    padding: 24px 8px;
  }
  .vacancy-height-item-desc {
    font-size: 14px;
  }
  .vacancy-height-item-title {
    font-size: 18px;
  }
  .vacancy-height-item1 {
    height: 100%;
    width: 100%;
  }
  .vacancy-height-title {
    font-size: 20px;
  }
  .vacancy-height-wrapper {
    flex-direction: column;
    width: 100%;
    gap: 1rem;
  }
  .vacancy-motivation {
    gap: 24px;
    padding: 24px 8px;
  }
  .vacancy-motivation-item {
    height: 100%;
    padding: 24px 32px;
  }
  .vacancy-motivation-item-desc {
    font-size: 14px;
  }
  .vacancy-motivation-item-title {
    font-size: 18px;
  }
  .vacancy-motivation-salary {
    display: flex;
    flex-direction: column;
  }
  .vacancy-motivation-title {
    font-size: 20px;
  }
  .vacancy-numbers {
    padding: 24px 8px;
  }
  .vacancy-numbers-title {
    margin: 0 auto 24px;
  }
  .vacancy-referral {
    padding: 24px 8px;
  }
  .vacancy-referral-body {
    gap: 16px;
    max-width: 100%;
  }
  .vacancy-referral-body-desc {
    font-size: 14px;
  }
  .vacancy-referral-body-title {
    font-size: 20px;
  }
  .vacancy-referral-img {
    bottom: 0;
    height: 321px;
    right: 0;
    top: 38.5%;
    width: 354px;
  }
  .vacancy-referral-wrapper {
    height: 521px;
    padding: 32px;
  }
  .vacancy-slider2 {
    width: 100% !important;
  }
  .vacancy-statistic-item {
    gap: 12px;
    height: 116px;
  }
  .vacancy-statistic-item:nth-child(10), .vacancy-statistic-item:nth-child(12), .vacancy-statistic-item:nth-child(2), .vacancy-statistic-item:nth-child(4), .vacancy-statistic-item:nth-child(5), .vacancy-statistic-item:nth-child(7) {
    display: none;
  }
  .vacancy-statistics {
    display: flex;
    flex-direction: column;
    padding-top: 24px;
  }
  .vacancy-time {
    padding: 24px 8px;
  }
  .vacancy-time-button {
    font-size: 14px;
    padding: 8px 0;
    width: 100%;
  }
  .vacancy-time-desc {
    font-size: 14px;
  }
  .vacancy-time-img1 {
    bottom: 0;
    height: 55%;
    right: -85px;
  }
  .vacancy-time-img2 {
    height: 304px;
    right: 47px;
    top: 250px;
    width: 245px;
  }
  .vacancy-time-info {
    max-width: 100%;
  }
  .vacancy-time-title {
    font-size: 24px;
  }
  .vacancy-time-wrapper {
    align-items: flex-start;
    height: 577px;
    overflow: hidden;
    padding: 32px;
  }
  .vacancy_company .row {
    width: 100%;
  }
  .vacancy_slider {
    background-position: center;
    background-size: cover;
    margin: 20px 0;
    padding: 0 !important;
  }
  .vacation-background-image, .vacation-image {
    height: 648px;
  }
  .work-example-block {
    padding: 24px 0;
    width: 372px;
  }
  .work-example-content-block {
    flex-direction: column;
    height: auto;
  }
  .work-example-dot-block {
    align-items: flex-end;
    height: 305px;
  }
  .work-example-heading-main-text {
    font-size: 20px;
  }
  .work-example-heading-sub-text {
    font-size: 14px;
  }
  .work-example-img {
    border-radius: 8px;
    height: 305px;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .work-example-img-block {
    border-radius: 8px;
    height: 305px !important;
    width: 332px;
  }
  .work-example-info-big-block {
    padding: 36px 32px;
  }
  .work-example-info-double-card-block {
    flex-direction: column;
  }
  .catalog-section-title {
    font-size: 1.25rem;
    padding-bottom: 1rem;
  }
  .main-stories {
    padding: 3rem 0;
  }
  .main-stories-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
  .main-stories-item {
    max-width: 12.25rem;
    min-width: 12.25rem;
    height: 17.8125rem;
  }
  .main-stories-item-overlay {
    padding: 1rem;
  }
  .gn-popup-video .gn-popup-section {
    padding: 0;
  }
  .gn-popup-video-content {
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding: 2.875rem 3.25rem 1.5rem;
    gap: 1rem;
    overflow: auto;
    display: grid;
  }
  .gn-popup-video-content-video {
    width: 16.875rem;
    min-height: 30rem;
    order: 1;
  }
  .gn-popup-video-content-form {
    order: 2;
  }
  .gn-popup-video-content .form_col {
    margin-bottom: 0.5rem;
  }
  .gn-popup-video-content .gn-popup-title {
    font-size: 1.25rem;
  }
  .gn-popup-video-content .gn-popup-privacy {
    display: none;
  }
  .benefit_col {
    grid-template-columns: 1fr;
  }
  .benefit_col:first-child {
    height: 178px;
  }
  .benefit_card_title {
    font-size: 28px;
    margin-bottom: 0.5rem;
  }
  .benefit_card_desc {
    font-size: 14px;
  }
  .payment-methods_card {
    flex-direction: column-reverse;
    align-items: start;
    gap: 0.5rem;
  }
  .payment-methods_name {
    font-size: 1.75rem;
  }
  .payment-methods_img {
    margin-left: auto;
    max-height: 10rem;
  }
  .choice-gn-body-block > div {
    padding: 2.25rem 2rem;
  }
  .choice-gn-body-title {
    font-size: 18px;
  }
  .choice-gn-body-desc {
    font-size: 14px;
  }
  .partners-section-head-desc {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .grid2x1 .bx_sidebar {
    padding-left: 4%;
  }
  .product-item-big-card .product-item-title a {
    font-size: 16px;
  }
}
@media (min-width: 764px) and (max-width: 1204px) {
  .top-right #phone {
    display: none;
  }
  .navbar-top ul {
    display: none;
  }
  footer {
    margin: 0 auto;
    padding: 0;
    width: var(--width-tablet);
  }
  header, section {
    margin: 0 auto;
    padding: 0 20px;
    width: var(--width-tablet);
  }
  #ala-map, #shm-map {
    width: var(--width-tablet);
  }
  #auth {
    margin-left: 0;
  }
  #auth .profile-icon {
    display: inline-block;
    height: 20px;
    width: 36px;
  }
  #auth a {
    align-items: center;
    display: flex;
    height: 30px;
    line-height: 30px;
    width: 35px;
  }
  #auth button {
    background-color: transparent;
    background-position: 15px center;
    background-size: 20px;
    color: transparent;
    display: none;
    font-size: 18px;
    padding: 0;
  }
  #auth, #callme {
    margin: 0 1rem;
  }
  #gn-popup-project .gn-popup-body {
    margin-left: 0;
    width: 100%;
  }
  .about-metric-wrapper {
    padding: 32px 0;
  }
  .about-metric-wrapper, .commercial-premises-section, .find-face, .form-request-block, .get-consultation-section, .guarantees-block, .managment-block, .office-section, .our-blog-section, .profite-buy-section, .questions-section, .subscribe-social, .vac-expect, .vacancy_slider {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .about-page-service-wrapper {
    padding: 32px 0;
  }
  .about-wrapper {
    grid-template-columns: 1fr;
  }
  .arrow {
    height: 200px;
  }
  .b24-form-btn-block {
    margin: 0;
    padding: 0 !important;
  }
  .b24-form-btn-container {
    margin: 0 !important;
    padding: 0;
    width: 33%;
  }
  .b24-form-content form > div:nth-child(2) {
    display: none;
  }
  .b24-form-content form input {
    margin-right: 0 !important;
  }
  .b24-form-content form, .b24-form-content form > div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
  }
  .b24-form-field {
    margin-bottom: 0 !important;
  }
  .b24-form-wrapper {
    margin: 0 !important;
    max-width: 100% !important;
    padding: 0;
    width: 100%;
  }
  .badgets {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 10px;
  }
  .banned {
    max-width: 48%;
    width: 50%;
  }
  .be-partner-block {
    height: 506px !important;
    padding: 20px;
  }
  .be-partner-form-block {
    padding: 0;
  }
  .bottom-block {
    clear: both;
    display: flex;
    margin-bottom: 330px;
    position: relative;
  }
  .bottom-block-1 {
    position: absolute;
    top: 400px;
    width: 100%;
  }
  .bottom-block-1 button.btn {
    width: calc(100% - 40px);
  }
  .bottom-copyright {
    display: flex;
  }
  .btn-main-blur {
    -webkit-backdrop-filter: blur(8px) !important;
            backdrop-filter: blur(8px) !important;
    background: rgba(255, 255, 255, 0.6) !important;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: var(--bs-black) !important;
  }
  .building {
    bottom: -150px;
    bottom: -88px;
    height: 474px;
    position: absolute;
    right: -778px;
    right: -850px;
    width: 1165px;
    z-index: 10;
  }
  .buildings-list .news-item {
    clear: both;
    font-size: 14px !important;
  }
  .buildings-list a {
    padding-bottom: 0;
  }
  .cases-block-wrapper {
    padding: 20px 0 !important;
  }
  .cases-text-block {
    width: 100%;
  }
  .catalog-section {
    padding: 20px 0;
    width: 100%;
  }
  .catalog-section-item {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .catalog-section-item-card {
    padding: 0;
    width: 100%;
  }
  .cloud-2 {
    top: 70px;
  }
  .commerce_benefits {
    padding: 0;
    width: 100%;
  }
  .commerce_benefits_block {
    width: calc(100% - 40px);
  }
  .commerce_benefits_item, .commerce_invests_item {
    width: 48%;
  }
  .commerce_invests {
    width: 100%;
  }
  .commerce_projects {
    width: 100%;
  }
  .commerce_projects_block {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .commerce_projects_block_item {
    box-sizing: border-box;
    width: 48%;
  }
  .commerce_slider {
    margin: 20px 0;
    width: 100%;
  }
  .commercial-premises-img-tablet {
    display: block !important;
  }
  .commercial-premises-info {
    max-width: 100%;
    min-width: 100% !important;
    width: 100%;
  }
  .commercial-premises-section {
    display: flex;
    flex-direction: column;
  }
  .commercial-premises-slider {
    display: none;
  }
  .commercial-premises-slider-wrapper .ui-ear {
    display: block;
  }
  .commercial-premises-slider-wrapper .ui-ears-wrapper {
    min-width: 100% !important;
    width: 100% !important;
  }
  .consultation-block {
    overflow: hidden;
    padding: 32px 0;
  }
  .consultation-block-image {
    margin-bottom: -32px;
    margin: 0;
    text-align: right;
  }
  .consultation-block-image svg {
    border-radius: 0 !important;
    width: 300px !important;
  }
  .consultation-block-inner-wrapper {
    height: 643px;
    justify-content: flex-start;
    padding: 56px 72px;
  }
  .expert-block {
    width: 100%;
  }
  .expert-block-card {
    padding: 32px 32px 32px 110px;
  }
  .expert-block-header {
    padding: 0;
  }
  .expert-block-number {
    left: 20px;
    left: 20px !important;
    position: absolute;
    top: 20px;
    top: 20px !important;
  }
  .expert-block-wrapper {
    grid-template-columns: 1fr;
  }
  .feedback-block {
    padding: 32px 0;
    width: 100%;
  }
  .find-face-image {
    bottom: 0;
    display: block;
    height: auto;
    position: absolute;
    right: -60px;
    width: 400px;
  }
  .find-face-info-title {
    font-size: 48px;
  }
  .form-block {
    height: auto;
    padding: 32px;
    width: 100%;
  }
  .form-request-block {
    padding: 32px 0;
  }
  .form-request-inner-wrapper, .gallery-about-card-block, .gallery-about-heading, .news-detail-head {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .form-request-inner-wrapper-2 {
    flex-direction: column-reverse;
  }
  .gallery-about-block {
    padding: 32px 0;
  }
  .gallery-about-card-block {
    -ms-overflow-style: none;
    overflow-x: scroll;
    overflow: scroll;
    scrollbar-width: none;
  }
  .gallery-about-card-wrapper {
    min-width: 374px;
    min-width: 55%;
    width: 55%;
  }
  .gallery-about-heading {
    width: 100%;
  }
  .get-consultation-form-input {
    width: 100%;
  }
  .get-consultation-info {
    flex-direction: row;
  }
  .get-consultation-section {
    padding: 2rem 0;
  }
  .get-consultation-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
  .gn-office-list {
    padding-left: 0;
  }
  .gn-popup-block {
    width: auto;
  }
  .gn-popup-body {
    margin-left: 0;
  }
  .gn-popup-image {
    display: none;
  }
  .gn-popup-project-item-value {
    display: flex;
    flex-direction: row;
    gap: 20px;
  }
  .guarantees-block {
    margin: 0 auto;
    padding: 32px 0;
  }
  .guarantees-block-card-wrapper {
    -ms-overflow-style: none;
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .header {
    width: var(--width-tablet);
  }
  .header-adaptive-block {
    left: 20px;
    position: absolute;
    right: 20px;
    top: 110px;
    width: calc(100% - 40px);
  }
  .header-adaptive-block button, .header-adaptive-block-contacts, .header-adaptive-block-control {
    display: none;
  }
  .header-adaptive-block-body {
    display: flex;
    justify-content: space-between;
    padding: 24px 22px;
  }
  .header-adaptive-block-menu {
    display: inherit;
    margin-top: 0;
  }
  .header-adaptive-block-tablet .buildings-list .news-item, .header-adaptive-block-tablet .buildings-list > a, .header-adaptive-block-tablet .news-item {
    background: none;
    font-weight: 500;
    padding: 12px 16px;
    text-align: left;
    width: 100%;
  }
  .header-adaptive-block-tablet .buildings-list > a {
    line-height: 40px;
  }
  .header-adaptive-block-tablet .contacts-list {
    margin-bottom: 20px;
  }
  .header-block {
    line-height: 60px;
    margin-top: 0;
    width: 100%;
  }
  .header-city {
    margin-right: 0;
  }
  .header-lang a {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .header-wrapper {
    height: 958px;
  }
  .krisha {
    margin: 48px 20px;
  }
  .krisha-block {
    align-content: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
    width: 70%;
    z-index: 200;
  }
  .krisha-desc {
    color: #1c1819;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    width: 300px;
  }
  .krisha-img {
    bottom: 0;
    height: 367px;
    position: absolute;
    right: 0;
    top: auto;
    width: 390px;
    z-index: 100;
  }
  .krisha-title {
    color: #1c1819;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .krisha-wrapper {
    align-items: flex-start;
    align-self: stretch;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 496px;
    justify-content: center;
    padding: 32px 64px;
    position: relative;
  }
  .login-form {
    justify-content: center;
  }
  .main-banner-content {
    padding-left: 0;
    padding-top: 20px;
    width: 50%;
  }
  .main-banner-content-image {
    bottom: 150px;
    right: -100px;
    width: 500px;
  }
  .main-banner-list {
    padding: 20px 0 60px 0;
  }
  .main-banner-section {
    gap: 0;
    height: auto;
    width: 100%;
    width: calc(var(--width-tablet) - 40px);
  }
  .managment-block-cards-wrapper {
    gap: 18px;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .managment-block-header {
    padding-bottom: 3rem;
  }
  .map-apartment-card-image {
    display: none;
  }
  .map-apartment-card-wrapper {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    padding: 48px;
    top: auto;
    width: 100%;
  }
  .map-section, .map-wrapper {
    overflow: hidden;
    padding: 0;
    width: 100%;
  }
  .map-section-body {
    bottom: 52px;
    gap: 32px;
    height: 300px;
    left: 0;
    margin: 32px 52px;
    overflow: hidden;
    padding: 32px;
    width: calc(100% - 104px);
  }
  .map-section-body-item {
    width: calc(50% - 16px);
  }
  .map-section-body-items {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px 32px;
  }
  .menu-title {
    display: block !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    padding-bottom: 10px;
    padding-left: 15px;
  }
  .metric-card {
    min-width: 40%;
    width: 50%;
  }
  .metrics-inner-wrapper {
    flex-wrap: wrap;
  }
  .nav-adaptive-hide {
    display: block !important;
  }
  .news-breadcrumb, .news-list-container {
    padding: 20px 0;
  }
  .news-detail {
    padding: 0;
    width: 100%;
  }
  .news-detail section {
    padding: 0;
  }
  .news-detail-img {
    height: auto;
    width: 100%;
  }
  .office-body {
    justify-content: start;
  }
  .office-body-buttons {
    display: none;
  }
  .office-body-card {
    border-radius: 8px;
    min-width: calc(50% - 1.25rem);
    min-width: calc(50% - 3rem) !important;
    overflow: hidden;
  }
  .office-body-desc {
    font-size: 0.875rem;
  }
  .office-section {
    padding: 2rem 0;
  }
  .offset-2 {
    margin: 0;
    padding: 0;
  }
  .partners-block {
    padding: 32px 0;
    width: 764px;
  }
  .profite-buy-item-body {
    width: auto;
  }
  .profite-buy-item-card {
    min-width: 260px;
    min-height: 306px;
  }
  .project-advantages {
    padding: 48px 0;
  }
  .project-advantages-body {
    background-image: url("/images/project/project-advantages-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
  }
  .project-advantages-body * {
    color: var(--white);
  }
  .project-advantages-body-control {
    align-items: flex-start;
    align-self: stretch;
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    display: block;
    justify-content: space-between;
    padding: 4px;
  }
  .project-advantages-body-control-btn {
    align-items: center;
    background: rgba(0, 0, 0, 0);
    border-radius: 4px;
    display: flex;
    float: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    gap: 10px;
    justify-content: center;
    line-height: 130%;
    padding: 8px 24px;
  }
  .project-advantages-body-desc {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }
  .project-advantages-body-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .project-advantages-body-wrapper {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 21px;
    height: auto;
    justify-content: flex-end;
    min-height: 540px;
    padding: 3rem;
  }
  .project-advantages-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding-bottom: 32px;
  }
  .project-box {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    margin-top: 255px;
    width: 100%;
  }
  .project-box .btn {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    height: 44px;
    justify-content: center;
    line-height: 130% !important;
    padding: 8px 24px;
  }
  .project-box-btn {
    display: flex;
    flex-direction: row;
    gap: 16px;
  }
  .project-box-desc {
    color: var(--white);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    padding-bottom: 42px;
  }
  .project-box-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: calc(var(--width-tablet) - 40px);
  }
  .project-build-history {
    padding: 32px 0;
  }
  .project-build-history-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    min-width: 300px;
  }
  .project-build-history-item-badge {
    display: flex;
    flex-direction: row;
    gap: 12px;
  }
  .project-build-history-item-badge-img, .project-build-history-item-badge-video {
    align-items: center;
    background: var(--white);
    border-radius: 100px;
    color: var(--neutral-500);
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    gap: 4px;
    justify-content: center;
    line-height: 130%;
    padding: 4px 8px;
  }
  .project-build-history-item-bg {
    align-items: flex-start;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 398px;
    justify-content: space-between;
    padding: 32px 40px;
  }
  .project-build-history-item-period p {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding-bottom: 12px;
  }
  .project-build-history-item-period, .project-build-history-item-period p {
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }
  .project-build-history-items {
    display: flex;
    flex-direction: row;
    gap: 20px;
    overflow: visible;
    padding-right: 40px;
    width: 100%;
  }
  .project-build-history-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding-bottom: 32px;
  }
  .project-choose {
    background: linear-gradient(180deg, #6488ff -17.43%, #4772ff 64.06%);
    margin: 48px 0;
  }
  .project-choose-block {
    align-content: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
    width: 70%;
    z-index: 200;
  }
  .project-choose-desc {
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }
  .project-choose-img {
    background-image: url("/images/project/project-choose-img_new.png");
    background-size: cover;
    bottom: 0;
    height: 367px;
    position: absolute;
    right: 0;
    top: auto;
    width: 414px;
    z-index: 100;
  }
  .project-choose-title {
    color: var(--white);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .project-choose-wrapper {
    align-items: flex-start;
    align-self: stretch;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 496px;
    justify-content: center;
    padding: 32px 64px;
    position: relative;
  }
  .project-item {
    border-radius: 0 !important;
    clear: both;
    display: flex;
    margin: 0 !important;
    min-height: 756px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
  }
  .project-item h2 {
    color: var(--white);
  }
  .project-item-section {
    margin-bottom: 48px;
    margin-top: 607px;
    position: relative;
    z-index: 30;
  }
  .project-map {
    padding: 48px 0;
  }
  .project-map #map {
    height: 770px;
    width: 100%;
  }
  .project-map .map {
    border-radius: 8px;
    height: 770px;
    position: relative;
    z-index: 200;
  }
  .project-map-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding-bottom: 32px;
  }
  .project-metrix {
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: 20px 24px;
  }
  .project-metrix .project-metrix-row > div {
    width: 100%;
  }
  .project-metrix-desc {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
  }
  .project-metrix-icon {
    float: left;
    margin-right: 12px;
  }
  .project-metrix-row {
    width: 50%;
  }
  .project-metrix-row-block {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 24px 0;
    justify-content: space-between;
    width: 100%;
  }
  .project-metrix-row:last-child {
    display: flex;
    flex-direction: row;
    gap: 12px;
  }
  .project-metrix-title {
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 130% !important;
  }
  .project-params .fw-bold {
    font-weight: bold;
  }
  .project-params .rotating {
    height: 57px;
    width: 69px;
  }
  .project-params > div, .project-params > div > div > div {
    display: flex;
  }
  .project-payment {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding: 48px 0;
  }
  .project-payment-form {
    align-items: flex-start;
    align-self: stretch;
    background: var(--white);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    padding: 48px;
  }
  .project-payment-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
  }
  .project-payment-grid-item {
    align-items: flex-start;
    background: var(--white);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    gap: 64px;
    min-width: calc(50% - 20px);
    padding: 32px 40px;
    width: calc(50% - 20px);
  }
  .project-payment-grid-item-desc span {
    color: var(--neutral-500);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }
  .project-payment-grid-item-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .project-payment-grid-item-value {
    color: var(--blue);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .project-payment-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 32px;
  }
  .project-payment-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
  }
  .project-whatis {
    padding: 48px 0;
    width: 100%;
  }
  .project-whatis-choose-btn {
    align-items: center;
    background-color: #ebf3ff;
    border-radius: 100px;
    color: var(--black);
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    gap: 16px;
    line-height: 120%;
    padding: 10px 24px 10px 10px;
  }
  .project-whatis-choose-icon {
    height: 32px;
    width: 32px;
  }
  .project-whatis-desc p {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }
  .project-whatis-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 400px;
  }
  .project-whatis-like {
    color: var(--blue);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    padding-top: 48px;
  }
  .project-whatis-text-block {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    justify-content: space-between;
    padding: 56px;
    min-height: auto;
  }
  .project-whatis-text-block-1 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .project-whatis-text-block-2 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .project-whatis-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .project-whatis-wrapper {
    background-color: var(--white);
    border-radius: 20px 20px 8px 8px;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    gap: 0;
  }
  .project-whatis-wrapper > div {
    width: 100%;
  }
  .question-block-form-row .b24-form-btn {
    align-items: center;
    background-color: rgba(0, 0, 0, 0) !important;
    border-radius: 8px;
    border: 1px solid var(--white);
    display: flex;
    height: 44px;
    justify-content: center;
    padding: 8px 24px;
  }
  .question-block-form-row .b24-form-btn-container {
    width: 160px;
  }
  .question-block-form-row .b24-form-content form {
    flex-direction: row !important;
    gap: 10px;
  }
  .question-block-form-row .b24-form-content form > div {
    flex-direction: row !important;
    gap: 20px;
  }
  .question-block-form-row .b24-form-wrapper {
    max-width: 95% !important;
    width: auto;
  }
  .service-card-button {
    width: 190px;
  }
  .service-card-button-block {
    flex-direction: column;
  }
  .service-card-outer-wrapper {
    height: 385px;
  }
  .single-card {
    width: auto;
  }
  .single-card-inner-wrapper {
    flex-direction: row;
  }
  .slider-background {
    height: 1070px;
    overflow: hidden;
  }
  .slider-wrapper {
    padding: 10px 20px 300px 20px;
    width: 764px;
  }
  .spheres_card_big {
    min-height: 345px;
  }
  .spheres_col12 .spheres_card {
    min-height: 345px;
  }
  .spheres_col23 .spheres_flex {
    flex-direction: row;
  }
  .spheres_flex {
    flex-direction: column;
  }
  .still-body .b24-form-btn-block {
    margin-top: 0 !important;
  }
  .still-img {
    position: absolute;
  }
  .subscribe-block-inner-wrapper {
    height: 500px;
    overflow: hidden;
    padding: 32px 72px;
  }
  .subscribe-block-wrapper {
    padding: 32px 0;
  }
  .subscribe-email-input {
    flex: 1;
  }
  .subscribe-img {
    bottom: -60px;
    height: auto;
    position: absolute;
    right: 27px;
    width: 250.5px;
  }
  .subscribe-info-block {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .subscribe-info-text-buttons {
    flex-direction: row;
  }
  .subscribe-social-section {
    padding: 32px 72px;
  }
  .tagline {
    margin-top: 0;
    position: relative;
    width: 100%;
    width: 764px;
    z-index: 100;
  }
  .tagline-text {
    font-size: 32px;
  }
  .title {
    font-size: 32px;
  }
  .top-menu {
    display: none;
  }
  .type-badge {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.6) !important;
    border-radius: 10px;
    color: var(--bs-black) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: auto !important;
    line-height: 130%;
    padding: 4px 8px !important;
    width: auto !important;
  }
  .ui-ear {
    display: none;
  }
  .ui-ears-wrapper {
    min-width: calc(100% + 80px) !important;
    overflow: visible;
    position: relative;
    width: calc(100% + 80px) !important;
  }
  .v-portal {
    display: none !important;
  }
  .vac-collegue-block {
    flex-direction: column;
    gap: 20px;
  }
  .vac-collegue-img {
    min-height: 450px;
    min-width: 450px;
  }
  .vac-collegue-item {
    margin: 0;
    width: 100%;
  }
  .vac-dream {
    gap: 20px;
  }
  .vac-expect-block {
    display: block;
    margin: 0;
    padding: 0;
  }
  .vac-expect-item {
    padding: 0 !important;
  }
  .vac_vacancy_block {
    padding: 0;
  }
  .vacancy_company {
    position: relative;
    z-index: 80;
  }
  .vacancy_slider {
    margin: 20px 0;
    position: relative;
    z-index: 100;
  }
  .work-example-block {
    padding: 32px 0;
    width: 764px;
  }
  .work-example-content-block {
    flex-direction: column;
    height: auto;
  }
  .work-example-dot-block {
    align-items: flex-end;
    height: 364px;
  }
  .work-example-img {
    border-radius: 8px;
    display: none !important;
    height: 364px;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    width: 724px;
  }
  .work-example-img-block {
    background-image: url("/images/buta.png");
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    height: 364px;
    width: 724px;
  }
  .news-detail-head-desc {
    font-size: 1rem;
  }
  .news-detail-head-desc img {
    height: auto;
    max-width: 100%;
  }
  .news-detail-head-desc iframe {
    height: auto;
    max-width: 100%;
  }
  .news-detail-head-desc li {
    height: 4px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    width: 100%;
    border-radius: 2px;
  }
  .news-detail-head-desc li button {
    display: none;
  }
  .news-detail-head-desc li.slick-active {
    background: var(--blue);
  }
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .product-item-image-slide {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    backface-visibility: hidden;
    perspective: 1000px;
    transition: transform 0.6s ease-in-out;
  }
  .product-item-image-slide.active, .product-item-image-slide.next.left, .product-item-image-slide.prev.right {
    -webkit-transform: translate3d(0, 0, 0);
    left: 0;
    transform: translate3d(0, 0, 0);
  }
  .product-item-image-slide.active.left, .product-item-image-slide.prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    left: 0;
    transform: translate3d(-100%, 0, 0);
  }
  .product-item-image-slide.active.right, .product-item-image-slide.next {
    -webkit-transform: translate3d(100%, 0, 0);
    left: 0;
    transform: translate3d(100%, 0, 0);
  }
  .commerce_hero_col {
    max-width: 30%;
  }

  .commerce_hero_col:first-child {
    width: 100%;
    max-width: none;
  }

  .commerce_hero_slider_flex .commerce_hero_col{
    font-size: 14px;
  }
}

   .personal-gn-club-modal {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 70vh;
     z-index: 1001;
     display: flex;
     justify-content: flex-end;
     padding: 30px;
     gap: 45px;
     flex-direction: column;
     transform: translateY(100%);
     visibility: hidden;
     transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
   }

.personal-gn-club-modal-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.personal-gn-club-modal-close {
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #FFF;
  width: 100%;
  background: transparent;
}
.personal-gn-club-modal-barcode-border {
  border: 7px solid rgba(255, 255, 255, 0.20);
  border-radius: 14px;
  margin-bottom: 20px;
}

.personal-gn-club-modal-barcode {
  width: 100%;
  height: 100px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px #4584FF;
}

.personal-gn-club-modal-barcode-img {
  width: 100%;
  height: 75%;
  border-radius: 8px;
}

.personal-gn-club-modal-barcode-title {
  color: #18315A;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 22px;
}

.personal-gn-club-modal-barcode-title::after {
  content: '';
  margin-left: -22px;
}

.personal-gn-club-modal-show {
  transform: translateY(0%);
  visibility: visible;
}

.personal-gn-club-modal-wrapper{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgb(0 0 0 / 40%);
  height: 100vh;
  z-index: 1000;
  opacity: 0;

}
.form_input:valid {
  border: 1px solid #ddd;
}
.form_input.input-error:valid {
  border: 1px solid red;
}
.personal-gn-club-modal-wrapper-show{
  display: block;
  opacity: 1;
}
.personal-gn-club-modal-hide {
  transform: translateY(100%);
  visibility: hidden;
}

#copyLinkButton {
  position: relative;
}

.tooltip {
  visibility: hidden;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip.show {
  visibility: visible;
  opacity: 1;
}

/*# sourceMappingURL=template_styles.css.map */

/* End */
/* /local/templates/galereya_2024/css/animate.min.css?174236376171750 */
/* /local/templates/galereya_2024/css/style.css?1742363761835 */
/* /local/templates/galereya_2024/template_styles.css?1748950000463932 */