/* Start:/local/templates/main/external-files/swiper/swiper.min.css?177728080317360*/ .swiper-slide,.swiper-wrapper{width:100%;height:100%;position:relative}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar,.swiper-pagination-white .swiper-pagination-bullet,.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-black .swiper-pagination-bullet-active,.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-fade .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:1s steps(12,end) infinite swiper-preloader-spin;-moz-animation:1s steps(12,end) infinite swiper-preloader-spin;animation:1s steps(12,end) infinite swiper-preloader-spin}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} /* End */ /* Start:/local/templates/main/external-files/fancybox/jquery.fancybox.min.css?177728080312921*/ @function max($numbers...) { @return m#{a}x(#{$numbers}); } @function min($numbers...) { @return m#{i}n(#{$numbers}); } body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/external-files/simplebar/simplebar.min.css?17772808032669*/ [data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-mask,.simplebar-offset{position:absolute;padding:0;margin:0;bottom:0;right:0;top:0;left:0}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;overflow:hidden;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;visibility:visible;overflow:auto;max-width:100%;max-height:100%}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;right:2px;width:7px;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:0;right:0;opacity:0;transition:opacity .2s linear}.simplebar-track .simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll} /* End */ /* Start:/local/templates/main/external-files/data-picker/daterangepicker.min.css?17772808036074*/ .daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-family:arial;font-size:15px;line-height:1em}.daterangepicker:after,.daterangepicker:before{position:absolute;display:inline-block;content:''}.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.daterangepicker.opensleft:before{right:9px}.daterangepicker.opensleft:after{right:10px}.daterangepicker.openscenter:after,.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.opensright:before{left:9px}.daterangepicker.opensright:after{left:10px}.daterangepicker.drop-up{margin-top:-7px}.daterangepicker.drop-up:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.drop-up:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar{float:none}.daterangepicker.auto-apply .drp-buttons,.daterangepicker.single .drp-selected{display:none}.daterangepicker.show-calendar .drp-buttons,.daterangepicker.show-calendar .drp-calendar{display:block}.daterangepicker .drp-calendar{display:none;max-width:270px}.daterangepicker .drp-calendar.left{padding:8px 0 8px 8px}.daterangepicker .drp-calendar.right{padding:8px}.daterangepicker .drp-calendar.single .calendar-table{border:none}.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid #000;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px}.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.daterangepicker .calendar-table td,.daterangepicker .calendar-table th{text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer}.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff}.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background-color:#fff;border-color:transparent;color:#999}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.daterangepicker td.start-date{border-radius:4px 0 0 4px}.daterangepicker td.end-date{border-radius:0 4px 4px 0}.daterangepicker td.start-date.end-date{border-radius:4px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:transparent;color:#fff}.daterangepicker th.month{width:auto}.daterangepicker option.disabled,.daterangepicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}.daterangepicker select.monthselect{margin-right:2%;width:56%}.daterangepicker select.yearselect{width:40%}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin:0 auto;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px}.daterangepicker .calendar-time{text-align:center;margin:4px auto 0;line-height:30px;position:relative}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle}.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px}.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:700;padding:4px 8px}.daterangepicker.show-ranges.rtl .drp-calendar.right,.daterangepicker.show-ranges.single.rtl .drp-calendar.left{border-right:1px solid #ddd}.daterangepicker.show-ranges.ltr .drp-calendar.left,.daterangepicker.show-ranges.single.ltr .drp-calendar.left{border-left:1px solid #ddd}.daterangepicker .ranges{float:none;text-align:left;margin:0}.daterangepicker.show-calendar .ranges{margin-top:8px}.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer}.daterangepicker .ranges li:hover{background-color:#eee}.daterangepicker .ranges li.active{background-color:#08c;color:#fff}@media (min-width:564px){.daterangepicker{width:auto;direction:ltr;text-align:left}.daterangepicker .ranges ul{width:140px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .drp-calendar.left{clear:none}.daterangepicker .drp-calendar,.daterangepicker .ranges,.daterangepicker.single .drp-calendar,.daterangepicker.single .ranges{float:left}.daterangepicker .drp-calendar.left{clear:left;margin-right:0}.daterangepicker .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;padding-right:8px}.daterangepicker .drp-calendar.right{margin-left:0}.daterangepicker .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}}@media (min-width:730px){.daterangepicker .ranges{width:auto;float:left}.daterangepicker.rtl .ranges{float:right}.daterangepicker .drp-calendar.left{clear:none!important}} /* End */ /* Start:/local/templates/main/external-files/aos/aos.min.css?177728080326053*/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* End */ /* Start:/local/templates/main/css/main.min.css?1786649280280123*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } @font-face { font-family: "Manrope-Light"; font-weight: normal; font-style: normal; font-display: swap; src: url("/local/templates/main/css/../fonts/Manrope-Light.woff2") format("woff2"), url("/local/templates/main/css/../fonts/Manrope-Light.woff") format("woff"); } @font-face { font-family: "Manrope-Medium"; font-weight: normal; font-style: normal; font-display: swap; src: url("/local/templates/main/css/../fonts/Manrope-Medium.woff2") format("woff2"), url("/local/templates/main/css/../fonts/Manrope-Medium.woff") format("woff"); } @font-face { font-family: "Manrope-Regular"; font-weight: normal; font-style: normal; font-display: swap; src: url("/local/templates/main/css/../fonts/Manrope-Regular.woff2") format("woff2"), url("/local/templates/main/css/../fonts/Manrope-Regular.woff") format("woff"); } @font-face { font-family: "Manrope-SemiBold"; font-weight: normal; font-style: normal; font-display: swap; src: url("/local/templates/main/css/../fonts/Manrope-SemiBold.woff2") format("woff2"), url("/local/templates/main/css/../fonts/Manrope-SemiBold.woff") format("woff"); } @font-face { font-family: "Manrope-Bold"; font-weight: normal; font-style: normal; font-display: swap; src: url("/local/templates/main/css/../fonts/Manrope-Bold.woff2") format("woff2"), url("/local/templates/main/css/../fonts/Manrope-Bold.woff") format("woff"); } @font-face { font-family: "Moscow-Sans"; font-weight: normal; font-style: normal; font-display: swap; src: url("/local/templates/main/css/../fonts/Moscow-Sans.woff2") format("woff2"), url("/local/templates/main/css/../fonts/Moscow-Sans.woff") format("woff"); } @font-face { font-family: "MartianGrotesk-CnBl"; font-weight: normal; font-style: normal; font-display: swap; src: url("/local/templates/main/css/../fonts/MartianGrotesk-CnBl.woff2") format("woff2"), url("/local/templates/main/css/../fonts/MartianGrotesk-CnBl.woff") format("woff"); } @font-face { font-family: "MartianGrotesk-StdBd"; font-weight: normal; font-style: normal; font-display: swap; src: url("/local/templates/main/css/../fonts/MartianGrotesk-StdBd.woff2") format("woff2"), url("/local/templates/main/css/../fonts/MartianGrotesk-StdBd.woff") format("woff"); } @font-face { font-family: "MartianGrotesk-StdRg"; font-weight: normal; font-style: normal; font-display: swap; src: url("/local/templates/main/css/../fonts/MartianGrotesk-StdRg.woff2") format("woff2"), url("/local/templates/main/css/../fonts/MartianGrotesk-StdRg.woff") format("woff"); } @font-face { font-family: "MartianGrotesk-CnBd"; font-weight: normal; font-style: normal; font-display: swap; src: url("/local/templates/main/css/../fonts/MartianGrotesk-CnBd.woff2") format("woff2"), url("/local/templates/main/css/../fonts/MartianGrotesk-CnBd.woff") format("woff"); } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; margin: 0; padding: 0; height: 100%; width: 100vw; } @media (max-width: 1259px) { html { width: 100%; } } body { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 140%; letter-spacing: -0.02em; margin: 0; padding: 0; min-width: 320px; width: 100vw; height: 100%; color: #121212; background: #ffffff; overflow-x: hidden; overflow-y: auto; } body.no-scroll { overflow: hidden; } @media (max-width: 1259px) { body { width: 100%; overflow: visible; } } main { flex-grow: 1; display: flex; flex-direction: column; padding-top: var(--header-height); } img { display: block; max-width: 100%; max-height: 100%; height: auto; } #bx-panel { z-index: 9999999999 !important; width: 100% !important; } .fancybox-bg { background: rgba(34, 36, 44, 0.6); } .fancybox-is-open .fancybox-bg { opacity: 1; } .fancybox-slide--html { padding: 0; } .fancybox-content { margin: 40px 0; } @media (max-width: 767px) { .fancybox-content { margin: 20px 0; } } @keyframes img-top-left { 0% { top: 50%; left: 50%; transform: translate(-50%, -50%); } 100% { transform: none; top: 186px; left: calc((100vw - 1920px) / 2 + 116px); } } @keyframes img-top-left-min { 0% { top: 50%; left: 50%; transform: translate(-50%, -50%); } 100% { transform: none; top: 186px; left: 2vw; } } @keyframes img-top-right { 0% { top: 50%; right: 50%; transform: translate(50%, -50%); } 100% { transform: none; top: 186px; right: calc((100vw - 1920px) / 2 + 116px); } } @keyframes img-top-right-min { 0% { top: 50%; right: 50%; transform: translate(50%, -50%); } 100% { transform: none; top: 186px; right: 2vw; } } @keyframes img-bottom-left { 0% { bottom: 50%; left: 50%; transform: translate(-50%, 50%); } 100% { transform: none; bottom: 140px; left: calc((100vw - 1920px) / 2 + 379px); } } @keyframes img-bottom-right { 0% { bottom: 50%; right: 50%; transform: translate(50%, 50%); } 100% { transform: none; bottom: 140px; right: calc((100vw - 1920px) / 2 + 379px); } } .fancybox-bg { background: rgba(0, 0, 0, 0.6); } .fancybox-is-open .fancybox-bg { opacity: 1; } .fancybox-slide--html { padding: 0; } .fancybox-content { margin: 0; background: #ffffff; } .simplebar-scrollbar { width: 3px; background: rgba(18, 18, 18, 0.5); right: 0; border-radius: 10px; } .simplebar-scrollbar::before { display: none; } .simplebar-track.simplebar-vertical { width: 3px; background: #F2F2F7; border-radius: 10px; top: 10px; right: 9px; height: calc(100% - 20px); } .simplebar-track.simplebar-horizontal { height: 3px; background: #F2F2F7; border-radius: 10px; bottom: 0; right: auto; left: 0; width: 100%; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { top: 0; height: 100%; } .daterangepicker { z-index: 999999; background: #ffffff; box-shadow: 0 0 23.1px rgba(0, 0, 0, 0.06); border-radius: 10px; border: none; padding: 14px; } .daterangepicker.single { width: 369px; } .daterangepicker .drp-calendar { max-width: 100%; width: 50%; } .daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right { padding: 0; } .daterangepicker .drp-calendar .calendar-table { padding: 0; } .daterangepicker .drp-calendar.single { width: 100%; } .daterangepicker .calendar-table .table-condensed { border-spacing: 10px; border-collapse: separate; width: calc(100% + 10px); margin: -5px; } .daterangepicker .calendar-table thead tr:first-child { position: relative; height: 44px; } .daterangepicker .calendar-table thead tr:nth-child(2) th { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: initial; padding: 0 0 1px; text-transform: lowercase; color: rgba(18, 18, 18, 0.5); height: 25px; } .daterangepicker .calendar-table tbody tr:first-child td { padding-top: 0; } .daterangepicker .calendar-table tbody td { font-family: "Manrope-Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: initial; padding: 0; border: none; width: 40px; height: 40px; border-radius: 10px; } .daterangepicker .calendar-table tbody td.start-date.end-date { border-radius: 10px; } .daterangepicker .calendar-table tbody td.available { background-color: #F2F2F7; } .daterangepicker .calendar-table tbody td.active { background-color: #DD2C2C; } .daterangepicker .calendar-table tbody td.disabled { background-color: transparent; text-decoration: none; color: #121212B2; } .daterangepicker .calendar-table tbody td.active.off { color: #ffffff; } .daterangepicker .calendar-table th.month { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 100%; letter-spacing: initial; text-align: left; position: absolute; top: 0; left: 0; } .daterangepicker .calendar-table th.next, .daterangepicker .calendar-table th.prev { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; width: 14px; min-width: 14px; height: 14px; position: absolute; top: 3px; left: auto; bottom: auto; filter: grayscale(1); opacity: .3; transition: opacity 0.3s ease, filter 0.3s ease; } .daterangepicker .calendar-table th.next span, .daterangepicker .calendar-table th.prev span { display: none; } .daterangepicker .calendar-table th.prev { right: 24px; background: url("/local/templates/main/css/../img/bg/calendar-arrow-left.svg") no-repeat center; } .daterangepicker .calendar-table th.next { right: 0; background: url("/local/templates/main/css/../img/bg/calendar-arrow-right.svg") no-repeat center; } .daterangepicker.show-calendar .drp-buttons { display: none !important; } .mibok-wrapper-timetable { background-color: transparent; } .mibok-wrapper-filter { padding: 0 0 24px; } .mibok-wrapper-timetable h2 { font-weight: normal; margin: 0; padding: 0; font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 70px; line-height: 100%; letter-spacing: -0.04em; color: #121212; margin-bottom: 60px; margin-right: 16px; } @media (max-width: 1719px) { .mibok-wrapper-timetable h2 { font-size: 56px; } } @media (max-width: 1259px) { .mibok-wrapper-timetable h2 { font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; line-height: 100%; letter-spacing: -0.04em; margin-bottom: 0; } } a.mibok-filter-list-head { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 140%; letter-spacing: -0.02em; color: #DD2C2C !important; } .mibok-wrapper-grid .day-current .item-day { background-color: #DD2C2C; } .mibok-wrapper-grid .day-current { border-left: none; border-bottom: none; } .mibok-wrapper-grid .item { border-right: 1px solid #E5E5E5; box-sizing: border-box; } .mibok-wrapper-grid .item:last-child { border-right-color: transparent; } .all_swipper { outline: 1px solid #E5E5E5; } .mibok-grid-bg { border-color: #E5E5E5; border-top: none; height: 60px; } @media (max-width: 1259px) { .mibok-grid-bg { height: 40px; } } .mibok-grid-bg, .mibok-wrapper-grid .item-day { background: #f8f7fc; } .mibok-wrapper-grid .item-day { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; height: 60px; padding: 21px 0; } @media (max-width: 1259px) { .mibok-wrapper-grid .item-day { height: 40px; padding: 12px 0; } } .mibok-wrapper-grid .item-day .main-sign { font-size: 16px; font-weight: normal; } .mibok-wrapper-grid .swiper-button-prev, .mibok-wrapper-grid .swiper-button-next { top: 0; bottom: 0; left: 0; right: 0; transform: none; margin-top: 0; position: relative; outline: none; padding: 0; border: none; box-shadow: none; width: 70px; height: 60px; display: inline-flex; align-items: center; justify-content: center; background-size: auto; background-color: #DD2C2C; border-radius: 0; position: absolute; top: 0; } .mibok-wrapper-grid .swiper-button-prev::after, .mibok-wrapper-grid .swiper-button-next::after { display: none; } .mibok-wrapper-grid .swiper-button-prev:focus, .mibok-wrapper-grid .swiper-button-prev:focus, .mibok-wrapper-grid .swiper-button-next:focus, .mibok-wrapper-grid .swiper-button-next:focus { outline: none; } @media (max-width: 1259px) { .mibok-wrapper-grid .swiper-button-prev, .mibok-wrapper-grid .swiper-button-next { height: 40px; width: 45px; } } .mibok-wrapper-grid .swiper-button-disabled { opacity: 0; } .mibok-wrapper-grid .swiper-button-prev { background-image: url("/local/templates/main/css/../img/bg/slider-arrow-left-white.svg"); left: 0; } .mibok-wrapper-grid .swiper-button-next { background-image: url("/local/templates/main/css/../img/bg/slider-arrow-right-white.svg"); left: auto; right: 0; } .mibok-filter-buttons .btn.btn-mibok { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 100%; letter-spacing: -0.04em; border-radius: 100px !important; padding: 0 30px; background-color: #DD2C2C; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; } @media (hover: hover) { .mibok-filter-buttons .btn.btn-mibok:hover, .mibok-filter-buttons .btn.btn-mibok:focus, .mibok-filter-buttons .btn.btn-mibok:active { background-color: #D04040; } } @media (max-width: 1259px) { .mibok-filter-buttons .btn.btn-mibok { font-size: 16px; height: 50px; } } .mibok-filter-buttons .btn.btn-mibok.btn-default { box-shadow: inset 0 0 0 1px #DD2C2C; color: #121212; background-color: transparent; } @media (hover: hover) { .mibok-filter-buttons .btn.btn-mibok.btn-default:hover, .mibok-filter-buttons .btn.btn-mibok.btn-default:focus, .mibok-filter-buttons .btn.btn-mibok.btn-default:active { background-color: #D04040; box-shadow: none; color: #ffffff; } } .mibok-wrapper .item-lesson .btn.btn-mibok { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.04em; border-radius: 100px !important; padding: 0; display: inline-flex; align-items: center; justify-content: center; background-color: #ffffff; color: #121212; height: 39px; } @media (max-width: 1259px) { .mibok-wrapper .item-lesson .btn.btn-mibok { font-size: 16px; } } .mibok-rasp-copyright { display: none !important; } .item-lesson:hover .mibok-name-place, .item-lesson:hover .mibok-name-teacher { opacity: 0; } .item-lesson:hover .mibok-hover-lesson, .item-lesson.emitate-hover .mibok-hover-lesson { height: 100% !important; } .mibok-carousel-lessons .mibok-time { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); margin-bottom: 8px; } @media (max-width: 1259px) { .mibok-carousel-lessons .mibok-time { margin-bottom: 0; } } .mibok-carousel-lessons .mibok-name-lesson { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 100%; letter-spacing: -0.04em; text-transform: none; margin-bottom: 16px; } @media (max-width: 1259px) { .mibok-carousel-lessons .mibok-name-lesson { font-size: 16px; margin-bottom: 8px; } } .mibok-carousel-lessons .mibok-name-teacher { color: rgba(18, 18, 18, 0.5); } .modal-content { border-radius: 20px; box-shadow: none !important; } .modal-content .modal-title { font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; line-height: 104.8%; letter-spacing: -0.025em; text-transform: none; margin-bottom: 8px; } .modal-content .modal-title-info { display: flex; align-items: center; } .modal-content .modal-title-info .modal-title-time { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 100%; letter-spacing: -0.02em; font-family: "Manrope-Medium", sans-serif !important; } .modal-content .modal-title-info .modal-title-time::before { display: none !important; } .modal-content .modal-title-info .modal-title-date, .modal-content .modal-title-info .modal-title-day { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.02em; } .modal-content .modal-title-info .modal-title-day { margin-left: 16px; } .modal-content .modal-header { border-radius: 20px 20px 0 0; padding: 34px 34px 20px; } .modal-content .close { width: 40px; height: 40px; border-radius: 50%; background-color: #ffffff; color: #121212; position: absolute; top: 24px; right: 24px; display: inline-flex; justify-content: center; align-items: center; margin: 0; } .modal-content.blue .modal-header { background: #1E90FF; } .modal-content.green .modal-header { background: #30A460; } .modal-content.orange .modal-header { background: #DD2C2C; } .modal-content.braun .modal-header { background: #8B4513; } .modal-content.yellow .modal-header { background: #DD5E2C; } .modal-content.pink .modal-header { background: #FF69B4; } .modal-content.turquoise .modal-header { background: #00D1BC; } .modal-content.violet .modal-header { background: #6A2CDD; } .modal-content.grey .modal-header { background: #F2F2F7; color: #121212; } .modal-content.grey .modal-header .modal-title { color: #121212; } .mibok-modal .modal-name-category { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.02em; color: rgba(18, 18, 18, 0.5); } .mibok-modal .modal-value-category { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.02em; color: #121212; } .mibok-modal .table td { border-color: #F2F2F7; } .mibok-modal .btn-mibok { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 100%; letter-spacing: -0.04em; position: relative; display: inline-flex; align-items: center; justify-content: center; height: 66px; border-radius: 100px !important; padding: 0 30px; color: #ffffff; } .mibok-modal .btn-mibok::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } @media (max-width: 1259px) { .mibok-modal .btn-mibok { height: 50px; font-size: 16px; } } .modal-footer { padding: 25px 15px 9px !important; } .mibok-carousel-lessons .blue, .mibok-carousel-lessons .green, .mibok-carousel-lessons .orange, .mibok-carousel-lessons .braun, .mibok-carousel-lessons .yellow, .mibok-carousel-lessons .pink, .mibok-carousel-lessons .violet, .mibok-carousel-lessons .turquoise, .mibok-carousel-lessons .grey { background-color: transparent; transition: background-color 0.3s ease; } .mibok-carousel-lessons .blue .mibok-name-teacher, .mibok-carousel-lessons .green .mibok-name-teacher, .mibok-carousel-lessons .orange .mibok-name-teacher, .mibok-carousel-lessons .braun .mibok-name-teacher, .mibok-carousel-lessons .yellow .mibok-name-teacher, .mibok-carousel-lessons .pink .mibok-name-teacher, .mibok-carousel-lessons .violet .mibok-name-teacher, .mibok-carousel-lessons .turquoise .mibok-name-teacher, .mibok-carousel-lessons .grey .mibok-name-teacher { background: transparent; } .mibok-carousel-lessons .blue .mibok-name-lesson, .mibok-carousel-lessons .green .mibok-name-lesson, .mibok-carousel-lessons .orange .mibok-name-lesson, .mibok-carousel-lessons .braun .mibok-name-lesson, .mibok-carousel-lessons .yellow .mibok-name-lesson, .mibok-carousel-lessons .pink .mibok-name-lesson, .mibok-carousel-lessons .violet .mibok-name-lesson, .mibok-carousel-lessons .turquoise .mibok-name-lesson, .mibok-carousel-lessons .grey .mibok-name-lesson { color: #121212; } .mibok-carousel-lessons .blue .mibok-name-place, .mibok-carousel-lessons .green .mibok-name-place, .mibok-carousel-lessons .orange .mibok-name-place, .mibok-carousel-lessons .braun .mibok-name-place, .mibok-carousel-lessons .yellow .mibok-name-place, .mibok-carousel-lessons .pink .mibok-name-place, .mibok-carousel-lessons .violet .mibok-name-place, .mibok-carousel-lessons .turquoise .mibok-name-place, .mibok-carousel-lessons .grey .mibok-name-place { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; display: inline-flex; padding: 7px 10px; border-radius: 50px; color: #ffffff; } .mibok-carousel-lessons .blue .mibok-name-teacher, .mibok-carousel-lessons .blue .mibok-name-lesson, .mibok-carousel-lessons .blue .mibok-name-place, .mibok-carousel-lessons .blue .mibok-time, .mibok-carousel-lessons .blue .count-rasp, .mibok-carousel-lessons .green .mibok-name-teacher, .mibok-carousel-lessons .green .mibok-name-lesson, .mibok-carousel-lessons .green .mibok-name-place, .mibok-carousel-lessons .green .mibok-time, .mibok-carousel-lessons .green .count-rasp, .mibok-carousel-lessons .orange .mibok-name-teacher, .mibok-carousel-lessons .orange .mibok-name-lesson, .mibok-carousel-lessons .orange .mibok-name-place, .mibok-carousel-lessons .orange .mibok-time, .mibok-carousel-lessons .orange .count-rasp, .mibok-carousel-lessons .braun .mibok-name-teacher, .mibok-carousel-lessons .braun .mibok-name-lesson, .mibok-carousel-lessons .braun .mibok-name-place, .mibok-carousel-lessons .braun .mibok-time, .mibok-carousel-lessons .braun .count-rasp, .mibok-carousel-lessons .yellow .mibok-name-teacher, .mibok-carousel-lessons .yellow .mibok-name-lesson, .mibok-carousel-lessons .yellow .mibok-name-place, .mibok-carousel-lessons .yellow .mibok-time, .mibok-carousel-lessons .yellow .count-rasp, .mibok-carousel-lessons .pink .mibok-name-teacher, .mibok-carousel-lessons .pink .mibok-name-lesson, .mibok-carousel-lessons .pink .mibok-name-place, .mibok-carousel-lessons .pink .mibok-time, .mibok-carousel-lessons .pink .count-rasp, .mibok-carousel-lessons .violet .mibok-name-teacher, .mibok-carousel-lessons .violet .mibok-name-lesson, .mibok-carousel-lessons .violet .mibok-name-place, .mibok-carousel-lessons .violet .mibok-time, .mibok-carousel-lessons .violet .count-rasp, .mibok-carousel-lessons .turquoise .mibok-name-teacher, .mibok-carousel-lessons .turquoise .mibok-name-lesson, .mibok-carousel-lessons .turquoise .mibok-name-place, .mibok-carousel-lessons .turquoise .mibok-time, .mibok-carousel-lessons .turquoise .count-rasp, .mibok-carousel-lessons .grey .mibok-name-teacher, .mibok-carousel-lessons .grey .mibok-name-lesson, .mibok-carousel-lessons .grey .mibok-name-place, .mibok-carousel-lessons .grey .mibok-time, .mibok-carousel-lessons .grey .count-rasp { transition: color 0.3s ease; } @media (max-width: 1259px) { .mibok-carousel-lessons .item-lesson .mibok-name-place { white-space: nowrap; overflow: hidden; max-width: 100%; text-overflow: ellipsis; display: inline-block; } } .mibok-carousel-lessons .item-lesson:hover .mibok-name-teacher, .mibok-carousel-lessons .item-lesson:hover .mibok-name-lesson, .mibok-carousel-lessons .item-lesson:hover .mibok-name-place, .mibok-carousel-lessons .item-lesson:hover .mibok-time, .mibok-carousel-lessons .item-lesson:hover .count-rasp { color: #ffffff; } .mibok-carousel-lessons .item-lesson:hover .mibok-hover-lesson { outline: none !important; } .mibok-carousel-lessons .item-lesson.emitate-hover .mibok-hover-lesson { display: none !important; } @media (max-width: 1259px) { .mibok-carousel-lessons .item-lesson { height: 120px; } } .mibok-carousel-lessons .item-lesson.blue .mibok-name-place { background-color: #1E90FF; } .mibok-carousel-lessons .item-lesson.blue:hover { background-color: #1E90FF; } .mibok-carousel-lessons .item-lesson.green .mibok-name-place { background-color: #30A460; } .mibok-carousel-lessons .item-lesson.green:hover { background-color: #30A460; } .mibok-carousel-lessons .item-lesson.yellow .mibok-name-place { background-color: #DD5E2C; } .mibok-carousel-lessons .item-lesson.yellow:hover { background-color: #DD5E2C; } .mibok-carousel-lessons .item-lesson.pink .mibok-name-place { background-color: #FF69B4; } .mibok-carousel-lessons .item-lesson.pink:hover { background-color: #FF69B4; } .mibok-carousel-lessons .item-lesson.turquoise .mibok-name-place { background-color: #00D1BC; } .mibok-carousel-lessons .item-lesson.turquoise:hover { background-color: #00D1BC; } .mibok-carousel-lessons .item-lesson.orange .mibok-name-place { background-color: #DD2C2C; } .mibok-carousel-lessons .item-lesson.orange:hover { background-color: #DD2C2C; } .mibok-carousel-lessons .item-lesson.braun .mibok-name-place { background-color: #8B4513; } .mibok-carousel-lessons .item-lesson.braun:hover { background-color: #8B4513; } .mibok-carousel-lessons .item-lesson.violet .mibok-name-place { background-color: #6A2CDD; } .mibok-carousel-lessons .item-lesson.violet:hover { background-color: #6A2CDD; } .mibok-carousel-lessons .item-lesson.grey .mibok-name-place { background-color: #F2F2F7; color: #121212; } .mibok-carousel-lessons .item-lesson.grey:hover { background-color: #F2F2F7; } .mibok-carousel-lessons .item-lesson.grey:hover .mibok-name-teacher, .mibok-carousel-lessons .item-lesson.grey:hover .mibok-name-lesson, .mibok-carousel-lessons .item-lesson.grey:hover .mibok-name-place, .mibok-carousel-lessons .item-lesson.grey:hover .mibok-time, .mibok-carousel-lessons .item-lesson.grey:hover .count-rasp { color: #121212; } .mibok-item-filter { box-shadow: none; background: #F2F2F7; padding: 7px 14px; border-radius: 10px; } .mibok-item-filter .mibok-filter-name { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.02em; margin-bottom: 4px; color: rgba(18, 18, 18, 0.5); } .mibok-item-filter .mibok-filter-value { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.02em; color: #121212; } .mibok-item-filter .mibok-caret { top: 50%; transform: translateY(-50%); width: 20px; height: 20px; } .mibok-item-filter .mibok-caret .ic-m-t-bottom::before { content: ""; background: url("/local/templates/main/css/../img/bg/arrow-down.svg") no-repeat center; background-size: contain; width: 100%; height: 100%; display: block; } .mibok-dropdown .dropdown-menu ul li { line-height: 1; } .mibok-dropdown .dropdown-menu ul li > div { line-height: 1; } .mibok-dropdown .dropdown-menu ul li label { transition: color 0.3s ease; } .mibok-dropdown .dropdown-menu ul li:hover { background: transparent; } .mibok-dropdown .dropdown-menu ul li:hover input[type=checkbox] + label, .mibok-dropdown .dropdown-menu ul li:hover input[type=radio] + label { color: #DD2C2C; } .mibok-dropdown.open .mibok-item-filter { background: #ffffff; border-radius: 10px 10px 0 0; box-shadow: inset 0 0 0 1px #C5D6FF; } .mibok-dropdown.open .mibok-item-filter .ic-m-t-bottom:before { transform: rotate(180deg); } .mibok-dropdown.open .dropdown-menu { padding: 0 14px 10px; background: #ffffff; box-shadow: inset -1px -1px 0px 0px #C5D6FF, inset 1px 0 0px 0px #C5D6FF; margin: -4px 0; border-radius: 0 0 10px 10px; } .mibok-dropdown.open .dropdown-menu input[type=checkbox] + label, .mibok-dropdown.open .dropdown-menu input[type=radio] + label { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; letter-spacing: -0.02em; padding: 4px 0 4px 24px; margin-left: 0; width: 100%; color: #121212; } .mibok-dropdown.open .dropdown-menu input[type=checkbox] + label::before { width: 16px; height: 16px; margin-right: 4px; top: 6px; background: transparent; border: 1px solid #DD2C2C; box-shadow: none; } .mibok-dropdown.open .dropdown-menu input[type=checkbox]:checked + label::before { background: #DD2C2C; border: none; line-height: 10px; } @media (max-width: 767px) { .mibok-dropdown.open .dropdown-menu { width: 160px; } } .mibok-filter-right { margin-top: 36px; } .mibok-filter-right .mibok-span-name-period { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.04em; } .mibok-filter-right .mibok-daterange .input-group.date { background-color: transparent; color: #121212; padding: 0 14px; box-shadow: none; } .mibok-filter-right .mibok-daterange .input-group.date .form-control[readonly] { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; letter-spacing: -0.02em; background: transparent; color: #121212; } @media (max-width: 1259px) { .mibok-filter-right { margin-top: 8px; } } .mibok-wrapper .mibok-slide-filter { margin-bottom: 16px; } .mibok-wrapper .mibok-slide-filter input[type=checkbox] + label { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; letter-spacing: -0.02em; padding: 4px 0 4px 24px; color: #121212; } .mibok-wrapper .mibok-slide-filter input[type=checkbox] + label::before { width: 16px; height: 16px; margin-right: 4px; top: 6px; background: transparent; border: 1px solid #DD2C2C; box-shadow: none; } .mibok-wrapper .mibok-slide-filter input[type=checkbox]:checked + label::before { background: #DD2C2C; border: none; line-height: 10px; } .mibok-filter-left .mibok-dropdown.open .dropdown-menu { box-shadow: none; padding-top: 10px; } @media (max-width: 1259px) { .mibok-filter-left { margin-bottom: 0; } } .icon { width: 24px; height: 24px; display: inline-block; fill: #121212; transition: fill 0.3s ease; } .icon--big { width: 36px; height: 36px; } .icon--small { width: 16px; height: 16px; } @media (max-width: 1259px) { .dp-only { display: none !important; } } @media (min-width: 1260px) { .tab-only { display: none !important; } } @media (max-width: 767px) { .tab-only { display: none !important; } } @media screen and (min-width: 768px) { .mob-only { display: none !important; } } @media (max-width: 767px) { .tab-dp-only { display: none !important; } } @media (min-width: 1260px) { .mob-tab-only { display: none !important; } } @media screen and (max-width: 1259px) and (min-width: 768px) { .not-tab { display: none !important; } } .form-error { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; letter-spacing: -0.02em; display: block; color: #DD2C2C; } span.form-error:not(:first-child) { margin-top: 5px; } .container { box-sizing: border-box; margin: 0 auto; width: 100%; max-width: 1920px; padding: 0 40px; } @media (min-width: 1720px) { .container { padding: 0 100px; } .container--tiny { padding: 0 211px; } } @media (max-width: 1259px) { .container { padding: 0 40px; } } @media (max-width: 767px) { .container { padding: 0 20px; } } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; border: 0; margin: -1px; clip: rect(0 0 0 0); overflow: hidden; } .overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; background: transparent; transition: background-color 0.3s ease; display: none; } .overlay.is-viewed { z-index: 99; display: block; } .overlay.animation { background: rgba(0, 0, 0, 0.3); } .btn { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 100%; letter-spacing: -0.04em; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 14px; height: 66px; border-radius: 100px; padding: 0 30px; transition: color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; } .btn::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } .btn .icon { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background-color 0.3s ease; } .btn .icon svg { width: 9px; height: 9px; transition: fill 0.3s ease; will-change: fill; } .btn--primary { background-color: #DD2C2C; color: #ffffff; } .btn--primary .icon { background-color: #ffffff; } @media (hover: hover) { .btn--primary:hover, .btn--primary:focus, .btn--primary:active { background-color: #D04040; color: #ffffff; } } .btn--secondary { box-shadow: inset 0 0 0 1px #DD2C2C; color: #121212; } .btn--secondary .icon { background-color: #DD2C2C; } .btn--secondary .icon svg { fill: #ffffff; } @media (hover: hover) { .btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active { background-color: #D04040; box-shadow: none; color: #ffffff; } .btn--secondary:hover .icon, .btn--secondary:focus .icon, .btn--secondary:active .icon { background-color: #ffffff; } .btn--secondary:hover .icon svg, .btn--secondary:focus .icon svg, .btn--secondary:active .icon svg { fill: #121212; } } .btn--white { background-color: #ffffff; color: #121212; } .btn--white .icon { background-color: #121212; fill: #ffffff; } @media (hover: hover) { .btn--white:hover, .btn--white:focus, .btn--white:active { background-color: #DD2C2C; color: #ffffff; } } .btn--tetrary { background: #F2F2F7; } .btn--tetrary .icon { background-color: #DD2C2C; } .btn--tetrary .icon svg { fill: #ffffff; } .btn--black { background-color: #000000; color: #ffffff; } .btn--black .icon { background-color: #ffffff; fill: #000000; } @media (hover: hover) { .btn--black:hover, .btn--black:focus, .btn--black:active { background-color: #DD2C2C; color: #ffffff; } } .btn--transparent { color: #ffffff; background: rgba(255, 255, 255, 0.18); } .btn--decor { background: #ffffff; color: #121212; transform: translateZ(0); backface-visibility: hidden; -webkit-font-smoothing: antialiased; will-change: transform; transition: transform 0.3s cubic-bezier(0.15, 1.85, 0.2, 1); } .btn--decor .icon { background: #121212; } .btn--decor .icon svg { fill: #ffffff; } .btn--decor::after { --gap: 1.25vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; display: block; width: calc(100% - var(--gap)); height: calc(100% - var(--gap)); border: 0.10417vw solid #121212; border-radius: 26.66667vw; } @media (hover: hover) { .btn--decor:hover, .btn--decor:focus, .btn--decor:active { transform: translateZ(0) scale(1.1); } } .btn--big { font-family: "MartianGrotesk-CnBd", sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 31px; letter-spacing: initial; height: 86px; text-transform: uppercase; } .btn--big.btn--icon { padding: 0 55px 0 63px; } .btn--big.btn--icon .icon { width: 44px; height: 44px; } .btn--big.btn--icon .icon svg { width: 11px; height: 11px; } .btn--large { font-family: "MartianGrotesk-CnBd", sans-serif; font-size: 1.77083vw; line-height: 2.34375vw; height: 5.46875vw; text-transform: uppercase; gap: 1.35417vw; padding: 0 1.875vw; border-radius: 9.73958vw; } .btn--large.btn--icon { padding-right: 1.875vw; } .btn--large.btn--icon .icon { width: 1.66667vw; height: 1.66667vw; } .btn--large.btn--icon .icon svg { width: 0.625vw; height: 0.625vw; } .btn--small { height: 54px; line-height: 18px; padding: 0 22px; } .btn--tiny { height: 46px; font-size: 16px; line-height: 22px; } .btn--icon { padding-right: 24px; } .btn--icon.btn--small { padding-right: 16px; } .btn:hover, .btn:focus, .btn:active { outline: none; } @media (max-width: 1259px) { .btn { height: 54px; font-size: 16px; } .btn--small { font-size: 16px; } .btn--big { height: 86px; font-size: 24px; } .btn--large { font-size: 25px; line-height: 37px; height: 79px; gap: 20px; padding: 0 48px; border-radius: 140px; } .btn--large::after { width: calc(100% - 18px); height: calc(100% - 18px); border: 2px solid #121212; border-radius: 384px; } .btn--large.btn--icon { padding-right: 48px; } .btn--large.btn--icon .icon { width: 24px; height: 24px; } .btn--large.btn--icon .icon svg { width: 9px; height: 9px; } } .dropdown { position: relative; } .dropdown__list { margin: 0; padding: 0; list-style: none; width: 100%; padding: 0 14px 10px; background: #ffffff; position: absolute; top: 44px; z-index: 100; box-shadow: inset -1px -1px 0px 0px #C5D6FF, inset 1px 0 0px 0px #C5D6FF; border-radius: 0 0 10px 10px; max-height: 130px; display: none; overflow-y: auto; overflow-x: hidden; margin: -4px 0; } .dropdown__btn { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; position: relative; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; letter-spacing: -0.02em; width: 100%; background-color: #F2F2F7; color: rgba(38, 45, 53, 0.4); display: flex; align-items: center; justify-content: space-between; padding: 0 14px; height: 46px; border-radius: 10px; } .dropdown__btn::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } .dropdown__btn span { white-space: nowrap; overflow: hidden; text-align: left; } .dropdown__btn .icon { width: 20px; height: 20px; fill: #979EB0; } .dropdown__btn.active { color: #121212; } .dropdown__btn.active .icon { fill: #121212; } .dropdown__input { position: absolute; z-index: -1; opacity: 0; } .dropdown__link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; position: relative; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; letter-spacing: -0.02em; text-align: left; color: #121212; padding: 4px 0; width: 100%; } .dropdown__link::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } @media (hover: hover) { .dropdown__link { transition: color 0.3s ease; } .dropdown__link:hover, .dropdown__link:focus { outline: none; color: #dd2c2c; } .dropdown__link:active { outline: none; color: #dd2c2c; } } .dropdown__link.active { color: #DD2C2C; pointer-events: none; } .dropdown.disabled { pointer-events: none; opacity: 0.6; } .dropdown.form-error .dropdown__btn { background-color: #ffffff; box-shadow: inset 0 0 0 1px #DD2C2C; } .dropdown.opened .dropdown__btn { background-color: #ffffff; box-shadow: inset 0 0 0 1px #C5D6FF; border-radius: 10px 10px 0 0; } .dropdown.opened .dropdown__btn .icon { transform: rotate(180deg); } .dropdown.disabled .dropdown__btn { pointer-events: none; } @media (max-width: 767px) { .dropdown__list { padding-left: 9px; padding-right: 9px; top: 42px; } .dropdown__btn { padding: 0 9px; height: 44px; } } .app-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 3px; } .app-list__link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; } .btn-up { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; position: relative; position: fixed; z-index: 100; bottom: 30px; right: 20px; display: inline-flex; align-items: center; gap: 14px; transition: opacity 0.3s ease, color 0.3s ease; } .btn-up::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } @media (hover: hover) { .btn-up { transition: color 0.3s ease; } .btn-up:hover, .btn-up:focus { outline: none; color: #dd2c2c; } .btn-up:active { outline: none; color: #dd2c2c; } } .btn-up__icon { flex-shrink: 0; width: 34px; height: 34px; background: #DD2C2C; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; } .btn-up__icon svg { fill: #ffffff; transform: rotate(-90deg); } .btn-up__text { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: -0.01em; } .btn-up.hidden { opacity: 0; pointer-events: none; } .btn-up.white { color: #ffffff; } @media (max-width: 1259px) { .btn-up { bottom: 20px; } .btn-up__text { font-size: 14px; } } @media (max-width: 767px) { .btn-up { bottom: 100px; } .btn-up__text { display: none; } } .btn-request { position: fixed; z-index: 100; bottom: 15px; right: 150px; } .breadcrumbs { width: 100%; } .breadcrumbs:first-child { margin-top: 100px; } .breadcrumbs:not(:last-child) { margin-bottom: 30px; } .breadcrumbs__list { margin: 0; padding: 0; list-style: none; } .breadcrumbs__item { display: inline; line-height: 1; color: #DD2C2C; } .breadcrumbs__item:not(:first-child) .breadcrumbs__link::before { content: "/"; color: rgba(18, 18, 18, 0.5); margin: 0 5px; } .breadcrumbs__item:last-child { color: #121212; pointer-events: none; } .breadcrumbs__link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 100%; letter-spacing: -0.02em; vertical-align: middle; } @media (hover: hover) { .breadcrumbs__link { transition: color 0.3s ease; } .breadcrumbs__link:hover, .breadcrumbs__link:focus { outline: none; color: #d04040; } .breadcrumbs__link:active { outline: none; color: #d04040; } } .breadcrumbs__link-back { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "MartianGrotesk-StdBd", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px; letter-spacing: initial; display: inline-flex; align-items: center; gap: 8px; } @media (hover: hover) { .breadcrumbs__link-back { transition: color 0.3s ease; } .breadcrumbs__link-back:hover, .breadcrumbs__link-back:focus { outline: none; color: #d04040; } .breadcrumbs__link-back:active { outline: none; color: #d04040; } } .breadcrumbs__link-back svg { fill: #DD2C2C; flex-shrink: 0; } @media (max-width: 1259px) { .breadcrumbs:first-child { margin-top: 16px; } .breadcrumbs:not(:last-child) { margin-bottom: 30px; } .breadcrumbs__list { display: flex; align-items: center; overflow-x: auto; padding-bottom: 10px; margin-bottom: -10px; } .breadcrumbs__item { display: flex; align-items: center; flex-shrink: 0; } .breadcrumbs__link { font-size: 14px; } } @media (max-width: 767px) { .breadcrumbs:first-child { margin-top: 6px; } .breadcrumbs:not(:last-child) { margin-bottom: 20px; } .breadcrumbs__link { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; letter-spacing: -0.02em; } } .breadcrumbs.breadcrumbs--big:not(:last-child) { margin-bottom: 40px; } @media (max-width: 767px) { .breadcrumbs.breadcrumbs--big:not(:last-child) { margin-bottom: 16px; } } .grid { display: flex; flex-wrap: wrap; width: 100%; } .grid__block { flex-shrink: 0; min-width: 0; } .grid--services { gap: 20px; } .grid--services .grid__block { width: calc(25% - (3 * 20px / 4)); } .grid--services .grid__block--big { width: calc((100% / 3) - (2 * 20px / 3)); } .grid--services .grid__block--small { width: calc((100% / 5) - (4 * 20px / 5)); } @media (max-width: 1439px) { .grid--services .grid__block--small { width: calc(25% - (3 * 20px / 4)); } } @media (max-width: 1259px) { .grid--services .grid__block { width: calc(50% - (20px / 2)); } } @media (max-width: 767px) { .grid--services .grid__block { width: 100%; } } .grid--coaches { gap: 100px 17px; } .grid--coaches .grid__block { width: calc((100% / 5) - (4 * 17px / 5)); } @media (max-width: 1439px) { .grid--coaches .grid__block { width: calc((100% / 4) - (4 * 17px / 5)); } } @media (max-width: 1259px) { .grid--coaches { gap: 40px 17px; } .grid--coaches .grid__block { width: calc((100% / 3) - (2 * 17px / 3)); } } @media (max-width: 767px) { .grid--coaches { gap: 30px 10px; } .grid--coaches .grid__block { width: calc(50% - 5px); } } .grid.grid--achievements { gap: 30px; } .grid.grid--achievements .grid__block { width: calc(50% - 15px); } .grid.grid--blog { gap: 40px 22px; } .grid.grid--blog .grid__block { width: calc(50% - 11px); } .grid.grid--blog .grid__block--big { width: 100%; margin-bottom: 60px; } @media (max-width: 1259px) { .grid.grid--blog { gap: 30px 22px; } .grid.grid--blog .grid__block--big { margin-bottom: 30px; } } @media (max-width: 767px) { .grid.grid--blog { gap: 30px; } .grid.grid--blog .grid__block { width: 100%; } .grid.grid--blog .grid__block--big { margin-bottom: 0; } } .grid.grid--products { gap: 20px; } .grid.grid--products .grid__block { width: calc(50% - 10px); } @media (max-width: 1259px) { .grid.grid--products .grid__block { width: 100%; } } .grid.grid--service-cards { gap: 24px; } .grid.grid--service-cards .grid__block { width: calc(50% - 12px); } @media (max-width: 767px) { .grid.grid--service-cards { flex-direction: column; } .grid.grid--service-cards .grid__block { width: 100%; } } .grid--service-small { gap: 24px; } .grid--service-small .grid__block { width: calc((100% / 4) - (4 * 24px / 5)); } @media (max-width: 1259px) { .grid--service-small .grid__block { width: calc(50% - 12px); } } @media (max-width: 767px) { .grid--service-small { flex-direction: column; gap: 8px; } .grid--service-small .grid__block { width: 100%; } } .grid.grid--service-snip-1 { flex-direction: column; gap: 40px; } .grid.grid--service-snip-2 { flex-direction: column; } .grid.grid--main-frame-col-2 { --gap: 2.08333vw; gap: var(--gap); } .grid.grid--main-frame-col-2 .grid__block { flex: 0 0 calc((100% - var(--gap)) / 2); } @media (max-width: 1259px) { .grid.grid--main-frame-col-2 { gap: 32px; } .grid.grid--main-frame-col-2 .grid__block { flex: 0 1 calc((100% - 32px) / 2); } .grid.grid--main-frame-col-2 .grid__block--2 { flex: 0 0 calc(2 * ((100% - 32px) / 2) + 1 * 32px); } } @media (max-width: 767px) { .grid.grid--main-frame-col-2 { flex-direction: column; } .grid.grid--main-frame-col-2 .grid__block { flex: 0 1 100%; width: 100%; } .grid.grid--main-frame-col-2 .grid__block--2 { flex: 0 0 100%; width: 100%; } } .grid.grid--main-frame-col-3 { --gap: 1.66667vw; gap: var(--gap); } .grid.grid--main-frame-col-3 .grid__block { flex: 0 0 calc((100% - 2 * var(--gap)) / 3); } @media (max-width: 1259px) { .grid.grid--main-frame-col-3 { gap: 32px; } .grid.grid--main-frame-col-3 .grid__block { flex: 0 0 calc((100% - 2 * 32px) / 3); } } @media (max-width: 767px) { .grid.grid--main-frame-col-3 { flex-direction: column; } .grid.grid--main-frame-col-3 .grid__block { flex: 1 1 0; } } .grid.grid--main-frame-col-4 { --gap: 1.66667vw; gap: var(--gap); } .grid.grid--main-frame-col-4 .grid__block { flex: 0 0 calc((100% - 3 * var(--gap)) / 4); } @media (max-width: 1259px) { .grid.grid--main-frame-col-4 { gap: 24px 16px; } .grid.grid--main-frame-col-4 .grid__block { flex: 0 0 calc((100% - 1 * 16px) / 2); } } .grid--main-frame-col-4-mob { --gap: 1.66667vw; gap: var(--gap); } .grid--main-frame-col-4-mob .grid__block { flex: 0 0 calc((100% - 3 * var(--gap)) / 4); } @media (max-width: 1259px) { .grid--main-frame-col-4-mob { gap: 8px; } .grid--main-frame-col-4-mob .grid__block { flex: 0 0 calc((100% - 1 * 8px) / 2); } } @media (max-width: 767px) { .grid--main-frame-col-4-mob { flex-direction: column; } .grid--main-frame-col-4-mob .grid__block { flex: 0 0 1; } } .grid--main-frame-col-4-dp { --gap: 1.66667vw; gap: var(--gap); } .grid--main-frame-col-4-dp .grid__block { flex: 0 0 calc((100% - 3 * var(--gap)) / 4); } .grid--main-frame-col-4-dp .grid__block--3 { flex: 0 0 calc(3 * ((100% - 3 * var(--gap)) / 4) + 2 * var(--gap)); } @media (max-width: 1259px) { .grid--main-frame-col-4-dp { gap: 32px; flex-direction: column; } .grid--main-frame-col-4-dp .grid__block { flex: 0 0 1; } .grid--main-frame-col-4-dp .grid__block--3 { flex: 0 0 1; } } .grid--main-frame-col-6 { --gap: 1.66667vw; gap: var(--gap); } .grid--main-frame-col-6 .grid__block { flex: 0 0 calc((100% - 5 * var(--gap)) / 6); } .grid--main-frame-col-6 .grid__block--4 { flex: 0 0 calc(4 * ((100% - 5 * var(--gap)) / 6) + 3 * var(--gap)); } @media (max-width: 1259px) { .grid--main-frame-col-6 { gap: 8px; } .grid--main-frame-col-6 .grid__block { flex: 0 0 calc((100% - 2 * 8px) / 3); } .grid--main-frame-col-6 .grid__block--4 { flex: 0 0 calc(2 * ((100% - 2 * 8px) / 3) + 1 * 8px); } } @media (max-width: 767px) { .grid--main-frame-col-6 { gap: 8px; } .grid--main-frame-col-6 .grid__block { flex: 0 0 calc((100% - 8px) / 2); } .grid--main-frame-col-6 .grid__block--4 { flex: 0 0 100%; } } .coach-card { display: flex; flex-direction: column; align-items: flex-start; } .coach-card__img { width: 100%; height: 0; padding-bottom: 109%; border-radius: 20px; background-color: #F2F2F7; position: relative; } .coach-card__img-link { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 2; } .coach-card__img img { width: 100%; height: 100%; object-fit: contain; object-position: bottom center; position: absolute; } .coach-card__img--link { background: rgba(221, 44, 44, 0.06); border: 1px dashed #DD2C2C; } .coach-card__img-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; border-radius: 50%; background-color: #DD2C2C; display: flex; align-items: center; justify-content: center; } .coach-card__img-icon .icon { width: 22px; height: 22px; fill: #ffffff; } .coach-card__img:not(:last-child) { margin-bottom: 20px; } .coach-card__name { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 100%; letter-spacing: -0.04em; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; width: 100%; height: 44px; } .coach-card__name:not(:last-child) { margin-bottom: 18px; } .coach-card__text { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); width: 100%; } .coach-card__text:not(:last-child) { margin-bottom: 30px; } .coach-card__btn { margin-top: auto; height: 50px; white-space: nowrap; } @media (max-width: 1259px) { .coach-card__name { font-size: 18px; height: 36px; } .coach-card__text { font-size: 14px; } .coach-card--link .coach-card__btn { padding: 0 22px; } .coach-card--link .coach-card__btn .icon { display: none; } } @media (max-width: 767px) { .coach-card__img { padding-bottom: 111%; } .coach-card__name { font-size: 14px; height: 28px; } .coach-card__text { font-size: 12px; } .coach-card__btn { height: 38px; padding: 0 10px 0 16px; font-size: 14px; } .coach-card__btn .icon { width: 22px; height: 22px; } .coach-card--link .coach-card__btn { padding: 0 16px; } } .branch-office { cursor: pointer; } .branch-office__head { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 32px; } .branch-office__head:not(:last-child) { margin-bottom: 80px; } .branch-office__title { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 75px; line-height: 110%; letter-spacing: -0.04em; max-width: 866px; } .branch-office__title .color { color: #DD2C2C; } .branch-office__link { flex-shrink: 0; } .branch-office__body { width: 100%; min-height: 494px; display: flex; gap: 20px; } .branch-office__info { width: calc(50% - 10px); background-color: #F2F2F7; border-radius: 20px; position: relative; padding: 24px; display: flex; align-items: flex-end; } .branch-office__info-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .branch-office__info-img-link { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 2; } .branch-office__info-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .branch-office__info-img.no-photo { background-color: #e2e4e7; border-radius: 20px; } .branch-office__info-img.no-photo img { object-fit: contain; padding: 35.5px; } .branch-office__info-card { background-color: #ffffff; border-radius: 20px; width: 270px; padding: 20px; position: relative; z-index: 2; } .branch-office__info-block:not(:last-child) { margin-bottom: 24px; } .branch-office__info-title { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 100%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); } .branch-office__info-title:not(:last-child) { margin-bottom: 11px; } .branch-office__info-value { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 120%; letter-spacing: -0.04em; } .branch-office__info-value:not(:last-child) { margin-bottom: 11px; } .branch-office__info-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 120%; letter-spacing: -0.04em; display: inline-flex; } @media (hover: hover) { .branch-office__info-link { transition: color 0.3s ease; } .branch-office__info-link:hover, .branch-office__info-link:focus { outline: none; color: #d04040; } .branch-office__info-link:active { outline: none; color: #d04040; } } .branch-office__info-link:not(:last-child) { margin-bottom: 11px; } .branch-office__map { width: calc(50% - 10px); } .branch-office__map iframe { display: block; border: none; width: 100%; height: 100%; width: 100%; height: 100%; border-radius: 20px; } .branch-office:not(:last-child) { margin-bottom: 120px; } .branch-office.active { position: relative; } .branch-office.active::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: calc(100% + 100px); height: calc(100% + 100px); border-radius: 20px; box-shadow: inset 0 0 0 1px #DD2C2C; } @media (max-width: 1719px) { .branch-office.active { position: relative; } .branch-office.active::before { width: calc(100% + 40px); height: calc(100% + 40px); } } @media (max-width: 1259px) { .branch-office__title { font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; line-height: 104.8%; letter-spacing: -0.025em; } .branch-office__head:not(:last-child) { margin-bottom: 40px; } .branch-office__body { flex-direction: column; min-height: auto; } .branch-office__info { width: 100%; padding: 20px; } .branch-office__info-img.no-photo img { object-position: right; } .branch-office__info-block:not(:last-child) { margin-bottom: 20px; } .branch-office__info-title { font-size: 16px; } .branch-office__info-title:not(:last-child) { margin-bottom: 8px; } .branch-office__info-value { font-size: 16px; } .branch-office__info-value:not(:last-child) { margin-bottom: 8px; } .branch-office__info-link { font-size: 16px; } .branch-office__info-link:not(:last-child) { margin-bottom: 8px; } .branch-office__map { width: 100%; height: 300px; } .branch-office:not(:last-child) { margin-bottom: 60px; } } @media (max-width: 767px) { .branch-office__title { font-size: 28px; } .branch-office__head:not(:last-child) { margin-bottom: 34px; } .branch-office__body { gap: 0; } .branch-office__info { border-radius: 10px; padding: 10px; } .branch-office__info-img img { border-radius: 10px; } .branch-office__info-img.no-photo { border-radius: 10px; } .branch-office__info-block:not(:last-child) { margin-bottom: 7px; } .branch-office__info-card { width: 167px; padding: 10px 12px; border-radius: 10px; } .branch-office__info-title { font-size: 10px; } .branch-office__info-title:not(:last-child) { margin-bottom: 6px; } .branch-office__info-value { font-size: 12px; } .branch-office__info-value:not(:last-child) { margin-bottom: 6px; } .branch-office__info-link { font-size: 12px; line-height: 1; display: block; } .branch-office__info-link:not(:last-child) { margin-bottom: 6px; } .branch-office__info:not(:last-child) { margin-bottom: 10px; } .branch-office__map { height: 210px; } .branch-office__map iframe { border-radius: 10px; } .branch-office__map:not(:last-child) { margin-bottom: 34px; } .branch-office.active::before { width: calc(100% + 28px); height: calc(100% + 28px); } .branch-office:not(:last-child) { margin-bottom: 40px; } } .blog-card { position: relative; } .blog-card__link { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 2; } .blog-card__img { width: 100%; height: 0; padding-bottom: 64.7%; position: relative; overflow: hidden; border-radius: 20px; } .blog-card__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; transition: transform 0.3s ease; } .blog-card__img:not(:last-child) { margin-bottom: 30px; } .blog-card__top { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 30px; } .blog-card__top-left { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .blog-card__top-right { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: -0.005em; flex-shrink: 0; color: rgba(18, 18, 18, 0.7); margin-left: auto; } .blog-card__top:not(:last-child) { margin-bottom: 12px; } .blog-card__tag { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.04em; padding: 12px 16px; box-shadow: inset 0 0 0 1px #DFDFEB; border-radius: 100px; } .blog-card__title { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 100%; letter-spacing: -0.04em; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } @media (hover: hover) { .blog-card:hover .blog-card__img img, .blog-card:focus .blog-card__img img, .blog-card:active .blog-card__img img { transform: scale(1.1); } } @media (max-width: 767px) { .blog-card__img:not(:last-child) { margin-bottom: 20px; } .blog-card__title { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 104.8%; letter-spacing: -0.025em; } .blog-card__tag { font-size: 12px; padding: 10px 12px; } } .blog-card--big .blog-card__img { padding-bottom: 52.7%; } .blog-card--big .blog-card__title { font-size: 32px; line-height: 120%; max-width: 708px; } @media (max-width: 767px) { .blog-card--big .blog-card__title { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 104.8%; letter-spacing: -0.025em; } } .pagination { display: inline-flex; align-items: center; justify-content: center; gap: 20px; position: relative; padding: 0 36px; margin: 0 auto; } .pagination__list { display: flex; align-items: center; justify-content: center; gap: 7px; } .pagination__link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: initial; display: inline-flex; justify-content: center; align-items: center; box-shadow: inset 0 0 0 1px rgba(38, 45, 53, 0.1); width: 35px; height: 35px; border-radius: 5px; } @media (hover: hover) { .pagination__link { transition: color 0.3s ease; } .pagination__link:hover, .pagination__link:focus { outline: none; color: #dd2c2c; } .pagination__link:active { outline: none; color: #dd2c2c; } } .pagination__link.active { color: #ffffff; background-color: #DD2C2C; box-shadow: none; pointer-events: none; } .pagination__span { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: initial; display: inline-flex; justify-content: center; align-items: center; width: 35px; height: 35px; border-radius: 5px; } .pagination__btn { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; width: 20px; height: 20px; flex-shrink: 0; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; } .pagination__btn .icon { fill: #DD2C2C; width: 100%; height: 100%; } .pagination__btn--prev { left: 0; } .pagination__btn--next { right: 0; } .pagination__btn--next .icon { transform: rotate(180deg); } @media (hover: hover) { .pagination__btn:hover .icon, .pagination__btn:focus .icon, .pagination__btn:active .icon { fill: #D04040; } } .pagination:not(:first-child) { margin-top: 60px; } @media (max-width: 767px) { .pagination { width: 100%; } .pagination__link { font-size: 14px; } .pagination__span { font-size: 14px; } .pagination__btn { width: 16px; height: 16px; } .pagination:not(:first-child) { margin-top: 40px; } } .product-card { padding: 32px 32px 32px 50px; background-color: #ffffff; border-radius: 20px; display: flex; justify-content: space-between; gap: 30px; position: relative; } .product-card__info { flex-grow: 1; display: flex; flex-direction: column; } .product-card__img { flex-shrink: 0; width: 41.6%; height: 0; padding-bottom: 42.5%; background-color: #F6F6F6; border-radius: 20px; overflow: hidden; position: relative; } .product-card__img-link { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 2; } .product-card__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .product-card__label { position: absolute; top: 0; left: 0; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.04em; z-index: 2; padding: 7px 10px; transform-origin: top left; transform: rotate(-90deg) translateX(-100%); border-radius: 50px; text-transform: uppercase; } .product-card__label.new { background-color: #DD2C2C; color: #ffffff; } .product-card__art { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); } .product-card__art:not(:last-child) { margin-bottom: 8px; } .product-card__title { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 26px; line-height: 100%; letter-spacing: -0.04em; } .product-card__title:not(:last-child) { margin-bottom: 16px; } .product-card__descr { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); } .product-card__descr:not(:last-child) { margin-bottom: 30px; } .product-card__sizes { display: flex; flex-wrap: wrap; gap: 6px; } .product-card__sizes:not(:last-child) { margin-bottom: 40px; } .product-card__size { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 100%; letter-spacing: -0.04em; padding: 10px 12px; box-shadow: inset 0 0 0 1px #DFDFEB; border-radius: 100px; } .product-card__price { display: flex; align-items: center; gap: 14px; } .product-card__price-old { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); text-decoration-line: line-through; white-space: nowrap; } .product-card__price-cur { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 100%; letter-spacing: -0.04em; white-space: nowrap; } .product-card__price:not(:last-child) { margin-bottom: 20px; } .product-card__btn { height: 44px; padding-left: 22px; padding-right: 16px; font-size: 14px; } .product-card__btn .icon { width: 24px; height: 24px; } .product-card__bottom { margin-top: auto; } @media (max-width: 767px) { .product-card { flex-direction: column-reverse; gap: 20px; padding: 20px; } .product-card__img { width: 100%; height: 223px; padding-bottom: 0; } .product-card__label { transform: none; top: 40px; left: 40px; } .product-card__art { font-size: 12px; } .product-card__art:not(:last-child) { margin-bottom: 10px; } .product-card__title { font-size: 18px; } .product-card__title:not(:last-child) { margin-bottom: 10px; } .product-card__descr { font-size: 12px; } .product-card__descr:not(:last-child) { margin-bottom: 20px; } .product-card__sizes { gap: 6px; } .product-card__size { font-size: 10px; } .product-card__bottom { margin-top: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; } .product-card__price { gap: 10px; } .product-card__price-old { font-size: 14px; letter-spacing: initial; } .product-card__price-cur { font-size: 18px; } .product-card__price:not(:last-child) { margin-bottom: 0; } } .product-card--small { flex-direction: column-reverse; width: 420px; padding: 20px; gap: 20px; } .product-card--small .product-card__label { transform: none; top: 40px; left: 40px; } .product-card--small .product-card__img { width: 100%; height: 223px; padding-bottom: 0; } .product-card--small .product-card__title { font-size: 22px; } .product-card--small .product-card__descr:not(:last-child) { margin-bottom: 67px; } .product-card--small .product-card__price:not(:last-child) { margin-bottom: 0; } .product-card--small .product-card__bottom { display: flex; align-items: center; justify-content: space-between; } .video-block { position: relative; border-radius: 12px; overflow: hidden; } .video-block--background { border-radius: 0; height: 100%; width: 100%; object-fit: cover; background: #121212; } .video-block--background video { height: 100%; width: 100%; object-fit: cover; } .video-block__preview { height: 100%; width: 100%; } .video-block__preview picture { display: block; height: 100%; width: 100%; } .video-block__preview img { width: 100%; height: 100%; object-fit: cover; } .video-block__btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; width: 64px; height: 64px; } .video-block__btn img { transition: transform 0.3s ease; transform: translateZ(0); backface-visibility: hidden; } @media (hover: hover) { .video-block__btn:hover img, .video-block__btn:focus img, .video-block__btn:active img { transform: scale(1.1); } } .header { position: absolute; top: 0; left: 0; z-index: 110; width: 100%; } .header__wrap { width: 100%; display: flex; align-items: center; justify-content: space-between; padding-top: 36px; } .header__logo { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; flex-shrink: 0; } .header__logo img { width: 156px; height: auto; } .header__nav { padding: 12px; background: rgba(242, 243, 245, 0.25); border: 1px solid rgba(0, 0, 0, 0.07); backdrop-filter: blur(12px); border-radius: 100px; } .header__nav-list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; gap: 28px; } .header__nav-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; padding: 6px 10px; } @media (hover: hover) { .header__nav-link { transition: color 0.3s ease; } .header__nav-link:hover, .header__nav-link:focus { outline: none; color: #dd2c2c; } .header__nav-link:active { outline: none; color: #dd2c2c; } } .header__nav-link.active { color: #DD2C2C; } .header__btns { display: flex; align-items: center; gap: 14px; flex-shrink: 0; } .header__btns-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; position: relative; font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 100%; letter-spacing: -0.02em; display: inline-flex; align-items: center; gap: 14px; transition: background-color 0.3s ease; } .header__btns-link::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } @media (hover: hover) { .header__btns-link { transition: color 0.3s ease; } .header__btns-link:hover, .header__btns-link:focus { outline: none; color: #dd2c2c; } .header__btns-link:active { outline: none; color: #dd2c2c; } } .header__btns-link svg { fill: #DD2C2C; } .header__btns-link span { padding: 6px 10px; } .header__btns-link--wa { position: relative; padding: 4px; } .header__btns-link--wa::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } .header__btns-link--wa svg { fill: #30A460; width: 26px; height: 26px; } @media (max-width: 1439px) { .header__btns { gap: 10px; } .header__btns-link { width: 34px; height: 34px; justify-content: center; border-radius: 50%; } .header__btns-link .text { display: none; } .header__btns-link span { padding: 0; } .header__btns-link--tel { background-color: #DD2C2C; } .header__btns-link--tel svg { fill: #ffffff; width: 16px; height: 16px; } .header__btns-link--wa { padding: 0; background: #30A460; } .header__btns-link--wa svg { fill: #ffffff; width: 18px; height: 18px; } .header__btns-link--menu { position: relative; background-color: #ffffff; } .header__btns-link--menu::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } .header__btns-link--menu .active { display: none; } .header__btns-link--menu svg { fill: #121212; width: 16px; height: 16px; } .header__btns-link--menu.active .not-active { display: none; } .header__btns-link--menu.active .active { display: block; } } @media (max-width: 1259px) { .header__wrap { padding: 24px 0; } .header__logo img { width: 82px; } .header__nav { display: none; } } .header.menu-open { background-color: #ffffff; } .header.menu-open .header__btns-link--menu { background-color: #F2F2F7; } .header.header--white .header__nav-link { color: #ffffff; } @media (hover: hover) { .header.header--white .header__nav-link:hover, .header.header--white .header__nav-link:focus, .header.header--white .header__nav-link:active { color: #DD2C2C; } } .header.header--white .header__btns-link { color: #ffffff; } @media (hover: hover) { .header.header--white .header__btns-link:hover, .header.header--white .header__btns-link:focus, .header.header--white .header__btns-link:active { color: #DD2C2C; } } @media (min-width: 1920px) { .header.header--scale .container { max-width: 100vw; padding: 0 2.08333vw; } .header.header--scale .header__wrap { padding-top: 1.875vw; } .header.header--scale .header__logo img { width: 8.125vw; } .header.header--scale .header__nav { padding: 0.625vw; border-radius: 5.20833vw; } .header.header--scale .header__nav-list { gap: 1.45833vw; } .header.header--scale .header__nav-link { padding: 0.3125vw 0.52083vw; } .header.header--scale .header__btns { gap: 0.72917vw; } .header.header--scale .header__btns-link { font-size: 1.04167vw; gap: 0.72917vw; } .header.header--scale .header__btns-link span { padding: 0.3125vw 0.52083vw; } .header.header--scale .header__btns-link--wa { padding: 0.20833vw; } .header.header--scale .header__btns-link--wa svg { width: 1.35417vw; height: 1.35417vw; } } @media (min-width: 1920px) and (min-width: 1720px) { .header.header--scale .container { padding: 0 5.20833vw; } } @media (min-width: 1920px) and (max-width: 1439px) { .header.header--scale .header__btns { gap: 0.52083vw; } .header.header--scale .header__btns-link { width: 1.77083vw; height: 1.77083vw; } .header.header--scale .header__btns-link--tel svg { width: 0.83333vw; height: 0.83333vw; } .header.header--scale .header__btns-link--wa svg { width: 0.9375vw; height: 0.9375vw; } .header.header--scale .header__btns-link--menu svg { width: 0.83333vw; height: 0.83333vw; } } .aside-menu { display: none; width: 100%; max-width: 100%; height: 100vh-var(--header-height); height: calc(var(--vh, 1vh) * 100 - var(--header-height)); max-height: 100vh; max-height: calc(var(--vh, 1vh) * 100); position: fixed; z-index: 105; bottom: 0; left: 0; transform: translateY(calc(-100% - var(--header-height))); transition: transform 0.3s ease; background: #ffffff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05); overflow-y: auto; overflow-x: hidden; padding: 0 40px 44px; } .aside-menu__block:not(:last-child) { margin-bottom: 30px; } .aside-menu__nav { margin: 0; padding: 0; list-style: none; } .aside-menu__nav-item:not(:last-child) { margin-bottom: 20px; } .aside-menu__nav-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: -0.02em; display: flex; align-items: center; justify-content: space-between; width: 100%; } .aside-menu__nav-link svg { width: 8px; height: 8px; fill-opacity: 0.5; } .aside-menu__text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: -0.02em; } .aside-menu__text-soc:not(:last-child) { margin-bottom: 14px; } .aside-menu__text-app:not(:last-child) { margin-bottom: 12px; } .aside-menu__socials { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .aside-menu__socials-link { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background-color: #F2F2F7; border-radius: 50%; } .aside-menu__socials-link svg { width: 18px; height: 18px; } .aside-menu__app { padding: 14px; background: #F2F2F7; border-radius: 10px; } @media (max-width: 767px) { .aside-menu { padding-right: 20px; padding-left: 20px; } } .aside-menu.opened { display: block; } .aside-menu.animation { transform: none; } .footer { background-color: #DD2C2C; color: #ffffff; padding: 80px 0; } .footer__map { position: relative; width: 100%; padding-top: 35.6%; height: 0; } .footer__map iframe { display: block; border: none; width: 100%; height: 100%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 20px; } .footer__map-btn { position: absolute; bottom: 32px; right: 32px; z-index: 2; } .footer__map:not(:last-child) { margin-bottom: 114px; } .footer__top { width: 100%; display: flex; align-items: flex-start; padding-bottom: 60px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .footer__logo { width: 50%; } .footer__logo-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; } .footer__logo-link img { width: 156px; height: auto; } .footer__contacts { margin: 0; padding: 0; list-style: none; width: 50%; } .footer__contacts-item:not(:last-child) { margin-bottom: 4px; } .footer__contacts-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 40px; line-height: 55px; letter-spacing: -0.04em; color: #ffffff; } @media (hover: hover) { .footer__contacts-link { transition: color 0.3s ease; } .footer__contacts-link:hover, .footer__contacts-link:focus { outline: none; color: #dd2c2c; } .footer__contacts-link:active { outline: none; color: #dd2c2c; } } .footer__bottom { padding-top: 60px; padding-bottom: 60px; display: flex; align-items: flex-start; } .footer__bottom-left { width: 50%; } .footer__bottom-right { width: 50%; } .footer__bottom-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; letter-spacing: -0.03em; max-width: 365px; color: rgba(255, 255, 255, 0.7); } .footer__bottom-text:not(:last-child) { margin-bottom: 40px; } .footer__nav { width: 50%; display: flex; align-items: flex-start; gap: 81px; } .footer__nav-title { font-family: "Manrope-Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: -0.03em; } .footer__nav-title:not(:last-child) { margin-bottom: 25px; } .footer__nav-list { margin: 0; padding: 0; list-style: none; } .footer__nav-item:not(:last-child) { margin-bottom: 10px; } .footer__nav-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: -0.03em; color: rgba(255, 255, 255, 0.6); } @media (hover: hover) { .footer__nav-link { transition: color 0.3s ease; } .footer__nav-link:hover, .footer__nav-link:focus { outline: none; color: white; } .footer__nav-link:active { outline: none; color: white; } } .footer__socials { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 20px; } .footer__socials-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; transition: background-color 0.3s ease; } .footer__socials-link svg { fill: #ffffff; width: 20px; height: 20px; } @media (hover: hover) { .footer__socials-link:hover, .footer__socials-link:focus, .footer__socials-link:active { background-color: #DD2C2C; } } .footer__copyright { width: 100%; padding-top: 105px; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .footer__copyright-text { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: -0.03em; color: rgba(255, 255, 255, 0.6); align-self: flex-start; } .footer__copyright-links { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; } .footer__copyright-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: -0.03em; color: rgba(255, 255, 255, 0.6); } @media (hover: hover) { .footer__copyright-link { transition: color 0.3s ease; } .footer__copyright-link:hover, .footer__copyright-link:focus { outline: none; color: white; } .footer__copyright-link:active { outline: none; color: white; } } @media (max-width: 1259px) { .footer { padding: 40px 0; } .footer__map { padding-top: 45%; } .footer__map:not(:last-child) { margin-bottom: 40px; } .footer__map-btn { display: none; } .footer__top { padding-bottom: 40px; flex-wrap: wrap; } .footer__top .footer__btn { margin-top: 40px; } .footer__bottom { padding: 40px 0; } .footer__bottom-left { display: none; } .footer__copyright { padding-top: 40px; flex-direction: column-reverse; align-items: flex-start; } .footer__copyright-text span { display: block; } .footer__copyright-text span:not(:last-child) { margin-bottom: 14px; } .footer__copyright-links { align-items: flex-start; gap: 14px; } .footer__contacts-link { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 26px; line-height: 30px; letter-spacing: -0.04em; } .footer__nav { width: 100%; justify-content: space-between; } } @media (max-width: 767px) { .footer { padding: 30px 0; } .footer__map { padding-top: 65.6%; } .footer__map:not(:last-child) { margin-bottom: 30px; } .footer__top { padding-bottom: 34px; flex-direction: column; } .footer__top .footer__btn { margin-top: 20px; } .footer__bottom { padding: 34px 0; } .footer__copyright { padding-top: 34px; } .footer__copyright-text { font-size: 14px; line-height: 21px; } .footer__copyright-link { font-size: 14px; line-height: 19px; } .footer__logo img { width: 104px; } .footer__logo:not(:last-child) { margin-bottom: 34px; } .footer__contacts-item:not(:last-child) { margin-bottom: 6px; } .footer__contacts-link { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; letter-spacing: -0.03em; } .footer__nav { flex-wrap: wrap; gap: 40px; } .footer__nav-block { width: calc(50% - 20px); } .footer__nav-block:last-child { width: calc(100% - 20px); } .footer__nav-title:not(:last-child) { margin-bottom: 14px; } .footer__nav-link { font-size: 14px; line-height: 19px; } } @media (min-width: 1920px) { .footer.footer--scale { padding: 4.16667vw 0; } .footer.footer--scale .container { max-width: 100vw; padding: 0 2.08333vw; } .footer.footer--scale .footer__map iframe { border-radius: 1.04167vw; } .footer.footer--scale .footer__map-btn { bottom: 1.66667vw; right: 1.66667vw; } .footer.footer--scale .footer__map:not(:last-child) { margin-bottom: 5.9375vw; } .footer.footer--scale .footer__top { padding-bottom: 3.125vw; } .footer.footer--scale .footer__logo-link img { width: 8.125vw; } .footer.footer--scale .footer__contacts-item:not(:last-child) { margin-bottom: 0.20833vw; } .footer.footer--scale .footer__contacts-link { font-size: 2.08333vw; line-height: 2.86458vw; } .footer.footer--scale .footer__bottom { padding-top: 3.125vw; padding-bottom: 3.125vw; } .footer.footer--scale .footer__bottom-text { font-size: 0.83333vw; line-height: 1.19792vw; max-width: 19.01042vw; } .footer.footer--scale .footer__bottom-text:not(:last-child) { margin-bottom: 2.08333vw; } .footer.footer--scale .footer__nav { gap: 4.21875vw; } .footer.footer--scale .footer__nav-title { font-size: 0.83333vw; line-height: 1.14583vw; } .footer.footer--scale .footer__nav-title:not(:last-child) { margin-bottom: 1.30208vw; } .footer.footer--scale .footer__nav-item:not(:last-child) { margin-bottom: 0.52083vw; } .footer.footer--scale .footer__nav-link { font-size: 0.83333vw; line-height: 1.14583vw; } .footer.footer--scale .footer__socials { gap: 0.52083vw; padding-top: 1.04167vw; } .footer.footer--scale .footer__socials-link { width: 2.29167vw; height: 2.29167vw; } .footer.footer--scale .footer__socials-link svg { width: 1.04167vw; height: 1.04167vw; } .footer.footer--scale .footer__copyright { padding-top: 5.46875vw; gap: 1.25vw; } .footer.footer--scale .footer__copyright-text { font-size: 0.83333vw; line-height: 1.14583vw; } .footer.footer--scale .footer__copyright-links { gap: 0.52083vw; } .footer.footer--scale .footer__copyright-link { font-size: 0.83333vw; line-height: 1.14583vw; } } @media (min-width: 1920px) and (min-width: 1720px) { .footer.footer--scale .container { padding: 0 5.20833vw; } } .modal { width: 495px; background: #ffffff; padding: 34px; border-radius: 20px; overflow: hidden; display: none; } .modal--video { --width: 5.20833vw; --modal-side: 5.20833vw; --modal-top: 4.79167vw; --ratio: 16/9; padding: 0; overflow: auto; width: auto; border-radius: 0; background-color: transparent; } .modal--video .modal__close-btn { top: 2.08333vw; right: 2.08333vw; } .modal--video .modal__body { display: grid; place-items: center; padding: var(--modal-top) var(--modal-side); } .modal--video .modal__panel { --maxW-by-vw: calc(100vw - (var(--modal-side) * 2)); --maxH: calc(100vh - (var(--modal-top) * 2)); --maxW-by-vh: calc(var(--maxH) * var(--ratio)); width: min(var(--maxW-by-vw), var(--maxW-by-vh)); max-width: var(--maxW-by-vw); max-height: var(--maxH); border-radius: 16px; overflow: hidden; } .modal--video .modal__video { width: 100%; aspect-ratio: 16 / 9; max-height: calc(100vh - (var(--modal-top) * 2)); } .modal--video .modal__video .video-js, .modal--video .modal__video .vjs-tech { width: 100% !important; height: 100% !important; } .modal--video .modal__video .vjs-fluid, .modal--video .modal__video .vjs-16-9 { height: 100% !important; padding-top: 0 !important; } .modal.mibok-modal { width: auto; padding: 0; background: transparent; } .modal__close-btn { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; width: 40px; height: 40px; border-radius: 50%; background-color: #F2F2F7; position: absolute; top: 24px; right: 24px; display: inline-flex; justify-content: center; align-items: center; } .modal__close-btn svg { height: 16px; width: 16px; } .modal__head { padding-right: 48px; } .modal__head-icon { width: 50px; height: auto; } .modal__head-icon:not(:last-child) { margin-bottom: 20px; } .modal__head-title { font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; line-height: 104.8%; letter-spacing: -0.025em; } .modal__head-title:not(:last-child) { margin-bottom: 8px; } .modal__head-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: -0.02em; color: rgba(18, 18, 18, 0.5); } .modal__head:not(:last-child) { margin-bottom: 24px; } .modal__success { display: flex; flex-direction: column; align-items: center; padding: 76px 0; } .modal__success:not(:last-child) { margin-bottom: 0; } .modal__success .modal__head-title { text-align: center; } .modal__success .modal__head-text { text-align: center; } @media (max-width: 1259px) { .modal--video { padding: 0; } .modal--video .modal__body { padding: 64px 0; } .modal--video .modal__panel { width: min(100vw, var(--maxW-by-vh)); max-width: 100vw; } .modal--video .modal__close-btn { top: 0; right: 0; } } @media (max-width: 767px) { .modal { width: 320px; padding: 22px; } .modal--video { padding: 0; width: auto; } .modal--video .modal__body { padding: 40px 0; } .modal__close-btn { width: 30px; height: 30px; top: 12px; right: 12px; } .modal__close-btn svg { height: 14px; width: 14px; } .modal__head { padding-right: 30px; } .modal__head-title { font-size: 22px; line-height: 23px; } .modal__head-title:not(:last-child) { margin-bottom: 4px; } .modal__head-text { font-size: 12px; line-height: 17px; } .modal__head:not(:last-child) { margin-bottom: 22px; } .modal__success { padding: 38px 0; } .modal__success:not(:last-child) { margin-bottom: 0; } } .form__grid { width: 100%; display: flex; flex-wrap: wrap; gap: 14px; } .form__grid-block { width: 100%; } .form__grid-block--half { width: calc(50% - (14px / 2)); } .form__field { position: relative; } .form__field input { padding: 0; margin: 0; background-color: transparent; border: none; border-radius: 0; outline: none; appearance: none; resize: none; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; letter-spacing: -0.02em; background-color: #F2F2F7; color: #121212; padding: 0 14px; border-radius: 10px; height: 46px; width: 100%; text-align: left; transition: background-color 0.3s ease, box-shadow 0.3s ease; } .form__field input::-webkit-outer-spin-button, .form__field input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .form__field input::-webkit-search-decoration, .form__field input::-webkit-search-cancel-button, .form__field input::-webkit-search-results-button, .form__field input::-webkit-search-results-decoration { display: none; } .form__field input::-webkit-date-and-time-value { text-align: left; } .form__field input:focus, .form__field textarea:focus { background-color: #ffffff; box-shadow: inset 0 0 0 1px #C5D6FF; } .form__field textarea { padding: 0; margin: 0; background-color: transparent; border: none; border-radius: 0; outline: none; appearance: none; resize: none; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; letter-spacing: -0.02em; background-color: #F2F2F7; color: #121212; width: 100%; border-radius: 10px; padding: 14px; text-align: left; transition: background-color 0.3s ease, box-shadow 0.3s ease; } .form__field textarea::-webkit-outer-spin-button, .form__field textarea::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .form__field textarea::-webkit-search-decoration, .form__field textarea::-webkit-search-cancel-button, .form__field textarea::-webkit-search-results-button, .form__field textarea::-webkit-search-results-decoration { display: none; } .form__field label { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; letter-spacing: -0.02em; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 13px; padding-left: 14px; cursor: text; color: rgba(38, 45, 53, 0.4); transition: font-size 0.3s ease, line-height 0.3s ease, top 0.3s ease; } .form__field.is-changed input { padding-top: 18px; } .form__field.is-changed textarea { padding-top: 20px; } .form__field.is-changed label { font-size: 12px; line-height: 16px; padding-top: 5px; } .form__field.form-error input { background-color: #ffffff; box-shadow: inset 0 0 0 1px #DD2C2C; } .form__submit { width: 100%; } .form__submit:not(:first-child) { margin-top: 30px; } .form__submit-text { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 140%; letter-spacing: -0.02em; color: rgba(18, 18, 18, 0.5); } .form__submit-text a { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; color: #DD2C2C; text-decoration: underline; } @media (hover: hover) { .form__submit-text a { transition: color 0.3s ease; } .form__submit-text a:hover, .form__submit-text a:focus { outline: none; color: #d04040; } .form__submit-text a:active { outline: none; color: #d04040; } } @media (max-width: 767px) { .form__grid-block--half { width: 100%; } .form__field input { padding: 0 9px; height: 44px; } .form__field label { padding-left: 9px; } .form__field.is-changed input { padding-top: 16px; } .form__field.is-changed label { padding-top: 4px; } } .ui-datepicker.ui-widget.ui-widget-content { z-index: 1000 !important; } .slider * { box-sizing: border-box; } .slider .swiper-slide *::selection { background: transparent; } .slider__btns { display: flex; align-items: center; justify-content: space-between; width: 120px; } .slider__btn { top: 0; bottom: 0; left: 0; right: 0; transform: none; margin-top: 0; position: relative; outline: none; padding: 0; border: none; box-shadow: none; position: relative; width: 40px; height: 30px; display: inline-flex; justify-content: center; align-items: center; background-color: transparent; background-image: none; } .slider__btn::after { display: none; } .slider__btn:focus, .slider__btn:focus { outline: none; } .slider__btn::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } .slider__btn .not-active { display: none; } .slider__btn .active { display: inline; } .slider__btn .active svg { fill: #DD2C2C; } .slider__btn svg { width: 30px; height: 30px; transition: fill 0.3s ease; will-change: fill; } .slider__btn.swiper-button-disabled { width: 30px; opacity: 0.2; pointer-events: none; } .slider__btn.swiper-button-disabled .not-active { display: inline; } .slider__btn.swiper-button-disabled .active { display: none; } .slider__btn.swiper-button-prev .active svg { transform: rotate(180deg); } .slider__btn.swiper-button-next .not-active svg { transform: rotate(180deg); } .slider__btn .swiper-container.disabled .swiper-pagination, .slider__btn .swiper-container.disabled .slider__btns { display: none; } @media (hover: hover) { .slider__btn:hover .active svg, .slider__btn:focus .active svg, .slider__btn:active .active svg { fill: #D04040; } } .slider__pagination { position: relative; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; gap: 6px; } .slider__pagination .swiper-pagination-bullet { background: #ffffff; } .slider__pagination .swiper-pagination-bullet:focus { outline: none; } .slider__pagination .swiper-pagination-bullet { background-color: #121212; opacity: 0.1; width: 8px; height: 8px; flex-shrink: 0; border-radius: 50%; transition: opacity 0.3s ease, background-color 0.3s ease; } .slider__pagination .swiper-pagination-bullet-active { background-color: #DD2C2C; opacity: 1; } @media (max-width: 1259px) { .slider__btns { width: 98px; } .slider__btn { width: 28px; height: 21px; } .slider__btn svg { width: 21px; height: 21px; } .slider__btn.swiper-button-disabled { width: 20px; } } .page { display: flex; flex-direction: column; min-height: 100%; } .page__block { margin-bottom: 110px; } .page__block--small { margin-bottom: 96px; } .page__block--big { margin-bottom: 180px; } .page__block--big-dp { margin-bottom: 180px; } .page__head { width: 100%; display: flex; align-items: center; justify-content: space-between; } .page__head--dp { display: block; } .page__head--dp .page__h2:not(:last-child) { margin-bottom: 34px; } .page__head--dp:not(:last-child) { margin-bottom: 100px; } .page__header-title { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-CnBl", sans-serif; font-style: normal; font-weight: normal; font-size: 98px; line-height: 105px; letter-spacing: initial; } .page__header-title:not(:last-child) { margin-bottom: 24px; } .page__header-lead { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-StdBd", sans-serif; font-style: normal; font-weight: normal; font-size: 29px; line-height: 39px; letter-spacing: initial; color: rgba(0, 0, 0, 0.5); } .page__header:not(:last-child) { margin-bottom: 64px; } .page__h1 { font-weight: normal; margin: 0; padding: 0; font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 96px; line-height: 100%; letter-spacing: -0.04em; } .page__h1 .color { color: #DD2C2C; } .page__h1:not(:last-child) { margin-bottom: 90px; } .page__h2 { font-weight: normal; margin: 0; padding: 0; font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 70px; line-height: 100%; letter-spacing: -0.04em; } .page__h2 .color { color: #DD2C2C; } .page__h2:not(:last-child) { margin-bottom: 60px; } .page__lead { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 140%; letter-spacing: -0.02em; } .page__map { position: relative; width: 100%; padding-top: 35.6%; height: 0; } .page__map iframe { display: block; border: none; width: 100%; height: 100%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 20px; } .page__sticky { width: 100%; display: flex; align-items: flex-start; gap: 64px; } .page__sticky-left { flex-grow: 1; } .page__sticky-right { flex-shrink: 0; width: 537px; position: sticky; top: 24px; right: 0; } .page__body { width: 100%; display: flex; flex-direction: column; gap: 64px; } @media (max-width: 1719px) { .page__h2 { font-size: 56px; } .page__header-title { font-size: 56px; line-height: 100%; } .page__header-lead { font-size: 20px; line-height: 29px; } .page__sticky-right { width: 343px; } } @media (max-width: 1259px) { .page__h1 { font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 100%; letter-spacing: -0.04em; } .page__h1:not(:last-child) { margin-bottom: 60px; } .page__h2 { font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; line-height: 100%; letter-spacing: -0.04em; } .page__h2:not(:last-child) { margin-bottom: 30px; } .page__block { margin-bottom: 60px; } .page__block--big { margin-bottom: 60px; } .page__block--big-dp { margin-bottom: 0; } .page__map { padding-top: 45%; } .page__sticky { flex-direction: column; } .page__sticky-right { position: static; width: 100%; } .page__header-title { font-size: 29px; line-height: 35px; } .page__header-lead { font-size: 18px; line-height: 28px; } .page__header:not(:last-child) { margin-bottom: 32px; } } @media (max-width: 767px) { .page__h1:not(:last-child) { margin-bottom: 30px; } .page__h2:not(:last-child) { margin-bottom: 20px; } .page__block { margin-bottom: 40px; } .page__block--big { margin-bottom: 40px; } .page__block--big-dp { margin-bottom: 0; } .page__map { padding-top: 65.6%; } .page__body { gap: 32px; } } .popup { padding: 4px; background: #ffffff; border-radius: 10px; box-shadow: 0 0 23.1px rgba(0, 0, 0, 0.06); width: 320px; position: absolute; top: 100px; right: 40px; z-index: 111; display: none; } .popup__link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; display: block; border-radius: 8px; background: #F2F2F7; padding: 8px 58px 8px 16px; position: relative; transition: background-color 0.3s ease; } .popup__link .icon { position: absolute; top: 50%; left: auto; right: 16px; transform: translateY(-50%); transform: translateY(-50%); width: 18px; height: 18px; fill: #30a460; } .popup__link:not(:last-child) { margin-bottom: 4px; } .popup__text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: initial; display: block; } .popup__text:not(:last-child) { margin-bottom: 2px; } .popup__label { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 140%; letter-spacing: -0.02em; color: rgba(18, 18, 18, 0.5); display: block; } @media (min-width: 1920px) { .popup { right: calc((100vw - 1920px) / 2 + 40px); } } @media (max-width: 1259px) { .popup { top: 68px; } } @media (max-width: 767px) { .popup { right: 20px; width: calc(100% - 40px); } } .main-page { margin-top: calc(var(--header-height) * -1); } .main-page__block:not(:first-child) { padding-top: 180px; } .main-page__block:last-child { padding-bottom: 180px; } .main-page__h1 { font-weight: normal; margin: 0; padding: 0; font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 96px; line-height: 100%; letter-spacing: -0.04em; } .main-page__h1 .border { border-bottom: 1px solid #DD2C2C; } .main-page__h1 .color { color: #DD2C2C; } .main-page__h2 { font-weight: normal; margin: 0; padding: 0; font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 70px; line-height: 104.8%; letter-spacing: -0.025em; } .main-page__h2 .border { border-bottom: 1px solid #DD2C2C; } .main-page__h2 .color { color: #DD2C2C; } @media (max-width: 1719px) { .main-page__h1 { font-size: 70px; } .main-page__h2 { font-size: 56px; } } @media (max-width: 1259px) { .main-page__block:not(:first-child) { padding-top: 80px; } .main-page__block:last-child { padding-bottom: 80px; } .main-page__h1, .main-page__h2 { font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 28px; line-height: 100%; letter-spacing: -0.025em; } } @media (max-width: 767px) { .main-page__block:not(:first-child) { padding-top: 40px; } .main-page__block:last-child { padding-bottom: 40px; } } .main-banner { background-color: #F2F3F5; height: 100vh; height: calc(var(--vh, 1vh) * 100); min-height: 56.25vw; max-height: 56.25vw; position: relative; overflow: hidden; } .main-banner__picture { width: 100%; height: 100%; } .main-banner__picture img { width: 100%; height: auto; } .main-banner__wrap { position: absolute; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; display: flex; justify-content: space-between; padding-bottom: 96px; z-index: 2; } .main-banner__wrap-left { padding-right: 30px; } .main-banner__wrap-right { max-width: 31%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .main-banner__title { color: #ffffff; } .main-banner__text { font-weight: normal; margin: 0; padding: 0; font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 140%; letter-spacing: -0.02em; } .main-banner__btn:not(:first-child) { margin-top: 24px; } @media (min-width: 1260px) { .main-banner__wrap { max-width: 100vw; padding: 0 5.20833vw 5vw; } .main-banner__wrap-left { padding-right: 1.5625vw; } .main-banner__title { font-size: 5vw; } .main-banner__text { font-size: 1.04167vw; } .main-banner__btn { font-size: 1.04167vw; gap: 0.72917vw; height: 3.4375vw; border-radius: 5.20833vw; padding: 0 1.5625vw; } } @media (max-width: 1259px) { .main-banner { min-height: auto; max-height: 598px; height: auto; } .main-banner__wrap { padding-bottom: 40px; flex-direction: column; } .main-banner__wrap-left { padding-right: 0; } .main-banner__wrap-left:not(:last-child) { margin-bottom: 24px; } .main-banner__wrap-right { width: 100%; flex-direction: row; gap: 20px; max-width: 708px; } .main-banner__text { font-size: 14px; color: #ffffff; max-width: 367px; } .main-banner__btn { width: 320px; flex-shrink: 0; } .main-banner__btn:not(:first-child) { margin-top: 0; } } @media (max-width: 767px) { .main-banner { position: static; height: auto; min-height: initial; max-height: initial; padding-top: 78px; } .main-banner__picture:not(:last-child) { margin-bottom: 16px; } .main-banner__wrap { position: static; transform: none; } .main-banner__wrap-left:not(:last-child) { margin-bottom: 16px; } .main-banner__wrap-right { flex-direction: column; gap: 30px; } .main-banner__title { font-size: 30px; line-height: 100%; color: #121212; } .main-banner__text { color: rgba(18, 18, 18, 0.5); } .main-banner__btn { width: 100%; } } .main-sponsor { position: absolute; top: -40.5px; bottom: auto; left: 50%; transform: translateX(-50%); z-index: 5; } .main-sponsor__wrap { background: #ffffff; border: 1px solid #E4E4E4; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); border-radius: 100px; padding: 24px 30px; display: inline-flex; align-items: center; gap: 12px; white-space: nowrap; } .main-sponsor__text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 130%; letter-spacing: -0.04em; } @media (max-width: 1259px) { .main-sponsor { top: -21px; } .main-sponsor__wrap { padding: 8px 30px; } .main-sponsor__text { font-size: 16px; } } @media (max-width: 767px) { .main-sponsor { width: 320px; height: auto; position: fixed; bottom: 20px; top: auto; z-index: 100; } .main-sponsor__wrap { width: 100%; flex-direction: column; font-size: 14px; gap: 4px; } .main-sponsor__text { font-size: 14px; } .main-sponsor__img img { height: 17px; } } .main-cites { position: relative; } .main-cites__img img { border-radius: 10px; } .main-cites__img:not(:last-child) { margin-bottom: 30px; } .main-cites__text { font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 100%; letter-spacing: -0.04em; display: flex; align-items: center; gap: 16px; width: 100%; } .main-cites__wrap { width: 100%; display: flex; justify-content: space-between; padding-left: 120px; } .main-cites__wrap-left { width: 39.6%; } .main-cites__wrap-right { width: 55.5%; } .main-cites__title:not(:last-child) { padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #E5E5E5; } .main-cites__slider { width: 100%; position: relative; } .main-cites__slider-btns { position: absolute; top: 0; right: 0; z-index: 5; } .main-cites__slide { padding-left: 110px; padding-right: 231px; position: relative; width: 100%; } .main-cites__slide-icon { width: 80px; height: 80px; border-radius: 50%; border: 1px solid #DFDFDF; position: absolute; top: 0; left: 0; display: inline-flex; justify-content: center; align-items: center; } .main-cites__slide-icon svg { width: auto; height: auto; fill: #DD2C2C; } .main-cites__slide-head { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 30px; letter-spacing: -0.01em; } .main-cites__slide-head br { display: none; } .main-cites__slide-head:not(:last-child) { margin-bottom: 20px; } .main-cites__slide-body { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 140%; letter-spacing: -0.02em; color: rgba(18, 18, 18, 0.5); } .main-cites__btn:not(:first-child) { margin-top: 80px; } @media (max-width: 1719px) { .main-cites__wrap { padding-left: 0; } .main-cites__slide { padding-right: 150px; } } @media (max-width: 1259px) { .main-cites__wrap-left { width: 43%; } .main-cites__wrap-right { width: 52%; } .main-cites__text { font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.04em; gap: 8px; } .main-cites__text img { width: 34px; } .main-cites__title:not(:last-child) { padding-bottom: 30px; margin-bottom: 30px; } .main-cites__slide { padding: 0; } .main-cites__slide-head { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; letter-spacing: -0.01em; padding-left: 68px; padding-right: 110px; min-height: 52px; display: flex; align-items: center; } .main-cites__slide-head:not(:last-child) { margin-bottom: 20px; } .main-cites__slide-body { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 140%; letter-spacing: -0.02em; } .main-cites__slide-icon { width: 52px; height: 52px; } .main-cites__slide-icon svg { transform: scale(0.56); } .main-cites__btn:not(:first-child) { margin-top: 40px; } } @media (max-width: 767px) { .main-cites__title:not(:last-child) { padding-bottom: 0; margin-bottom: 34px; border-bottom: none; } .main-cites__wrap { flex-direction: column; } .main-cites__wrap-left { width: 100%; padding-bottom: 30px; } .main-cites__wrap-left:not(:last-child) { margin-bottom: 30px; border-bottom: 1px solid #E5E5E5; } .main-cites__wrap-right { width: 100%; } .main-cites__img { width: 100%; height: 316px; } .main-cites__img img { width: 100%; height: 100%; object-fit: cover; object-position: top center; } .main-cites__slider-btns { position: static; } .main-cites__slider-btns:not(:first-child) { margin-top: 30px; } .main-cites__slide-head { padding-right: 0; } .main-cites__slide-head br { display: initial; } .main-cites__btn { width: 100%; } } .main-testing { background: url("/local/templates/main/css/../img/bg/decor-1.svg") no-repeat top 180px right 40px; } .main-testing__top { display: flex; align-items: flex-start; gap: 14%; padding-top: 24px; width: 100%; } .main-testing__top-descr { width: 358px; } .main-testing__top-title { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 107.5%; letter-spacing: 0.1em; text-transform: uppercase; } .main-testing__top-title:not(:last-child) { margin-bottom: 36px; } .main-testing__top-text { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 140%; letter-spacing: -0.02em; color: rgba(18, 18, 18, 0.5); } .main-testing__top:not(:last-child) { margin-bottom: 110px; } .main-testing__slider .swiper-container.disabled .swiper-wrapper { flex-wrap: nowrap; } .main-testing__slider .swiper-container.disabled .main-testing__card { flex: 1 0 0; width: auto; } .main-testing__slider .swiper-container.disabled + .slider__btns { display: none; } .main-testing__slider .swiper-wrapper { flex-wrap: wrap; justify-content: center; gap: 24px; } .main-testing__slider-btns { display: none; } .main-testing__card { padding: 50px 40px; box-shadow: inset 0 0 0 1px rgba(18, 18, 18, 0.1); border-radius: 14px; width: calc(25% - (24px * 3 / 4)); height: auto; position: relative; transition: background-color 0.3s ease; } .main-testing__card-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 14px; } .main-testing__card-icon svg { width: 64px; height: 64px; fill: #DD2C2C; } .main-testing__card-icon:not(:last-child) { margin-bottom: 30px; } .main-testing__card-count { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(18, 18, 18, 0.5); transition: color 0.3s ease; } .main-testing__card-count:not(:last-child) { margin-bottom: 24px; } .main-testing__card-title { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 120%; letter-spacing: -0.04em; transition: color 0.3s ease; } .main-testing__card-title:not(:last-child) { margin-bottom: 24px; } .main-testing__card-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 140%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); transition: color 0.3s ease; } @media (hover: hover) { .main-testing__card:hover, .main-testing__card:focus, .main-testing__card:active { background-color: #DD2C2C; } .main-testing__card:hover .main-testing__card-icon svg, .main-testing__card:focus .main-testing__card-icon svg, .main-testing__card:active .main-testing__card-icon svg { fill: #ffffff; } .main-testing__card:hover .main-testing__card-count, .main-testing__card:focus .main-testing__card-count, .main-testing__card:active .main-testing__card-count { color: #ffffff; } .main-testing__card:hover .main-testing__card-title, .main-testing__card:focus .main-testing__card-title, .main-testing__card:active .main-testing__card-title { color: #ffffff; } .main-testing__card:hover .main-testing__card-text, .main-testing__card:focus .main-testing__card-text, .main-testing__card:active .main-testing__card-text { color: #ffffff; } } @media (min-width: 1720px) { .main-testing { background-position: top 180px right calc((100vw - 1920px) / 2 + 100px); } } @media (max-width: 1439px) { .main-testing__slider .swiper-container { width: calc(100% + 80px); margin: 0 -40px; padding: 0 40px; } .main-testing__slider .swiper-wrapper { flex-wrap: nowrap; justify-content: flex-start; gap: 0; } .main-testing__slider-btns { display: flex; } .main-testing__slider-btns:not(:first-child) { margin-top: 30px; } .main-testing__card { min-width: 390px; } .main-testing__card:not(:last-child) { margin-right: 24px; } } @media (max-width: 1259px) { .main-testing { background-image: none; } .main-testing__top-title { font-size: 14px; line-height: 108%; } .main-testing__top-title:not(:last-child) { margin-bottom: 20px; } .main-testing__top-text { font-size: 14px; } .main-testing__top:not(:last-child) { margin-bottom: 60px; } .main-testing__card { padding: 36px 20px; width: 320px; min-width: auto; } .main-testing__card-icon svg { width: 36px; height: 36px; } .main-testing__card-icon:not(:last-child) { margin-bottom: 20px; } .main-testing__card-count { font-size: 12px; line-height: 16px; } .main-testing__card-title { font-size: 20px; } .main-testing__card-text { font-size: 14px; } .main-testing__card:not(:last-child) { margin-right: 10px; } } @media (max-width: 767px) { .main-testing__slider .swiper-container { width: calc(100% + 40px); margin: 0 -20px; padding: 0 20px; } .main-testing__top { flex-direction: column; gap: 34px; } .main-testing__top-descr { width: 100%; } .main-testing__top:not(:last-child) { margin-bottom: 30px; } } .main-slider__top { width: 100%; display: flex; justify-content: space-between; } .main-slider__top-descr { flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; } .main-slider__top:not(:last-child) { margin-bottom: 111px; } .main-slider__popup { position: relative; } .main-slider__popup-btn { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; position: relative; display: inline-flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; background-color: #F2F2F7; transition: background-color 0.3s ease; } .main-slider__popup-btn::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } .main-slider__popup-btn svg { width: 30px; height: 30px; } @media (hover: hover) { .main-slider__popup-btn:hover, .main-slider__popup-btn:focus, .main-slider__popup-btn:active { background-color: #DD2C2C; } .main-slider__popup-btn:hover svg, .main-slider__popup-btn:focus svg, .main-slider__popup-btn:active svg { fill: #ffffff; } } .main-slider__popup-block { position: absolute; top: 50%; left: auto; right: calc(100% + 20px); transform: translateY(-50%); font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 130%; letter-spacing: -0.04em; z-index: 100; width: 518px; background: #F2F2F7; border-radius: 10px; padding: 20px; display: none; } .main-slider__popup-block a { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; color: #DD2C2C; } @media (hover: hover) { .main-slider__popup-block a { transition: color 0.3s ease; } .main-slider__popup-block a:hover, .main-slider__popup-block a:focus { outline: none; color: #d04040; } .main-slider__popup-block a:active { outline: none; color: #d04040; } } .main-slider__popup-block .color { color: #DD2C2C; } .main-slider__slider { display: flex; justify-content: space-between; align-items: flex-start; } .main-slider__slider-btns { flex-shrink: 0; width: 153px; } .main-slider__slider-btns .slider__btn { height: 44px; width: 59px; } .main-slider__slider-btns .slider__btn svg { width: 44px; height: 44px; } .main-slider__slider-btns .slider__btn.swiper-button-disabled { width: 44px; } .main-slider__slider .swiper-container { width: 1267px; margin: 0; } .main-slider__slider-pags { width: 100%; position: relative; } .main-slider__slider-pags .swiper-container { width: calc(100% + 20px); margin: -10px -10px 0; padding: 10px 10px 0; } .main-slider__slider-pags:not(:first-child) { margin-top: 69px; } .main-slider__slide { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 5.8%; } .main-slider__slide-img { flex-shrink: 0; background-color: #F2F2F7; width: 29.2%; height: 0; padding-bottom: 27.6%; position: relative; } .main-slider__slide-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .main-slider__slide-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 36px; line-height: 140%; letter-spacing: -0.04em; } .main-slider__slide-text .color { color: #DD2C2C; } .main-slider__slide-text .opacity { color: rgba(18, 18, 18, 0.5); } .main-slider__pag { width: 25%; } .main-slider__pag-block { position: relative; cursor: pointer; } .main-slider__pag-block::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } .main-slider__pag-block.active .main-slider__pag-line::before { width: 100%; } .main-slider__pag-block.active .main-slider__pag-point { background-color: #DD2C2C; box-shadow: 0 0 0 9px rgba(221, 44, 44, 0.2); } .main-slider__pag-block.active .main-slider__pag-text { color: #121212; } .main-slider__pag-block.current-active .main-slider__pag-line::before { width: 66%; transition: width 0.3s ease; } @media (hover: hover) { .main-slider__pag-block:hover .main-slider__pag-text, .main-slider__pag-block:focus .main-slider__pag-text, .main-slider__pag-block:active .main-slider__pag-text { color: #121212; } } .main-slider__pag-line { position: absolute; top: 10px; left: 0; width: 100%; height: 2px; background-color: #F2F2F7; } .main-slider__pag-line::before { content: ""; display: block; position: absolute; z-index: 2; top: 0; left: 0; height: 100%; width: 0; background-color: #DD2C2C; } .main-slider__pag-point { width: 22px; height: 22px; border-radius: 50%; background-color: #D9D9D9; transition: background-color 0.3s ease, box-shadow 0.3s ease; position: relative; z-index: 2; } .main-slider__pag-point:not(:last-child) { margin-bottom: 32px; } .main-slider__pag-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 26px; line-height: 120%; letter-spacing: -0.04em; width: 290px; color: rgba(18, 18, 18, 0.5); transition: color 0.3s ease; } .main-slider__pag:last-child .main-slider__pag-block.current-active .main-slider__pag-line::before { width: 100%; } @media (max-width: 1719px) { .main-slider__slider .swiper-container { width: 1100px; } } @media (max-width: 1439px) { .main-slider__slider .swiper-container { width: 950px; } .main-slider__pag-text { width: 100%; padding-right: 32px; } } @media (max-width: 1259px) { .main-slider__top:not(:last-child) { margin-bottom: 60px; } .main-slider__popup-btn { width: 34px; height: 34px; } .main-slider__popup-btn svg { height: 17px; width: 17px; } .main-slider__popup-block { font-size: 16px; width: 380px; } .main-slider__slider { flex-direction: column-reverse; gap: 30px; } .main-slider__slider .swiper-container { width: 100%; } .main-slider__slider-btns { width: 98px; } .main-slider__slider-btns .slider__btn { width: 28px; height: 21px; } .main-slider__slider-btns .slider__btn svg { width: 21px; height: 21px; } .main-slider__slider-btns .slider__btn.swiper-button-disabled { width: 20px; } .main-slider__slider-pags:not(:first-child) { margin-top: 34px; } .main-slider__slide-text { font-size: 16px; } .main-slider__pag-line { top: 7px; } .main-slider__pag-point { width: 16px; height: 16px; } .main-slider__pag-point:not(:last-child) { margin-bottom: 20px; } .main-slider__pag-text { font-size: 14px; } .main-slider__btn:not(:first-child) { margin-top: 40px; } } @media (max-width: 767px) { .main-slider__slider-pags { display: none; } .main-slider__slide { flex-direction: column; gap: 20px; } .main-slider__slide-img { padding: 0; width: 100%; height: 150px; } .main-slider__btn { width: 100%; } .main-slider__popup-block { font-size: 12px; width: 260px; padding: 10px; right: calc(100% + 10px); } } .main-hall__wrap { width: calc(100% + 120px); margin: 0 -60px; position: relative; } .main-hall__img img { width: 100%; height: auto; border-radius: 40px; } .main-hall__info { position: absolute; bottom: 60px; left: 60px; z-index: 2; width: 720px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } .main-hall__slider { position: absolute; top: 0; right: 60px; z-index: 3; width: 516px; height: 100%; } .main-hall__slider .swiper-container { height: 100%; } .main-hall__slider .swiper-container.disabled .main-hall__card-btn { opacity: 1; pointer-events: initial; } .main-hall__slider .swiper-wrapper { flex-direction: column; } .main-hall__slider .slider__pagination { display: none; } .main-hall__label { font-family: "Manrope-Light", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 100%; letter-spacing: -0.04em; padding: 18px 21.5px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(25px); border-radius: 66px; color: #ffffff; } .main-hall__title { font-weight: normal; margin: 0; padding: 0; font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 130px; line-height: 100%; letter-spacing: -0.04em; color: #ffffff; } .main-hall__slide { height: auto; } .main-hall__card { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(101.75px); border-radius: 20px; padding: 34px; position: relative; } .main-hall__card-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; position: absolute; top: 30px; right: 30px; z-index: 2; transition: width 0.3s ease, height 0.3s ease, top 0.3s ease, right 0.3s ease, background-color 0.3s ease; } .main-hall__card-link svg { width: 10px; height: 10px; fill: #ffffff; transition: width 0.3s ease, height 0.3s ease; } @media (hover: hover) { .main-hall__card-link:hover, .main-hall__card-link:focus, .main-hall__card-link:active { background-color: #DD2C2C; } } .main-hall__card-label { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: initial; color: rgba(255, 255, 255, 0.6); transition: font-size 0.3s ease, margin-bottom 0.3s ease; } .main-hall__card-label:not(:last-child) { margin-bottom: 16px; } .main-hall__card-title { font-weight: normal; margin: 0; padding: 0; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 120%; letter-spacing: -0.04em; color: #ffffff; transition: font-size 0.3s ease, margin-bottom 0.3s ease; } .main-hall__card-title:not(:last-child) { margin-bottom: 16px; } .main-hall__card-text { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 140%; letter-spacing: -0.02em; color: rgba(255, 255, 255, 0.8); transition: font-size 0.3s ease, margin-bottom 0.3s ease; } .main-hall__card-text:not(:last-child) { margin-bottom: 34px; } .main-hall__card-bottom { display: flex; align-items: flex-end; justify-content: space-between; margin-top: auto; } .main-hall__card-icon { width: 100px; height: 100px; flex-shrink: 0; transition: width 0.3s ease, height 0.3s ease; } .main-hall__card-btn { opacity: 0; pointer-events: none; background: rgba(255, 255, 255, 0.2); transition: all 0.3s ease; } @media (min-width: 1260px) { .main-hall__card { transform: scale(0.8); transition: transform 0.3s ease; } .main-hall__slide.swiper-slide-active .main-hall__card { transition-delay: 200ms; transform: none; } .main-hall__slide.swiper-slide-active .main-hall__card-btn { opacity: 1; pointer-events: initial; } } @media (max-width: 1719px) { .main-hall__wrap { width: calc(100% + 80px); margin: 0 -40px; } .main-hall__img img { border-radius: 0; } } @media (max-width: 1439px) { .main-hall__info { width: 500px; } .main-hall__title { font-size: 96px; } } @media (max-width: 1259px) { .main-hall__wrap { padding-bottom: 240px; background: #1B4E25 url("/local/templates/main/css/../img/main/main-smart-arena-bg@1x.jpg") repeat top center; } .main-hall__img { height: 571px; } .main-hall__img img { width: 100%; height: 100%; object-fit: cover; } .main-hall__info { width: 100%; top: 22px; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: calc(100% - 355px); } .main-hall__label { font-size: 14px; padding: 14px 18px; } .main-hall__title { font-size: 70px; } .main-hall__slider { height: auto; top: auto; bottom: 40px; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); } .main-hall__slider .swiper-container { width: calc(100% + 40px); margin: 0 -20px; padding: 0 20px; } .main-hall__slider .swiper-wrapper { flex-direction: row; } .main-hall__slider .slider__pagination { position: absolute; top: auto; bottom: -22px; left: 50%; transform: translateX(-50%); display: flex; } .main-hall__slider .slider__pagination .swiper-pagination-bullet { background-color: #ffffff; } .main-hall__slide { width: 320px; margin: 0 5px; } .main-hall__card { padding: 24px; } .main-hall__card-link { width: 32px; height: 32px; top: 24px; right: 22px; } .main-hall__card-link svg { width: 10px; height: 10px; } .main-hall__card-label { font-size: 12px; line-height: 16px; } .main-hall__card-label:not(:last-child) { margin-bottom: 12px; } .main-hall__card-title { font-size: 20px; } .main-hall__card-title br { display: none; } .main-hall__card-title:not(:last-child) { margin-bottom: 12px; } .main-hall__card-text { font-size: 14px; } .main-hall__card-icon { width: 70px; height: 70px; } .main-hall__card-btn { height: 47px; font-size: 14px; } .main-hall__card-btn.btn--small { padding: 0 12px; } .main-hall__card-btn .icon { width: 30px; height: 30px; } .main-hall__card-btn .icon svg { width: 8px; height: 8px; } } @media (max-width: 767px) { .main-hall__wrap { width: calc(100% + 40px); margin: 0 -20px; padding-bottom: 370px; } .main-hall__info { height: calc(100% - 392px); } .main-hall__img { height: 330px; } .main-hall__title { font-size: 40px; } .main-hall__slider { bottom: 78px; } .main-hall__slider .slider__pagination { bottom: -40px; } .main-hall__slide { margin: 0 10px; } } .main-scheme__top { display: flex; flex-direction: column; align-items: center; max-width: 1117px; margin-left: auto; margin-right: auto; } .main-scheme__top:not(:last-child) { margin-bottom: 110px; } .main-scheme__label { font-family: "Manrope-Bold", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 140%; letter-spacing: -0.04em; text-transform: uppercase; color: rgba(18, 18, 18, 0.5); display: flex; align-items: center; gap: 15px; } .main-scheme__label img { flex-shrink: 0; width: 24px; height: auto; } .main-scheme__label:not(:last-child) { margin-bottom: 30px; } .main-scheme__title { text-align: center; } .main-scheme__title:not(:last-child) { margin-bottom: 40px; } .main-scheme__text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 140%; letter-spacing: -0.03em; color: rgba(18, 18, 18, 0.5); text-align: center; max-width: 725px; } .main-scheme__body { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 26px; } .main-scheme__side { flex-shrink: 0; width: 25.35%; } .main-scheme__side-img { width: 7.03125vw; height: 7.03125vw; background: #ffffff; border: 2px solid #EAEAEA; box-shadow: 0 8.37588px 8.37588px rgba(182, 182, 182, 0.09); border-radius: 1.25vw; display: flex; align-items: center; justify-content: center; } .main-scheme__side-img img { height: 3.33333vw; width: 3.33333vw; object-fit: contain; } .main-scheme__center { flex-grow: 1; display: flex; align-items: center; justify-content: center; gap: 26px; } .main-scheme__center-side--right { transform: rotate(180deg); } .main-scheme__card { background: #ffffff; border: 1px solid #EAEAEA; box-shadow: 0 5.20165px 5.20165px rgba(182, 182, 182, 0.1); border-radius: 20px; padding: 15px; display: flex; align-items: center; gap: 20px; max-height: 116px; } .main-scheme__card-icon { width: 84px; height: 84px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; background: #ffffff; border: 1px solid #EAEAEA; box-shadow: 0 5.20165px 5.20165px rgba(182, 182, 182, 0.09); border-radius: 14px; } .main-scheme__card-icon img { width: 40px; height: auto; } .main-scheme__card-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 114%; letter-spacing: -0.04em; font-feature-settings: 'liga' off; } .main-scheme__card:not(:last-child) { margin-bottom: 24px; } @media (max-width: 1439px) { .main-scheme__card-icon { width: 58px; height: 58px; } .main-scheme__card-icon img { width: 28px; height: 28px; } .main-scheme__card:not(:last-child) { margin-bottom: 10px; } } @media (max-width: 1259px) { .main-scheme__top:not(:last-child) { margin-bottom: 60px; } .main-scheme__label { font-size: 16px; } .main-scheme__label img { width: 20px; } .main-scheme__label:not(:last-child) { margin-bottom: 24px; } .main-scheme__title:not(:last-child) { margin-bottom: 24px; } .main-scheme__text { max-width: 550px; font-size: 16px; } .main-scheme__body { flex-wrap: wrap; position: relative; } .main-scheme__body::before { position: absolute; top: auto; bottom: 44px; left: 50%; transform: translateX(-50%); content: ""; display: block; width: 1px; height: calc(100% - 20px - 45px); background-color: #DD2C2C; z-index: -1; } .main-scheme__img { width: 100%; display: flex; justify-content: center; } .main-scheme__img img { width: 120px; height: auto; } .main-scheme__side { width: calc(50% - 13px); } .main-scheme__side--right .main-scheme__card::before { left: auto; right: 100%; } .main-scheme__card { position: relative; height: 90px; } .main-scheme__card-text { font-size: 20px; } .main-scheme__card::before { position: absolute; top: 50%; left: 100%; right: auto; transform: translateY(-50%); content: ""; display: block; width: 13px; height: 1px; background-color: #DD2C2C; z-index: -1; } } @media (max-width: 767px) { .main-scheme__top:not(:last-child) { margin-bottom: 34px; } .main-scheme__label { font-size: 14px; } .main-scheme__label img { width: 17px; } .main-scheme__label:not(:last-child) { margin-bottom: 10px; } .main-scheme__title:not(:last-child) { margin-bottom: 10px; } .main-scheme__text { font-size: 14px; } .main-scheme__img img { width: 106px; } .main-scheme__body { flex-direction: column; gap: 20px; } .main-scheme__side { width: 100%; } .main-scheme__card-text { font-size: 18px; } .main-scheme__card::before { display: none; } .main-scheme__card:not(:last-child) { margin-bottom: 20px; } } .main-scheme.main-scheme--banner { background: #F2F2F7; width: 100vw; margin-left: calc((100vw - 100%) / 2 * -1); margin-right: calc((100vw - 100%) / 2 * -1); padding: 0 calc((100vw - 1920px) / 2 + 100px); overflow: hidden; } .main-scheme.main-scheme--banner img { width: 100%; height: 100%; max-height: 484px; object-fit: contain; } @media (max-width: 767px) { .main-scheme.main-scheme--banner img { width: 751px; position: relative; left: 50%; transform: translateX(-50%); min-height: 220px; min-width: auto; max-width: initial; } } .main-contacts__wrap { position: relative; overflow: hidden; } .main-contacts__img img { width: 100%; height: auto; } .main-contacts__info { position: absolute; top: calc(50% - 39px); bottom: auto; left: 50%; transform: translateX(-50%); transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; max-width: 715px; } .main-contacts__icon { width: 26.5vw; } .main-contacts__icon:not(:last-child) { margin-bottom: 31px; } .main-contacts__title { text-align: center; } .main-contacts__title:not(:last-child) { margin-bottom: 23px; } .main-contacts__text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 130%; letter-spacing: initial; text-align: center; color: rgba(18, 18, 18, 0.5); } .main-contacts__text:not(:last-child) { margin-bottom: 58px; } .main-contacts__btn { flex-shrink: 0; } .main-contacts__lines { position: absolute; top: calc(50% + 100px); bottom: auto; left: 50%; transform: translateX(-50%); transform: translate(-50%, -50%); width: 100%; z-index: -1; } @media (min-width: 1920px) { .main-contacts__icon { width: 509px; } } @media (max-width: 1719px) { .main-contacts__info { top: 50%; } .main-contacts__lines { top: calc(50% + 130px); } } @media (max-width: 1439px) { .main-contacts__img { width: calc(100% + 40px); margin: 0 -20px; } .main-contacts__text:not(:last-child) { margin-bottom: 40px; } } @media (max-width: 1259px) { .main-contacts__img { width: 100%; margin: 0; } .main-contacts__icon:not(:last-child) { margin-bottom: 20px; } .main-contacts__title { font-size: 30px; } .main-contacts__title:not(:last-child) { margin-bottom: 14px; } .main-contacts__text { font-size: 14px; max-width: 320px; } .main-contacts__text:not(:last-child) { margin-bottom: 24px; } .main-contacts__lines { top: calc(50% + 70px); } } @media (max-width: 767px) { .main-contacts__icon { width: 335px; } .main-contacts__text { font-size: 12px; max-width: 240px; } .main-contacts__text:not(:last-child) { margin-bottom: 30px; } .main-contacts__btn { width: 250px; } .main-contacts__lines { top: calc(50% + 120px); } .main-contacts__lines img { width: 100%; } } .main-program__top { width: 100%; display: flex; justify-content: space-between; } .main-program__top:not(:last-child) { margin-bottom: 100px; } .main-program__descr { display: flex; align-items: flex-start; justify-content: space-between; width: 47.67%; } .main-program__descr-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 28px; line-height: 130%; letter-spacing: initial; color: rgba(18, 18, 18, 0.5); width: 56.5%; } .main-program__btn { flex-shrink: 0; } .main-program__title { flex-shrink: 0; width: 785px; } .main-program__slider { background-color: #F2F2F7; border-radius: 24px; padding: 40px; position: relative; } .main-program__slider .swiper-container { width: calc(100% + 80px); margin: 0 -40px; padding: 0 40px; } .main-program__slider .slider__pagination { display: none; } .main-program__slider .slider__btn { width: 72px; height: 72px; border-radius: 50%; background-color: #F2F2F7; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; } .main-program__slider .slider__btn.swiper-button-prev { left: -36px; } .main-program__slider .slider__btn.swiper-button-next { left: auto; right: -36px; } .main-program__slider .slider__btn.swiper-button-disabled { display: none; } .main-program__card { max-width: 496px; width: 30.2%; min-width: 420px; height: auto; background-color: #ffffff; border-radius: 24px; padding: 40px; display: flex; flex-direction: column; } .main-program__card-head { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .main-program__card-head:not(:last-child) { padding-bottom: 40px; border-bottom: 1px solid #E5E5E5; margin-bottom: 40px; } .main-program__card-title { font-weight: normal; margin: 0; padding: 0; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 120%; letter-spacing: -0.04em; } .main-program__card-count { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 30px; letter-spacing: initial; flex-shrink: 0; width: 60px; height: 60px; border-radius: 50%; background-color: #F2F2F7; display: inline-flex; justify-content: center; align-items: center; } .main-program__card-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 140%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); } .main-program__card-text:not(:last-child) { margin-bottom: 40px; } .main-program__card-icon { width: 70px; height: 70px; border-radius: 50%; background-color: #DD2C2C; display: inline-flex; justify-content: center; align-items: center; margin-top: auto; } .main-program__card-icon img { width: 36px; height: auto; } .main-program__card:not(:last-child) { margin-right: 24px; } @media (max-width: 1719px) { .main-program__title { width: 570px; } } @media (max-width: 1439px) { .main-program__descr { flex-direction: column; align-items: flex-end; gap: 34px; } .main-program__descr-text { width: 100%; text-align: right; } } @media (max-width: 1259px) { .main-program__top { flex-direction: column; gap: 24px; } .main-program__top:not(:last-child) { margin-bottom: 60px; } .main-program__descr { width: 100%; align-items: flex-start; gap: 24px; max-width: 546px; } .main-program__descr-text { text-align: left; font-size: 16px; } .main-program__title { width: 100%; } .main-program__slider .slider__btn { display: none; } .main-program__slider .slider__pagination { position: absolute; top: auto; bottom: 16px; left: 50%; transform: translateX(-50%); display: flex; z-index: 2; } .main-program__card { min-width: 320px; width: 320px; padding: 20px; } .main-program__card-head:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px; } .main-program__card-count { width: 44px; height: 44px; font-size: 16px; } .main-program__card-icon { width: 60px; height: 60px; } .main-program__card-icon img { width: 28px; } .main-program__card-title { font-size: 20px; } .main-program__card-text { font-size: 14px; } .main-program__card-text:not(:last-child) { margin-bottom: 24px; } } @media (max-width: 767px) { .main-program__top { gap: 10px; } .main-program__top:not(:last-child) { margin-bottom: 34px; } .main-program__slider { padding: 16px 16px 40px; } .main-program__slider .swiper-container { width: calc(100% + 32px); padding: 0 16px; margin: 0 -16px; } .main-program__card { width: 100%; min-width: auto; } .main-program__btn { width: 100%; } .main-program__btn:not(:first-child) { margin-top: 34px; } } .main-trainers__top { width: 100%; display: flex; justify-content: space-between; } .main-trainers__top-left { width: 40.3%; min-width: 550px; flex-shrink: 0; } .main-trainers__top-right { width: 39.8%; display: flex; gap: 60px; margin-top: auto; margin-bottom: 27px; } .main-trainers__top-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 130%; letter-spacing: -0.02em; color: rgba(18, 18, 18, 0.5); } .main-trainers__top:not(:last-child) { margin-bottom: 100px; } .main-trainers__label { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; letter-spacing: initial; display: inline-flex; align-items: center; gap: 10px; background: rgba(221, 44, 44, 0.15); border-radius: 10px; padding: 6px 13px 8px; color: #DD2C2C; } .main-trainers__label img { width: auto; height: 24px; } .main-trainers__label:not(:last-child) { margin-bottom: 20px; } .main-trainers__body { position: relative; } .main-trainers__img img { width: 100%; height: auto; min-height: 467px; object-fit: cover; object-position: center left; border-radius: 20px; } .main-trainers__card { width: 516px; position: absolute; bottom: 30px; left: 30px; z-index: 2; border-radius: 20px; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(101.75px); padding: 34px; color: #ffffff; min-height: 407px; display: flex; flex-direction: column; } .main-trainers__card-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); position: absolute; top: 30px; right: 30px; transition: background-color 0.3s ease; } .main-trainers__card-link svg { width: 10px; height: 10px; fill: #ffffff; } @media (hover: hover) { .main-trainers__card-link:hover, .main-trainers__card-link:focus, .main-trainers__card-link:active { background-color: #DD2C2C; } } .main-trainers__card-label { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: initial; color: rgba(255, 255, 255, 0.6); padding-right: 60px; } .main-trainers__card-label:not(:last-child) { margin-bottom: 16px; } .main-trainers__card-title { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 120%; letter-spacing: -0.04em; } .main-trainers__card-title:not(:last-child) { margin-bottom: 16px; } .main-trainers__card-text { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 140%; letter-spacing: -0.02em; color: rgba(255, 255, 255, 0.8); max-width: 379px; } .main-trainers__card-text:not(:last-child) { margin-bottom: 16px; } .main-trainers__card-icon { width: 100px; height: 100px; flex-shrink: 0; } .main-trainers__card-bottom { display: flex; align-items: flex-end; justify-content: space-between; margin-top: auto; } .main-trainers__card-btn { background: rgba(255, 255, 255, 0.2); } @media (max-width: 1259px) { .main-trainers__top { flex-direction: column; gap: 34px; } .main-trainers__top-left { width: 100%; min-width: 100%; } .main-trainers__top-right { width: 100%; margin-bottom: 0; } .main-trainers__top-text { font-size: 16px; } .main-trainers__top:not(:last-child) { margin-bottom: 60px; } .main-trainers__label { font-size: 14px; } .main-trainers__label:not(:last-child) { margin-bottom: 10px; } .main-trainers__body { width: calc(100% + 80px); margin: 0 -40px; } .main-trainers__img img { border-radius: 0; } .main-trainers__card { width: 420px; min-height: 300px; } .main-trainers__card-link { width: 32px; height: 32px; } .main-trainers__card-link .icon { width: 10px; height: 10px; } .main-trainers__card-label { font-size: 12px; } .main-trainers__card-title { font-size: 20px; } .main-trainers__card-text { font-size: 14px; } .main-trainers__card-icon { width: 70px; height: 70px; flex-shrink: 0; } } @media (max-width: 767px) { .main-trainers__top-right { flex-direction: column; gap: 10px; } .main-trainers__top-text { font-size: 14px; } .main-trainers__top:not(:last-child) { margin-bottom: 40px; } .main-trainers__label { font-size: 12px; line-height: 16px; padding: 6px 10px; } .main-trainers__label img { height: 16px; } .main-trainers__body { width: calc(100% + 40px); margin: 0 -20px; } .main-trainers__card { width: calc(100% - 40px); left: 50%; bottom: 28px; transform: translateX(-50%); min-height: 320px; padding: 24px; } .main-trainers__card-link { top: 24px; right: 24px; } .main-trainers__card-btn { padding: 0 12px; font-size: 14px; height: 47px; border-radius: 100px; } .main-trainers__card-btn.btn--icon.btn--small { padding-right: 12px; } .main-trainers__card-btn.btn--icon.btn--small .icon { width: 30px; height: 30px; } .main-trainers__card-btn.btn--icon.btn--small .icon .icon { width: 8px; height: 8px; } } .main-features__top { width: 100%; display: flex; justify-content: space-between; } .main-features__top-descr { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 546px; flex-shrink: 0; } .main-features__top-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 140%; letter-spacing: -0.03em; color: rgba(18, 18, 18, 0.5); } .main-features__top:not(:last-child) { margin-bottom: 100px; } .main-features__title { max-width: 987px; } .main-features__grid .swiper-wrapper { width: 100%; flex-wrap: wrap; gap: 20px; } .main-features__grid .swiper-slide { width: calc(25% - (20px * 3 / 4)); height: auto; } .main-features__grid .slider__pagination:not(:first-child) { margin-top: 16px; } .main-features__card { box-shadow: inset 0 0 0 1px rgba(18, 18, 18, 0.1); border-radius: 10px; padding: 40px 30px; min-height: 355px; position: relative; transition: background-color 0.3s ease, box-shadow 0.3s ease; } .main-features__card-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 14px; } .main-features__card-icon { width: 50px; height: 50px; } .main-features__card-icon img { width: 100%; height: 100%; object-fit: contain; } .main-features__card-icon:not(:last-child) { margin-bottom: 30px; } .main-features__card-label { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 120%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); } .main-features__card-label:not(:last-child) { margin-bottom: 9px; } .main-features__card-title { font-weight: normal; margin: 0; padding: 0; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 25px; line-height: 110%; letter-spacing: -0.04em; } .main-features__card-title:not(:last-child) { margin-bottom: 20px; } .main-features__card-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; letter-spacing: -0.03em; color: rgba(18, 18, 18, 0.5); } @media (hover: hover) { .main-features__card:hover, .main-features__card:focus, .main-features__card:active { background-color: #F2F2F7; box-shadow: none; } } @media (max-width: 1439px) { .main-features__top-descr { padding-left: 100px; } .main-features__card { padding: 30px 24px; } } @media (max-width: 1259px) { .main-features__top { flex-direction: column; align-items: flex-start; gap: 24px; } .main-features__top-descr { max-width: 546px; width: 100%; padding-left: 0; gap: 24px; } .main-features__top-text { font-size: 16px; } .main-features__top:not(:last-child) { margin-bottom: 60px; } .main-features__grid .swiper-container { width: calc(100% + 80px); margin: 0 -40px; padding: 0 40px; } .main-features__grid .swiper-wrapper { flex-wrap: nowrap; gap: 0; } .main-features__grid .swiper-slide { width: calc(50% - 10px); } .main-features__grid .swiper-slide:not(:last-child) { margin-right: 20px; } .main-features__card { min-height: auto; } .main-features__card-icon { width: 42px; height: 42px; } .main-features__card-icon:not(:last-child) { margin-bottom: 24px; } .main-features__card-label { font-size: 14px; } .main-features__card-label:not(:last-child) { margin-bottom: 10px; } .main-features__card-title { font-size: 20px; } .main-features__card-text { font-size: 14px; } } @media (max-width: 767px) { .main-features__top-text { font-size: 14px; } .main-features__top:not(:last-child) { margin-bottom: 34px; } .main-features__grid .swiper-container { width: calc(100% + 40px); margin: 0 -20px; padding: 0 20px; } .main-features__grid .swiper-slide { width: 320px; } .main-features__grid .swiper-slide:not(:last-child) { margin-right: 8px; } .main-features__btn { width: 100%; } .main-features__btn:not(:first-child) { margin-top: 34px; } } .main-cards__grid { width: 100%; display: flex; flex-wrap: wrap; gap: 30px; } .main-cards__grid-block { width: calc(50% - 15px); } .main-cards__card { background-color: #F2F2F7; border-radius: 28px; padding: 60px 40px; position: relative; min-height: 505px; display: flex; flex-direction: column; align-items: flex-start; } .main-cards__card-icon { width: 230px; height: 230px; border-radius: 30px; background-color: #ffffff; display: flex; align-items: center; justify-content: center; position: absolute; top: 30px; right: 30px; z-index: 2; } .main-cards__card-icon img { width: 149px; height: auto; } .main-cards__card-title { font-weight: normal; margin: 0; padding: 0; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 36px; line-height: 40px; letter-spacing: -0.02em; padding-right: 300px; width: 100%; } .main-cards__card-title .color { color: #DD2C2C; } .main-cards__card-title:not(:last-child) { margin-bottom: 20px; } .main-cards__card-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: initial; padding-right: 300px; color: rgba(18, 18, 18, 0.6); width: 100%; max-width: 642px; } .main-cards__card-text:not(:last-child) { margin-bottom: 30px; } .main-cards__card-btn { margin-top: auto; } .main-cards__card--small { min-height: 320px; } .main-cards__card--small .main-cards__card-icon { top: 45px; } @media (max-width: 1439px) { .main-cards__card { min-height: 450px; } .main-cards__card-icon { width: 120px; height: 120px; } .main-cards__card-icon img { width: 70px; } .main-cards__card-title { padding-right: 140px; } .main-cards__card-text { padding-right: 140px; } .main-cards__card--small { min-height: 320px; } .main-cards__card--small .main-cards__card-icon { top: 45px; } } @media (max-width: 1259px) { .main-cards__card { padding: 24px; min-height: auto; } .main-cards__card-icon { position: static; width: 58px; height: 58px; border-radius: 20px; } .main-cards__card-icon img { width: 37px; } .main-cards__card-icon:not(:last-child) { margin-bottom: 20px; } .main-cards__card-title { font-size: 24px; line-height: 120%; padding: 0; } .main-cards__card-title:not(:last-child) { margin-bottom: 16px; } .main-cards__card-text { font-size: 14px; padding: 0; } } @media (max-width: 767px) { .main-cards__grid-block { width: 100%; gap: 16px; } .main-cards__card { display: block; } .main-cards__card-btn { width: 100%; } } .main-app__wrap { width: 100%; display: flex; align-items: center; justify-content: space-between; } .main-app__wrap-left { width: 47%; padding-right: 100px; } .main-app__wrap-right { width: 42%; position: relative; } .main-app__title:not(:last-child) { margin-bottom: 40px; } .main-app__text { font-weight: normal; margin: 0; padding: 0; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 140%; letter-spacing: -0.03em; color: rgba(18, 18, 18, 0.5); max-width: 546px; } .main-app__text:not(:last-child) { margin-bottom: 60px; } .main-app__links img { height: 44px; width: auto; } .main-app__img { background-color: #F2F2F7; border-radius: 20px; height: 0; padding-bottom: 90%; position: relative; overflow: hidden; } .main-app__img img { position: absolute; left: 41.5%; bottom: 0; width: 43.3%; height: auto; z-index: 2; } .main-app__comments { position: absolute; top: 50%; left: -173px; right: auto; transform: translateY(-50%); z-index: 3; } .main-app__comment { width: 352px; background: #ffffff; box-shadow: 0 10px 31.7px rgba(0, 0, 0, 0.06); border-radius: 11px; padding: 20px 40px 20px 14px; display: flex; align-items: center; gap: 14px; } .main-app__comment-img { width: 46px; height: 46px; flex-shrink: 0; } .main-app__comment-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .main-app__comment-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; letter-spacing: -0.03em; color: rgba(18, 18, 18, 0.5); } .main-app__comment-text .color { color: #DD2C2C; } .main-app__comment:not(:last-child) { margin-bottom: 14px; } @media (max-width: 1259px) { .main-app__wrap { flex-direction: column; gap: 60px; } .main-app__wrap-left { width: 100%; } .main-app__wrap-right { width: calc(100% - 173px); align-self: flex-end; } .main-app__title:not(:last-child) { margin-bottom: 10px; } .main-app__text { font-size: 16px; } .main-app__text:not(:last-child) { margin-bottom: 0; } } @media (max-width: 767px) { .main-app__wrap { gap: 34px; } .main-app__wrap-right { width: 100%; } .main-app__img { height: 324px; padding: 0; } .main-app__img img { bottom: auto; top: 37px; left: 50%; transform: translateX(-50%); width: 196px; } .main-app__text { font-size: 14px; } .main-app__comments { transform: translateX(-50%); top: auto; bottom: 14px; left: 50%; right: auto; } .main-app__comment { width: 255px; padding: 8px 35px 8px 10px; gap: 10px; } .main-app__comment-img { height: 32px; width: 32px; } .main-app__comment-text { font-size: 12px; } .main-app__comment:not(:nth-child(2)) { display: none; } .main-app__comment:not(:last-child) { margin-bottom: 0; } .main-app__links img { height: 34px; } } .main-app.main-app--big { background: #E3E3E3; padding: 0 8.59375vw 5.9375vw; position: relative; } .main-app.main-app--big::after { content: ''; display: block; width: 100%; height: 15.52083vw; background: url("/local/templates/main/css/../img/bg/red-vector.svg") no-repeat center; background-size: cover; position: absolute; bottom: 0; left: 0; } .main-app.main-app--big .container { position: relative; z-index: 1; } .main-app.main-app--big .main-app__title { font-family: "MartianGrotesk-CnBl", sans-serif; font-size: 2.60417vw; line-height: 3.125vw; text-transform: uppercase; background: linear-gradient(180deg, #000000 49.94%, rgba(0, 0, 0, 0.74) 94.42%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; max-width: 29.16667vw; margin-top: 0; } .main-app.main-app--big .main-app__title:not(:last-child) { margin-bottom: 1.25vw; } .main-app.main-app--big .main-app__text { font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 1.04167vw; line-height: 1.51042vw; color: rgba(18, 18, 18, 0.8); max-width: 29.16667vw; } .main-app.main-app--big .main-app__text:not(:last-child) { margin-bottom: 3.33333vw; } .main-app.main-app--big .main-app__wrap-left { width: 40.3%; padding: 0; } .main-app.main-app--big .main-app__wrap-right { width: 57.4%; } .main-app.main-app--big .main-app__img { background: transparent; padding-bottom: 80%; } .main-app.main-app--big .main-app__img img { left: 50%; transform: translateX(-50%); width: auto; height: 100%; } .main-app.main-app--big .main-app__links img { height: 2.29167vw; } @media (max-width: 1259px) { .main-app.main-app--big { padding: 0 0 64px; } .main-app.main-app--big::after { display: none; } .main-app.main-app--big .main-app__wrap { flex-direction: row; gap: 32px; align-items: flex-start; } .main-app.main-app--big .main-app__wrap-left { flex: 1 1 0; width: auto; } .main-app.main-app--big .main-app__wrap-right { flex: 1 1 0; width: auto; } .main-app.main-app--big .main-app__title { font-size: 32px; line-height: 38px; max-width: 100%; } .main-app.main-app--big .main-app__title:not(:last-child) { margin-bottom: 24px; } .main-app.main-app--big .main-app__text { font-size: 14px; line-height: 22px; max-width: 100%; } .main-app.main-app--big .main-app__text:not(:last-child) { margin-bottom: 24px; } .main-app.main-app--big .main-app__links { gap: 12px; } .main-app.main-app--big .main-app__links img { height: 35px; } .main-app.main-app--big .main-app__img { padding-bottom: 118%; } } @media (max-width: 767px) { .main-app.main-app--big .container { padding: 0 16px; } .main-app.main-app--big .main-app__wrap { flex-direction: column; gap: 0; } .main-app.main-app--big .main-app__wrap-right { width: 100%; } .main-app.main-app--big .main-app__text:not(:last-child) { margin-bottom: 0; } .main-app.main-app--big .main-app__links { margin-top: 24px; justify-content: space-between; gap: 0; width: 100%; } } .main-video { height: 51.25vw; position: relative; overflow: hidden; } .main-video::before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 21.2%, rgba(0, 0, 0, 0.69) 100%); z-index: 1; } .main-video__info { --width: 100vw; --gap: 4.16667vw; position: absolute; z-index: 2; width: 100%; bottom: 0; left: 0; padding: 0 calc((100vw - var(--width)) / 2 + var(--gap)) 5vw; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.66667vw 0; } .main-video__info-left { width: 63.54167vw; } .main-video__info-right { width: 26.45833vw; align-self: flex-end; } .main-video__info-bottom { width: 100%; } .main-video__info-title { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-CnBl", sans-serif; font-size: 3.54167vw; line-height: 4.27083vw; padding: 1.09375vw 0; text-transform: uppercase; background: linear-gradient(180deg, #FFFFFF 40.7%, rgba(255, 255, 255, 0.46) 94.45%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .main-video__info-title img { display: inline; width: 3.85417vw; height: auto; } .main-video__info-lead { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 1.04167vw; line-height: 1.51042vw; color: #ffffff; } .main-video__info-lead:not(:last-child) { margin-bottom: 2.1875vw; } .main-video__info-btns { display: flex; flex-wrap: wrap; align-items: center; gap: 2.1875vw; } .main-video__info-btn { font-size: 1.04167vw; height: 3.4375vw; border-radius: 5.20833vw; padding: 0 1.5625vw; } .main-video__info-btn .icon { width: 1.77083vw; height: 1.77083vw; } .main-video__info-btn.btn--icon { padding-right: 1.25vw; } .main-video__info-anchors { display: flex; flex-wrap: wrap; align-items: center; gap: 5.3125vw; } .main-video__info-anchor { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 1.04167vw; line-height: 1.51042vw; color: rgba(255, 255, 255, 0.5); position: relative; padding: 0.3125vw 0; display: flex; align-items: center; transition: color 0.3s ease, width 0.2s cubic-bezier(0.2, 1.35, 0.35, 1); } .main-video__info-anchor img { flex-shrink: 0; height: 70px; object-fit: contain; width: 0; margin-right: 0; transition: width 0.2s cubic-bezier(0.2, 1.35, 0.35, 1), margin-right 0.2s cubic-bezier(0.2, 1.35, 0.35, 1); } .main-video__info-anchor:not(:last-child)::after { content: ''; display: block; width: 3.54167vw; height: 0; opacity: 0.2; border: 2px solid #ffffff; transform: rotate(-75deg) translateY(-50%); right: -4.42708vw; position: absolute; top: 50%; } @media (hover: hover) { .main-video__info-anchor:hover, .main-video__info-anchor:focus, .main-video__info-anchor:active { color: #ffffff; } .main-video__info-anchor:hover img, .main-video__info-anchor:focus img, .main-video__info-anchor:active img { width: 97px; margin-right: 12px; } } @media (max-width: 1259px) { .main-video { height: 918px; } .main-video::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 8.13%, #000000 69.48%); } .main-video__info { flex-direction: column; gap: 64px; padding: 0 40px 48px; } .main-video__info-left { width: 100%; order: 1; } .main-video__info-right { width: 100%; order: 3; } .main-video__info-bottom { order: 2; } .main-video__info-title { padding: 0; font-size: 47px; line-height: 50px; background: linear-gradient(180deg, #FFFFFF 40.7%, rgba(255, 255, 255, 0.46) 94.45%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .main-video__info-title img { display: none; } .main-video__info-lead { font-size: 16px; line-height: 29px; } .main-video__info-lead:not(:last-child) { margin-bottom: 32px; } .main-video__info-anchor { font-size: 16px; line-height: 29px; } .main-video__info-btns { gap: 8px; } .main-video__info-btn { height: 66px; font-size: 20px; padding: 0 30px; border-radius: 100px; } .main-video__info-btn .icon { width: 34px; height: 34px; } .main-video__info-btn.btn--icon { padding-right: 24px; } .main-video__slider .swiper-wrapper { flex: 0 0 auto; } .main-video__slider .swiper-slide { width: auto; margin-right: 50px; } .main-video__slider .swiper-slide:last-child { margin-right: 0; } .main-video__slider-anchor { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; display: inline-flex; align-items: center; gap: 12px; position: relative; } .main-video__slider-anchor:not(:last-child)::after { content: ''; display: block; width: 68px; height: 0; opacity: 0.2; border: 2px solid #ffffff; transform: rotate(-75deg) translateY(-50%); right: -59px; position: absolute; top: 50%; } .main-video__slider-img { flex-shrink: 0; } .main-video__slider-img img { width: 97px; height: auto; } .main-video__slider-text { font-family: "MartianGrotesk-StdBd", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 29px; letter-spacing: initial; color: #ffffff; } } @media (max-width: 767px) { .main-video { height: 1150px; } .main-video::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 8.13%, #000000 69.48%); } .main-video__info { padding: 0 16px 48px; } .main-video__info-btns { flex-direction: column; } .main-video__info-btn { width: 100%; } } .main-frame { padding: 6.66667vw 0 5vw; background-size: 100% auto; overflow: hidden; } .main-frame--accent { background: #DD2C2C url("/local/templates/main/css/../img/bg/bg-pattern.svg") no-repeat top center; background-size: 100% auto; color: #ffffff; } .main-frame--accent .main-frame__wrap { border-color: #ffffff; color: #ffffff; } .main-frame--accent .main-frame__list-item { color: rgba(255, 255, 255, 0.85); } .main-frame--accent-light { background: #DD2C2C url("/local/templates/main/css/../img/bg/bg-pattern.svg") no-repeat bottom left; color: #ffffff; padding-top: 5vw; } .main-frame--accent-light .main-frame__wrap { border-color: rgba(255, 255, 255, 0.2); color: #ffffff; } .main-frame--white { background: #E3E3E3 url("/local/templates/main/css/../img/bg/bg-pattern-transparent.svg") no-repeat top center; background-size: 100% auto; color: #121212; } .main-frame--white .main-frame__wrap { border-color: #ffffff; color: #121212; } .main-frame--white .main-frame__list-item { color: #121212; } .main-frame--border:not(:first-child) { margin-top: 30px; } .main-frame--border:not(:last-child) { margin-bottom: 5.72917vw; } .main-frame__wrap { border-width: 0.20833vw; border-style: solid; border-radius: 2.08333vw; padding: 4.79167vw 8.33333vw; } .main-frame__block:not(:last-child) { margin-bottom: 5vw; } .main-frame__title-center { display: flex; align-items: center; } .main-frame__title { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-CnBl", sans-serif; font-size: 4.16667vw; line-height: 5vw; text-transform: uppercase; margin: auto; } .main-frame__lead { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 1.51042vw; line-height: 2.03125vw; max-width: 60.15625vw; } .main-frame__lead:not(:last-child) { margin-bottom: 1.66667vw; } .main-frame__head { position: relative; } .main-frame__head-title { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-CnBl", sans-serif; font-size: 3.54167vw; line-height: 4.27083vw; text-transform: uppercase; color: #ffffff; background-repeat: no-repeat; background-position: top left; background-size: auto 100%; } .main-frame__head-title--complex { background-image: url("/local/templates/main/css/../img/main/main-frame-title-1.svg"); padding: 0.3125vw 0 0.83333vw 0.78125vw; } .main-frame__head-title--grow { background-image: url("/local/templates/main/css/../img/main/main-frame-title-2.svg"); padding: 0.41667vw 0 0.72917vw 0.88542vw; } .main-frame__head-title--services { background-image: url("/local/templates/main/css/../img/main/main-frame-title-3.svg"); padding: 0.41667vw 0 0.46875vw 0.88542vw; } .main-frame__head-title:not(:last-child) { margin-bottom: 1.66667vw; } .main-frame__head-lead { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 1.51042vw; line-height: 2.03125vw; max-width: 34.11458vw; } .main-frame__head-lead:not(:last-child) { margin-bottom: 1.66667vw; } .main-frame__head > *:not(.main-frame__head-bg) { position: relative; z-index: 2; } .main-frame__head-bg { position: absolute; top: -6.45833vw; right: -8.02083vw; width: 55.78125vw; height: 40.41667vw; z-index: 1; } .main-frame__head-bg img { width: 100%; height: 100%; object-fit: contain; } .main-frame__head-links { display: flex; flex-wrap: wrap; gap: 0.41667vw; } .main-frame__head-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 0.72917vw; line-height: 1.25vw; padding: 0.625vw; width: 9.84375vw; min-height: 4.94792vw; background: rgba(0, 0, 0, 0.48); border: 1px solid rgba(255, 255, 255, 0.17); backdrop-filter: blur(10.4px); border-radius: 0.88542vw; color: rgba(255, 255, 255, 0.8); display: flex; align-items: flex-start; justify-content: space-between; gap: 0.41667vw; position: relative; overflow: hidden; transition: color 0.3s ease; } .main-frame__head-link .icon { flex-shrink: 0; fill: rgba(255, 255, 255, 0.5); position: relative; z-index: 2; } .main-frame__head-link .text { position: relative; z-index: 2; } .main-frame__head-link::before { position: absolute; top: 0; left: 0; z-index: 1; content: ''; display: block; width: 0; height: 100%; background-color: #ffffff; transition: width 0.1s ease; } @media (hover: hover) { .main-frame__head-link:hover, .main-frame__head-link:focus, .main-frame__head-link:active { color: #121212; } .main-frame__head-link:hover::before, .main-frame__head-link:focus::before, .main-frame__head-link:active::before { width: 100%; } .main-frame__head-link:hover .icon, .main-frame__head-link:focus .icon, .main-frame__head-link:active .icon { fill: #121212; } } .main-frame__head-btn { box-shadow: 0 0.625vw 0.52604vw rgba(0, 0, 0, 0.25); } .main-frame__head-btn:not(:first-child) { margin-top: 3.33333vw; } .main-frame__list-item { font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 1.04167vw; line-height: 1.51042vw; color: rgba(255, 255, 255, 0.85); } .main-frame__list-item .num { font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 1.66667vw; line-height: 1.92708vw; display: block; width: 1.66667vw; height: 1.66667vw; padding: 0.10417vw 0 0 0.15625vw; background: #121212; border-radius: 50%; text-align: center; color: #ffffff; overflow: hidden; vertical-align: middle; } .main-frame__list-item .num:not(:last-child) { margin-bottom: 0.83333vw; } .main-frame__list-item .icon { vertical-align: middle; } .main-frame__list-item .icon--block { display: block; } .main-frame__list-item .icon--block:not(:last-child) { margin-bottom: 0.83333vw; } .main-frame__list-item .text { vertical-align: middle; } .main-frame__list-title { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-CnBl", sans-serif; font-size: 2.60417vw; line-height: 3.125vw; text-transform: uppercase; background: linear-gradient(180deg, #ffffff 80.82%, rgba(255, 255, 255, 0.48) 94.42%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .main-frame__grid-title { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-CnBl", sans-serif; font-size: 2.86458vw; line-height: 3.4375vw; text-transform: uppercase; margin: auto; } .main-frame__grid-title span { text-decoration: underline; text-underline-position: from-font; } .main-frame__grid-item { padding: 0.72917vw; border-radius: 0.83333vw; border: 0.10417vw solid rgba(255, 255, 255, 0.2); display: flex; flex-direction: column; justify-content: space-between; } .main-frame__grid-item img { width: 5.20833vw; height: 5.20833vw; object-fit: contain; flex-shrink: 0; } .main-frame__grid-item img:not(:last-child) { margin-bottom: 1.61458vw; } .main-frame__grid-item .text { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 0.72917vw; line-height: 1.25vw; color: rgba(255, 255, 255, 0.8); } .main-frame__list-row { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 1.25vw; border: 0.20833vw solid rgba(255, 255, 255, 0.2); border-bottom: 0; border-radius: 0.83333vw 0.83333vw 0 0; padding: 1.875vw 1.45833vw 0; } .main-frame__list-row .num { font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 1.66667vw; line-height: 1.92708vw; display: inline-block; flex-shrink: 0; width: 1.66667vw; height: 1.66667vw; padding: 0.10417vw 0 0 0.15625vw; background: #121212; border-radius: 50%; text-align: center; color: #ffffff; overflow: hidden; vertical-align: middle; } .main-frame__list-row .arrow { flex-shrink: 0; } .main-frame__list-row .arrow svg { fill: #ffffff; } .main-frame__list-row-key { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 1.04167vw; line-height: 1.51042vw; flex-shrink: 0; width: 39%; pointer-events: none; } .main-frame__list-row-value { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 0.72917vw; line-height: 1.25vw; flex-grow: 1; color: rgba(255, 255, 255, 0.8); } .main-frame__list-row:not(:last-child) { margin-bottom: 3.33333vw; } .main-frame__complex-head:not(:last-child) { margin-bottom: 1.66667vw; } .main-frame__complex-title { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-CnBl", sans-serif; font-size: 5vw; line-height: 6.97917vw; text-transform: uppercase; } .main-frame__complex-title span { display: block; font-size: 3.28125vw; line-height: 3.95833vw; } .main-frame__complex-title span:not(:first-child) { margin-top: 0.41667vw; } .main-frame__complex-title:not(:last-child) { margin-bottom: 1.25vw; } .main-frame__complex-lead { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 1.04167vw; line-height: 1.51042vw; color: rgba(255, 255, 255, 0.8); } .main-frame__complex-lead:not(:last-child) { margin-bottom: 1.25vw; } .main-frame__complex-slider { position: relative; } .main-frame__complex-slider .swiper-container { overflow: visible; } .main-frame__complex-slider .swiper-slide { width: 34.84375vw; margin-right: 1.66667vw; } .main-frame__complex-slider .swiper-slide:last-child { margin-right: 0; } .main-frame__complex-slider-block { position: relative; } .main-frame__complex-slider-info { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; } .main-frame__complex-slider-title { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-CnBl", sans-serif; font-size: 1.45833vw; line-height: 1.875vw; text-transform: uppercase; color: #ffffff; transform: matrix(1, 0, -0.01, 1, 0, 0); } .main-frame__complex-slider-title:not(:last-child) { margin-bottom: 0.41667vw; } .main-frame__complex-slider-descr { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 1.04167vw; line-height: 1.51042vw; color: rgba(255, 255, 255, 0.8); transform: matrix(1, 0, -0.01, 1, 0, 0); } .main-frame__complex-slider-img { width: 34.84375vw; height: 19.73958vw; } .main-frame__complex-slider-img img { width: 100%; height: 100%; object-fit: contain; } .main-frame__complex-slider .slider__btn { background: #ffffff; width: 3.33333vw; height: 3.33333vw; border-radius: 50%; transform: translateZ(0); backface-visibility: hidden; -webkit-font-smoothing: antialiased; will-change: transform; transition: transform 0.3s cubic-bezier(0.15, 1.85, 0.2, 1); } @media (hover: hover) { .main-frame__complex-slider .slider__btn.swiper-button-next:hover, .main-frame__complex-slider .slider__btn.swiper-button-next:focus, .main-frame__complex-slider .slider__btn.swiper-button-next:active, .main-frame__complex-slider .slider__btn.swiper-button-prev:hover, .main-frame__complex-slider .slider__btn.swiper-button-prev:focus, .main-frame__complex-slider .slider__btn.swiper-button-prev:active { transform: translateZ(0) translateY(-50%) scale(1.1); } } .main-frame__complex-slider .slider__btn::after { --size: 1.25vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; display: block; width: calc(100% - var(--size)); height: calc(100% - var(--size)); border-radius: 50%; border: 0.10417vw solid #121212; } .main-frame__complex-slider .slider__btn .icon { width: 0.625vw; height: 0.625vw; } .main-frame__complex-slider .slider__btn.swiper-button-prev { --size: 1.82292vw; position: absolute; top: 50%; left: auto; right: calc(100% + var(--size)); transform: translateY(-50%); } .main-frame__complex-slider .slider__btn.swiper-button-prev .icon { transform: rotate(180deg); } .main-frame__complex-slider .slider__btn.swiper-button-next { --size: 1.82292vw; position: absolute; top: 50%; left: calc(100% + var(--size)); right: auto; transform: translateY(-50%); } .main-frame__card { background: rgba(255, 255, 255, 0.42); border-radius: 0.83333vw; padding: 0 1.25vw 1.25vw; display: flex; flex-direction: column; } .main-frame__card-img { margin-top: -1.25vw; margin-bottom: 1.25vw; width: 30.72917vw; height: 19.01042vw; align-self: center; } .main-frame__card-img img { width: 100%; height: 100%; object-fit: contain; } .main-frame__card-title { font-weight: normal; margin: 0; padding: 0; overflow: hidden; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; height: 1.875vw; font-family: "MartianGrotesk-CnBl", sans-serif; font-size: 1.45833vw; line-height: 1.875vw; text-transform: uppercase; margin-top: auto; } .main-frame__card-title:not(:last-child) { margin-bottom: 0.41667vw; } .main-frame__card-text { font-weight: normal; margin: 0; padding: 0; overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; height: 4.53125vw; font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 1.04167vw; line-height: 1.51042vw; color: rgba(18, 18, 18, 0.8); } .main-frame__book-head { width: 100%; display: flex; align-items: flex-start; gap: 0.52083vw; } .main-frame__book-head-wrap { align-self: center; } .main-frame__book-head .icon { flex-shrink: 0; width: 3.33333vw; height: 3.33333vw; } .main-frame__book-head:not(:last-child) { margin-bottom: 1.66667vw; } .main-frame__book-title { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-CnBl", sans-serif; font-size: 2.60417vw; line-height: 3.125vw; text-transform: uppercase; } .main-frame__book-title:not(:last-child) { margin-bottom: 0.41667vw; } .main-frame__book-lead { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-StdBd", sans-serif; font-size: 1.04167vw; line-height: 1.51042vw; color: rgba(255, 255, 255, 0.8); } .main-frame__book-lead:not(:last-child) { margin-bottom: 1.66667vw; } .main-frame__book-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; border-radius: 0.88542vw; overflow: hidden; height: 0; padding-bottom: 14.3%; position: relative; } @media (hover: hover) { .main-frame__book-link:hover img, .main-frame__book-link:focus img, .main-frame__book-link:active img { transform: scale(1.1); } } .main-frame__book-link img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition: transform 0.3s ease; } .main-frame__book-link-info { position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; padding: 0.83333vw; display: flex; align-items: flex-end; justify-content: space-between; gap: 0.52083vw; } .main-frame__book-link-info .text { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-CnBl", sans-serif; font-size: 1.45833vw; line-height: 1.875vw; text-transform: uppercase; flex-grow: 1; color: #ffffff; } .main-frame__book-link-info .icon { flex-shrink: 0; fill: #ffffff; } .main-frame__gallery { width: 100vw; margin: 0 calc((100vw - 100%) / 2 * -1); position: relative; } .main-frame__gallery .swiper-slide { height: 26.30208vw; width: 45.3125vw; border-radius: 1.25vw; overflow: hidden; margin-right: 0.41667vw; } .main-frame__gallery .swiper-slide img { width: 100%; height: 100%; display: block; object-fit: cover; } .main-frame__gallery .swiper-slide:last-child { margin-right: 0; } .main-frame__gallery .slider__btn { background: #ffffff; width: 3.33333vw; height: 3.33333vw; border-radius: 50%; transform: translateZ(0); backface-visibility: hidden; -webkit-font-smoothing: antialiased; will-change: transform; transition: transform 0.3s cubic-bezier(0.15, 1.85, 0.2, 1); } @media (hover: hover) { .main-frame__gallery .slider__btn.swiper-button-next:hover, .main-frame__gallery .slider__btn.swiper-button-next:focus, .main-frame__gallery .slider__btn.swiper-button-next:active, .main-frame__gallery .slider__btn.swiper-button-prev:hover, .main-frame__gallery .slider__btn.swiper-button-prev:focus, .main-frame__gallery .slider__btn.swiper-button-prev:active { transform: translateZ(0) translateY(-50%) scale(1.1); } } .main-frame__gallery .slider__btn::after { --size: 1.25vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; display: block; width: calc(100% - var(--size)); height: calc(100% - var(--size)); border-radius: 50%; border: 0.10417vw solid #121212; } .main-frame__gallery .slider__btn .icon { width: 0.625vw; height: 0.625vw; } .main-frame__gallery .slider__btn.swiper-button-prev { --gap: 8.59375vw; position: absolute; top: 50%; left: calc((100vw - 100%) / 2 + var(--gap)); right: auto; transform: translateY(-50%); } .main-frame__gallery .slider__btn.swiper-button-prev .icon { transform: rotate(180deg); } .main-frame__gallery .slider__btn.swiper-button-next { --gap: 8.59375vw; position: absolute; top: 50%; left: auto; right: calc((100vw - 100%) / 2 + var(--gap)); transform: translateY(-50%); } @media (min-width: 1260px) { .main-frame .icon { width: 1.25vw; height: 1.25vw; } .main-frame .icon--big { width: 1.875vw; height: 1.875vw; } .main-frame .icon--small { width: 0.83333vw; height: 0.83333vw; } .main-frame .container { max-width: 100vw; padding: 0 2.08333vw; } .main-frame__list-row-value { display: block !important; } } @media (min-width: 1720px) { .main-frame .container { padding: 0 5.20833vw; } } @media (max-width: 1259px) { .main-frame { padding: 96px 0 40px; background-size: contain; } .main-frame--accent { background-size: contain; } .main-frame--accent-light { background-position: top left; background-size: contain; } .main-frame--white { padding-bottom: 64px; background-size: contain; } .main-frame--border:not(:last-child) { margin-bottom: 64px; } .main-frame__wrap { padding: 64px 20px 40px; border-radius: 33px; border-width: 2px; } .main-frame__block:not(:last-child) { margin-bottom: 64px; } .main-frame__title { font-size: 32px; line-height: 38px; margin-left: 0; margin-right: 0; } .main-frame__lead { font-size: 18px; line-height: 28px; max-width: 100%; } .main-frame__lead:not(:last-child) { margin-bottom: 32px; } .main-frame__head-title { font-size: 29px; line-height: 35px; } .main-frame__head-title--complex { padding: 5px 0 5px 10px; } .main-frame__head-title--grow { padding: 6px 0 4px 10px; } .main-frame__head-title--services { padding: 6px 0 4px 10px; } .main-frame__head-title:not(:last-child) { margin-bottom: 16px; } .main-frame__head-lead { font-size: 18px; line-height: 24px; max-width: 303px; } .main-frame__head-lead:not(:last-child) { margin-bottom: 32px; } .main-frame__head-bg { top: -88px; right: -19px; width: 364px; height: 264px; } .main-frame__head-slider .swiper-container { overflow: visible; } .main-frame__head-slider .swiper-slide { flex-shrink: 0; width: auto; gap: 8px; margin-right: 8px; } .main-frame__head-slider .swiper-slide:last-child { margin-right: 0; } .main-frame__head-link { font-size: 14px; line-height: 24px; padding: 12px; width: 189px; min-height: 95px; border-radius: 17px; gap: 8px; } .main-frame__head-link:not(:last-child) { margin-bottom: 8px; } .main-frame__head-link::before { display: none; } .main-frame__list-item { font-size: 16px; line-height: 29px; } .main-frame__list-item .num { font-size: 32px; line-height: 37px; width: 32px; height: 32px; padding: 2px 0 0 3px; } .main-frame__list-item .num:not(:last-child) { margin-bottom: 16px; } .main-frame__grid-title { font-size: 32px; line-height: 38px; padding-right: 10px; } .main-frame__grid-item { padding: 7px; border-radius: 16px; border: 2px solid rgba(255, 255, 255, 0.2); } .main-frame__grid-item img { width: 100px; height: 100px; } .main-frame__grid-item img.main-frame__grid-item img:not(:last-child) { margin-bottom: 16px; } .main-frame__grid-item .text { font-size: 14px; line-height: 24px; } .main-frame__list-title { max-width: 350px; font-size: 32px; line-height: 38px; } .main-frame__complex-head:not(:last-child) { margin-bottom: 32px; } .main-frame__complex-title { font-size: 32px; line-height: 38px; } .main-frame__complex-title span { font-size: 20px; line-height: 24px; } .main-frame__complex-title span:not(:first-child) { margin-top: 8px; } .main-frame__complex-title:not(:last-child) { margin-bottom: 24px; } .main-frame__complex-lead { font-size: 16px; line-height: 29px; } .main-frame__complex-lead:not(:last-child) { margin-bottom: 32px; } .main-frame__complex-slider .swiper-slide { width: 303px; margin-right: 12px; } .main-frame__complex-slider-title { font-size: 20px; line-height: 28px; } .main-frame__complex-slider-title:not(:last-child) { margin-bottom: 8px; } .main-frame__complex-slider-descr { font-size: 16px; line-height: 29px; } .main-frame__complex-slider-img { width: 100%; height: 172px; margin-bottom: 61px; } .main-frame__complex-slider .slider__btn { display: none; } .main-frame__list-row { gap: 0; border-width: 4px; border-radius: 16px 16px 0 0; padding: 36px 20px 0; flex-direction: column; } .main-frame__list-row .num { font-size: 32px; line-height: 37px; display: block; width: 32px; height: 32px; padding: 2px 0 0 3px; } .main-frame__list-row .num:not(:last-child) { margin-bottom: 24px; } .main-frame__list-row-key { font-size: 14px; line-height: 22px; width: 100%; padding-right: 32px; position: relative; pointer-events: initial; } .main-frame__list-row-key .icon { position: absolute; top: 0; right: 0; fill: rgba(255, 255, 255, 0.5); } .main-frame__list-row-value { font-size: 14px; line-height: 24px; padding-right: 32px; display: none; } .main-frame__list-row-value:not(:first-child) { margin-top: 16px; } .main-frame__list-row:not(:last-child) { margin-bottom: 32px; } .main-frame__list-row.opened .main-frame__list-row-key .icon { transform: rotate(180deg); } .main-frame__list-row.opened .main-frame__list-row-value { display: block; } .main-frame__card { border-radius: 16px; padding: 0 24px 24px; } .main-frame__card-img { margin-top: -24px; margin-bottom: 24px; width: 300px; height: auto; } .main-frame__card-title { height: auto; font-size: 20px; line-height: 24px; -webkit-line-clamp: initial; } .main-frame__card-title:not(:last-child) { margin-bottom: 8px; } .main-frame__card-text { height: auto; font-size: 14px; line-height: 22px; -webkit-line-clamp: initial; } .main-frame__book-head { gap: 10px; } .main-frame__book-head:not(:last-child) { margin-bottom: 32px; } .main-frame__book-title { font-size: 29px; line-height: 35px; } .main-frame__book-lead { font-size: 16px; line-height: 29px; } .main-frame__book-link { padding-bottom: 32.8%; border-radius: 17px; } .main-frame__book-link-info { gap: 10px; padding: 8px; } .main-frame__book-link-info .text { font-size: 14px; line-height: 24px; } .main-frame__gallery .swiper-slide { height: 330px; width: 569px; border-radius: 27px; margin-right: 5px; } .main-frame__gallery .slider__btn { display: none; } } @media (max-width: 767px) { .main-frame .container { padding: 0 16px; } .main-frame--accent-light { padding-top: 40px; } .main-frame--accent-light .main-frame__wrap { padding-top: 64px; } .main-frame--border:not(:first-child) { margin-top: 20px; } .main-frame__wrap { padding: 170px 20px 40px; } .main-frame__head-bg { width: 338px; height: 245px; top: -202px; } .main-frame__head-btn { width: 100%; } .main-frame__complex-title span { margin-top: 8px; } .main-frame__card-img { width: 320px; margin-top: -16px; margin-bottom: 32px; } .main-frame__gallery .swiper-slide { height: 200px; width: 345px; border-radius: 16px; margin-right: 3px; } .main-frame__book-link { padding-bottom: 66.5%; } .main-frame__book-head { flex-direction: column; } .main-frame__grid-item .text { word-break: break-word; } } .top-banner { position: relative; background-color: #F2F2F7; margin-top: calc(var(--header-height) * -1); padding-top: calc(var(--header-height) + 125px); height: 1000px; } .top-banner__info { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; } .top-banner__info .breadcrumbs { text-align: center; margin-top: 0; } .top-banner__info .breadcrumbs:not(:last-child) { margin-bottom: 40px; } .top-banner__title { font-weight: normal; margin: 0; padding: 0; font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 96px; line-height: 100%; letter-spacing: -0.04em; max-width: 850px; text-align: center; } .top-banner__title:not(:last-child) { margin-bottom: 60px; } .top-banner__text { font-weight: normal; margin: 0; padding: 0; font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 140%; letter-spacing: -0.02em; max-width: 750px; text-align: center; } .top-banner__text:not(:last-child) { margin-bottom: 60px; } .top-banner__img { position: absolute; border-radius: 20px; } .top-banner__img--top-left { top: 50%; left: 50%; transform: translate(-50%, -50%); animation: img-top-left 0.6s 0.3s ease-in-out forwards; } .top-banner__img--top-right { top: 50%; right: 50%; transform: translate(50%, -50%); animation: img-top-right 0.6s 0.3s ease-in-out forwards; } .top-banner__img--bottom-left { bottom: 50%; left: 50%; transform: translate(-50%, 50%); animation: img-bottom-left 0.6s 0.3s ease-in-out forwards; } .top-banner__img--bottom-right { bottom: 50%; right: 50%; transform: translate(50%, 50%); animation: img-bottom-right 0.6s 0.3s ease-in-out forwards; } .top-banner__product { position: absolute; top: 50%; left: auto; right: 40px; transform: translateY(-50%); } .top-banner:not(:last-child) { margin-bottom: 180px; } @media (min-width: 1720px) { .top-banner__product { right: 100px; } } @media (min-width: 1920px) { .top-banner__product { right: calc((100% - 1920px) / 2 + 100px); } } @media (max-width: 1719px) { .top-banner__img--top-left { animation: img-top-left-min 0.6s 0.3s ease-in-out forwards; } .top-banner__img--top-right { animation: img-top-right-min 0.6s 0.3s ease-in-out forwards; } } @media (max-width: 1259px) { .top-banner { padding-top: var(--header-height); padding-bottom: 40px; height: auto; } .top-banner .breadcrumbs { margin-top: 16px; } .top-banner .breadcrumbs:not(:last-child) { margin-bottom: 30px; } .top-banner__title { font-size: 36px; } .top-banner__title:not(:last-child) { margin-bottom: 30px; } .top-banner__text { font-size: 16px; } .top-banner__text:not(:last-child) { margin-bottom: 40px; } .top-banner__info { padding: 0 40px; } .top-banner__imgs { width: 100%; } .top-banner__imgs .swiper-container.disabled .swiper-wrapper { justify-content: center; } .top-banner__imgs .swiper-slide { width: 163px; height: 166px; } .top-banner__imgs .swiper-slide:not(:last-child) { margin-right: 12px; } .top-banner__imgs:not(:last-child) { margin-bottom: 40px; } .top-banner__img { width: 100%; height: 100%; object-fit: cover; position: static; border-radius: 14px; } .top-banner:not(:last-child) { margin-bottom: 60px; } } @media (max-width: 767px) { .top-banner { padding-bottom: 30px; } .top-banner .breadcrumbs { margin-top: 6px; } .top-banner .breadcrumbs:not(:last-child) { margin-bottom: 20px; } .top-banner__info { padding: 0 20px; } .top-banner__title { font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; line-height: 100%; letter-spacing: -0.04em; text-align: left; } .top-banner__title:not(:last-child) { margin-bottom: 16px; } .top-banner__text { text-align: left; font-size: 14px; color: rgba(18, 18, 18, 0.5); max-width: 600px; } .top-banner__text:not(:last-child) { margin-bottom: 30px; } .top-banner__btn { width: 100%; } .top-banner__imgs .swiper-container { width: calc(100% + 40px); margin: 0 -20px; padding: 0 20px; } .top-banner__imgs .swiper-wrapper { justify-content: flex-start; } .top-banner__imgs .swiper-slide { width: 184px; height: 166px; } .top-banner__imgs .swiper-slide:not(:last-child) { margin-right: 12px; } .top-banner:not(:last-child) { margin-bottom: 40px; } } .top-banner--pic { padding-top: calc(var(--header-height)); height: 1071px; padding-bottom: 0; overflow: hidden; } .top-banner--pic .top-banner__img { top: 0; left: 0; width: 100%; height: 100%; } .top-banner--pic .top-banner__img img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 1259px) { .top-banner--pic { height: auto; } .top-banner--pic .top-banner__info { margin-top: 20px; align-items: flex-start; } .top-banner--pic .top-banner__title:not(:last-child) { margin-bottom: 14px; } .top-banner--pic:not(:last-child) { margin-bottom: 0; } } .schedule-slider .swiper-wrapper { flex-wrap: wrap; gap: 24px; } .schedule-slider .swiper-slide { width: calc(25% - (3 * 24px / 4)); } .schedule-slider__card { background: #F2F2F7; border-radius: 30px; padding: 30px; min-height: 296px; } .schedule-slider__card-label { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 114%; letter-spacing: -0.04em; padding: 10px 20px; background: #DD2C2C; color: #ffffff; display: inline-flex; border-radius: 100px; } .schedule-slider__card-label:not(:last-child) { margin-bottom: 30px; } .schedule-slider__card-title { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; line-height: 114%; letter-spacing: -0.04em; font-feature-settings: 'liga' off; } .schedule-slider__card-title:not(:last-child) { margin-bottom: 14px; } .schedule-slider__card-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 140%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); } @media (max-width: 1259px) { .schedule-slider .swiper-container { width: calc(100% + 80px); margin: 0 -40px; padding: 0 40px; } .schedule-slider .swiper-wrapper { flex-wrap: nowrap; gap: 0; } .schedule-slider .swiper-slide { height: auto; width: calc(50% - 12px); } .schedule-slider .swiper-slide:not(:last-child) { margin-right: 24px; } .schedule-slider__card { padding: 24px 20px; min-height: auto; } .schedule-slider__card-label { font-size: 16px; padding: 8px 14px; } .schedule-slider__card-label:not(:last-child) { margin-bottom: 20px; } .schedule-slider__card-title { font-size: 20px; } .schedule-slider__card-title:not(:last-child) { margin-bottom: 10px; } .schedule-slider__card-text { font-size: 14px; } } @media (max-width: 767px) { .schedule-slider .swiper-container { width: calc(100% + 40px); margin: 0 -20px; padding: 0 20px; } .schedule-slider .swiper-slide { width: 320px; } .schedule-slider .swiper-slide:not(:last-child) { margin-right: 10px; } } .camp-slider { position: relative; } .camp-slider__link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; } .camp-slider__img { width: 100%; height: 715px; } .camp-slider__img img { width: 100%; height: 100%; object-fit: cover; border-radius: 24px; } .camp-slider__pags { display: flex; flex-wrap: wrap; gap: 16px; } .camp-slider__pags:not(:first-child) { margin-top: 40px; } .camp-slider__pag { flex-shrink: 0; width: 152px; height: 152px; border-radius: 20px; cursor: pointer; overflow: hidden; } .camp-slider__pag::before { border-radius: inherit; transition: box-shadow 0.3s ease; } .camp-slider__pag img { width: 100%; height: 100%; object-fit: cover; } .camp-slider__pag.active::before { box-shadow: inset 0 0 0 3px #DD2C2C; } .camp-slider__info { position: absolute; z-index: 2; left: 60px; bottom: 252px; max-width: 1000px; max-width: calc(100% - 530px - 120px); } .camp-slider__label { font-family: "Manrope-Light", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 100%; letter-spacing: -0.04em; padding: 18px 21px; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(25px); border-radius: 66px; display: inline-flex; color: #ffffff; } .camp-slider__label:not(:last-child) { margin-bottom: 20px; } .camp-slider__title { font-weight: normal; margin: 0; padding: 0; font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 130px; line-height: 100%; letter-spacing: -0.04em; color: #ffffff; } .camp-slider__card { position: absolute; top: calc(50% - (192px / 2)); transform: translateY(-50%); right: 60px; z-index: 4; padding: 40px; border-radius: 40px; background-color: #ffffff; width: 523px; } .camp-slider__card-top:not(:last-child) { padding-bottom: 24px; margin-bottom: 30px; border-bottom: 1px solid #E5E5E5; } .camp-slider__card-label { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 120%; letter-spacing: -0.04em; color: #ffffff; background-color: #DD2C2C; display: inline-flex; padding: 12px 14px; border-radius: 32px; } .camp-slider__card-label:not(:last-child) { margin-bottom: 20px; } .camp-slider__card-name { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 34px; line-height: 114%; letter-spacing: -0.04em; font-feature-settings: 'liga' off; } .camp-slider__card-name:not(:last-child) { margin-bottom: 30px; } .camp-slider__card-date { display: flex; align-items: center; gap: 10px; } .camp-slider__card-date .icon { flex-shrink: 0; } .camp-slider__card-date .icon svg { fill: #DD2C2C; } .camp-slider__card-date .text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 140%; letter-spacing: -0.04em; } .camp-slider__card-date:not(:last-child) { margin-bottom: 12px; } .camp-slider__card-block:not(:last-child) { margin-bottom: 20px; } .camp-slider__card-title { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 140%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); } .camp-slider__card-title:not(:last-child) { margin-bottom: 10px; } .camp-slider__card-price { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; line-height: 140%; letter-spacing: -0.04em; } .camp-slider__card-btn:not(:first-child) { margin-top: 34px; } .camp-slider.no-photo .camp-slider__img { background-color: #e2e4e7; border-radius: 24px; } .camp-slider.no-photo .camp-slider__img img { object-fit: contain; padding: 35.5px; } .camp-slider.no-photo .camp-slider__title { color: rgba(18, 18, 18, 0.5); } .camp-slider.no-photo .camp-slider__info { bottom: 60px; } .camp-slider.no-photo .camp-slider__card { top: 50%; } @media (max-width: 1439px) { .camp-slider__title { font-size: 96px; } } @media (max-width: 1259px) { .camp-slider { width: 100%; display: flex; flex-direction: column; } .camp-slider__img { height: 420px; } .camp-slider__card { order: 3; position: static; transform: none; padding: 0; width: 100%; display: flex; flex-wrap: wrap; gap: 24px; } .camp-slider__card-top { width: calc(50% - 12px); } .camp-slider__card-top:not(:last-child) { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .camp-slider__card-bottom { width: calc(50% - 12px); display: flex; flex-wrap: wrap; gap: 24px; } .camp-slider__card-label { position: absolute; top: 14px; left: 14px; font-size: 14px; padding: 9px 14px; } .camp-slider__card-label:not(:last-child) { margin-bottom: 0; } .camp-slider__card-name { font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; line-height: 100%; letter-spacing: -0.04em; width: 100%; } .camp-slider__card-name:not(:last-child) { margin-bottom: 0; } .camp-slider__card-date .icon { width: 20px; height: 20px; } .camp-slider__card-date .text { font-size: 14px; } .camp-slider__card-block:not(:last-child) { margin-bottom: 0; } .camp-slider__card-title { font-size: 14px; } .camp-slider__card-title:not(:last-child) { margin-bottom: 6px; } .camp-slider__card-price { font-size: 24px; } .camp-slider__card-btn:not(:first-child) { margin-top: 0; } .camp-slider__card:not(:first-child) { margin-top: 30px; } .camp-slider__pags { order: 2; gap: 10px; } .camp-slider__pags:not(:first-child) { margin-top: 30px; } .camp-slider__pag { width: 80px; height: 80px; border-radius: 10px; } } @media (max-width: 767px) { .camp-slider__img { height: 240px; } .camp-slider__img img { border-radius: 20px; } .camp-slider__card { display: block; gap: 0; } .camp-slider__card-top { width: 100%; } .camp-slider__card-top:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #E5E5E5; } .camp-slider__card-bottom { width: 100%; display: block; gap: 0; } .camp-slider__card-name:not(:last-child) { margin-bottom: 30px; } .camp-slider__card-block:not(:last-child) { margin-bottom: 16px; } .camp-slider__card-btn { width: 100%; } .camp-slider__card-btn:not(:first-child) { margin-top: 30px; } .camp-slider__pags { gap: 6px; } .camp-slider__pags:not(:first-child) { margin-top: 20px; } .camp-slider__pag { width: 40px; height: 40px; border-radius: 6px; } } .camp-prev-slider .swiper-slide { width: 415px; height: 277px; } .camp-prev-slider .swiper-slide a { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; } .camp-prev-slider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .camp-prev-slider .swiper-slide:not(:last-child) { margin-right: 20px; } .camp-prev-slider .slider__btns { flex-shrink: 0; } @media (max-width: 1259px) { .camp-prev-slider .swiper-container { width: calc(100% + 80px); margin: 0 -40px; padding: 0 40px; } .camp-prev-slider__pags { display: flex; flex-wrap: wrap; gap: 10px; } .camp-prev-slider__pags:not(:first-child) { margin-top: 30px; } .camp-prev-slider__pag { position: relative; width: 80px; height: 80px; border-radius: 10px; cursor: pointer; overflow: hidden; } .camp-prev-slider__pag::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } .camp-prev-slider__pag::before { border-radius: inherit; transition: box-shadow 0.3s ease; } .camp-prev-slider__pag img { width: 100%; height: 100%; object-fit: cover; } .camp-prev-slider__pag.active::before { box-shadow: inset 0 0 0 3px #DD2C2C; } } @media (max-width: 767px) { .camp-prev-slider .swiper-container { width: calc(100% + 40px); margin: 0 -20px; padding: 0 20px; } .camp-prev-slider .swiper-slide { width: 320px; height: 263px; } .camp-prev-slider__pags:not(:first-child) { margin-top: 20px; } .camp-prev-slider__pag { width: 40px; height: 40px; border-radius: 6px; } } .coach-detail { width: 100%; display: flex; flex-wrap: wrap; } .coach-detail__top { width: 100%; } .coach-detail__top:not(:last-child) { margin-bottom: 90px; } .coach-detail__label { display: inline-flex; align-items: center; gap: 14px; padding: 16px 24px; background-color: #F2F2F7; border-radius: 100px; } .coach-detail__label .icon { fill: #30A460; } .coach-detail__label .text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 120%; letter-spacing: -0.04em; } .coach-detail__label:not(:last-child) { margin-bottom: 20px; } .coach-detail__head { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px; } .coach-detail__head .page__h2 { margin-bottom: 0; } .coach-detail__head-btn { flex-shrink: 0; } .coach-detail__left { margin-right: 60px; width: 32.27%; align-self: flex-start; position: sticky; top: 0; left: 0; } .coach-detail__right { width: calc(100% - 32.27% - 60px); border-top: 1px dashed rgba(18, 18, 18, 0.2); padding-top: 70px; display: flex; flex-direction: column; } .coach-detail__right-top { display: flex; gap: 110px; } .coach-detail__right-top:not(:last-child) { margin-bottom: 40px; } .coach-detail__right-bottom { margin-top: auto; } .coach-detail__img { width: 100%; height: 0; padding-bottom: 124%; border-radius: 20px; background-color: #F2F2F7; position: relative; } .coach-detail__img img { width: 100%; height: 100%; object-fit: contain; object-position: bottom center; position: absolute; } .coach-detail__col { display: flex; flex-direction: column; justify-content: space-between; gap: 30px; width: 120px; flex-shrink: 0; padding-bottom: 8px; } .coach-detail__text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 26px; letter-spacing: initial; color: #000000; } .coach-detail__exp { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); } .coach-detail__quote { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 36px; line-height: 120%; letter-spacing: -0.01em; max-width: 591px; } .coach-detail__quote .color { color: #DD2C2C; } .coach-detail__features { width: 100%; display: flex; flex-wrap: wrap; gap: 48px; padding: 44px 34px; border-radius: 20px; background-color: #F2F2F7; } .coach-detail__feature { width: calc((100% / 3) - (2 * 48px / 3)); display: flex; align-items: flex-start; gap: 24px; } .coach-detail__feature-icon { flex-shrink: 0; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 10px; } .coach-detail__feature-icon img { width: 32px; height: 32px; object-fit: contain; } .coach-detail__feature-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 120%; letter-spacing: -0.04em; align-self: flex-start; } .coach-detail__feature-text .color { color: #DD2C2C; } @media (max-width: 1719px) { .coach-detail__feature { width: calc(50% - 24px); } .coach-detail__quote { font-size: 30px; } } @media (max-width: 1439px) { .coach-detail__right-top { gap: 60px; } .coach-detail__features { padding: 30px; gap: 18px; } } @media (max-width: 1259px) { .coach-detail__top:not(:last-child) { margin-bottom: 40px; } .coach-detail .page__h2 { font-size: 28px; } .coach-detail__label { padding: 10px 14px; border-radius: 10px; } .coach-detail__label .icon { width: 14px; height: 14px; } .coach-detail__label .text { font-size: 12px; } .coach-detail__label:not(:last-child) { margin-bottom: 10px; } .coach-detail__left { margin-right: 30px; } .coach-detail__right { width: calc(100% - 32.27% - 30px); padding-top: 20px; } .coach-detail__right-top { flex-direction: column; gap: 20px; } .coach-detail__right-top:not(:last-child) { margin-bottom: 30px; } .coach-detail__col { width: 100%; flex-direction: row; justify-content: space-between; padding-bottom: 0; } .coach-detail__text { font-size: 14px; } .coach-detail__exp { font-size: 14px; } .coach-detail__quote { font-size: 22px; } .coach-detail__features { padding: 16px; gap: 18px; } .coach-detail__feature { width: 100%; gap: 12px; } .coach-detail__feature-icon { width: 40px; height: 40px; } .coach-detail__feature-icon img { width: 18px; height: 18px; } .coach-detail__feature-text { font-size: 12px; align-self: center; } } @media (max-width: 767px) { .coach-detail__top:not(:last-child) { margin-bottom: 30px; } .coach-detail__left { order: -1; margin-right: 0; width: 100%; position: static; } .coach-detail__left:not(:last-child) { margin-bottom: 20px; } .coach-detail__right { width: 100%; } .coach-detail__right-top { padding-bottom: 20px; border-bottom: 1px dashed rgba(18, 18, 18, 0.2); } .coach-detail__img { padding-bottom: 94%; } .coach-detail__btn { width: 100%; } .coach-detail__btn:not(:first-child) { margin-top: 30px; } } .branch-detail__top { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 100px; } .branch-detail__top-left { max-width: 681px; } .branch-detail__top-right { display: flex; gap: 100px; } .branch-detail__top:not(:last-child) { margin-bottom: 90px; } .branch-detail__card { flex-shrink: 0; width: 242px; } .branch-detail__card-block { line-height: 1; } .branch-detail__card-block:not(:last-child) { margin-bottom: 34px; } .branch-detail__card-title { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 100%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); } .branch-detail__card-title:not(:last-child) { margin-bottom: 14px; } .branch-detail__card-value { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 100%; letter-spacing: -0.04em; } .branch-detail__card-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 100%; letter-spacing: -0.04em; display: inline-flex; } @media (hover: hover) { .branch-detail__card-link { transition: color 0.3s ease; } .branch-detail__card-link:hover, .branch-detail__card-link:focus { outline: none; color: #dd2c2c; } .branch-detail__card-link:active { outline: none; color: #dd2c2c; } } .branch-detail__card-price { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; line-height: 100%; letter-spacing: -0.04em; } .branch-detail__imgs { position: relative; } .branch-detail__imgs .swiper-container.disabled ~ .slider__btn { display: none; } .branch-detail__imgs .swiper-slide { flex-shrink: 0; width: calc(50% - 15px); height: 0; padding-bottom: 33.1%; position: relative; } .branch-detail__imgs .swiper-slide:not(:last-child) { margin-right: 30px; } .branch-detail__imgs .swiper-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 24px; } .branch-detail__imgs .slider__btn { position: absolute; top: 50%; transform: translateY(-50%); width: 72px; height: 72px; border-radius: 50%; background-color: #DD2C2C; transition: opacity 0.3s ease; } .branch-detail__imgs .slider__btn .icon { width: 36px; fill: #ffffff; } .branch-detail__imgs .swiper-button-disabled { opacity: 0; } .branch-detail__imgs .swiper-button-prev { left: -40px; } .branch-detail__imgs .swiper-button-next { left: auto; right: -40px; } .branch-detail__imgs:not(:last-child) { margin-bottom: 157px; } .branch-detail__slider .page__h2:not(:last-child) { margin-bottom: 90px; } .branch-detail__slider .swiper-wrapper { flex-wrap: wrap; gap: 100px 17px; } .branch-detail__slider .swiper-slide { width: calc((100% / 5) - (4 * 17px / 5)); } @media (max-width: 1719px) { .branch-detail__imgs .slider__btn { width: 40px; height: 40px; } .branch-detail__imgs .slider__btn .icon { width: 24px; } .branch-detail__imgs .swiper-button-prev { left: -20px; } .branch-detail__imgs .swiper-button-next { right: -20px; } } @media (max-width: 1439px) { .branch-detail__slider .swiper-slide { width: calc((100% / 4) - (4 * 17px / 5)); } } @media (max-width: 1259px) { .branch-detail__top { flex-direction: column; gap: 40px; } .branch-detail__top-left { max-width: 100%; } .branch-detail__top-right { width: 100%; justify-content: space-between; } .branch-detail__top:not(:last-child) { margin-bottom: 40px; } .branch-detail__imgs .swiper-slide { width: calc(50% - 6px); } .branch-detail__imgs .swiper-slide:not(:last-child) { margin-right: 12px; } .branch-detail__imgs:not(:last-child) { margin-bottom: 60px; } .branch-detail__slider .page__head:not(:last-child) { margin-bottom: 60px; } .branch-detail__slider .page__h2:not(:last-child) { margin-bottom: 0; } .branch-detail__slider .swiper-container { width: calc(100% + 80px); margin: 0 -40px; padding: 0 40px; } .branch-detail__slider .swiper-wrapper { gap: 0; flex-wrap: nowrap; } .branch-detail__slider .swiper-slide { width: 218px; } .branch-detail__slider .swiper-slide:not(:last-child) { margin-right: 17px; } } @media (max-width: 767px) { .branch-detail { width: 100%; display: flex; flex-direction: column; } .branch-detail__top { width: 100%; gap: 24px; } .branch-detail__top-right { display: block; } .branch-detail__top .page__h1 { font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 28px; line-height: 105%; letter-spacing: -0.025em; } .branch-detail__imgs { width: 100%; order: -1; } .branch-detail__imgs .swiper-container { width: calc(100% + 40px); margin: 0 -20px; padding: 0 20px; } .branch-detail__imgs .swiper-slide { width: 320px; height: 220px; } .branch-detail__imgs .swiper-slide:not(:last-child) { margin-right: 7px; } .branch-detail__imgs:not(:last-child) { margin-bottom: 30px; } .branch-detail__card { width: 100%; } .branch-detail__card-block:not(:last-child) { margin-bottom: 24px; } .branch-detail__card-title { font-size: 12px; } .branch-detail__card-title:not(:last-child) { margin-bottom: 12px; } .branch-detail__card-value { font-size: 14px; } .branch-detail__card-link { font-size: 14px; } .branch-detail__card-price { font-size: 24px; } .branch-detail__card-btn { width: 100%; } .branch-detail__card:not(:last-child) { margin-bottom: 24px; } .branch-detail__slider { width: 100%; } .branch-detail__slider .page__head:not(:last-child) { margin-bottom: 30px; } .branch-detail__slider .swiper-container { width: calc(100% + 40px); margin: 0 -20px; padding: 0 20px; } .branch-detail__slider .swiper-slide { width: 155px; } .branch-detail__slider .swiper-slide:not(:last-child) { margin-right: 10px; } } .blog-page { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .blog-page__head { width: 100%; max-width: 960px; } .blog-page__head-tags { width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .blog-page__head-tag { font-family: "Manrope-SemiBold", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.04em; padding: 12px 16px; box-shadow: inset 0 0 0 1px #DFDFEB; border-radius: 100px; display: inline-flex; align-items: center; } .blog-page__head-tag.active { background-color: #F2F2F7; } .blog-page__head:not(:last-child) { margin-bottom: 90px; } .blog-page__left { width: calc(100% - 446px - 102px); display: flex; flex-direction: column; } .blog-page__right { flex-shrink: 0; width: 446px; position: sticky; top: 10px; right: 0; } .blog-page__sections { display: flex; flex-wrap: wrap; gap: 12px; } .blog-page__sections:not(:last-child) { margin-bottom: 40px; } .blog-page__link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; letter-spacing: initial; padding: 10px 20px; box-shadow: inset 0 0 0 1px #F2F2F7; border-radius: 100px; display: inline-flex; align-items: center; gap: 16px; flex-shrink: 0; } .blog-page__link .text { position: relative; } .blog-page__link .text::after { position: absolute; top: 50%; left: calc(100% + 6px); right: auto; transform: translateY(-50%); content: ""; display: block; border-radius: 50%; width: 4px; height: 4px; background-color: #121212; } .blog-page__link.active { background-color: #DD2C2C; color: #ffffff; box-shadow: none; pointer-events: none; } .blog-page__link.active .text::after { background-color: #ffffff; } .blog-page__form { background-color: #F2F2F7; border-radius: 24px; padding: 24px 30px; } .blog-page__form-title { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 26px; line-height: 120%; letter-spacing: -0.04em; } .blog-page__form-title:not(:last-child) { margin-bottom: 16px; } .blog-page__form-text { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 140%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); } .blog-page__form-text:not(:last-child) { margin-bottom: 40px; } .blog-page__content img { width: 100%; height: auto; border-radius: 20px; margin: 60px 0; } .blog-page__content h2 { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 120%; letter-spacing: -0.04em; margin: 60px 0 30px; } .blog-page__content p { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 160%; letter-spacing: -0.02em; font-feature-settings: 'liga' off; color: rgba(18, 18, 18, 0.5); margin: 30px 0; } .blog-page__content ul { margin: 0; padding: 0; list-style: none; margin: 15px 0; } .blog-page__content ul > li { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 160%; letter-spacing: -0.02em; color: rgba(18, 18, 18, 0.5); padding-left: 18px; position: relative; transition: color 0.3s ease; } .blog-page__content ul > li::before { position: absolute; top: 8px; left: 0; content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background: #DD2C2C; transition: background-color 0.3s ease; } .blog-page__content ul > li:not(:last-child) { margin-bottom: 10px; } .blog-page__content ol { margin: 0; padding: 0; list-style: none; margin: 15px 0; counter-reset: num-list; } .blog-page__content ol > li { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 160%; letter-spacing: -0.02em; color: rgba(18, 18, 18, 0.5); padding-left: 18px; position: relative; transition: color 0.3s ease; } .blog-page__content ol > li::before { position: absolute; top: 0; left: 0; counter-increment: num-list; /* Increment the value of section counter by 1 */ content: counter(num-list) ". "; } .blog-page__content ol > li:not(:last-child) { margin-bottom: 10px; } .blog-page__content > ul, .blog-page__content > ol { margin: 30px 0; } .blog-page__content > *:first-child { margin-top: 0; } .blog-page__content > *:last-child { margin-bottom: 0; } .blog-page__similar-title { font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 27px; letter-spacing: -0.005em; color: rgba(18, 18, 18, 0.7); } .blog-page__similar-title:not(:last-child) { margin-bottom: 27px; } .blog-page__similar-list { margin: 0; padding: 0; list-style: none; } .blog-page__similar-item:not(:first-child) { padding-top: 24px; } .blog-page__similar-item:not(:last-child) { padding-bottom: 24px; border-bottom: 1px solid #E2E2E2; } .blog-page__similar-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 100%; letter-spacing: -0.02em; display: flex; align-items: center; justify-content: space-between; gap: 10px; } @media (hover: hover) { .blog-page__similar-link { transition: color 0.3s ease; } .blog-page__similar-link:hover, .blog-page__similar-link:focus { outline: none; color: #dd2c2c; } .blog-page__similar-link:active { outline: none; color: #dd2c2c; } } .blog-page__similar-link .link-icon { align-self: flex-start; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background-color: #F2F2F7; } .blog-page__similar-link .link-icon .icon { width: 12px; height: 12px; fill: #000000; } .blog-page__similar:not(:last-child) { margin-bottom: 56px; } @media (max-width: 1439px) { .blog-page__left { width: calc(100% - 446px - 60px); } } @media (max-width: 1259px) { .blog-page { display: block; } .blog-page__head:not(:last-child) { margin-bottom: 60px; } .blog-page__right { width: 100%; position: static; } .blog-page__left { width: 100%; } .blog-page__left:not(:last-child) { margin-bottom: 60px; } .blog-page__sections { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; width: calc(100% + 80px); margin: 0 -40px; padding: 0 40px; } .blog-page__sections:not(:last-child) { margin-bottom: 30px; } .blog-page__form { max-width: 688px; } .blog-page__content img { margin: 40px 0; } .blog-page__content h2 { font-size: 22px; margin: 40px 0 20px; } .blog-page__content p { font-size: 16px; } .blog-page__content ul { margin: 10px 0; } .blog-page__content ul > li { font-size: 16px; } .blog-page__content ol { margin: 10px 0; } .blog-page__content ol > li { font-size: 16px; } .blog-page__content > ul, .blog-page__content > ol { margin: 20px 0; } .blog-page__similar-title { font-size: 18px; line-height: 22px; } .blog-page__similar-title:not(:last-child) { margin-bottom: 20px; } .blog-page__similar-item:not(:first-child) { padding-top: 20px; } .blog-page__similar-item:not(:last-child) { padding-bottom: 20px; } .blog-page__similar-link { font-size: 16px; } .blog-page__similar-link .link-icon { width: 30px; height: 30px; } .blog-page__similar-link .link-icon .icon { width: 11px; height: 11px; } } @media (max-width: 767px) { .blog-page__head-tags { gap: 10px; } .blog-page__head-tag { padding: 10px 12px; font-size: 12px; } .blog-page__head:not(:last-child) { margin-bottom: 30px; } .blog-page__left:not(:last-child) { margin-bottom: 40px; } .blog-page__form { padding: 20px; border-radius: 20px; } .blog-page__form-title { font-size: 18px; } .blog-page__form-title:not(:last-child) { margin-bottom: 10px; } .blog-page__form-text { font-size: 12px; } .blog-page__form-text:not(:last-child) { margin-bottom: 24px; } .blog-page__form-btn { width: 100%; } .blog-page__sections { width: calc(100% + 40px); margin: 0 -20px; padding: 0 20px; } .blog-page__link { padding: 8px 14px; font-size: 14px; line-height: 19px; } .blog-page__content img { margin: 24px 0; border-radius: 14px; } .blog-page__content h2 { font-size: 20px; margin: 24px 0 14px; } .blog-page__content p { font-size: 14px; } .blog-page__content ul > li { font-size: 14px; } .blog-page__content ol > li { font-size: 14px; } .blog-page__content > ul, .blog-page__content > ol { margin: 24px 0; } .blog-page__similar-title { font-size: 16px; line-height: 22px; } .blog-page__similar-title:not(:last-child) { margin-bottom: 14px; } .blog-page__similar-item:not(:first-child) { padding-top: 16px; } .blog-page__similar-item:not(:last-child) { padding-bottom: 16px; } .blog-page__similar-link { font-size: 14px; } .blog-page__similar-link .link-icon { width: 24px; height: 24px; } .blog-page__similar-link .link-icon .icon { width: 10px; height: 10px; } } .error-page { display: flex; flex-direction: column; align-items: center; padding: 130px 0; max-width: 456px; margin: 0 auto; } .error-page__error { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 140px; line-height: 191px; text-align: center; letter-spacing: -0.02em; color: #DD2C2C; display: flex; align-items: center; } .error-page__error img { height: 136px; width: auto; } .error-page__error:not(:last-child) { margin-bottom: 30px; } .error-page__title { font-weight: normal; margin: 0; padding: 0; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 40px; line-height: 100%; letter-spacing: -0.02em; text-align: center; } .error-page__title:not(:last-child) { margin-bottom: 10px; } .error-page__text { font-weight: normal; margin: 0; padding: 0; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 100%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); text-align: center; } .error-page__text:not(:last-child) { margin-bottom: 30px; } @media (max-width: 1259px) { .error-page { padding: 100px 0; } } @media (max-width: 767px) { .error-page__error { font-size: 120px; line-height: 164px; } .error-page__error img { height: 96px; } .error-page__error:not(:last-child) { margin-bottom: 10px; } .error-page__title { font-family: "Moscow-Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 30px; line-height: 100%; letter-spacing: -0.04em; } .error-page__title:not(:last-child) { margin-bottom: 14px; } .error-page__text { font-size: 14px; line-height: 120%; } .error-page__text:not(:last-child) { margin-bottom: 40px; } } .shop-section { background-color: #F2F2F7; padding: 40px; border-radius: 30px; width: calc(100% + 80px); margin: 0 -40px; } @media (max-width: 1719px) { .shop-section { width: calc(100% + 40px); margin: 0 -20px; } } @media (max-width: 1439px) { .shop-section { width: calc(100% + 80px); margin: 0 -40px; border-radius: 0; } } @media (max-width: 767px) { .shop-section { width: calc(100% + 40px); margin: 0 -20px; padding: 30px 20px; } } .service-card { box-shadow: inset 0 0 0 1px #E5E5E5; border-radius: 20px; padding: 30px; display: flex; flex-direction: column; align-items: flex-start; position: relative; transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease; } .service-card__link { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 2; } .service-card__label { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; padding: 7px 10px; border-radius: 50px; display: inline-flex; transition: background-color 0.3s ease, color 0.3s ease; } .service-card__label.orange { background: #DD2C2C; color: #ffffff; } .service-card__label.green { background: #30A460; color: #ffffff; } .service-card__label.grey { background: #F2F2F7; } .service-card__label.yellow { background: #DD5E2C; color: #ffffff; } .service-card__label.violet { background: #6A2CDD; color: #ffffff; } .service-card__label.pink { background: #FF69B4; color: #ffffff; } .service-card__label.turquoise { background: #00D1BC; color: #ffffff; } .service-card__label.braun { background: #8B4513; color: #ffffff; } .service-card__label.blue { background: #1E90FF; color: #ffffff; } .service-card__label:not(:last-child) { margin-bottom: 16px; } .service-card__title { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 100%; letter-spacing: -0.04em; } .service-card__title:not(:last-child) { margin-bottom: 20px; } .service-card__descr-title { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 130%; letter-spacing: -0.04em; } .service-card__descr-title:not(:last-child) { margin-bottom: 14px; } .service-card__descr ul { margin: 0; padding: 0; list-style: none; } .service-card__descr ul li { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 130%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); padding-left: 18px; position: relative; transition: color 0.3s ease; } .service-card__descr ul li::before { position: absolute; top: 50%; left: 0; right: auto; transform: translateY(-50%); content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background: #DD2C2C; transition: background-color 0.3s ease; } .service-card__descr ul li:not(:last-child) { margin-bottom: 10px; } .service-card__descr:not(:last-child) { margin-bottom: 32px; } .service-card__price { width: 100%; display: flex; align-items: center; gap: 40px; margin-top: auto; } .service-card__price-title { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); transition: color 0.3s ease; } .service-card__price-title:not(:last-child) { margin-bottom: 10px; } .service-card__price-value { font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 22px; line-height: 100%; letter-spacing: -0.04em; white-space: nowrap; } .service-card__price:not(:last-child) { margin-bottom: 32px; } .service-card__btn { width: 100%; height: 50px; position: relative; z-index: 3; } .service-card__num { font-family: "MartianGrotesk-CnBl", sans-serif; font-style: normal; font-weight: normal; font-size: 28px; line-height: 36px; letter-spacing: initial; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 16px; border: 2px solid #DD2C2C; text-transform: uppercase; color: #DD2C2C; } .service-card__num:not(:last-child) { margin-bottom: 32px; } .service-card__icon { width: 104px; height: 104px; } .service-card__icon img { width: 100%; height: 100%; object-fit: contain; border-radius: 16px; } .service-card__icon:not(:last-child) { margin-bottom: 32px; } .service-card__pin { width: 24px; height: 24px; position: relative; } .service-card__pin::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; width: 100%; height: 4px; background: #DD2C2C; } .service-card__pin:not(:last-child) { margin-bottom: 32px; } .service-card.favourite { box-shadow: inset 0 0 0 1px #DD2C2C; } @media (max-width: 767px) { .service-card { padding: 20px; } .service-card__label { font-size: 14px; } .service-card__title { font-size: 20px; } .service-card__descr-title:not(:last-child) { margin-bottom: 20px; } .service-card__descr ul li { font-size: 12px; } .service-card__price-title { font-size: 12px; } .service-card__price-value { font-size: 18px; } .service-card__price:not(:last-child) { margin-bottom: 22px; } } @media (hover: hover) { .service-card--hover:hover, .service-card--hover:focus, .service-card--hover:active { background: #DD2C2C; color: #ffffff; box-shadow: inset 0 0 0 1px #DD2C2C; } .service-card--hover:hover .service-card__label, .service-card--hover:focus .service-card__label, .service-card--hover:active .service-card__label { background-color: #ffffff; color: #DD2C2C; } .service-card--hover:hover .service-card__descr ul li, .service-card--hover:focus .service-card__descr ul li, .service-card--hover:active .service-card__descr ul li { color: #ffffff; } .service-card--hover:hover .service-card__descr ul li::before, .service-card--hover:focus .service-card__descr ul li::before, .service-card--hover:active .service-card__descr ul li::before { background-color: #ffffff; } .service-card--hover:hover .service-card__price-title, .service-card--hover:focus .service-card__price-title, .service-card--hover:active .service-card__price-title { color: #ffffff; } .service-card--hover:hover .service-card__btn, .service-card--hover:focus .service-card__btn, .service-card--hover:active .service-card__btn { color: #121212; } } .service-card.service-card--big { border-radius: 24px; padding: 40px; } .service-card.service-card--big .service-card__title { font-family: "MartianGrotesk-CnBl", sans-serif; font-style: normal; font-weight: normal; font-size: 28px; line-height: 36px; letter-spacing: initial; text-transform: uppercase; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow-wrap: anywhere; } .service-card.service-card--big .service-card__title:not(:last-child) { margin-bottom: 24px; } .service-card.service-card--big .service-card__descr { font-family: "MartianGrotesk-StdRg", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 29px; letter-spacing: initial; color: rgba(18, 18, 18, 0.8); } @media (max-width: 1719px) { .service-card.service-card--big { padding: 24px; } } @media (max-width: 1259px) { .service-card.service-card--big .service-card__title { font-size: 20px; line-height: 24px; } .service-card.service-card--big .service-card__descr { font-size: 14px; line-height: 24px; } } .service-card.service-card--row { border-radius: 24px; background-color: #ffffff; padding: 31px 65px 31px 38px; flex-direction: row; align-items: center; gap: 24px; position: relative; transition: background-color 0.3s ease; } .service-card.service-card--row .icon { position: absolute; top: 50%; left: auto; right: 38px; transform: translateY(-50%); position: absolute; fill: #DD2C2C; transition: margin-right 0.3s ease; } .service-card.service-card--row .service-card__icon { flex-shrink: 0; } .service-card.service-card--row .service-card__icon:not(:last-child) { margin-bottom: 0; } .service-card.service-card--row .service-card__title { font-family: "MartianGrotesk-CnBd", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; letter-spacing: initial; color: #000000; text-transform: uppercase; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: anywhere; } .service-card.service-card--row .service-card__title:not(:last-child) { margin-bottom: 0; } .service-card.service-card--row .service-card__icon { width: 67px; height: 67px; } @media (hover: hover) { .service-card.service-card--row:hover, .service-card.service-card--row:focus, .service-card.service-card--row:active { background-color: rgba(255, 255, 255, 0.7); } .service-card.service-card--row:hover .icon, .service-card.service-card--row:focus .icon, .service-card.service-card--row:active .icon { margin-right: -10px; } } @media (max-width: 1259px) { .service-card.service-card--row { padding: 16px 62px 16px 16px; } .service-card.service-card--row .service-card__title { font-size: 18px; line-height: 28px; } } .service-banner__title { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-CnBl", sans-serif; font-style: normal; font-weight: normal; font-size: 28px; line-height: 36px; letter-spacing: initial; color: #ffffff; } .service-banner__title:not(:last-child) { margin-bottom: 16px; } .service-banner__text { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-StdRg", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 29px; letter-spacing: initial; color: rgba(255, 255, 255, 0.8); } .service-banner__top { padding: 32px 32px 40px; border-radius: 16px 16px 0 0; background: url("/local/templates/main/css/../img/bg/red-bg.svg") repeat top left; } .service-banner__bottom { padding: 32px; border-radius: 0 0 16px 16px; background: url("/local/templates/main/css/../img/bg/grass@1x.png") no-repeat center; background-size: cover; } @media (max-width: 1719px) { .service-banner__title { font-size: 20px; line-height: 24px; } .service-banner__btn { padding: 0; width: 100%; } .service-banner__top { padding: 24px; } .service-banner__bottom { padding: 32px 24px; } } .service-bottom { background: #DD2C2C; padding: 96px 0; background: url("/local/templates/main/css/../img/bg/red-bg.svg") repeat top left; } .service-bottom__title { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-CnBl", sans-serif; font-style: normal; font-weight: normal; font-size: 68px; line-height: 82px; letter-spacing: initial; color: #ffffff; text-transform: uppercase; } .service-bottom__title:not(:last-child) { margin-bottom: 32px; } @media (max-width: 1719px) { .service-bottom__title { font-size: 56px; line-height: 100%; } } @media (max-width: 1259px) { .service-bottom { padding: 64px 0; } .service-bottom__title { font-size: 29px; line-height: 35px; } } .service-snip__img { position: relative; overflow: hidden; width: 100%; } .service-snip__img::before, .service-snip__img::after { content: ""; display: block; position: absolute; width: 0; height: 0; border-style: solid; transform: rotate(0deg); } .service-snip__img::before { top: 0; left: 0; border-width: 46px 46px 0 0; border-color: #ffffff transparent transparent transparent; } .service-snip__img::after { right: 0; bottom: 0; border-width: 0 0 46px 46px; border-color: transparent transparent #ffffff transparent; } .service-snip__img img { width: 100%; height: auto; border-radius: 46px 16px 46px 16px; } .service-snip__title { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-CnBl", sans-serif; font-style: normal; font-weight: normal; font-size: 28px; line-height: 36px; letter-spacing: initial; text-transform: uppercase; color: #121212; } .service-snip__title:not(:last-child) { margin-bottom: 24px; } .service-snip__text { font-weight: normal; margin: 0; padding: 0; font-family: "MartianGrotesk-StdRg", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 29px; letter-spacing: initial; color: rgba(18, 18, 18, 0.8); padding: 32px 0; } @media (max-width: 1259px) { .service-snip__title { font-size: 20px; line-height: 24px; } .service-snip__text { padding-bottom: 0; font-size: 14px; line-height: 24px; } } .service-snip.service-snip--row { padding: 40px 0; display: flex; gap: 32px; border-bottom: 2px solid rgba(18, 18, 18, 0.1); } .service-snip.service-snip--row:first-child { padding-top: 0; } .service-snip.service-snip--row .service-snip__img { flex-shrink: 0; width: 55.4%; } .service-snip.service-snip--row .service-snip__text { padding: 0; flex-grow: 1; } @media (max-width: 767px) { .service-snip.service-snip--row { flex-direction: column; } .service-snip.service-snip--row .service-snip__img { width: 100%; } } /* End */ /* Start:/local/templates/main/template_styles.css?17866195102754*/ .page__thank-you { display: flex; flex-direction: column; align-items: center; padding: 100px 0; max-width: 456px; margin: 0 auto; } .page__thank-you--image { display: flex; align-items: center; margin-bottom: 20px; } .page__thank-you--image img { width: 100%; height: 200px; object-fit: contain; object-position: center; } .page__thank-you--title { margin: 0; padding: 0; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 40px; line-height: 100%; letter-spacing: -0.02em; text-align: center; margin-bottom: 10px; } .page__thank-you--text { margin: 0; padding: 0; font-family: "Manrope-Regular", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 140%; letter-spacing: -0.02em; max-width: 750px; text-align: center; margin-bottom: 20px; } .page__thank-you--description { display: flex; flex-direction: column; } .page__thank-you--description p { margin: 0; padding: 0; font-family: "Manrope-Medium", sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 100%; letter-spacing: -0.04em; color: rgba(18, 18, 18, 0.5); text-align: center; } .page__thank-you--socials { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; padding-top: 20px; margin-bottom: 40px; } .page__thank-you--socials-item { } .page__thank-you--socials-link { padding: 0; background: none; border: none; cursor: pointer; outline: none; color: inherit; text-decoration: none; -webkit-appearance: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background-color: rgb(221 44 44 / 10%); border-radius: 50%; transition: background-color 0.3s ease; } .page__thank-you--socials-link:hover { background-color: #DD2C2C; } .page__thank-you--socials-link svg { fill: #dd2c2c; width: 20px; height: 20px; transition: fill 0.3s ease; } .page__thank-you--socials-link:hover svg { fill: #ffffff; } .page__thank-you--btn { } @media (max-width: 1259px) { .page__thank-you { padding: 80px 0; } } @media (max-width: 767px) { .page__thank-you--title { margin-bottom: 14px; } .page__thank-you--text { font-size: 16px; } .page__thank-you--description p { font-size: 14px; } } /* End */ /* /local/templates/main/external-files/swiper/swiper.min.css?177728080317360 */ /* /local/templates/main/external-files/fancybox/jquery.fancybox.min.css?177728080312921 */ /* /local/templates/main/external-files/simplebar/simplebar.min.css?17772808032669 */ /* /local/templates/main/external-files/data-picker/daterangepicker.min.css?17772808036074 */ /* /local/templates/main/external-files/aos/aos.min.css?177728080326053 */ /* /local/templates/main/css/main.min.css?1786649280280123 */ /* /local/templates/main/template_styles.css?17866195102754 */