/* Start:/local/templates/design_home_v3/../design_v2/libs/css/swiper.css?171750407018429*/ /** * Swiper 10.0.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 8, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/design_home_v3/../design_v2/libs/css/plyr.css?173877321532499*/ @charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing,10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing,10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing,10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height,13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height,13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height,5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing,10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing,10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing,10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing,10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius,8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius,8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius,8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important} /* End */ /* Start:/local/templates/design_home_v3/../design_home_v3/css/wysiwyg.css?17477357443550*/ /*! wysiwyg.css v0.0.3 | MIT License | github.com/jgthms/wysiwyg.css */.wysiwyg{line-height:1.6}.wysiwyg a{text-decoration:none}.wysiwyg a:hover{border-bottom:1px solid}.wysiwyg abbr{border-bottom:1px dotted;cursor:help}.wysiwyg cite{font-style:italic}.wysiwyg hr{background:#e6e6e6;border:none;display:block;height:1px;margin-bottom:1.4em;margin-top:1.4em}.wysiwyg img{vertical-align:text-bottom}.wysiwyg ins{background-color:lime;text-decoration:none}.wysiwyg mark{background-color:#ff0}.wysiwyg small{font-size:0.8em}.wysiwyg strong{font-weight:700}.wysiwyg sub,.wysiwyg sup{font-size:0.8em}.wysiwyg sub{vertical-align:sub}.wysiwyg sup{vertical-align:super}.wysiwyg p,.wysiwyg dl,.wysiwyg ol,.wysiwyg ul,.wysiwyg blockquote,.wysiwyg pre,.wysiwyg table{margin-bottom:1.4em}.wysiwyg p:last-child,.wysiwyg dl:last-child,.wysiwyg ol:last-child,.wysiwyg ul:last-child,.wysiwyg blockquote:last-child,.wysiwyg pre:last-child,.wysiwyg table:last-child{margin-bottom:0}.wysiwyg p:empty{display:none}.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{font-weight:700;line-height:1.2}.wysiwyg h1:first-child,.wysiwyg h2:first-child,.wysiwyg h3:first-child,.wysiwyg h4:first-child,.wysiwyg h5:first-child,.wysiwyg h6:first-child{margin-top:0}.wysiwyg h1{font-size:2.4em;margin-bottom:.58333em;margin-top:.58333em;line-height:1}.wysiwyg h2{font-size:1.6em;margin-bottom:.875em;margin-top:1.75em;line-height:1.1}.wysiwyg h3{font-size:1.3em;margin-bottom:1.07692em;margin-top:1.07692em}.wysiwyg h4{font-size:1.2em;margin-bottom:1.16667em;margin-top:1.16667em}.wysiwyg h5{font-size:1.1em;margin-bottom:1.27273em;margin-top:1.27273em}.wysiwyg h6{font-size:1em;margin-bottom:1.4em;margin-top:1.4em}.wysiwyg dd{margin-left:1.4em}.wysiwyg ol,.wysiwyg ul{list-style-position:outside;margin-left:1.4em}.wysiwyg ol{list-style-type:decimal}.wysiwyg ol ol{list-style-type:lower-alpha}.wysiwyg ol ol ol{list-style-type:lower-roman}.wysiwyg ol ol ol ol{list-style-type:lower-greek}.wysiwyg ol ol ol ol ol{list-style-type:decimal}.wysiwyg ol ol ol ol ol ol{list-style-type:lower-alpha}.wysiwyg ul{list-style-type:disc}.wysiwyg ul ul{list-style-type:circle}.wysiwyg ul ul ul{list-style-type:square}.wysiwyg ul ul ul ul{list-style-type:circle}.wysiwyg ul ul ul ul ul{list-style-type:disc}.wysiwyg ul ul ul ul ul ul{list-style-type:circle}.wysiwyg blockquote{border-left:4px solid #e6e6e6;padding:0.6em 1.2em}.wysiwyg blockquote p{margin-bottom:0}.wysiwyg code,.wysiwyg kbd,.wysiwyg samp,.wysiwyg pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;background-color:#f2f2f2;color:#333;font-size:0.9em}.wysiwyg code,.wysiwyg kbd,.wysiwyg samp{border-radius:3px;line-height:1.77778;padding:0.1em 0.4em 0.2em;vertical-align:baseline}.wysiwyg pre{overflow:auto;padding:1em 1.2em}.wysiwyg pre code{background:none;font-size:1em;line-height:1em}.wysiwyg figure{margin-bottom:2.8em;text-align:center}.wysiwyg figure:first-child{margin-top:0}.wysiwyg figure:last-child{margin-bottom:0}.wysiwyg figcaption{font-size:0.8em;margin-top:.875em}.wysiwyg table{width:100%}.wysiwyg table pre{white-space:pre-wrap}.wysiwyg th,.wysiwyg td{font-size:1em;padding:.7em;border:1px solid #e6e6e6;line-height:1.4}.wysiwyg thead tr,.wysiwyg tfoot tr{background-color:#f5f5f5}.wysiwyg thead th,.wysiwyg thead td,.wysiwyg tfoot th,.wysiwyg tfoot td{font-size:.9em;padding:.77778em}.wysiwyg thead th code,.wysiwyg thead td code,.wysiwyg tfoot th code,.wysiwyg tfoot td code{background-color:#fff}.wysiwyg tbody tr{background-color:#fff} .wysiwyg ul li {list-style-type: disc} /* End */ /* Start:/local/templates/design_home_v3/../design_v2/css/style.min.css?176373878884031*/ @charset "UTF-8"; body, button, input, textarea { font-family: gilroy, sans-serif, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji" } a, button { color: inherit } .select__option, .select__title { width: 100%; text-align: left; cursor: pointer } .popup__wrapper, .wrapper { flex-direction: column; min-height: 100% } .artcile__sidebar, .select, .select__body, [class*=-ibg] { position: relative } ._select-tag, .js-popup-step-back, .select__option, .select__title, button { cursor: pointer } @font-face { font-family: gilroy; font-display: swap; src: url("/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-600.woff2") format("woff2"), url("/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-600.woff") format("woff"); font-weight: 600; font-style: normal } @font-face { font-family: gilroy; font-display: swap; src: url("/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-500.woff2") format("woff2"), url("/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-500.woff") format("woff"); font-weight: 500; font-style: normal } @font-face { font-family: gilroy; font-display: swap; src: url("/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-400.woff2") format("woff2"), url("/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-400.woff") format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: gilroy; font-display: swap; src: url("/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-700.woff2") format("woff2"), url("/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-700.woff") format("woff"); font-weight: 700; font-style: normal } * { padding: 0; margin: 0; border: 0 } *, :after, :before { box-sizing: border-box } body, html { height: 100%; min-width: 320px; -webkit-tap-highlight-color: transparent } body { color: var(--primary); line-height: 1; font-size: .875rem; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; --header: 100px } button, input, textarea { font-size: inherit } button { background-color: inherit } a:hover, a:link, a:visited { text-decoration: none } ul li { list-style: none } img { vertical-align: top } h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit } .lock body { overflow: hidden; touch-action: none } body::-webkit-scrollbar { height: 5px; width: 5px } body::-webkit-scrollbar-track { background: var(--whte) } body::-webkit-scrollbar-thumb { border-radius: 10px; background: var(--alt) } .wrapper { display: flex } @supports (overflow:clip) { .wrapper { overflow: clip } } .wrapper > main { flex: 1 1 auto; padding-top: var(--header) } .wrapper > * { min-width: 0 } .page--mt { margin-top: 24px } [class*=__container] { max-width: 70.5rem; box-sizing: content-box; margin: 0 auto; padding: 0 .9375rem } .js-popup-resend, .popup__form, .popup__send { margin-left: auto; margin-right: auto } .form__error { color: red; margin-top: 4px; text-align: center; } input[type=email], input[type=tel], input[type=text], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } input[type=number] { -moz-appearance: textfield; appearance: none; appearance: textfield } input[type=date], input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text] { appearance: none } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none } input[type=search]::-ms-clear { display: none; height: 0; width: 0 } input[type=search]::-ms-reveal { display: none; height: 0; width: 0 } .input { border-radius: 16px !important; width: 100%; display: block; border: 1px solid #d8d8d8; background: var(--whte); font-size: 16px; font-weight: 500; outline: 0 } .input::placeholder { color: transparent } textarea.input { resize: none; padding: 0 } .select { min-width: 67px } /*.select__title {*/ /* color: inherit;*/ /* border: 1px solid var(--pale);*/ /* background-color: var(--pale);*/ /* border-radius: 12px;*/ /* padding: 7px 12px*/ /*}*/ /*.select__value {*/ /* display: flex;*/ /* align-items: center;*/ /* justify-content: space-between;*/ /* flex-direction: row-reverse;*/ /* font-size: 14px;*/ /* line-height: normal;*/ /* gap: 6px*/ /*}*/ /*.select__value:before {*/ /* content: "";*/ /* align-self: stretch;*/ /* flex: 0 0 14px;*/ /* transition: .3s;*/ /* background: var(--primary);*/ /* display: flex;*/ /* justify-content: center;*/ /* align-items: center;*/ /* mask: url(/local/templates/design_home_v3/../design_v2/css/../img/icons/sel.svg) center center no-repeat;*/ /* -webkit-mask: url(/local/templates/design_home_v3/../design_v2/css/../img/icons/sel.svg) center center no-repeat*/ /*}*/ ._select-open .select__value:before { transform: rotate(-180deg) } .lk__row, .select__text { flex: 1 1 auto } .menu, .select__row { align-items: center } .select__input { width: 100%; background-color: transparent; height: 100% } .select__options { color: #000; position: absolute; top: 26px; border-radius: 0 0 12px 12px; min-width: 100%; left: 0; background-color: var(--pale); border-top: 0; border: 1px solid var(--pale); padding: 18px 0 5px } .popup, body::after { position: fixed; top: 0; left: 0; pointer-events: none } .select__scroll { overflow-y: auto; overflow-x: hidden; max-height: 200px } .select__option { display: block; padding: 8px 12px; color: inherit; border-radius: 12px } .btn.btn--alt, .footer__link:hover, .js-popup-resend, .lk__link.active, .menu-sublist__info:hover, .menu-sublist__link:hover { color: var(--alt) } .select__option._select-selected { background-color: var(--bg) } .select__row { display: inline-flex } .popup__content, .popup__wrapper { width: 100%; display: flex } .select._select-open { z-index: 5 } body::after { content: ""; background-color: var(--primary); width: 100%; height: 100%; opacity: 0; transition: opacity .8s; z-index: 149 } .popup-show body::after { opacity: .45 } .popup { bottom: 0; right: 0; padding: 30px 10px; transition: visibility .8s; visibility: hidden } .lock .popup__content, .popup_show { visibility: visible } .popup_show { /*z-index: 150;*/ overflow: auto; pointer-events: auto; background: #00000096; } .popup_show .popup__content { visibility: visible; transform: scale(1) } .popup__wrapper { align-items: center; flex: 1 1 auto; justify-content: center; align-items: center } .popup__content, .popup__step { flex-direction: column } .popup__content { visibility: hidden; transform: scale(0); transition: transform .3s; background-color: #eee; background-color: #fdebec; padding: 40px 20px; max-width: 552px; min-height: 472px; justify-content: center; align-items: center; border-radius: 16px } #video-modal .popup__content { border-radius: 16px; overflow: hidden; padding: 0; background: 0 0 } #video-modal .popup__close, .js-popup-step, .js-popup-step-profile { display: none } .popup__close { position: absolute; top: 26px; right: 26px; width: 14px; height: 14px; display: flex; justify-content: center; align-items: center } #video-modal .popup__video embed, #video-modal .popup__video iframe, #video-modal .popup__video object, #video-modal .popup__video video, .news__image, [class*=-ibg] img { left: 0; width: 100%; height: 100%; top: 0; position: absolute } .popup__close::after, .popup__close::before { content: ""; position: absolute; transition: background .3s; border-radius: 3px; width: 100%; height: 1px; background: var(--blck) } .popup__code input, .popup__tel input { background: 0 0; border: none; padding: 0; font-weight: 700; line-height: 80px; text-align: center; font-style: normal; color: var(--primary); } .btn.btn--alt:hover, .btn:hover, .media__item:hover a { background: var(--alt-hover) } .popup__close::after { transform: rotate(45deg) } .popup__close::before { transform: rotate(-45deg) } .popup__title { margin-bottom: 24px; font-size: 1.5rem; font-style: normal; font-weight: 600; line-height: 32px; text-align: center } .popup__tel input { font-size: 3.25rem } .popup__tel input::placeholder { color: var(--primary); opacity: .3 } .article-text p, .article-text ul, .popup__code { margin-bottom: 16px } .article-text img{ max-width: 100%; height: auto; } .popup__code input { font-size: 3.25rem } .popup__code input::placeholder { color: var(--primary); opacity: .3 } .popup__resend { line-height: 150%; text-align: center } .popup__resend-time { display: block; text-align: center; font-size: 16px } .popup__form { margin-bottom: 36px; display: flex; flex-direction: column; max-width: 255px; width: 100%; gap: 16px } .popup__send { margin-top: 40px } .popup__end.btn, .popup__send.btn { padding: 24px 32px } .btn, .btn.btn--alt { padding: 12px 16px; transition: .3s ease-out } .js-popup-step-profile.active, .js-popup-step.active { display: block; display: flex } .js-popup-resend { display: none; font-size: 1rem; font-weight: 600; line-height: 130%; text-align: center } .js-popup-resend.active { display: inline-flex; margin-top: 15px } .js-popup-step-back { color: var(--alt); font-size: 1.5rem; font-weight: 600; line-height: 133.333% } [class*=-ibg] img { object-fit: cover } [class*=-ibg_contain] img { object-fit: contain } #video-modal .popup__video { position: relative; overflow: hidden; height: 0; padding-bottom: 56.25% } .lk__nav .lk__container::-webkit-scrollbar { display: none } :root { --primary: #32334c; --pale: #f6eee8; --arrow: #fff0f5; --whte: #fff; --alt: #9d097c; --alt-hover: #cd1ba5; --blck: #1c1c1e; --gry: #676971; --gry-alt: #676971; --green: #099d56; --profile: #eee; --circle: #fa9397; --progress-color: #eaeaea; --bg: #c6d9dd; --whatsapp: #50b313; --bg-lk: #f9f9f9; --gradient: linear-gradient(259deg, #2d1178 25.04%, #db2d8f 77.78%); --plyr-color-main: #9d097c } .btn { border-radius: 16px; background: var(--alt); color: var(--whte); border: 1px solid var(--alt); display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; text-align: center; font-size: 1rem; font-weight: 600 } .btn:hover { border: 1px solid var(--alt-hover) } .btn.btn--alt { background: 0 0; border: 1px solid var(--alt); min-height: 80px; border-radius: 32px; min-width: 240px } .btn.btn--alt:hover { border: 1px solid var(--alt-hover); color: var(--whte) } .section { margin-bottom: 220px } .bg-text { background: var(--gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .header, .menu-sublist { background: var(--whte); left: 0 } ._title { text-align: center; margin-bottom: 32px; font-size: 2.75rem; font-style: normal; font-weight: 700; line-height: 118.182% } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden } .menu, .menu__body { /*margin-left: auto*/ } .header { padding: 24px 0; position: fixed; top: 0; width: 100%; z-index: 8; max-width: 100vw } .header__logo { margin-right: 24px } .header__logo img, .header__logo picture { max-width: 100%; max-height: 100%; object-fit: contain } .menu { display: flex; --gap: 14px; position: relative } .menu__list, .menu__row { gap: var(--gap); display: flex } .menu__row { align-items: center } .menu__list { margin-left: auto; flex-wrap: wrap } .menu__item { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; align-items: center; position: relative } .menu__item._active .menu-dropdown { transform: rotate(-90deg) } .menu .menu-dropdown { transition: .3s ease-out; mask: var(--arrow) center center no-repeat; -webkit-mask: var(--arrow) center center no-repeat; width: 20px; aspect-ratio: 1; transform: rotate(90deg); display: block; background: var(--primary) } .menu .menu-dropdown::before { content: ""; position: absolute; left: 0; width: 100%; right: 0 } .menu__link { font-size: 1rem; font-weight: 600; display: block; transition: color .3s ease-out } .footer__bottom, .footer__link { font-size: .875rem; font-weight: 400 } .menu__btn.btn.btn--alt { padding: 12px 24px; min-height: 0; min-width: 0; border-radius: 16px } .menu__media { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--gap) } .menu__media img, .menu__media picture { max-width: 100%; max-height: 52px; object-fit: contain } .menu-sublist { flex: 0 0 100%; --gap: 20px; transition: .3s ease-out; --gap: 16px } .footer, .intro { background: var(--bg) } .footer__link, .menu-sublist__info, .menu-sublist__link { transition: color .3s ease-out } .menu-sublist__item:not(:last-child) .menu-sublist__link { margin-bottom: var(--gap) } .menu-sublist__info { margin-bottom: 14px; display: block; color: var(--gry) } .menu-sublist__link { display: flex; align-items: center; gap: 4px } .menu-sublist__link:hover::after { content: ""; transform: translateX(5px) } .icon-menu { display: none } .footer { padding: 32px 0 23px } .footer__left { flex: 0 0 246px } .footer__row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 33px } .footer__logos { display: flex; align-items: center; gap: 27px; margin-bottom: 42px } .footer__nav { flex: 1 1 auto; display: grid; grid-template-columns:repeat(4, 180px); gap: 39px } .footer__list, .media { gap: 8px; display: flex } .footer__list { flex-direction: column } .footer__link { font-style: normal } .footer__link b { font-size: 16px; font-weight: 700 } .footer__bottom { margin-top: 23px } .media { align-items: center; flex-wrap: wrap } .media__item { width: 20px; display: flex; justify-content: center; align-items: center; aspect-ratio: 1 } .media__item a { mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat; transition: background .3s ease-out; background: var(--alt); width: 100%; aspect-ratio: 1 } .intro { border-radius: 40px; position: relative; margin-bottom: 144px } .intro__slide { overflow: hidden; display: flex; min-height: 732px } .intro__container { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; flex: 0 0 100% } .intro__info { max-width: 632px; padding: 72px 0 } .intro__title { margin-bottom: 12px; font-size: 4rem; font-style: normal; font-weight: 600; line-height: 125% } .intro__text { margin-bottom: 24px; font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 133.333% } .intro__image { border-radius: 40px; overflow: hidden; right: 0; position: absolute; max-width: 44.32vw; height: 100%; top: 0 } .intro__image img, .intro__image picture { border-radius: 40px; max-width: 100%; height: 100%; object-fit: cover; width: 100% } .intro__nav { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); width: 100%; gap: 16px; display: flex; align-items: center; z-index: 2 } @media (max-width: 77.4375em) { .intro__slide { flex-direction: column; min-height: 0 } .intro__info { max-width: 100%; padding: 64px 0 36px } .intro__title { font-size: 3.25rem } .intro__image { position: initial; max-width: 100%; width: 100%; height: 314px } .intro__nav { bottom: auto; top: 330px; justify-content: center } .intro__nav .swiper-nav__arrows { display: none } .intro__nav .swiper-nav__pag { margin-left: auto; width: auto; margin-right: auto } } .swiper-nav { display: flex } .swiper-nav__arrows { display: flex; align-items: center; gap: 8px } .swiper-nav__pag { display: flex; align-items: center; gap: 8px; min-height: 24px } .swiper-nav__pag .swiper-pagination-bullet { transition: .3s ease-out; position: relative; display: flex; justify-content: center; align-items: center; background: var(--primary); --size: 4px; width: var(--size); height: var(--size); opacity: 1; height: 8px; width: 8px } .swiper-arrow, .swiper-arrow::before { transition: background .3s ease-out; aspect-ratio: 1 } .swiper-arrow:hover, .swiper-nav__pag .swiper-pagination-bullet:hover { background: var(--alt-hover) } .swiper-nav__pag .swiper-pagination-bullet::before { content: ""; position: absolute; height: 24px; width: 24px; border: 2px solid var(--alt); border-radius: 50%; opacity: 0 } .swiper-nav__pag .swiper-pagination-bullet.swiper-pagination-bullet-active::before, .test-page__item input[type=checkbox]:checked + .checkbox__label::after, .test-page__item input[type=radio]:checked + .checkbox__label::after { opacity: 1 } .swiper-nav__pag .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--alt); --size: 8px } .swiper-arrow, .swiper-arrow:hover::before { background: var(--whte) } .swiper-arrow { display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 40px } .swiper-arrow.swiper-arrow--alt { background: var(--arrow) } .swiper-arrow::before { content: ""; mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat; position: absolute; background: var(--alt); width: 16px } .swiper-arrow.swiper-arrow--next::before { content: ""; transform: rotate(180deg) } .attention { margin-bottom: 120px } .attention__container { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center } .attention__title { font-size: 2rem; font-weight: 500; margin-bottom: 42px; max-width: 100%; width: 896px; line-height: 150% } .story { padding: 87px 0 103px; background: var(--bg); border-radius: 40px } @media (min-width: 1200px) { .story__container { --images: 503px; min-height: var(--images) } } .story__subtitle { width: 510px; max-width: 100%; margin-bottom: 24px; font-size: 1.25rem } .story__title { width: 510px; max-width: 100%; margin-bottom: 32px; font-size: 2.75rem; font-weight: 700; line-height: 118.182% } .story__row { position: relative; display: flex; align-items: center } .story__images { --gap: 13px; display: grid; grid-template-columns:194px 272px 155px; max-width: 647px; position: absolute; right: 0; gap: var(--gap); bottom: -16px } .story__item { display: flex; flex-direction: column; gap: var(--gap); justify-content: center } .story__item:first-child { align-items: flex-end } .story__item:nth-child(2) .story__image:first-child { margin-left: auto; margin-right: 45px } .story__item:nth-child(2) .story__image:last-child { margin-left: 42px } .story__image:hover img { transform: scale(105%) } .story__image img, .story__image picture { border-radius: 16px; overflow: hidden; max-width: 100%; transition: transform .3s ease-out; max-height: 100% } .story__column { width: 421px; max-width: 100% } @media (max-width: 1200px) { .footer__left { flex: 1 1 auto; display: flex; justify-content: space-between; align-items: center; width: 100% } .footer__row { flex-direction: column } .footer__logos { margin-bottom: 0 } .footer__nav { gap: 12px; width: 100%; grid-template-columns:repeat(auto-fit, minmax(158px, 1fr)) } .story { padding: 32px 0 } .story__row { flex-direction: column; gap: 16px } .story__images { position: initial; margin-left: -16px; margin-right: -16px; overflow: hidden; grid-template-columns:136px 190px 108px } .story__column { width: 100% } } .story__text { font-size: 1rem; font-style: normal; font-weight: 400; line-height: 137.5%; margin-bottom: 16px } .business__swiper { margin-bottom: 32px } .business__slide { max-width: 360px; width: 100%; height: auto; display: flex; flex-direction: column } .business__image { position: relative; border-radius: 24px; overflow: hidden; margin-bottom: 16px } .business__image img, .business__image picture { width: 100%; height: 100%; object-fit: cover } @media (min-width: 61.99875em) { .menu__item:hover .menu-sublist { opacity: 1; visibility: visible; transform: translatey(0) } .menu .menu-dropdown { display: none } .menu-sublist { --pos: 26px; position: absolute; padding: 24px 32px; box-shadow: 0 4px 24px 0 rgba(29, 47, 91, .14); display: flex; flex-direction: column; justify-content: center; opacity: 0; top: calc(100% + var(--pos)); width: max-content; max-width: 327px; border-radius: 24px; visibility: hidden } .menu-sublist:hover { opacity: 1; visibility: visible } .menu-sublist::before { content: ""; width: 100%; position: absolute; left: 0; height: var(--pos); top: calc(var(--pos) * -1) } .menu-sublist__link::after { content: ""; --size: 20px; display: block; width: var(--size); aspect-ratio: 1; mask: var(--arrow) center center no-repeat; -webkit-mask: var(--arrow) center center no-repeat; background: currentColor; transition: .3s ease-out; flex: 0 0 var(--size) } .business__image:hover .business__more { opacity: 1 } .business__image:hover .business__more::before { content: ""; transform: scale(1); opacity: 1 } } .business__more { position: absolute; width: calc(100% + 80px); height: calc(100% + 40px); left: -40px; top: -20px; border-radius: 50%; z-index: 2; font-size: 1rem; display: flex; justify-content: center; align-items: center; text-align: center; color: var(--whte); font-weight: 600; opacity: 0; transition: opacity .3s ease-out } .education__slide, .news__slide { border-radius: 24px; display: flex } .business__more::before { content: ""; width: 100%; height: 100%; border-radius: 50%; transform: scale(0); transition: .3s ease-out; background: var(--circle); position: absolute; z-index: -1 } .business__name { font-size: 1.5rem; font-style: normal; margin-bottom: 12px; font-weight: 700; line-height: 133.333% } .business__about, .business__info { font-size: 1rem; line-height: 137.5%; font-style: normal } .business__info { font-weight: 400; margin-bottom: 12px; margin-top: auto } .business__about { font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden } .business__nav .swiper-nav__arrows { justify-content: center } .business__nav .swiper-nav__pag { width: auto } .education__slider { margin: -32px; padding: 32px } .education__slide { padding: 32px; background: var(--whte); box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .12); height: auto; min-height: 270px; flex-direction: column; align-items: flex-start; width: 360px } .education__name { font-size: 1.25rem; font-style: normal; font-weight: 700; margin-bottom: 8px; line-height: 140% } .education__btn { margin-top: auto; flex: 0 0 auto; width: auto } .education__info { font-size: .875rem; font-style: normal; font-weight: 400; margin-bottom: 16px; line-height: 142.857% } .news__name, .test-begin__text b { font-weight: 700 } .news { margin-bottom: 143px } .course-item:not(:last-child), .lk__title { margin-bottom: 20px } .news__slide { flex-direction: column; position: relative; overflow: hidden; width: 264px; min-height: 286px; padding: 16px } .news__image::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47.03%, #000 100%) } .news__image img, .news__image picture { width: 100%; height: 100%; object-fit: cover } .news__name { position: relative; z-index: 3; color: var(--whte); font-size: 1.25rem; line-height: 140%; margin-top: auto; pointer-events: none } .news__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; justify-content: center; align-items: center } .lk__link, .lk__logout, .lk__whastapp { position: relative; font-weight: 600 } @media (hover: hover) { .menu__link:hover { color: var(--alt) } .news__link:hover::before { transform: none } .news__link::before { content: ""; position: absolute; height: calc(100% + 69px); display: block; width: calc(100% + 69px); border-radius: 50%; transform: scale(0) translateY(500px); transition: transform .3s ease-out; top: 12px; background: var(--circle) } } .lk__title { font-size: 2.5rem; font-style: normal; font-weight: 600; line-height: 130% } .lk__nav .lk__container, .lk__whastapp { align-items: center; display: flex } .lk__nav { background: var(--bg-lk); margin-bottom: 28px } .lk__link { padding: 24px 16px; font-size: 1.25rem; margin-right: 32px } .lk__link::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: currentColor; opacity: 0 } .lk__logout::before, .lk__whastapp::before { display: block; position: absolute; mask: var(--icon) center center/contain no-repeat; width: var(--size); height: var(--size); background: currentColor; left: 0; content: ""; font-size: 0.9rem; } .lk__link.active::before { content: ""; opacity: 1 } .lk__whastapp { color: var(--whatsapp); --size: 22px; padding-left: 32px; margin-left: auto; font-size: 0.9rem; } .lk__whastapp::before { -webkit-mask: var(--icon) center center/contain no-repeat } .lk__logout { display: flex; color: var(--alt); --size: 22px; padding-left: 32px; align-items: center; margin-left: 24px } .lk__logout::before { -webkit-mask: var(--icon) center center/contain no-repeat } .lk__courses { display: flex; gap: 32px } .lk__sidebar { position: relative; flex: 0 0 264px } .lk__sidebar-row { position: sticky; background: var(--bg-lk); top: calc(var(--header) + 40px); left: 0; border-radius: 16px; padding: 24px 8px 10px } .lk__sidebar-name { font-size: .875rem; line-height: 150%; margin-bottom:5px; padding-left: 16px; color: var(--blck); font-weight: 600; } .lk__sidebar-level { font-size: 1.5rem; font-weight: 600; line-height: 150%; padding-left: 16px; color: var(--green); margin-bottom: 24px } .lk__tg-info, .lk__tg-text { font-weight: 500; line-height: 150% } .lk__tg { padding: 16px 12px; display: block; color: var(--whte); border-radius: 12px; background: linear-gradient(226deg, #25d366 17.44%, #25d366 76.28%) } .lk__tg-text { margin-bottom: 12px } .lk__tg-info { display: flex; align-items: center; gap: 8px; font-size: 16px } .lk__tg-info::before { /*content: "";*/ background: var(--icon) center center/contain no-repeat; width: 20px; height: 16px } .course-item { display: flex; align-items: center; padding: 16px 24px; border-radius: 16px; background: var(--bg-lk) } .course-item.course-item--done .course-item__name { opacity: .4 } .course-item.course-item--lock .course-item__progress-velue { color: var(--progress-color) } .course-item.course-item--disabled { position: relative; border: 1px solid var(--alt); overflow: hidden } .course-item__disabled { position: absolute; height: 100%; text-align: center; align-items: center; background: rgba(255, 255, 255, .6); left: 0; backdrop-filter: blur(4px); border-radius: 16px; z-index: 4; width: 100%; justify-content: center; display: flex; font-size: 16px; font-weight: 600; flex-direction: column; line-height: 150% } .course-item__progress-info, .course-item__progress-velue { z-index: 1; line-height: 150%; position: relative; font-style: normal } .course-item__disabled::before { content: ""; display: block; margin-bottom: 8px; mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat; background: var(--alt); --size: 32px; width: var(--size); height: var(--size) } .course-item__text { margin-right: auto } .course-item__info { font-size: 14px; line-height: 150%; margin-bottom: 6px; color: var(--alt) } .course-item__tag { --background: var(--alt); --color: var(--whte); font-size: 12px; font-weight: 500; line-height: 150%; padding: 4px 6px; border-radius: 4px; background: var(--background); color: var(--color); margin-right: 12px } .course-item__name { font-size: 1.5rem; font-weight: 600; line-height: 150%; transition: color .3s ease-out } .course-item__progress { display: flex; justify-content: center; flex-direction: column; align-items: center; --size: 80px; flex: 0 0 var(--size); height: var(--size); width: var(--size); border-radius: 50%; text-align: center; position: relative } .course-item__progress::before { content: ""; border-radius: 50%; background: radial-gradient(closest-side, #f9f9f9 calc(100% - 4px), transparent calc(100% - 3px) 100%), conic-gradient(var(--alt) var(--progress), #eaeaea 0); position: absolute; top: 0; left: 0; width: 100%; height: 100% } .course-item__progress-info { font-size: 8px; font-weight: 400; color: var(--gry-alt) } .course-item__progress-velue { font-size: 20px; font-weight: 600 } .course-item__invite { margin-right: 12px; display: flex; flex-direction: column } .course-item__invite-info { margin-bottom: 4px; font-weight: 400; line-height: 150% } .course-item__invite-name { align-items: center; display: flex; color: var(--alt); font-size: 14px; line-height: 150% } .course-item__invite-name::before { content: ""; mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat; background: currentColor; --size: 16px; width: var(--size); height: var(--size); flex: 0 0 var(--size); margin-right: 4px; display: inline-block } .profile { max-width: 840px; padding-top: 20px } .profile__head { display: flex; align-items: center; margin-bottom: 24px } .profile__image { border-radius: 50%; --size: 120px; flex: 0 0 var(--size); margin-right: 28px; background: var(--profile) url("/local/templates/design_home_v3/../design_v2/css/../img/icons/avatar.svg") center center/cover no-repeat; height: var(--size); overflow: hidden } .profile__image img, .profile__image picture { width: 100%; height: 100%; object-fit: cover } .profile__upload-btn { cursor: pointer; flex: 0 0 auto; padding: 12px 24px } .profile__upload-btn::before { content: ""; background: currentColor; margin-right: 10px; --size: 24px; width: var(--size); height: var(--size); mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat } .profile__group { display: grid; grid-template-columns:repeat(2, 1fr); gap: 20px } .profile__group:not(:last-of-type) { margin-bottom: 44px } .profile__text { font-size: 1.25rem; font-weight: 600; margin-bottom: 20px } .profile__info { margin-top: 24px; font-size: 16px; font-weight: 400 } .profile__btn { min-width: 255px; padding: 24px 32px; margin-top: 32px } .form-item { display: flex; flex-direction: column; position: relative } .form-item._form-field .form-item__label, .form-item._form-focus .form-item__label { top: 12px; font-size: 12px; transform: translateY(0) } .form-item__label { position: absolute; top: 50%; transform: translateY(-50%); left: 16px; font-size: 16px; font-weight: 400; opacity: .7; transition: .3s ease-out } .form-item .input { padding: 28px 16px 12px } .back__link { display: flex; align-items: center; gap: 12px; font-size: 1rem; font-weight: 600; padding: 2.5px 0; color: #848594; margin-bottom: 28px } .artcile__link.active, .test-page__name { color: var(--alt) } .back__link::before { content: ""; background: url("/local/templates/design_home_v3/../design_v2/css/../img/icons/arrow-back.svg") center center/contain no-repeat; height: 10px; width: 16px } .artcile__title { font-size: 2.5rem; font-weight: 600; line-height: 130%; margin-bottom: 20px } .artcile__row { display: grid; grid-template-columns:360px auto; gap: 24px } @media (min-width: 72.375em) { .artcile__active { display: none } } .artcile__link::before, .article-text ul a::before { --size: 24px; mask: var(--icon) center center/contain no-repeat; background: currentColor; content: "" } .artcile__navigation { padding: 24px; background: var(--bg-lk); border-radius: 16px; position: sticky; top: calc(var(--header) + 20px); height: 100%; } .artcile__link, .artcile__video { position: relative; display: flex } @media (max-width: 72.375em) { .news { margin-bottom: 100px } .artcile__row { grid-template-columns:1fr } .artcile__active { width: 100%; display: flex; align-items: center; position: relative; justify-content: space-between; padding: 24px; border-radius: 16px; background: var(--bg-lk); color: var(--alt) } .active .artcile__active { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .active .artcile__active::after { transform: rotate(180deg) } .artcile__active::after { content: ""; background: url("/local/templates/design_home_v3/../design_v2/css/../img/icons/select-arrow.svg") center center/contain no-repeat; flex: 0 0 14px; display: block; transition: transform .3s ease-out; height: 10px; margin-right: 5px } .artcile__active .artcile__link { flex: 1 1 auto } .artcile__navigation { border-top-left-radius: 0; border-top-right-radius: 0 } } .artcile__navigation ul { display: flex; flex-direction: column; gap: 24px } .artcile__link { gap: 8px; font-size: 16px; font-style: normal; font-weight: 500; line-height: 150%; align-items: flex-start; } artcile__link.active{ color: var(--alt); } .artcile__link::before { flex: 0 0 var(--size); height: var(--size); -webkit-mask: var(--icon) center center/contain no-repeat } .artcile__column { padding: 24px 24px 48px; align-self: flex-start; background: var(--bg-lk); border-radius: 16px } .artcile__video { justify-content: center; align-items: center; width: 100%; margin-bottom: 48px; border-radius: 16px; overflow: hidden } .artcile__video img, .artcile__video picture, .artcile__video video { width: 100%; aspect-ratio: 704/326; max-width: 100% } .artcile__video::before { content: ""; position: absolute; width: 100%; height: 100%; background: var(--primary); opacity: .6; z-index: 2 } .artcile__video::after { content: ""; position: absolute; --size: 40px; width: var(--size); height: var(--size); transition: transform .3s ease-out; z-index: 2; background: url("/local/templates/design_home_v3/../design_v2/css/../img/icons/play.svg") center center/contain no-repeat } .article-text { font-size: 1rem; line-height: 150% } .article-text > :last-child { margin-bottom: 0 } .article-text ul span { opacity: .6 } .article-text ul a { display: flex; align-items: center; color: var(--alt); gap: 8px } @media (any-hover: hover) { .select__option:hover { background: var(--bg) } .popup__close:hover::after, .popup__close:hover::before { background: var(--alt) } .artcile__link, .lk__link { transition: color .3s ease-out } .course-item:hover .course-item__name, .lk__link:hover { color: var(--alt) } .course-item { transition: box-shadow .3s ease-out } .course-item:hover { box-shadow: 0 12px 40px 0 rgba(0, 0, 0, .16) } .article-text ul a:hover, .course-item__invite-name:hover { text-decoration: underline } .artcile__link:hover { color: var(--alt) } .artcile__video:hover::after { content: ""; transform: scale(1.1) } } .article-text ul a::before { -webkit-mask: var(--icon) center center/contain no-repeat; flex: 0 0 var(--size); height: var(--size) } .article-text ul li:not(:last-child) { margin-bottom: 8px } .test-begin { padding: 36px 20px 53px } .test-begin__title { margin-bottom: 27px; font-size: 1.5rem; font-weight: 600; line-height: 1 } .test-begin__cards { display: grid; grid-template-columns:repeat(auto-fit, 200px); gap: 16px; margin-bottom: 24px } .test-begin__info { margin-bottom: 4px; font-size: 14px; line-height: 171%; opacity: .6 } .test-begin__text { font-size: 16px; font-weight: 500; line-height: 150%; margin-bottom: 32px } .test-begin__link { min-width: 255px; padding: 24px 32px } @media (max-width: 29.99875em) { .test-begin__link { max-width: 100%; width: 100% } } .test-card { display: flex; flex-direction: column; padding: 16px; border-radius: 16px; background: var(--whte) } .test-card::before { content: ""; display: block; --size: 32px; flex: 0 0 var(--size); width: var(--size); height: var(--size); mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat; background: var(--blck); margin-bottom: 16px } .test-card__info { margin-bottom: 6px; opacity: .6; line-height: 171.429%; font-size: 14px } .test-card__content { font-size: 16px; font-weight: 600; line-height: 150% } .test-page { padding: 24px 24px 47px 20px } .test-page__head { display: flex; justify-content: space-between; margin-bottom: 31px; align-items: center } .test-page__step { font-size: 1rem; font-weight: 500; line-height: 150%; opacity: .6 } .test-page__timer.btn { padding: 12px; font-weight: 600 } .test-page__inner { display: none; max-width: 567px } .test-page__inner.active { display: block } .test-page__name { font-size: 1.25rem; font-weight: 600; line-height: 160%; margin-bottom: 28px } .test-page__item { background: var(--whte); border-radius: 12px } .test-page__item:not(:last-child) { margin-bottom: 12px } .test-page__item input[type=checkbox]:checked + .checkbox__label::before { border-color: var(--alt); background: var(--alt) } .test-page__item input[type=radio] + .checkbox__label::before { content: ""; border-radius: 50% } .test-page__item input[type=radio] + .checkbox__label::after { left: 16px; top: 16px; --size: 16px; border-radius: 50%; background: var(--alt) } .test-page__item input[type=radio]:checked + .checkbox__label::before { border-color: var(--alt) } .test-page__item .checkbox__label { display: flex; padding: 12px 12px 12px 44px; position: relative; --size: 24px; font-size: 1rem; font-weight: 500; line-height: 150% } .test-page__item .checkbox__label::after, .test-page__item .checkbox__label::before { content: ""; width: var(--size); height: var(--size); transition: .3s ease-out; top: 12px; left: 12px } .test-page__item .checkbox__label::after { content: ""; position: absolute; background: url("/local/templates/design_home_v3/../design_v2/css/../img/icons/check.svg") center center no-repeat; opacity: 0 } .test-page__item .checkbox__label::before { content: ""; position: absolute; border-radius: 8px; border: 1px solid #dadada; background: var(--whte) } .test-page__txta .form-item__label { top: 20px; transform: translate(0) } .test-page__txta textarea { height: 120px } .test-page__controls { margin-top: 40px; display: flex } .test-page__controls .btn { padding: 16px 32px; min-width: 144px; min-height: 0; border-radius: 16px } .test-page__controls .btn:not(:last-child) { margin-right: 16px } .test-result { align-self: stretch; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center } .test-result__icon { margin-bottom: 36px } .test-result__icon img { --size: 80px; width: var(--size); height: var(--size) } .test-result__title { margin-bottom: 14px; font-size: 1.5rem; font-weight: 600; line-height: 1 } .test-result__info { opacity: .6; font-size: 1rem; font-weight: 500; line-height: 150%; margin-bottom: 28px } .test-result__btn { padding: 16px 32px } .section-lk { margin-bottom: 72px } @media (max-width: 61.99875em) { body { --header: 72px } .page--mt { margin-top: 20px } .popup__title { font-size: 1.125rem; font-weight: 600; line-height: 177.778%; margin-bottom: 24px } .section { margin-bottom: 120px } ._title { font-size: 2rem } .header { padding: 20px 0 } .header__logo { width: 100px; height: 32px } .header__logo.header__logo--small { width: 31px; height: 32px } /*.menu {*/ /* --gap: 40px*/ /*}*/ /*.menu__row {*/ /* flex-direction: column;*/ /* justify-content: center;*/ /* height: auto;*/ /* padding-top: 105px;*/ /* padding-bottom: 40px*/ /*}*/ /*.menu__body {*/ /* position: fixed;*/ /* top: var(--header);*/ /* width: calc(100% + 32px);*/ /* transition: transform .3s ease-out;*/ /* transform: translate(calc(100vw + 16px));*/ /* background: var(--whte);*/ /* margin-left: -16px;*/ /* height: 100%;*/ /* min-height: calc(100vh - var(--header));*/ /* max-height: calc(100vh - var(--header));*/ /* overflow: auto;*/ /* margin-right: -16px;*/ /* padding-bottom: var(--header);*/ /* padding-top: var(--header);*/ /* padding: 30px 68px;*/ /* left: 0*/ /*}*/ /*.menu-open .menu__body {*/ /* transform: translate(0)*/ /*}*/ /*.menu__list {*/ /* flex-direction: column;*/ /* margin-left: 0*/ /*}*/ /*.menu__link {*/ /* justify-content: center;*/ /* font-size: 20px*/ /*}*/ /*.menu-sublist__item {*/ /* display: flex;*/ /* align-items: center;*/ /* text-align: center;*/ /* justify-content: center*/ /*}*/ /*.menu-sublist__item:first-child {*/ /* margin-top: var(--gap)*/ /*}*/ /*.menu-sublist__link {*/ /* color: var(--gry)*/ /*}*/ .icon-menu { display: block; position: relative; margin-left: auto; width: 18px; height: 16px; cursor: pointer; z-index: 5 } .icon-menu span, .icon-menu::after, .icon-menu::before { content: ""; transition: .3s; left: 0; position: absolute; width: 100%; height: 2px; border-radius: 32px; background-color: var(--blck) } .icon-menu::before { top: 0 } .icon-menu::after { bottom: 0 } .icon-menu span { top: calc(50% - 1px) } /*.menu-open .icon-menu span {*/ /* transform: scale(0)*/ /*}*/ /*.menu-open .icon-menu::before {*/ /* transform: rotate(-45deg);*/ /* top: calc(50% - 1px)*/ /*}*/ /*.menu-open .icon-menu::after {*/ /* transform: rotate(45deg);*/ /* bottom: calc(50% - 1px)*/ /*}*/ .story__title { font-size: 2.375rem; margin-bottom: 16px } .business__slider { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px } .business__swiper { margin-bottom: 0 } .business__slide { position: relative; overflow: hidden } .business__image { overflow: visible; position: initial } .business__more { opacity: 0; z-index: 2; border-radius: 0 } .business__nav, .test-begin__text br { display: none } .news { margin-bottom: 80px } .lk__title { font-size: 1.875rem; display: flex; justify-content: space-between } .lk__whastapp { font-size: 0; padding-left: var(--size) } .lk__courses { flex-direction: column-reverse; gap: 20px } .lk__sidebar { flex: 0 0 auto } .section-lk { margin-bottom: 48px } } @media (max-width: 47.99875em) { [class*=__container] { padding: 0 1rem } .popup { padding: 30px 16px } .popup__content { padding: 40px 25px } .popup__tel input { font-size: 1.8rem } .popup__code input, .popup__tel input{ line-height: 50px; } .artcile__navigation{ height: auto; } .popup__code { margin-bottom: 28px } .popup__code input { font-size: 2rem } .education__btn, .intro__btn, .popup__send, .story__column .btn { width: 100% } .js-popup-step-back { font-size: 1.125rem; line-height: 155.556% } .section { margin-bottom: 80px } ._title { margin-bottom: 12px; text-align: left; line-height: 133.333%; font-size: 1.5rem; display: inline-block } .footer__bottom { margin-top: 33px } .intro__title { font-size: 2.5rem; line-height: 130% } .attention__title { font-size: 1.5rem; margin-bottom: 24px; line-height: 133.333% } .story { padding: 16px 0 } .story__title { font-size: 2rem; line-height: 131.25% } .story__item:first-child .story__image:first-child { width: 75px } .story__item:nth-child(2) .story__image:first-child { width: 93px; margin-right: 32px } .story__item:nth-child(2) .story__image:last-child { width: 107px; margin-left: 31px } .business__slide { max-width: 240px } .education__slider { margin: -32px -16px; padding: 32px 16px } .education__slide { padding: 24px; width: 240px; min-height: 260px } .education__name { font-size: 1rem; line-height: 137.5% } .artcile__title, .lk__title { font-size: 1.5rem; line-height: 166.667% } .lk__nav, .test-page__head { margin-bottom: 21px } .lk__nav .lk__container { overflow: auto; white-space: nowrap } .lk__sidebar-row { padding: 24px 12px 16px } .course-item { flex-direction: column; align-items: flex-start } .course-item__info { margin-bottom: 12px } .course-item__name { font-size: 1.125rem } .course-item__progress { order: -1; margin-bottom: 12px } .profile { padding-top: 0 } .profile__group { grid-template-columns:repeat(1, 1fr) } .back__link, .section-lk { margin-bottom: 32px } .artcile__column { padding: 16px } .artcile__video, .test-begin__text { margin-bottom: 20px } .artcile__video img, .artcile__video picture, .artcile__video video { aspect-ratio: 296/193 } .test-begin { padding: 28px 16px 54px } .test-begin__title { font-size: 1.125rem; line-height: 133.333%; margin-bottom: 20px } .test-begin__cards { grid-template-columns:1fr; margin-bottom: 20px; gap: 12px } .test-page { padding: 16px 16px 29px } .test-page__name { font-size: 1rem; line-height: 150%; margin-bottom: 20px } .test-result { /*padding-top: 112px;*/ /*padding-bottom: 174px*/ } .test-result__icon img { --size: 60px } .test-result__title { font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 24px } } .plyr { margin-bottom: 48px } .plyr--video .plyr__controls, .plyr__video-wrapper { border-radius: 16px } @charset "UTF-8"; @font-face { font-family: gilroy; font-display: swap; src: url(/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-600.woff2) format("woff2"), url(/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-600.woff) format("woff"); font-weight: 600; font-style: normal } @font-face { font-family: gilroy; font-display: swap; src: url(/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-500.woff2) format("woff2"), url(/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-500.woff) format("woff"); font-weight: 500; font-style: normal } @font-face { font-family: gilroy; font-display: swap; src: url(/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-400.woff2) format("woff2"), url(/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-400.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: gilroy; font-display: swap; src: url(/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-700.woff2) format("woff2"), url(/local/templates/design_home_v3/../design_v2/css/../fonts/gilroy-700.woff) format("woff"); font-weight: 700; font-style: normal } * { padding: 0; margin: 0; border: 0 } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box } body, html { height: 100%; min-width: 320px } body { color: var(--primary); line-height: 1; font-family: gilroy, sans-serif; font-size: .875rem; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } button, input, textarea { font-family: gilroy, sans-serif; font-size: inherit } button { cursor: pointer; color: inherit; background-color: inherit } a { color: inherit } a:link, a:visited { text-decoration: none } a:hover { text-decoration: none } ul li { list-style: none } img { vertical-align: top } h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit } body { --header: 100px } .lock body { overflow: hidden; -ms-touch-action: none; touch-action: none } body::-webkit-scrollbar { height: 5px; width: 5px } body::-webkit-scrollbar-track { background: var(--whte) } body::-webkit-scrollbar-thumb { border-radius: 10px; background: var(--alt) } .wrapper { min-height: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .wrapper > main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-top: var(--header) } .wrapper > * { min-width: 0 } [class*=__container] { max-width: 70.5rem; -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0 auto; padding: 0 .9375rem } .select { position: relative; min-width: 67px } .select__body { position: relative } /*.select__title {*/ /* color: inherit;*/ /* text-align: left;*/ /* border: 1px solid var(--pale);*/ /* background-color: var(--pale);*/ /* cursor: pointer;*/ /* width: 100%;*/ /* border-radius: 12px;*/ /* padding: 7px 12px*/ /*}*/ /*.select__value {*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* -webkit-box-pack: justify;*/ /* -ms-flex-pack: justify;*/ /* justify-content: space-between;*/ /* -webkit-box-orient: horizontal;*/ /* -webkit-box-direction: reverse;*/ /* -ms-flex-direction: row-reverse;*/ /* flex-direction: row-reverse;*/ /* font-size: 14px;*/ /* line-height: normal;*/ /* gap: 6px*/ /*}*/ /*.select__value:before {*/ /* content: "";*/ /* -ms-flex-item-align: stretch;*/ /* -ms-grid-row-align: stretch;*/ /* align-self: stretch;*/ /* -webkit-box-flex: 0;*/ /* -ms-flex: 0 0 14px;*/ /* flex: 0 0 14px;*/ /* -webkit-transition: all .3s ease 0s;*/ /* transition: all .3s ease 0s;*/ /* background: var(--primary);*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* mask: url(/local/templates/design_home_v3/../design_v2/css/../img/icons/sel.svg) center center no-repeat;*/ /* -webkit-mask: url(/local/templates/design_home_v3/../design_v2/css/../img/icons/sel.svg) center center no-repeat*/ /*}*/ ._select-open .select__value:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } .select__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .select__input { width: 100%; background-color: transparent; height: 100% } .select__options { color: #000; position: absolute; top: 26px; border-radius: 0 0 12px 12px; min-width: 100%; left: 0; background-color: var(--pale); border-top: 0; border: 1px solid var(--pale); border-top: 0; padding: 18px 0 5px 0 } .select__scroll { overflow-y: auto; overflow-x: hidden; max-height: 200px } .select__option { width: 100%; display: block; text-align: left; cursor: pointer; padding: 8px 12px; color: inherit; border-radius: 12px } .select__option._select-selected { background-color: var(--bg) } .select__row { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .select._select-open { z-index: 5 } ._select-tag { cursor: pointer } [class*=-ibg] { position: relative } [class*=-ibg] img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover } [class*=-ibg_contain] img { -o-object-fit: contain; object-fit: contain } :root { --primary: #32334c; --pale: #f6eee8; --arrow: #fff0f5; --whte: #fff; /*--alt: #9d097c;*/ --alt: #e12e3f; --alt-hover: #e55a67; --blck: #1c1c1e; --gry: #676971; --circle: #fdebec; /*--bg: #c6d9dd;*/ --bg: #fdebec; /*--gradient: linear-gradient(259deg, #2d1178 25.04%, #db2d8f 77.78%)*/ --gradient: #32334c } .btn { border-radius: 16px; background: var(--alt); color: var(--whte); border: 1px solid var(--alt); -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; padding: 12px 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 1rem; font-weight: 600 } .btn:hover { background: var(--alt-hover); border: 1px solid var(--alt-hover) } .btn.btn--alt { background: 0 0; color: var(--alt); border: 1px solid var(--alt); -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; padding: 12px 16px; /*min-height: 80px;*/ border-radius: 32px; min-width: 240px } .btn.btn--alt:hover { background: var(--alt-hover); border: 1px solid var(--alt-hover); color: var(--whte) } .section { margin-bottom: 220px } .bg-text { background: var(--gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } ._title { text-align: center; margin-bottom: 32px; font-size: 2.75rem; font-style: normal; font-weight: 700; line-height: 118.182% } .header { padding: 24px 0; position: fixed; top: 0; width: 100%; left: 0; background: var(--whte); z-index: 8; max-width: 100vw } .header__logo { margin-right: 24px } .header__logo img, .header__logo picture { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } /*.menu {*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* --gap: 20px;*/ /* position: relative;*/ /* margin-left: auto*/ /*}*/ /*.menu__row {*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* gap: var(--gap)*/ /*}*/ /*.menu__body {*/ /* margin-left: auto*/ /*}*/ /*.menu__list {*/ /* margin-left: auto;*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -ms-flex-wrap: wrap;*/ /* flex-wrap: wrap;*/ /* gap: var(--gap)*/ /*}*/ /*.menu__item {*/ /* position: relative;*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -ms-flex-wrap: wrap;*/ /* flex-wrap: wrap;*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center;*/ /* gap: 4px;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* position: relative*/ /*}*/ /*.menu__item._active .menu-dropdown {*/ /* -webkit-transform: rotate(-90deg);*/ /* -ms-transform: rotate(-90deg);*/ /* transform: rotate(-90deg)*/ /*}*/ /*.menu .menu-dropdown {*/ /* -webkit-transition: all .3s ease 0s;*/ /* transition: all .3s ease 0s;*/ /* mask: var(--arrow) center center no-repeat;*/ /* -webkit-mask: var(--arrow) center center no-repeat;*/ /* width: 20px;*/ /* aspect-ratio: 1;*/ /* -webkit-transition: all .3s ease-out 0s;*/ /* transition: all .3s ease-out 0s;*/ /* -webkit-transform: rotate(90deg);*/ /* -ms-transform: rotate(90deg);*/ /* transform: rotate(90deg);*/ /* display: block;*/ /* background: var(--primary)*/ /*}*/ /*.menu .menu-dropdown::before {*/ /* content: "";*/ /* position: absolute;*/ /* left: 0;*/ /* width: 100%;*/ /* right: 0*/ /*}*/ /*.menu__link {*/ /* font-size: 1rem;*/ /* font-weight: 600;*/ /* display: block;*/ /* -webkit-transition: color .3s ease-out 0s;*/ /* transition: color .3s ease-out 0s*/ /*}*/ /*.menu__media {*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center;*/ /* -ms-flex-wrap: wrap;*/ /* flex-wrap: wrap;*/ /* gap: var(--gap)*/ /*}*/ /*.menu__media img, .menu__media picture {*/ /* max-width: 100%;*/ /* max-height: 80px;*/ /* -o-object-fit: contain;*/ /* object-fit: contain*/ /*}*/ /*.menu-sublist {*/ /* background: var(--whte);*/ /* -webkit-box-flex: 0;*/ /* -ms-flex: 0 0 100%;*/ /* flex: 0 0 100%;*/ /* --gap: 20px;*/ /* left: 0;*/ /* -webkit-transition: all .3s ease-out 0s;*/ /* transition: all .3s ease-out 0s;*/ /* --gap: 16px*/ /*}*/ /*.menu-sublist__item:not(:last-child) .menu-sublist__link {*/ /* margin-bottom: var(--gap)*/ /*}*/ /*.menu-sublist__info {*/ /* -webkit-transition: color .3s ease-out 0s;*/ /* transition: color .3s ease-out 0s;*/ /* margin-bottom: 14px;*/ /* display: block;*/ /* color: var(--gry)*/ /*}*/ /*.menu-sublist__info:hover {*/ /* color: var(--alt)*/ /*}*/ /*.menu-sublist__link {*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-transition: color .3s ease-out 0s;*/ /* transition: color .3s ease-out 0s;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* gap: 4px*/ /*}*/ /*.menu-sublist__link:hover {*/ /* color: var(--alt)*/ /*}*/ /*.menu-sublist__link:hover::after {*/ /* content: "";*/ /* -webkit-transform: translateX(5px);*/ /* -ms-transform: translateX(5px);*/ /* transform: translateX(5px)*/ /*}*/ .icon-menu { display: none } .footer { background: var(--bg); padding: 32px 0 23px 0 } .footer__left { -webkit-box-flex: 0; -ms-flex: 0 0 246px; flex: 0 0 246px } .footer__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 33px } .footer__logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 27px; margin-bottom: 42px } .footer__nav { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -ms-grid; display: grid; -ms-grid-columns:(180px) [ 4 ]; grid-template-columns:repeat(4, 180px); gap: 39px } .footer__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px } .footer__link { font-size: .875rem; -webkit-transition: color .3s ease-out 0s; transition: color .3s ease-out 0s; font-style: normal; font-weight: 400 } .footer__link b { font-size: 16px; font-weight: 700 } .footer__link:hover { color: var(--alt) } .footer__bottom { margin-top: 23px; font-size: .875rem; font-weight: 400 } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px } .media__item { width: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; aspect-ratio: 1 } .media__item:hover a { background: var(--alt-hover) } .media__item a { mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat; -webkit-transition: background .3s ease-out 0s; transition: background .3s ease-out 0s; background: var(--alt); width: 100%; aspect-ratio: 1 } .intro { border-radius: 40px; position: relative; margin-bottom: 144px; background: var(--bg) } .intro__slide { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 732px } .intro__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .intro__info { max-width: 632px; padding: 72px 0 } .intro__title { margin-bottom: 12px; font-size: 4rem; font-style: normal; font-weight: 600; line-height: 125% } .intro__text { margin-bottom: 24px; font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 133.333% } .intro__image { border-radius: 40px; overflow: hidden; right: 0; position: absolute; max-width: 44.32vw; height: 100%; top: 0 } .intro__image img, .intro__image picture { max-width: 100%; border-radius: 40px; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .intro__nav { position: absolute; bottom: 32px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; gap: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2 } .swiper-nav { display: -webkit-box; display: -ms-flexbox; display: flex } .swiper-nav__arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px } .swiper-nav__pag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; min-height: 24px } .swiper-nav__pag .swiper-pagination-bullet { -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--primary); --size: 4px; width: var(--size); height: var(--size); opacity: 1; height: 8px; width: 8px } .swiper-nav__pag .swiper-pagination-bullet:hover { background: var(--alt-hover) } .swiper-nav__pag .swiper-pagination-bullet::before { content: ""; position: absolute; height: 24px; width: 24px; border: 2px solid var(--alt); border-radius: 50%; opacity: 0 } .swiper-nav__pag .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--alt); --size: 8px } .swiper-nav__pag .swiper-pagination-bullet.swiper-pagination-bullet-active::before { opacity: 1 } .swiper-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; width: 40px; aspect-ratio: 1; background: var(--whte); -webkit-transition: background .3s ease-out 0s; transition: background .3s ease-out 0s } .swiper-arrow.swiper-arrow--alt { background: var(--arrow) } .swiper-arrow:hover { background: var(--alt-hover) } .swiper-arrow:hover::before { background: var(--whte) } .swiper-arrow::before { content: ""; mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat; position: absolute; background: var(--alt); -webkit-transition: background .3s ease-out 0s; transition: background .3s ease-out 0s; width: 16px; aspect-ratio: 1 } .swiper-arrow.swiper-arrow--next::before { content: ""; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .attention { margin-bottom: 120px } .attention__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .attention__title { font-size: 2rem; font-weight: 500; margin-bottom: 42px; max-width: 100%; width: 896px; line-height: 150% } .story { padding: 87px 0 103px 0; background: var(--bg); border-radius: 40px } .story__subtitle { width: 510px; max-width: 100%; margin-bottom: 24px; font-size: 1.25rem } .story__title { width: 460px; max-width: 100%; margin-bottom: 32px; font-size: 2.75rem; font-weight: 700; line-height: 118.182% } .story__row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .story__images { --gap: 13px; display: -ms-grid; display: grid; -ms-grid-columns: 194px 272px 155px; grid-template-columns:194px 272px 155px; max-width: 647px; position: absolute; right: 0; gap: var(--gap); bottom: -16px } .story__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--gap); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .story__item:first-child { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .story__item:nth-child(2) .story__image:first-child { margin-left: auto; margin-right: 45px } .story__item:nth-child(2) .story__image:last-child { margin-left: 42px } .story__image:hover img { -webkit-transform: scale(105%); -ms-transform: scale(105%); transform: scale(105%) } .story__image img, .story__image picture { border-radius: 16px; overflow: hidden; max-width: 100%; -webkit-transition: -webkit-transform .3s ease-out 0s; transition: -webkit-transform .3s ease-out 0s; transition: transform .3s ease-out 0s; transition: transform .3s ease-out 0s, -webkit-transform .3s ease-out 0s; max-height: 100% } .story__column { width: 421px; max-width: 100% } .story__text { font-size: 1rem; font-style: normal; font-weight: 400; line-height: 137.5%; margin-bottom: 16px } .business__swiper { margin-bottom: 32px } .business__slide { max-width: 360px; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .business__image { position: relative; overflow: hidden; border-radius: 24px; overflow: hidden; margin-bottom: 16px } .business__image img, .business__image picture { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .business__more { position: absolute; width: calc(100% + 80px); height: calc(100% + 40px); left: -40px; top: -20px; border-radius: 50%; z-index: 2; font-size: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-weight: 600; opacity: 0; -webkit-transition: opacity .3s ease-out 0s; transition: opacity .3s ease-out 0s } .business__more::before { content: ""; width: 100%; height: 100%; border-radius: 50%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: var(--circle); position: absolute; z-index: -1 } .business__name { font-size: 1.5rem; font-style: normal; margin-bottom: 12px; font-weight: 700; line-height: 133.333% } .business__info { font-size: 1rem; font-style: normal; font-weight: 400; line-height: 137.5%; margin-bottom: 12px; margin-top: auto } .business__about { font-size: 1rem; font-style: normal; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 137.5% } .business__nav .swiper-nav__arrows { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .business__nav .swiper-nav__pag { width: auto } .education__slider { margin: -32px; padding: 32px } .education__slide { padding: 32px; background: var(--whte); -webkit-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .12); box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .12); height: auto; min-height: 270px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 24px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 360px } .education__name { font-size: 1.25rem; font-style: normal; font-weight: 700; margin-bottom: 8px; line-height: 140% } .education__btn { margin-top: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto } .education__info { font-size: .875rem; font-style: normal; font-weight: 400; margin-bottom: 16px; line-height: 142.857% } .news { margin-bottom: 143px } .news__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; border-radius: 24px; width: 264px; min-height: 286px; padding: 16px } .news__image { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .news__image::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(47.03%, rgba(0, 0, 0, 0)), to(#000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47.03%, #000 100%) } .news__image img, .news__image picture { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .news__name { position: relative; z-index: 3; color: var(--whte); font-size: 1.25rem; font-weight: 700; line-height: 140%; margin-top: auto; pointer-events: none } .news__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 61.99875em) { /*.menu__item:hover .menu-sublist {*/ /* opacity: 1;*/ /* visibility: visible;*/ /* -webkit-transform: translatey(0);*/ /* -ms-transform: translatey(0);*/ /* transform: translatey(0)*/ /*}*/ /*.menu .menu-dropdown {*/ /* display: none*/ /*}*/ /*.menu-sublist {*/ /* --pos: 26px;*/ /* position: absolute;*/ /* padding: 24px 32px;*/ /* -webkit-box-shadow: 0 4px 24px 0 rgba(29, 47, 91, .14);*/ /* box-shadow: 0 4px 24px 0 rgba(29, 47, 91, .14);*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-orient: vertical;*/ /* -webkit-box-direction: normal;*/ /* -ms-flex-direction: column;*/ /* flex-direction: column;*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center;*/ /* opacity: 0;*/ /* top: calc(100% + var(--pos));*/ /* width: -webkit-max-content;*/ /* width: -moz-max-content;*/ /* width: max-content;*/ /* max-width: 327px;*/ /* border-radius: 24px;*/ /* visibility: hidden*/ /*}*/ /*.menu-sublist:hover {*/ /* opacity: 1;*/ /* visibility: visible*/ /*}*/ /*.menu-sublist::before {*/ /* content: "";*/ /* width: 100%;*/ /* position: absolute;*/ /* left: 0;*/ /* height: var(--pos);*/ /* top: calc(var(--pos) * -1)*/ /*}*/ /*.menu-sublist__link::after {*/ /* content: "";*/ /* --size: 20px;*/ /* display: block;*/ /* width: var(--size);*/ /* aspect-ratio: 1;*/ /* mask: var(--arrow) center center no-repeat;*/ /* -webkit-mask: var(--arrow) center center no-repeat;*/ /* background: currentColor;*/ /* -webkit-transition: all .3s ease-out 0s;*/ /* transition: all .3s ease-out 0s;*/ /* -webkit-box-flex: 0;*/ /* -ms-flex: 0 0 var(--size);*/ /* flex: 0 0 var(--size)*/ /*}*/ .business__image:hover .business__more { opacity: 1 } .business__image:hover .business__more::before { content: ""; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1 } } @media (min-width: 1200px) { .story__container { --images: 503px; min-height: var(--images) } } @media (max-width: 1200px) { .footer__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .footer__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .footer__logos { margin-bottom: 0 } .footer__nav { gap: 12px; width: 100%; grid-template-columns:repeat(auto-fit, minmax(158px, 1fr)) } .story { padding: 32px 0 32px 0 } .story__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } .story__images { position: initial; margin-left: -16px; margin-right: -16px; overflow: hidden; -ms-grid-columns: 136px 190px 108px; grid-template-columns:136px 190px 108px } .story__column { width: 100% } } @media (max-width: 77.4375em) { .intro__slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 0 } .intro__info { max-width: 100%; padding: 64px 0 36px } .intro__title { font-size: 3.25rem } .intro__image { position: initial; max-width: 100%; width: 100%; height: 314px } .intro__nav { bottom: auto; top: 330px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .intro__nav .swiper-nav__arrows { display: none } .intro__nav .swiper-nav__pag { margin-left: auto; width: auto; margin-right: auto } } @media (max-width: 72.375em) { .news { margin-bottom: 100px } } @media (max-width: 61.99875em) { body { --header: 72px } .section { margin-bottom: 120px } ._title { font-size: 2rem } .header { padding: 20px 0 } .header__logo { width: 100px; height: 32px } /*.menu {*/ /* --gap: 40px*/ /*}*/ /*.menu__row {*/ /* -webkit-box-orient: vertical;*/ /* -webkit-box-direction: normal;*/ /* -ms-flex-direction: column;*/ /* flex-direction: column;*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center;*/ /* height: auto;*/ /* padding-top: 105px;*/ /* padding-bottom: 40px*/ /*}*/ /*.menu__body {*/ /* position: fixed;*/ /* margin-left: 0;*/ /* top: var(--header);*/ /* width: calc(100% + 32px);*/ /* -webkit-transition: -webkit-transform .3s ease-out 0s;*/ /* transition: -webkit-transform .3s ease-out 0s;*/ /* transition: transform .3s ease-out 0s;*/ /* transition: transform .3s ease-out 0s, -webkit-transform .3s ease-out 0s;*/ /* -webkit-transform: translate(calc(100vw + 16px));*/ /* -ms-transform: translate(calc(100vw + 16px));*/ /* transform: translate(calc(100vw + 16px));*/ /* background: var(--whte);*/ /* margin-left: -16px;*/ /* height: 100%;*/ /* min-height: calc(100vh - var(--header));*/ /* max-height: calc(100vh - var(--header));*/ /* overflow: auto;*/ /* padding-bottom: 32px;*/ /* margin-right: -16px;*/ /* padding-bottom: var(--header);*/ /* padding-top: var(--header);*/ /* padding: 30px 68px;*/ /* left: 0*/ /*}*/ /*.menu-open .menu__body {*/ /* -webkit-transform: translate(0);*/ /* -ms-transform: translate(0);*/ /* transform: translate(0)*/ /*}*/ /*.menu__list {*/ /* -webkit-box-orient: vertical;*/ /* -webkit-box-direction: normal;*/ /* -ms-flex-direction: column;*/ /* flex-direction: column;*/ /* margin-left: 0*/ /*}*/ /*.menu__link {*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center;*/ /* font-size: 20px*/ /*}*/ /*.menu-sublist__item {*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* text-align: center;*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center*/ /*}*/ /*.menu-sublist__item:first-child {*/ /* margin-top: var(--gap)*/ /*}*/ /*.menu-sublist__link {*/ /* color: var(--gry)*/ /*}*/ .icon-menu { display: block; position: relative; margin-left: auto; width: 18px; height: 16px; cursor: pointer; z-index: 5 } .icon-menu span, .icon-menu::after, .icon-menu::before { content: ""; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; left: 0; position: absolute; width: 100%; height: 2px; border-radius: 32px; background-color: var(--blck) } .icon-menu::before { top: 0 } .icon-menu::after { bottom: 0 } .icon-menu span { top: calc(50% - 1px) } .menu-open .icon-menu span { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .menu-open .icon-menu::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: calc(50% - 1px) } .menu-open .icon-menu::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: calc(50% - 1px) } .story__title { font-size: 2.375rem; margin-bottom: 16px } .business__slider { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px } .business__swiper { margin-bottom: 0 } .business__slide { position: relative; overflow: hidden } .business__image { overflow: visible; position: initial } .business__more { opacity: 0; z-index: 2; border-radius: 0 } .business__nav { display: none } .news { margin-bottom: 80px } } @media (max-width: 47.99875em) { [class*=__container] { padding: 0 1rem } .section { margin-bottom: 80px } ._title { margin-bottom: 12px; text-align: left; line-height: 133.333%; font-size: 1.5rem; display: inline-block } .footer__bottom { margin-top: 33px } .intro__title { font-size: 2.5rem; line-height: 130% } .intro__btn { width: 100% } .attention__title { font-size: 1.5rem; margin-bottom: 24px; line-height: 133.333% } .story { padding: 16px 0 16px 0 } .story__title { font-size: 2rem; line-height: 131.25% } .story__item:first-child .story__image:first-child { width: 75px } .story__item:nth-child(2) .story__image:first-child { width: 93px; margin-right: 32px } .story__item:nth-child(2) .story__image:last-child { width: 107px; margin-left: 31px } .story__column .btn { width: 100% } .business__slide { max-width: 240px } .education__slider { margin: -32px -16px; padding: 32px 16px } .education__slide { padding: 24px; width: 240px; min-height: 260px } .education__name { font-size: 1rem; line-height: 137.5% } .education__btn { width: 100% } } @media (any-hover: hover) { .select__option:hover { background: var(--bg) } } @media (hover: hover) { .menu__link:hover { color: var(--alt) } .news__link:hover::before { -webkit-transform: none; -ms-transform: none; transform: none } .news__link::before { content: ""; position: absolute; height: calc(100% + 69px); display: block; width: calc(100% + 69px); border-radius: 50%; -webkit-transform: scale(0) translateY(500px); -ms-transform: scale(0) translateY(500px); transform: scale(0) translateY(500px); -webkit-transition: -webkit-transform .3s ease-out 0s; transition: -webkit-transform .3s ease-out 0s; transition: transform .3s ease-out 0s; transition: transform .3s ease-out 0s, -webkit-transform .3s ease-out 0s; top: 12px; background: var(--circle) } } .footer__logo img { width: 100%; height: 80px; } /* End */ /* Start:/local/templates/design_home_v3/../design_home_v3/css/main.css?177454055395652*/ @layer base, component, mod; /* COLORS ------------------------ */ /* EFFECTS ------------------------ */ /* BREAKPOINTS ------------------------- */ :root { /* COLORS ------------------------- */ --color-accent: #e12e3f; --color-accent--rgb: 225, 46, 63; --color-primary: #000; --color-primary--rgb: 0, 0, 0; --color-secondary: #fff; --color-secondary--rgb: 255, 255, 255; --color-text: #000; --color-text--rgb: 0, 0, 0; --color-text-secondary: #fff; --color-text-secondary--rgb: 255, 255, 255; --color-text-tertiary: #393939; --color-text-tertiary--rgb: 57, 57, 57; --color-bg: #fdebeb; --color-bg--rgb: 253, 235, 235; --color-bg-secondary: #f6f6f6; --color-bg-secondary--rgb: 246, 246, 246; --color-bor-primary: #e2e2e2; --color-bor-primary--rgb: 226, 226, 226; --color-bor-secondary: #929ea9; --color-bor-secondary--rgb: 146, 158, 169; --color-success: #259243; --color-success--rgb: 37, 146, 67; --color-error: #f00; --color-error--rgb: 255, 0, 0; /* FONTS ------------------------- */ --font-primary: "gilroy", sans-serif, -apple-system, blinkmacsystemfont, roboto, ubuntu, "Droid Sans", "Helvetica Neue", arial, sans-serif, "Apple Color Emoji"; --font-size-default: rem(14); /* WRAPPER PADDINGS ------------------------- */ --spacing: 100px; /** Z-INDEX SYSTEM ------------------------- */ --index-1: 100; --index-2: 200; --index-3: 1100; --index-4: 1200; } @layer base { * { margin: 0; padding: 0; border: 0; } *, *::before, *::after { box-sizing: border-box; } *::before, *::after { display: inline-block; } html, body { min-width: 320px; height: 100%; scroll-behavior: smooth; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); scrollbar-gutter: stable; } body { color: var(--color-primary); font-size: var(--font-size-default); font-family: var(--font-primary); line-height: 1; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ::-webkit-scrollbar { width: 6px; height: 5px; } ::-webkit-scrollbar-track { background: var(--color-secondary); } ::-webkit-scrollbar-thumb { background: var(--color-accent); border-radius: 10px; } ::selection { color: var(--color-primary); background: var(--color-bg); } input, button, textarea { font-size: inherit; font-family: var(--font-primary); line-height: inherit; } button { color: inherit; font-family: var(--font-primary); background-color: transparent; outline: 0; cursor: pointer; } div[class*=__text] p:only-of-type, div[class*=__text] p:last-of-type, div[class*=__details] p:only-of-type, div[class*=__details] p:last-of-type, div[class*=__note] p:only-of-type, div[class*=__note] p:last-of-type { margin: 0; } [class*=image] img { width: 100%; object-fit: cover; object-position: center; } a { display: inline-block; color: var(--color-text); color: inherit; text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit; } address, cite { font-style: normal; } fieldset, dl, dd { margin: 0; padding: 0; } fieldset { border: none; } } @font-face { font-weight: 400; font-family: "gilroy"; font-style: normal; src: url("/local/templates/design_home_v3/../design_home_v3/css/./../fonts/gilroy-400.woff2") format("woff2"), url("/local/templates/design_home_v3/../design_home_v3/css/./../fonts/gilroy-400.woff") format("woff"); font-display: swap; } @font-face { font-weight: 500; font-family: "gilroy"; font-style: normal; src: url("/local/templates/design_home_v3/../design_home_v3/css/./../fonts/gilroy-500.woff2") format("woff2"), url("/local/templates/design_home_v3/../design_home_v3/css/./../fonts/gilroy-500.woff") format("woff"); font-display: swap; } @font-face { font-weight: 600; font-family: "gilroy"; font-style: normal; src: url("/local/templates/design_home_v3/../design_home_v3/css/./../fonts/gilroy-600.woff2") format("woff2"), url("/local/templates/design_home_v3/../design_home_v3/css/./../fonts/gilroy-600.woff") format("woff"); font-display: swap; } @font-face { font-weight: 700; font-family: "gilroy"; font-style: normal; src: url("/local/templates/design_home_v3/../design_home_v3/css/./../fonts/gilroy-700.woff2") format("woff2"), url("/local/templates/design_home_v3/../design_home_v3/css/./../fonts/gilroy-700.woff") format("woff"); font-display: swap; } .icon--header-logo { --icon__width: 114px; --icon__height: 35px; } .icon--header-logo::after { background-color: var(--color-primary); } .icon--account { --icon__width: 19px; --icon__height: 21px; } .icon--account::after { background-color: var(--color-secondary); } .header { z-index: var(--index-2); position: fixed; top: 0; left: 0; width: 100%; background-color: var(--color-secondary); } .header__container { display: flex; align-items: center; justify-content: space-between; } .header__btns { display: flex; align-items: center; } .account-btn { gap: 0.3125rem; display: flex; align-items: center; } .account-btn__icon { width: 2.4375rem; height: 2.4375rem; border-radius: 50%; background-color: var(--color-accent); display: flex; align-items: center; justify-content: center; transition: background-color 0.3s; } .account-btn__text { color: var(--color-text); font-size: 1rem; font-weight: 500; } .icon--footer-logo { --icon__width: 114px; --icon__height: 35px; } .icon--footer-logo::after { background-color: var(--color-primary); } .icon--footer-social { --icon__width: 24px; --icon__height: 24px; --icon__transition: 0.3s; } .icon--footer-social::after { background-color: var(--color-accent); } .icon--footer-link { --icon__width: 21px; --icon__height: 21px; } .icon--footer-link::after { background-color: var(--color-accent); } .footer { border-radius: 30px 30px 0 0; background-color: #fdebeb; padding-bottom: 0.8125rem; } .footer__container { display: flex; flex-direction: column; } .footer__content { gap: 1.5rem; display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; } .footer__left { display: flex; align-items: center; justify-content: space-between; flex: auto; } .footer__right { gap: 0.875rem; display: flex; flex-direction: column; } .footer__link { gap: 0.5625rem; display: flex; align-items: center; } .footer__copyright { border-top: 1px solid rgba(var(--color-accent--rgb), 0.2); gap: 0.625rem; display: flex; align-items: center; justify-content: space-between; } .footer__text { font-size: 0.75rem; text-transform: uppercase; color: var(--color-text-tertiary); } .footer-nav { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-nav__list { flex: auto; gap: 1rem; display: flex; flex-direction: column; } .footer-nav__item { display: flex; } .footer-nav__link { flex: auto; } .footer-socials { gap: 1.375rem; display: flex; align-items: center; } /* stylelint-disable*/ @layer component { .btn { display: inline-flex; justify-content: center; align-items: center; text-align: center; transition: background-color 0.3s; } } @layer mod { .btn--accent { background-color: var(--color-accent); color: var(--color-text-secondary); } } @layer size { } @layer form { } /* stylelint-enable*/ .wrapper { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; } @supports (overflow: clip) { .wrapper { overflow: clip; } } .wrapper > main { flex: 1 1 auto; } .wrapper > * { min-width: 0; } .icon { --icon__scale: 1; position: relative; flex: none; width: var(--icon__width, 100%); height: var(--icon__height, 100%); line-height: 1; transition: var(--icon__transition); } .icon:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: var(--icon__image); -webkit-mask-image: var(--icon__mask); mask-image: var(--icon__mask); background-size: calc(100% / var(--icon__scale)) calc(100% / var(--icon__scale)); -webkit-mask-size: calc(100% / var(--icon__scale)) calc(100% / var(--icon__scale)); mask-size: calc(100% / var(--icon__scale)) calc(100% / var(--icon__scale)); transition: var(--icon__transition); transform: scale(var(--icon__scale)); transform-origin: center; border-radius: inherit; pointer-events: none; } .title--xl { line-height: 115%; } .title--md { line-height: 111%; } .title--sm { line-height: 117%; } .title--primary { color: var(--color-text); } .title--primary span { color: var(--color-accent); } .title--center { text-align: center; } .title--semibold { font-weight: 600; } .title--bold { font-weight: 700; } .link { transition: color 0.3s; } .link--md { font-size: 1rem; font-weight: 500; } .link--sm { font-size: 0.75rem; } .link--primary { color: var(--color-text); } .link--secondary { color: var(--color-text-tertiary); } .hero { background-color: #fdebeb; border-radius: 1.875rem 1.875rem 0 0; padding-top: 2.5rem; } .hero__subtitle { color: var(--color-text); font-weight: 700; } .hero__title { display: none; } .hero__title.active { display: block; } .hero__title.invisible { animation: endAnim 1s; } .hero__content { display: flex; flex-direction: row-reverse; } .hero__video, .hero__info { flex-grow: 1; } .hero__info { gap: 1.1875rem; display: flex; flex-direction: column; /*justify-content: space-between;*/ } .hero__text { line-height: 150%; } .hero__btn--desktop { max-width: 26.6875rem; } .hero__btn--mobile { order: -1; } .hero__figure { width: 100%; height: 2.5rem; background-color: var(--color-secondary); border-radius: 3.4375rem 3.4375rem 0 0; } .hero-video { position: relative; border-radius: 1.3125rem; overflow: hidden; cursor: pointer; } .hero-video img { width: 100%; height: 100%; object-fit: cover; } .hero-video__icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--color-secondary); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s; } .hero-video__icon-triangle { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid var(--color-accent); transition: border-color 0.3s; } @keyframes startAnim { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes endAnim { 0% { opacity: 1; } 100% { opacity: 0; } } .popup-video { border-radius: inherit; position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; } .popup-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .icon-sections { --icon__width: 48px; --icon__height: 48px; --icon__transition: 0.3s; } .icon-sections::after { background-color: var(--color-accent); } .sections { border-radius: 1.875rem 1.875rem 0 0; background-color: var(--color-secondary); padding-bottom: 2.5rem; background-color: var(--color-secondary); border-radius: 3.4375rem; } .sections__container { display: flex; flex-direction: column; } .sections-cards__item { border: 1px solid var(--color-bor-primary); overflow: hidden; } .sections-cards__link { display: flex; align-items: center; justify-content: center; display: flex; align-items: center; flex-direction: column; transition: background-color 0.3s; } .sections-cards__title { transition: color 0.3s; } .sections-partners .swiper-wrapper { gap: 1.3125rem; } .sections-partners .swiper-slide { width: auto !important; flex-grow: 1; margin: 0 !important; } .sections-partners__partner { border: 1px solid var(--color-bor-primary); border-radius: 1.25rem; color: var(--color-text); font-weight: 600; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: uppercase; transition: border-color 0.3s, color 0.3s; } .app__img { width: 100%; height: 100%; } .app__img img { width: 100%; height: 100%; object-fit: cover; } .icon--calendar-arrow { display: block; --icon__width: 36px; --icon__height: 36px; --icon__transition: 0.3s; } .icon--calendar-arrow::after { background-color: #929ea9; } .calendar__container { display: flex; flex-direction: column; } .calendar-picker { display: flex; flex-direction: column; } .calendar-picker__header { gap: 0.9375rem; display: flex; align-items: center; } .calendar-picker__month { font-weight: 500; } .calendar-picker-dates { gap: 1.4375rem; display: flex; align-items: center; } .calendar-picker-dates__btn--prev { transform: scale(-1); } .calendar-picker-dates__wrapper { flex: auto; overflow-x: auto; gap: 1.375rem; display: flex; align-items: center; } .calendar-picker-dates__wrapper::-webkit-scrollbar-track { background: transparent; } .calendar-picker-dates__wrapper::-webkit-scrollbar-thumb { background: transparent; } .calendar-picker-dates__item { border-radius: 0.375rem; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: background-color 0.3s; cursor: pointer; } .calendar-picker-dates__item.active { background-color: var(--color-primary); } .calendar-picker-dates__item.active .calendar-picker-dates__number { color: var(--color-secondary); } .calendar-picker-dates__item.active .calendar-picker-dates__day { color: rgba(var(--color-secondary--rgb), 0.7); } .calendar-picker-dates__number { font-weight: 500; color: var(--color-text); transition: color 0.3s; } .calendar-picker-dates__day { color: rgba(var(--color-text--rgb), 0.7); text-transform: lowercase; transition: color 0.3s; } .calendar-lists__cards { flex-wrap: wrap; justify-content: space-between; display: none; } .calendar-lists__cards.active { display: flex; animation: fade 0.8s ease-in-out; } .calendar-lists__card, .calendar-lists__empty { flex-grow: 1; background-color: var(--color-bg-secondary); border-radius: 1.5rem; } .calendar-lists__card { flex-basis: calc(50% - 3.5rem); gap: 1.875rem; display: flex; flex-direction: column; } .calendar-lists__empty { min-height: 13.75rem; display: none; transition: opacity 0.3s ease, transform 0.3s ease; } .calendar-lists__empty.active { display: flex; animation: fade 0.8s ease-in-out; } .calendar-lists__content { gap: 0.5625rem; display: flex; flex-direction: column; } .calendar-lists__wrapper { gap: 0.3125rem; display: flex; flex-wrap: wrap; align-items: center; } .calendar-lists__title { max-width: 21rem; } .calendar-lists__text { color: var(--color-text); line-height: 140%; letter-spacing: 0.02em; } .calendar-lists__text--bold { font-weight: 500; } @keyframes fade { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .popular__wrapper { display: flex; flex-direction: column; --pad: 30px; box-sizing: border-box; max-width: calc(85.875rem); margin: 0 auto; padding: 0 var(--pad); } .popular__top { position: relative; display: flex; align-items: center; } .popular .swiper { padding-left: 15px; padding-right: 15px; } .popular .swiper-slide { display: flex; opacity: 0; transition: opacity 0.5s ease; } .popular .swiper-visible { opacity: 1; } .popular .swiper-button-disabled { opacity: 0.5; pointer-events: none; } .popular-slide { flex: auto; box-shadow: 0 11px 25px 0 rgba(50, 68, 80, 0.1); background-color: #fff; border-radius: 1.875rem; overflow: hidden; transition: box-shadow 0.3s; } .popular-slide__img { width: 100%; } .popular-slide__img img { width: 100%; height: 100%; object-fit: cover; } .popular-slide__content { padding-top: 1.375rem; gap: 2.375rem; display: flex; flex-direction: column; } .popular-slide__bottom { display: flex; align-items: center; justify-content: space-between; } .popular-slide__date { letter-spacing: 0.019rem; font-weight: 500; } .popular-pagination { gap: 0.5rem; display: flex; align-items: center; justify-content: center; } .popular-pagination__pagination { display: flex; justify-content: center; align-items: center; } .popular-pagination__bullet { font-size: 1rem; color: #7c7c7c; cursor: pointer; transition: color 0.3s; padding-right: 0.625rem; padding-left: 0.625rem; transition: color 0.3s; } .popular-pagination__bullet--active { color: var(--color-primary); border-radius: 50%; } .popular-pagination__dots { font-size: 1rem; color: #7c7c7c; cursor: default; } .popular-pagination__nav { cursor: pointer; transition: border-color 0.3s; } .popular-pagination__nav--next { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid var(--color-primary); } .popular-pagination__nav--prev { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid var(--color-primary); } .partners__container { display: flex; flex-direction: column; } .partners__images { -moz-column-gap: 2.5rem; column-gap: 2.5rem; row-gap: 2.1875rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .partners__img { width: 12.5rem; height: 7.5rem; display: flex; align-items: center; justify-content: center; } .partners__img img { object-fit: contain; } .icon--inst-logo { --icon__width: 200px; --icon__height: 72px; } .icon--inst-logo::after { background-color: #262626; } .socials__container { display: flex; flex-direction: column; } .socials__head { display: flex; align-items: center; justify-content: space-between; } .socials__img { width: 100%; height: 100%; } .socials__img img { width: 100%; height: 100%; object-fit: contain; } .nav { display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: border-color 0.3s; cursor: pointer; } .nav__triangle { width: 0; height: 0; } .nav--dark { border: 1px solid var(--color-primary); } .nav--light { border: 1px solid var(--color-bor-secondary); } .nav--next .nav__triangle { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid var(--color-accent); } .nav--prev .nav__triangle { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--color-accent); } .icon--socials-menu { --icon__width: 45px; --icon__height: 45px; --icon__transition: 0.3s; } .icon--socials-menu::after { background-color: var(--color-secondary); } .icon--socials-menu-icon { --icon__width: 24px; --icon__height: 24px; --icon__transition: 0.3s; } .icon--socials-menu-icon::after { background-color: var(--color-accent); } .socials-menu { padding-top: 1.875rem; z-index: var(--index-1); position: fixed; bottom: 2.5rem; gap: 0.5rem; display: flex; align-items: center; flex-direction: column; } .socials-menu.active .socials-menu__icons { opacity: 1; pointer-events: all; } .socials-menu__btn { position: relative; border-radius: 50%; background-color: var(--color-accent); display: flex; align-items: center; justify-content: center; transition: background-color 0.3s; } .socials-menu__icons { opacity: 0; pointer-events: none; position: absolute; bottom: 0; pointer-events: none; width: 3.0625rem; border-radius: 1.75rem; background-color: var(--color-secondary); box-shadow: 0 11px 25px 0 rgba(50, 68, 80, 0.1); padding: 1.5rem 0.625rem; gap: 1.125rem; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: opacity 0.3s ease, bottom 0.3s ease; } .socials-menu__icon { width: 2rem; height: 2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s; } /* BASE STYLES ---------------------------- */ .lock body { overflow: hidden; touch-action: none; overscroll-behavior: none; } /* CONTAINER ---------------------------- */ @layer base { [class*=__container] { --pad: 30px; box-sizing: border-box; max-width: calc(74.4375rem); margin: 0 auto; padding: 0 var(--pad); } } /* stylelint-disable*/ /* IMPORTS ---------------------------- */ .menu__account { width: 100%; margin-bottom: 1.5625rem; border-bottom: 1px solid rgba(146, 158, 169, 0.3); padding-bottom: 0.875rem; } .menu__list { display: flex; align-items: center; } .menu__item { display: flex; } .menu__link { flex: auto; } .icon-menu { display: none; } body::after { position: fixed; top: 0; left: 0; z-index: calc(var(--index-3) - 1); width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.8s ease 0s; content: ""; pointer-events: none; } .popup-show body::after { opacity: 1; } @layer component { .popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 30px 10px; visibility: hidden; transition: visibility 0.8s ease 0s; pointer-events: none; } /* stylelint-disable-next-line selector-class-pattern */ .popup_show { z-index: var(--index-3); overflow: auto; visibility: visible; pointer-events: auto; } /* stylelint-disable-next-line selector-class-pattern */ .popup_show .popup__content { transform: scale(1); visibility: visible; } .popup__wrapper { display: flex; flex: 1 1 auto; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: 100%; } .popup__content { width: 100%; max-width: 900px; padding: 20px; background-color: #eee; border-radius: 20px; transform: scale(0); visibility: hidden; transition: transform 0.3s ease 0s; } .lock .popup__content { visibility: visible; } } /* stylelint-disable selector-class-pattern */ .select { position: relative; min-width: 0; } .select__body { position: relative; } .select__title { padding-left: 0.25rem; padding-right: 0.25rem; border-radius: 0.25rem; border: 1px solid #b7b6b6; background-color: var(--color-secondary); display: flex; align-items: center; justify-content: center; transition: border-color 0.3s; } .select__value._select-pseudo-label::before { opacity: 0.5; content: attr(data-pseudo-label); } .select__content, .select__option { color: var(--color-text); font-weight: 500; text-transform: uppercase; transition: color 0.3s; } .select__options { position: absolute; top: calc(105% - 0.0625rem); left: 0; border-radius: 0.25rem; border: 1px solid #b7b6b6; background-color: var(--color-secondary); } .select__scroll { max-height: 12.5rem; overflow-x: hidden; overflow-y: auto; } .select__option { width: 100%; color: inherit; text-align: left; cursor: pointer; text-align: center; padding: 0.3125rem 0; } .select__option._select-selected { background-color: #eee; } .select__row { display: inline-flex; align-items: center; } .select--show-top .select__options { top: auto; bottom: calc(100% - 0.0625rem); padding: 5px 0 10px; border: 1px solid #d9d9d9; border-bottom: 0; border-radius: 4px 4px 0 0; } ._select-tag { cursor: pointer; } /** * Swiper 9.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 13, 2023 */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } .swiper, swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide, swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* stylelint-enable*/ /* UTILS ---------------------------- */ /* stylelint-disable-next-line scss/percent-placeholder-pattern */ /* stylelint-disable-next-line scss/percent-placeholder-pattern */ /* stylelint-disable-next-line scss/percent-placeholder-pattern */ /* stylelint-disable-next-line scss/percent-placeholder-pattern */ /* stylelint-disable-next-line scss/percent-placeholder-pattern */ /* stylelint-disable-next-line scss/percent-placeholder-pattern */ /* stylelint-disable-next-line scss/percent-placeholder-pattern */ @media (min-width: 20em) and (max-width: 74.4375em) { @supports (padding-top: clamp( 0.875rem , 0.4616819747rem + 2.0665901263vw , 2rem )) { .header { padding-top: clamp( 0.875rem , 0.4616819747rem + 2.0665901263vw , 2rem ); } } @supports not (padding-top: clamp( 0.875rem , 0.4616819747rem + 2.0665901263vw , 2rem )) { .header { padding-top: calc(0.875rem + 1.125 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 0.875rem , 0.5994546498rem + 1.3777267509vw , 1.625rem )) { .header { padding-bottom: clamp( 0.875rem , 0.5994546498rem + 1.3777267509vw , 1.625rem ); } } @supports not (padding-bottom: clamp( 0.875rem , 0.5994546498rem + 1.3777267509vw , 1.625rem )) { .header { padding-bottom: calc(0.875rem + 0.75 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 0.75rem , 0.6811136625rem + 0.3444316877vw , 0.9375rem )) { .header__btns { gap: clamp( 0.75rem , 0.6811136625rem + 0.3444316877vw , 0.9375rem ); } } @supports not (gap: clamp( 0.75rem , 0.6811136625rem + 0.3444316877vw , 0.9375rem )) { .header__btns { gap: calc(0.75rem + 0.1875 * (100vw - 20rem) / 54.4375); } } @supports (padding-top: clamp( 2.5rem , 2.4081515499rem + 0.4592422503vw , 2.75rem )) { .footer { padding-top: clamp( 2.5rem , 2.4081515499rem + 0.4592422503vw , 2.75rem ); } } @supports not (padding-top: clamp( 2.5rem , 2.4081515499rem + 0.4592422503vw , 2.75rem )) { .footer { padding-top: calc(2.5rem + 0.25 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 0.9375rem , 0.2027123995rem + 3.6739380023vw , 2.9375rem )) { .footer__container { gap: clamp( 0.9375rem , 0.2027123995rem + 3.6739380023vw , 2.9375rem ); } } @supports not (gap: clamp( 0.9375rem , 0.2027123995rem + 3.6739380023vw , 2.9375rem )) { .footer__container { gap: calc(0.9375rem + 2 * (100vw - 20rem) / 54.4375); } } @supports (padding-top: clamp( 1rem , 0.954075775rem + 0.2296211251vw , 1.125rem )) { .footer__copyright { padding-top: clamp( 1rem , 0.954075775rem + 0.2296211251vw , 1.125rem ); } } @supports not (padding-top: clamp( 1rem , 0.954075775rem + 0.2296211251vw , 1.125rem )) { .footer__copyright { padding-top: calc(1rem + 0.125 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 1rem , -2.214695752rem + 16.07347876vw , 9.75rem )) { .footer-nav { gap: clamp( 1rem , -2.214695752rem + 16.07347876vw , 9.75rem ); } } @supports not (gap: clamp( 1rem , -2.214695752rem + 16.07347876vw , 9.75rem )) { .footer-nav { gap: calc(1rem + 8.75 * (100vw - 20rem) / 54.4375); } } @layer size{ @supports (padding-top: clamp( 0.75rem , 0.5663030999rem + 0.9184845006vw , 1.25rem )) { .btn--lg { padding-top: clamp( 0.75rem , 0.5663030999rem + 0.9184845006vw , 1.25rem ); } } @supports not (padding-top: clamp( 0.75rem , 0.5663030999rem + 0.9184845006vw , 1.25rem )) { .btn--lg { padding-top: calc(0.75rem + 0.5 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-bottom: clamp( 0.75rem , 0.5663030999rem + 0.9184845006vw , 1.25rem )) { .btn--lg { padding-bottom: clamp( 0.75rem , 0.5663030999rem + 0.9184845006vw , 1.25rem ); } } @supports not (padding-bottom: clamp( 0.75rem , 0.5663030999rem + 0.9184845006vw , 1.25rem )) { .btn--lg { padding-bottom: calc(0.75rem + 0.5 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-left: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--lg { padding-left: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem ); } } @supports not (padding-left: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--lg { padding-left: calc(0.875rem + 1.5625 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-right: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--lg { padding-right: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem ); } } @supports not (padding-right: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--lg { padding-right: calc(0.875rem + 1.5625 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem )) { .btn--lg { font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem ); } } @supports not (font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem )) { .btn--lg { font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-top: clamp( 0.5rem , 0.2244546498rem + 1.3777267509vw , 1.25rem )) { .btn--md { padding-top: clamp( 0.5rem , 0.2244546498rem + 1.3777267509vw , 1.25rem ); } } @supports not (padding-top: clamp( 0.5rem , 0.2244546498rem + 1.3777267509vw , 1.25rem )) { .btn--md { padding-top: calc(0.5rem + 0.75 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-bottom: clamp( 0.5rem , 0.2244546498rem + 1.3777267509vw , 1.25rem )) { .btn--md { padding-bottom: clamp( 0.5rem , 0.2244546498rem + 1.3777267509vw , 1.25rem ); } } @supports not (padding-bottom: clamp( 0.5rem , 0.2244546498rem + 1.3777267509vw , 1.25rem )) { .btn--md { padding-bottom: calc(0.5rem + 0.75 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-left: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--md { padding-left: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem ); } } @supports not (padding-left: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--md { padding-left: calc(0.875rem + 1.5625 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-right: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--md { padding-right: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem ); } } @supports not (padding-right: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--md { padding-right: calc(0.875rem + 1.5625 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem )) { .btn--md { font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem ); } } @supports not (font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem )) { .btn--md { font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-top: clamp( 0.5625rem , 0.516575775rem + 0.2296211251vw , 0.6875rem )) { .btn--sm { padding-top: clamp( 0.5625rem , 0.516575775rem + 0.2296211251vw , 0.6875rem ); } } @supports not (padding-top: clamp( 0.5625rem , 0.516575775rem + 0.2296211251vw , 0.6875rem )) { .btn--sm { padding-top: calc(0.5625rem + 0.125 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-bottom: clamp( 0.5625rem , 0.516575775rem + 0.2296211251vw , 0.6875rem )) { .btn--sm { padding-bottom: clamp( 0.5625rem , 0.516575775rem + 0.2296211251vw , 0.6875rem ); } } @supports not (padding-bottom: clamp( 0.5625rem , 0.516575775rem + 0.2296211251vw , 0.6875rem )) { .btn--sm { padding-bottom: calc(0.5625rem + 0.125 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-left: clamp( 0.9375rem , 0.7538030999rem + 0.9184845006vw , 1.4375rem )) { .btn--sm { padding-left: clamp( 0.9375rem , 0.7538030999rem + 0.9184845006vw , 1.4375rem ); } } @supports not (padding-left: clamp( 0.9375rem , 0.7538030999rem + 0.9184845006vw , 1.4375rem )) { .btn--sm { padding-left: calc(0.9375rem + 0.5 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-right: clamp( 0.9375rem , 0.7538030999rem + 0.9184845006vw , 1.4375rem )) { .btn--sm { padding-right: clamp( 0.9375rem , 0.7538030999rem + 0.9184845006vw , 1.4375rem ); } } @supports not (padding-right: clamp( 0.9375rem , 0.7538030999rem + 0.9184845006vw , 1.4375rem )) { .btn--sm { padding-right: calc(0.9375rem + 0.5 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (font-size: clamp( 0.6875rem , 0.6645378875rem + 0.1148105626vw , 0.75rem )) { .btn--sm { font-size: clamp( 0.6875rem , 0.6645378875rem + 0.1148105626vw , 0.75rem ); } } @supports not (font-size: clamp( 0.6875rem , 0.6645378875rem + 0.1148105626vw , 0.75rem )) { .btn--sm { font-size: calc(0.6875rem + 0.0625 * (100vw - 20rem) / 54.4375); } } } @layer form{ @supports (border-radius: clamp( 0.625rem , 0.4872273249rem + 0.6888633754vw , 1rem )) { .btn--rect { border-radius: clamp( 0.625rem , 0.4872273249rem + 0.6888633754vw , 1rem ); } } @supports not (border-radius: clamp( 0.625rem , 0.4872273249rem + 0.6888633754vw , 1rem )) { .btn--rect { border-radius: calc(0.625rem + 0.375 * (100vw - 20rem) / 54.4375); } } } @layer form{ @supports (border-radius: clamp( 2.1875rem , 2.0267652124rem + 0.803673938vw , 2.625rem )) { .btn--round { border-radius: clamp( 2.1875rem , 2.0267652124rem + 0.803673938vw , 2.625rem ); } } @supports not (border-radius: clamp( 2.1875rem , 2.0267652124rem + 0.803673938vw , 2.625rem )) { .btn--round { border-radius: calc(2.1875rem + 0.4375 * (100vw - 20rem) / 54.4375); } } } @supports (font-size: clamp( 1.375rem , 0.5024397245rem + 4.3628013777vw , 3.75rem )) { .title--xl { font-size: clamp( 1.375rem , 0.5024397245rem + 4.3628013777vw , 3.75rem ); } } @supports not (font-size: clamp( 1.375rem , 0.5024397245rem + 4.3628013777vw , 3.75rem )) { .title--xl { font-size: calc(1.375rem + 2.375 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 1.5rem , 1.3163030999rem + 0.9184845006vw , 2rem )) { .title--lg { font-size: clamp( 1.5rem , 1.3163030999rem + 0.9184845006vw , 2rem ); } } @supports not (font-size: clamp( 1.5rem , 1.3163030999rem + 0.9184845006vw , 2rem )) { .title--lg { font-size: calc(1.5rem + 0.5 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 1.5rem , 1.4081515499rem + 0.4592422503vw , 1.75rem )) { .title--md { font-size: clamp( 1.5rem , 1.4081515499rem + 0.4592422503vw , 1.75rem ); } } @supports not (font-size: clamp( 1.5rem , 1.4081515499rem + 0.4592422503vw , 1.75rem )) { .title--md { font-size: calc(1.5rem + 0.25 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 1rem , 0.8851894374rem + 0.5740528129vw , 1.3125rem )) { .title--sm { font-size: clamp( 1rem , 0.8851894374rem + 0.5740528129vw , 1.3125rem ); } } @supports not (font-size: clamp( 1rem , 0.8851894374rem + 0.5740528129vw , 1.3125rem )) { .title--sm { font-size: calc(1rem + 0.3125 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 0.75rem , 0.6581515499rem + 0.4592422503vw , 1rem )) { .title--xs { font-size: clamp( 0.75rem , 0.6581515499rem + 0.4592422503vw , 1rem ); } } @supports not (font-size: clamp( 0.75rem , 0.6581515499rem + 0.4592422503vw , 1rem )) { .title--xs { font-size: calc(0.75rem + 0.25 * (100vw - 20rem) / 54.4375); } } @supports (margin-top: clamp( 3.375rem , 2.3876291619rem + 4.9368541906vw , 6.0625rem )) { .hero { margin-top: 1rem; /* margin-top: clamp( 3.375rem , 2.3876291619rem + 4.9368541906vw , 6.0625rem );*/ } } @supports not (margin-top: clamp( 3.375rem , 2.3876291619rem + 4.9368541906vw , 6.0625rem )) { .hero { margin-top: calc(3.375rem + 2.6875 * (100vw - 20rem) / 54.4375); } } @supports (margin-left: clamp( 0.9375rem , 0.6619546498rem + 1.3777267509vw , 1.6875rem )) { .hero { margin-left: clamp( 0.9375rem , 0.6619546498rem + 1.3777267509vw , 1.6875rem ); } } @supports not (margin-left: clamp( 0.9375rem , 0.6619546498rem + 1.3777267509vw , 1.6875rem )) { .hero { margin-left: calc(0.9375rem + 0.75 * (100vw - 20rem) / 54.4375); } } @supports (margin-right: clamp( 0.9375rem , 0.6619546498rem + 1.3777267509vw , 1.6875rem )) { .hero { margin-right: clamp( 0.9375rem , 0.6619546498rem + 1.3777267509vw , 1.6875rem ); } } @supports not (margin-right: clamp( 0.9375rem , 0.6619546498rem + 1.3777267509vw , 1.6875rem )) { .hero { margin-right: calc(0.9375rem + 0.75 * (100vw - 20rem) / 54.4375); } } @supports (margin-bottom: clamp( 1.3125rem , 1.1058409874rem + 1.0332950631vw , 1.875rem )) { .hero__subtitle { margin-bottom: clamp( 1.3125rem , 1.1058409874rem + 1.0332950631vw , 1.875rem ); } } @supports not (margin-bottom: clamp( 1.3125rem , 1.1058409874rem + 1.0332950631vw , 1.875rem )) { .hero__subtitle { margin-bottom: calc(1.3125rem + 0.5625 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 1rem , 0.8392652124rem + 0.803673938vw , 1.4375rem )) { .hero__subtitle { font-size: clamp( 1rem , 0.8392652124rem + 0.803673938vw , 1.4375rem ); } } @supports not (font-size: clamp( 1rem , 0.8392652124rem + 0.803673938vw , 1.4375rem )) { .hero__subtitle { font-size: calc(1rem + 0.4375 * (100vw - 20rem) / 54.4375); } } @supports (margin-bottom: clamp( 1.1875rem , 0.9578788749rem + 1.1481056257vw , 1.8125rem )) { .hero__title { margin-bottom: clamp( 1.1875rem , 0.9578788749rem + 1.1481056257vw , 1.8125rem ); } } @supports not (margin-bottom: clamp( 1.1875rem , 0.9578788749rem + 1.1481056257vw , 1.8125rem )) { .hero__title { margin-bottom: calc(1.1875rem + 0.625 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 1.25rem , 0.6529850746rem + 2.9850746269vw , 2.875rem )) { .hero__content { gap: clamp( 1.25rem , 0.6529850746rem + 2.9850746269vw , 2.875rem ); } } @supports not (gap: clamp( 1.25rem , 0.6529850746rem + 2.9850746269vw , 2.875rem )) { .hero__content { gap: calc(1.25rem + 1.625 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 0.875rem , 0.6913030999rem + 0.9184845006vw , 1.375rem )) { .hero__text { font-size: clamp( 0.875rem , 0.6913030999rem + 0.9184845006vw , 1.375rem ); } } @supports not (font-size: clamp( 0.875rem , 0.6913030999rem + 0.9184845006vw , 1.375rem )) { .hero__text { font-size: calc(0.875rem + 0.5 * (100vw - 20rem) / 54.4375); } } @supports (margin-top: clamp( 1.5625rem , 0.8736366246rem + 3.4443168772vw , 3.4375rem )) { .hero__figure { margin-top: clamp( 1.5625rem , 0.8736366246rem + 3.4443168772vw , 3.4375rem ); } } @supports not (margin-top: clamp( 1.5625rem , 0.8736366246rem + 3.4443168772vw , 3.4375rem )) { .hero__figure { margin-top: calc(1.5625rem + 1.875 * (100vw - 20rem) / 54.4375); } } @supports (min-width: clamp( 16.375rem , 8.2004879449rem + 40.8725602755vw , 38.625rem )) { .hero-video { min-width: clamp( 16.375rem , 8.2004879449rem + 40.8725602755vw , 38.625rem ); } } @supports not (min-width: clamp( 16.375rem , 8.2004879449rem + 40.8725602755vw , 38.625rem )) { .hero-video { min-width: calc(16.375rem + 22.25 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 9.9375rem , 6.7916905855rem + 15.7290470723vw , 18.5rem )) { .hero-video { height: clamp( 9.9375rem , 6.7916905855rem + 15.7290470723vw , 18.5rem ); } } @supports not (height: clamp( 9.9375rem , 6.7916905855rem + 15.7290470723vw , 18.5rem )) { .hero-video { height: calc(9.9375rem + 8.5625 * (100vw - 20rem) / 54.4375); } } @supports (width: clamp( 1.375rem , 0.8239092997rem + 2.7554535017vw , 2.875rem )) { .hero-video__icon { width: clamp( 1.375rem , 0.8239092997rem + 2.7554535017vw , 2.875rem ); } } @supports not (width: clamp( 1.375rem , 0.8239092997rem + 2.7554535017vw , 2.875rem )) { .hero-video__icon { width: calc(1.375rem + 1.5 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 1.375rem , 0.8239092997rem + 2.7554535017vw , 2.875rem )) { .hero-video__icon { height: clamp( 1.375rem , 0.8239092997rem + 2.7554535017vw , 2.875rem ); } } @supports not (height: clamp( 1.375rem , 0.8239092997rem + 2.7554535017vw , 2.875rem )) { .hero-video__icon { height: calc(1.375rem + 1.5 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 1.25rem , 0.8366819747rem + 2.0665901263vw , 2.375rem )) { .sections__container { gap: clamp( 1.25rem , 0.8366819747rem + 2.0665901263vw , 2.375rem ); } } @supports not (gap: clamp( 1.25rem , 0.8366819747rem + 2.0665901263vw , 2.375rem )) { .sections__container { gap: calc(1.25rem + 1.125 * (100vw - 20rem) / 54.4375); } } @supports (border-radius: clamp( 1rem , 0.9081515499rem + 0.4592422503vw , 1.25rem )) { .sections-cards__item { border-radius: clamp( 1rem , 0.9081515499rem + 0.4592422503vw , 1.25rem ); } } @supports not (border-radius: clamp( 1rem , 0.9081515499rem + 0.4592422503vw , 1.25rem )) { .sections-cards__item { border-radius: calc(1rem + 0.25 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 7.5625rem , 6.8965987371rem + 3.3295063146vw , 9.375rem )) { .sections-cards__link { height: clamp( 7.5625rem , 6.8965987371rem + 3.3295063146vw , 9.375rem ); } } @supports not (height: clamp( 7.5625rem , 6.8965987371rem + 3.3295063146vw , 9.375rem )) { .sections-cards__link { height: calc(7.5625rem + 1.8125 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 0.9375rem , 0.7308409874rem + 1.0332950631vw , 1.5rem )) { .sections-cards__link { gap: clamp( 0.9375rem , 0.7308409874rem + 1.0332950631vw , 1.5rem ); } } @supports not (gap: clamp( 0.9375rem , 0.7308409874rem + 1.0332950631vw , 1.5rem )) { .sections-cards__link { gap: calc(0.9375rem + 0.5625 * (100vw - 20rem) / 54.4375); } } @supports (padding-left: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem )) { .sections-cards__link { padding-left: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem ); } } @supports not (padding-left: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem )) { .sections-cards__link { padding-left: calc(1.3125rem + 0.4375 * (100vw - 20rem) / 54.4375); } } @supports (padding-right: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem )) { .sections-cards__link { padding-right: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem ); } } @supports not (padding-right: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem )) { .sections-cards__link { padding-right: calc(1.3125rem + 0.4375 * (100vw - 20rem) / 54.4375); } } @supports (padding-left: clamp( 0.75rem , 1.1773105626rem + -0.5740528129vw , 1.0625rem )) { .sections-partners__partner { padding-left: clamp( 0.75rem , 1.1773105626rem + -0.5740528129vw , 1.0625rem ); } } @supports not (padding-left: clamp( 0.75rem , 1.1773105626rem + -0.5740528129vw , 1.0625rem )) { .sections-partners__partner { padding-left: calc(1.0625rem + -0.3125 * (100vw - 20rem) / 54.4375); } } @supports (padding-right: clamp( 0.75rem , 1.1773105626rem + -0.5740528129vw , 1.0625rem )) { .sections-partners__partner { padding-right: clamp( 0.75rem , 1.1773105626rem + -0.5740528129vw , 1.0625rem ); } } @supports not (padding-right: clamp( 0.75rem , 1.1773105626rem + -0.5740528129vw , 1.0625rem )) { .sections-partners__partner { padding-right: calc(1.0625rem + -0.3125 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem )) { .sections-partners__partner { font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem ); } } @supports not (font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem )) { .sections-partners__partner { font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 2.5rem , 2.454075775rem + 0.2296211251vw , 2.625rem )) { .sections-partners__partner { height: clamp( 2.5rem , 2.454075775rem + 0.2296211251vw , 2.625rem ); } } @supports not (height: clamp( 2.5rem , 2.454075775rem + 0.2296211251vw , 2.625rem )) { .sections-partners__partner { height: calc(2.5rem + 0.125 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 2.5625rem , 1.3225459242rem + 6.1997703789vw , 5.9375rem )) { .app { padding-bottom: clamp( 2.5625rem , 1.3225459242rem + 6.1997703789vw , 5.9375rem ); } } @supports not (padding-bottom: clamp( 2.5625rem , 1.3225459242rem + 6.1997703789vw , 5.9375rem )) { .app { padding-bottom: calc(2.5625rem + 3.375 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 2.5rem , 0.7778415614rem + 8.6107921929vw , 7.1875rem )) { .calendar { padding-bottom: clamp( 2.5rem , 0.7778415614rem + 8.6107921929vw , 7.1875rem ); } } @supports not (padding-bottom: clamp( 2.5rem , 0.7778415614rem + 8.6107921929vw , 7.1875rem )) { .calendar { padding-bottom: calc(2.5rem + 4.6875 * (100vw - 20rem) / 54.4375); } } @supports (margin-bottom: clamp( 2rem , 1.8622273249rem + 0.6888633754vw , 2.375rem )) { .calendar__title { margin-bottom: clamp( 2rem , 1.8622273249rem + 0.6888633754vw , 2.375rem ); } } @supports not (margin-bottom: clamp( 2rem , 1.8622273249rem + 0.6888633754vw , 2.375rem )) { .calendar__title { margin-bottom: calc(2rem + 0.375 * (100vw - 20rem) / 54.4375); } } @supports (margin-bottom: clamp( 1.5rem , 1.1785304248rem + 1.607347876vw , 2.375rem )) { .calendar__picker { margin-bottom: clamp( 1.5rem , 1.1785304248rem + 1.607347876vw , 2.375rem ); } } @supports not (margin-bottom: clamp( 1.5rem , 1.1785304248rem + 1.607347876vw , 2.375rem )) { .calendar__picker { margin-bottom: calc(1.5rem + 0.875 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 0.5625rem , 0.0802956372rem + 2.411021814vw , 1.875rem )) { .calendar-picker { gap: clamp( 0.5625rem , 0.0802956372rem + 2.411021814vw , 1.875rem ); } } @supports not (gap: clamp( 0.5625rem , 0.0802956372rem + 2.411021814vw , 1.875rem )) { .calendar-picker { gap: calc(0.5625rem + 1.3125 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 1rem , 0.8163030999rem + 0.9184845006vw , 1.5rem )) { .calendar-picker__month { font-size: clamp( 1rem , 0.8163030999rem + 0.9184845006vw , 1.5rem ); } } @supports not (font-size: clamp( 1rem , 0.8163030999rem + 0.9184845006vw , 1.5rem )) { .calendar-picker__month { font-size: calc(1rem + 0.5 * (100vw - 20rem) / 54.4375); } } @supports (min-width: clamp( 2.4375rem , 2.3226894374rem + 0.5740528129vw , 2.75rem )) { .calendar-picker-dates__item { min-width: clamp( 2.4375rem , 2.3226894374rem + 0.5740528129vw , 2.75rem ); } } @supports not (min-width: clamp( 2.4375rem , 2.3226894374rem + 0.5740528129vw , 2.75rem )) { .calendar-picker-dates__item { min-width: calc(2.4375rem + 0.3125 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 2.75rem , 2.4744546498rem + 1.3777267509vw , 3.5rem )) { .calendar-picker-dates__item { height: clamp( 2.75rem , 2.4744546498rem + 1.3777267509vw , 3.5rem ); } } @supports not (height: clamp( 2.75rem , 2.4744546498rem + 1.3777267509vw , 3.5rem )) { .calendar-picker-dates__item { height: calc(2.75rem + 0.75 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 1rem , 0.9081515499rem + 0.4592422503vw , 1.25rem )) { .calendar-picker-dates__number { font-size: clamp( 1rem , 0.9081515499rem + 0.4592422503vw , 1.25rem ); } } @supports not (font-size: clamp( 1rem , 0.9081515499rem + 0.4592422503vw , 1.25rem )) { .calendar-picker-dates__number { font-size: calc(1rem + 0.25 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 0.875rem , 0.7372273249rem + 0.6888633754vw , 1.25rem )) { .calendar-picker-dates__day { font-size: clamp( 0.875rem , 0.7372273249rem + 0.6888633754vw , 1.25rem ); } } @supports not (font-size: clamp( 0.875rem , 0.7372273249rem + 0.6888633754vw , 1.25rem )) { .calendar-picker-dates__day { font-size: calc(0.875rem + 0.375 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 0.9375rem , -0.0039466131rem + 4.7072330654vw , 3.5rem )) { .calendar-lists__cards { gap: clamp( 0.9375rem , -0.0039466131rem + 4.7072330654vw , 3.5rem ); } } @supports not (gap: clamp( 0.9375rem , -0.0039466131rem + 4.7072330654vw , 3.5rem )) { .calendar-lists__cards { gap: calc(0.9375rem + 2.5625 * (100vw - 20rem) / 54.4375); } } @supports (padding-top: clamp( 1.875rem , 1.829075775rem + 0.2296211251vw , 2rem )) { .calendar-lists__card, .calendar-lists__empty { padding-top: clamp( 1.875rem , 1.829075775rem + 0.2296211251vw , 2rem ); } } @supports not (padding-top: clamp( 1.875rem , 1.829075775rem + 0.2296211251vw , 2rem )) { .calendar-lists__card, .calendar-lists__empty { padding-top: calc(1.875rem + 0.125 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 1.875rem , 1.829075775rem + 0.2296211251vw , 2rem )) { .calendar-lists__card, .calendar-lists__empty { padding-bottom: clamp( 1.875rem , 1.829075775rem + 0.2296211251vw , 2rem ); } } @supports not (padding-bottom: clamp( 1.875rem , 1.829075775rem + 0.2296211251vw , 2rem )) { .calendar-lists__card, .calendar-lists__empty { padding-bottom: calc(1.875rem + 0.125 * (100vw - 20rem) / 54.4375); } } @supports (padding-left: clamp( 0.9375rem , 0.4782577497rem + 2.2962112514vw , 2.1875rem )) { .calendar-lists__card, .calendar-lists__empty { padding-left: clamp( 0.9375rem , 0.4782577497rem + 2.2962112514vw , 2.1875rem ); } } @supports not (padding-left: clamp( 0.9375rem , 0.4782577497rem + 2.2962112514vw , 2.1875rem )) { .calendar-lists__card, .calendar-lists__empty { padding-left: calc(0.9375rem + 1.25 * (100vw - 20rem) / 54.4375); } } @supports (padding-right: clamp( 0.625rem , 0.0509471871rem + 2.8702640643vw , 2.1875rem )) { .calendar-lists__card, .calendar-lists__empty { padding-right: clamp( 0.625rem , 0.0509471871rem + 2.8702640643vw , 2.1875rem ); } } @supports not (padding-right: clamp( 0.625rem , 0.0509471871rem + 2.8702640643vw , 2.1875rem )) { .calendar-lists__card, .calendar-lists__empty { padding-right: calc(0.625rem + 1.5625 * (100vw - 20rem) / 54.4375); } } @supports (min-width: clamp( 17.5rem , 12.4483352468rem + 25.2583237658vw , 31.25rem )) { .calendar-lists__card { min-width: clamp( 17.5rem , 12.4483352468rem + 25.2583237658vw , 31.25rem ); } } @supports not (min-width: clamp( 17.5rem , 12.4483352468rem + 25.2583237658vw , 31.25rem )) { .calendar-lists__card { min-width: calc(17.5rem + 13.75 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 1.125rem , 1.079075775rem + 0.2296211251vw , 1.25rem )) { .calendar-lists__text { font-size: clamp( 1.125rem , 1.079075775rem + 0.2296211251vw , 1.25rem ); } } @supports not (font-size: clamp( 1.125rem , 1.079075775rem + 0.2296211251vw , 1.25rem )) { .calendar-lists__text { font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 3.25rem , 2.7218714122rem + 2.6406429392vw , 4.6875rem )) { .popular { padding-bottom: clamp( 3.25rem , 2.7218714122rem + 2.6406429392vw , 4.6875rem ); } } @supports not (padding-bottom: clamp( 3.25rem , 2.7218714122rem + 2.6406429392vw , 4.6875rem )) { .popular { padding-bottom: calc(3.25rem + 1.4375 * (100vw - 20rem) / 54.4375); } } @supports (padding-top: clamp( 1.25rem , 0.8366819747rem + 2.0665901263vw , 2.375rem )) { .popular .swiper { padding-top: clamp( 1.25rem , 0.8366819747rem + 2.0665901263vw , 2.375rem ); } } @supports not (padding-top: clamp( 1.25rem , 0.8366819747rem + 2.0665901263vw , 2.375rem )) { .popular .swiper { padding-top: calc(1.25rem + 1.125 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 2.375rem , 2.1683409874rem + 1.0332950631vw , 2.9375rem )) { .popular .swiper { padding-bottom: clamp( 2.375rem , 2.1683409874rem + 1.0332950631vw , 2.9375rem ); } } @supports not (padding-bottom: clamp( 2.375rem , 2.1683409874rem + 1.0332950631vw , 2.9375rem )) { .popular .swiper { padding-bottom: calc(2.375rem + 0.5625 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 11.0625rem , 10.3506745121rem + 3.5591274397vw , 13rem )) { .popular-slide__img { height: clamp( 11.0625rem , 10.3506745121rem + 3.5591274397vw , 13rem ); } } @supports not (height: clamp( 11.0625rem , 10.3506745121rem + 3.5591274397vw , 13rem )) { .popular-slide__img { height: calc(11.0625rem + 1.9375 * (100vw - 20rem) / 54.4375); } } @supports (padding-left: clamp( 1rem , 0.9311136625rem + 0.3444316877vw , 1.1875rem )) { .popular-slide__content { padding-left: clamp( 1rem , 0.9311136625rem + 0.3444316877vw , 1.1875rem ); } } @supports not (padding-left: clamp( 1rem , 0.9311136625rem + 0.3444316877vw , 1.1875rem )) { .popular-slide__content { padding-left: calc(1rem + 0.1875 * (100vw - 20rem) / 54.4375); } } @supports (padding-right: clamp( 1rem , 0.8622273249rem + 0.6888633754vw , 1.375rem )) { .popular-slide__content { padding-right: clamp( 1rem , 0.8622273249rem + 0.6888633754vw , 1.375rem ); } } @supports not (padding-right: clamp( 1rem , 0.8622273249rem + 0.6888633754vw , 1.375rem )) { .popular-slide__content { padding-right: calc(1rem + 0.375 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 1.5625rem , 1.4476894374rem + 0.5740528129vw , 1.875rem )) { .popular-slide__content { padding-bottom: clamp( 1.5625rem , 1.4476894374rem + 0.5740528129vw , 1.875rem ); } } @supports not (padding-bottom: clamp( 1.5625rem , 1.4476894374rem + 0.5740528129vw , 1.875rem )) { .popular-slide__content { padding-bottom: calc(1.5625rem + 0.3125 * (100vw - 20rem) / 54.4375); } } @supports (max-width: clamp( 15rem , 13.1630309989rem + 9.1848450057vw , 20rem )) { .popular-slide__title { max-width: clamp( 15rem , 13.1630309989rem + 9.1848450057vw , 20rem ); } } @supports not (max-width: clamp( 15rem , 13.1630309989rem + 9.1848450057vw , 20rem )) { .popular-slide__title { max-width: calc(15rem + 5 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 3.375rem , 2.4335533869rem + 4.7072330654vw , 5.9375rem )) { .partners { padding-bottom: clamp( 3.375rem , 2.4335533869rem + 4.7072330654vw , 5.9375rem ); } } @supports not (padding-bottom: clamp( 3.375rem , 2.4335533869rem + 4.7072330654vw , 5.9375rem )) { .partners { padding-bottom: calc(3.375rem + 2.5625 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem )) { .partners__container { gap: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem ); } } @supports not (gap: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem )) { .partners__container { gap: calc(1.3125rem + 0.4375 * (100vw - 20rem) / 54.4375); } } @supports (width: clamp( 7.5rem , 4.7445464983rem + 13.7772675086vw , 15rem )) { .partners__img { width: clamp( 7.5rem , 4.7445464983rem + 13.7772675086vw , 15rem ); } } @supports not (width: clamp( 7.5rem , 4.7445464983rem + 13.7772675086vw , 15rem )) { .partners__img { width: calc(7.5rem + 7.5 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 3.125rem , 1.517652124rem + 8.03673938vw , 7.5rem )) { .partners__img { height: clamp( 3.125rem , 1.517652124rem + 8.03673938vw , 7.5rem ); } } @supports not (height: clamp( 3.125rem , 1.517652124rem + 8.03673938vw , 7.5rem )) { .partners__img { height: calc(3.125rem + 4.375 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 2.5rem , 1.2370838117rem + 6.3145809414vw , 5.9375rem )) { .socials { padding-bottom: clamp( 2.5rem , 1.2370838117rem + 6.3145809414vw , 5.9375rem ); } } @supports not (padding-bottom: clamp( 2.5rem , 1.2370838117rem + 6.3145809414vw , 5.9375rem )) { .socials { padding-bottom: calc(2.5rem + 3.4375 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 0.9375rem , 0.8226894374rem + 0.5740528129vw , 1.25rem )) { .socials__container { gap: clamp( 0.9375rem , 0.8226894374rem + 0.5740528129vw , 1.25rem ); } } @supports not (gap: clamp( 0.9375rem , 0.8226894374rem + 0.5740528129vw , 1.25rem )) { .socials__container { gap: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 54.4375); } } @supports (min-width: clamp( 2.5625rem , 2.2180683123rem + 1.7221584386vw , 3.5rem )) { .nav--md { min-width: clamp( 2.5625rem , 2.2180683123rem + 1.7221584386vw , 3.5rem ); } } @supports not (min-width: clamp( 2.5625rem , 2.2180683123rem + 1.7221584386vw , 3.5rem )) { .nav--md { min-width: calc(2.5625rem + 0.9375 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 2.5625rem , 2.2180683123rem + 1.7221584386vw , 3.5rem )) { .nav--md { height: clamp( 2.5625rem , 2.2180683123rem + 1.7221584386vw , 3.5rem ); } } @supports not (height: clamp( 2.5625rem , 2.2180683123rem + 1.7221584386vw , 3.5rem )) { .nav--md { height: calc(2.5625rem + 0.9375 * (100vw - 20rem) / 54.4375); } } @supports (min-width: clamp( 2.5625rem , 2.3328788749rem + 1.1481056257vw , 3.1875rem )) { .nav--sm { min-width: clamp( 2.5625rem , 2.3328788749rem + 1.1481056257vw , 3.1875rem ); } } @supports not (min-width: clamp( 2.5625rem , 2.3328788749rem + 1.1481056257vw , 3.1875rem )) { .nav--sm { min-width: calc(2.5625rem + 0.625 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 2.5625rem , 2.3328788749rem + 1.1481056257vw , 3.1875rem )) { .nav--sm { height: clamp( 2.5625rem , 2.3328788749rem + 1.1481056257vw , 3.1875rem ); } } @supports not (height: clamp( 2.5625rem , 2.3328788749rem + 1.1481056257vw , 3.1875rem )) { .nav--sm { height: calc(2.5625rem + 0.625 * (100vw - 20rem) / 54.4375); } } @supports (width: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem )) { .socials-menu { width: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem ); } } @supports not (width: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem )) { .socials-menu { width: calc(2.875rem + 1.0625 * (100vw - 20rem) / 54.4375); } } @supports (right: clamp( 0.0000000625rem , -0.6199769524rem + 3.0998850746vw , 1.6875rem )) { .socials-menu { right: clamp( 0.0000000625rem , -0.6199769524rem + 3.0998850746vw , 1.6875rem ); } } @supports not (right: clamp( 0.0000000625rem , -0.6199769524rem + 3.0998850746vw , 1.6875rem )) { .socials-menu { right: calc(0.0000000625rem + 1.6874999375 * (100vw - 20rem) / 54.4375); } } @supports (bottom: clamp( 3.375rem , 2.9616819747rem + 2.0665901263vw , 4.5rem )) { .socials-menu.active .socials-menu__icons { bottom: clamp( 3.375rem , 2.9616819747rem + 2.0665901263vw , 4.5rem ); } } @supports not (bottom: clamp( 3.375rem , 2.9616819747rem + 2.0665901263vw , 4.5rem )) { .socials-menu.active .socials-menu__icons { bottom: calc(3.375rem + 1.125 * (100vw - 20rem) / 54.4375); } } @supports (width: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem )) { .socials-menu__btn { width: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem ); } } @supports not (width: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem )) { .socials-menu__btn { width: calc(2.875rem + 1.0625 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem )) { .socials-menu__btn { height: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem ); } } @supports not (height: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem )) { .socials-menu__btn { height: calc(2.875rem + 1.0625 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 0.0000000625rem , -0.8266359651rem + 4.1331801378vw , 2.25rem )) { .menu__list { gap: clamp( 0.0000000625rem , -0.8266359651rem + 4.1331801378vw , 2.25rem ); } } @supports not (gap: clamp( 0.0000000625rem , -0.8266359651rem + 4.1331801378vw , 2.25rem )) { .menu__list { gap: calc(0.0000000625rem + 2.2499999375 * (100vw - 20rem) / 54.4375); } } @supports (width: clamp( 1.6875rem , 1.5267652124rem + 0.803673938vw , 2.125rem )) { .select__title { width: clamp( 1.6875rem , 1.5267652124rem + 0.803673938vw , 2.125rem ); } } @supports not (width: clamp( 1.6875rem , 1.5267652124rem + 0.803673938vw , 2.125rem )) { .select__title { width: calc(1.6875rem + 0.4375 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 1.625rem , 1.4872273249rem + 0.6888633754vw , 2rem )) { .select__title { height: clamp( 1.625rem , 1.4872273249rem + 0.6888633754vw , 2rem ); } } @supports not (height: clamp( 1.625rem , 1.4872273249rem + 0.6888633754vw , 2rem )) { .select__title { height: calc(1.625rem + 0.375 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 0.6875rem , 0.6186136625rem + 0.3444316877vw , 0.875rem )) { .select__content, .select__option { font-size: clamp( 0.6875rem , 0.6186136625rem + 0.3444316877vw , 0.875rem ); } } @supports not (font-size: clamp( 0.6875rem , 0.6186136625rem + 0.3444316877vw , 0.875rem )) { .select__content, .select__option { font-size: calc(0.6875rem + 0.1875 * (100vw - 20rem) / 54.4375); } } @supports (width: clamp( 1.6875rem , 1.5267652124rem + 0.803673938vw , 2.125rem )) { .select__options { width: clamp( 1.6875rem , 1.5267652124rem + 0.803673938vw , 2.125rem ); } } @supports not (width: clamp( 1.6875rem , 1.5267652124rem + 0.803673938vw , 2.125rem )) { .select__options { width: calc(1.6875rem + 0.4375 * (100vw - 20rem) / 54.4375); } } } /*@media (hover: hover) and (min-width: 20em) and (max-width: 74.4375em) {*/ @media (min-width: 20em) and (max-width: 74.4375em) { @supports (bottom: clamp( 3.375rem , 2.9616819747rem + 2.0665901263vw , 4.5rem )) { /*.socials-menu:hover .socials-menu__icons {*/ .socials-menu .socials-menu__icons { bottom: clamp( 3.375rem , 2.9616819747rem + 2.0665901263vw , 4.5rem ); } } @supports not (bottom: clamp( 3.375rem , 2.9616819747rem + 2.0665901263vw , 4.5rem )) { /*.socials-menu:hover .socials-menu__icons {*/ .socials-menu .socials-menu__icons { bottom: calc(3.375rem + 1.125 * (100vw - 20rem) / 54.4375); } } } @media (min-width: 620px) { .footer__left { flex: none; gap: 1.8125rem; flex-direction: column; } } @media (min-width: 767.98px) and (min-width: 20em) and (max-width: 74.4375em) { @supports (margin-left: clamp( 0.0000000625rem , -0.4133179398rem + 2.0665900115vw , 1.125rem )) { .popular .swiper { margin-left: clamp( 0.0000000625rem , -0.4133179398rem + 2.0665900115vw , 1.125rem ); } } @supports not (margin-left: clamp( 0.0000000625rem , -0.4133179398rem + 2.0665900115vw , 1.125rem )) { .popular .swiper { margin-left: calc(0.0000000625rem + 1.1249999375 * (100vw - 20rem) / 54.4375); } } @supports (margin-right: clamp( 0.0000000625rem , -0.4133179398rem + 2.0665900115vw , 1.125rem )) { .popular .swiper { margin-right: clamp( 0.0000000625rem , -0.4133179398rem + 2.0665900115vw , 1.125rem ); } } @supports not (margin-right: clamp( 0.0000000625rem , -0.4133179398rem + 2.0665900115vw , 1.125rem )) { .popular .swiper { margin-right: calc(0.0000000625rem + 1.1249999375 * (100vw - 20rem) / 54.4375); } } @supports (padding-left: clamp( 0.9375rem , 0.8686136625rem + 0.3444316877vw , 1.125rem )) { .popular .swiper { padding-left: clamp( 0.9375rem , 0.8686136625rem + 0.3444316877vw , 1.125rem ); } } @supports not (padding-left: clamp( 0.9375rem , 0.8686136625rem + 0.3444316877vw , 1.125rem )) { .popular .swiper { padding-left: calc(0.9375rem + 0.1875 * (100vw - 20rem) / 54.4375); } } @supports (padding-right: clamp( 0.9375rem , 0.8686136625rem + 0.3444316877vw , 1.125rem )) { .popular .swiper { padding-right: clamp( 0.9375rem , 0.8686136625rem + 0.3444316877vw , 1.125rem ); } } @supports not (padding-right: clamp( 0.9375rem , 0.8686136625rem + 0.3444316877vw , 1.125rem )) { .popular .swiper { padding-right: calc(0.9375rem + 0.1875 * (100vw - 20rem) / 54.4375); } } } @media (min-width: 767.98px) and (max-width: 20em) { .popular .swiper { margin-left: 0.0000000625rem; } .popular .swiper { margin-right: 0.0000000625rem; } .popular .swiper { padding-left: 0.9375rem; } .popular .swiper { padding-right: 0.9375rem; } } @media (min-width: 991.98px) { .hero__btn--mobile { display: none; } .sections { position: relative; margin-left: 1.875rem; margin-right: 1.875rem; } .popular__title { margin-left: 5.625rem; } } @media (min-width: 1119.98px) { .menu__account { display: none; } } @media (min-width: 74.4375em) { .header { padding-top: 1.2rem; } .header { padding-bottom: 1rem; } .header__btns { gap: 0.9375rem; } .footer { padding-top: 2.75rem; } .footer__container { gap: 2.9375rem; } .footer__copyright { padding-top: 1.125rem; } .footer-nav { gap: 9.75rem; } @layer size{ .btn--lg { padding-top: 1.25rem; } } @layer size{ .btn--lg { padding-bottom: 1.25rem; } } @layer size{ .btn--lg { padding-left: 2.4375rem; } } @layer size{ .btn--lg { padding-right: 2.4375rem; } } @layer size{ .btn--lg { font-size: 1rem; } } @layer size{ .btn--md { padding-top: 1.25rem; } } @layer size{ .btn--md { padding-bottom: 1.25rem; } } @layer size{ .btn--md { padding-left: 2.4375rem; } } @layer size{ .btn--md { padding-right: 2.4375rem; } } @layer size{ .btn--md { font-size: 1rem; } } @layer size{ .btn--sm { padding-top: 0.6875rem; } } @layer size{ .btn--sm { padding-bottom: 0.6875rem; } } @layer size{ .btn--sm { padding-left: 1.4375rem; } } @layer size{ .btn--sm { padding-right: 1.4375rem; } } @layer size{ .btn--sm { font-size: 0.75rem; } } @layer form{ .btn--rect { border-radius: 1rem; } } @layer form{ .btn--round { border-radius: 2.625rem; } } .title--xl { font-size: 3.75rem; } .title--lg { font-size: 2rem; } .title--md { font-size: 1.75rem; } .title--sm { font-size: 1.3125rem; } .title--xs { font-size: 1rem; } .hero { margin-top: 1rem; } .hero { margin-left: 1.6875rem; } .hero { margin-right: 1.6875rem; } .hero__subtitle { margin-bottom: 1.875rem; } .hero__subtitle { font-size: 1.4375rem; } .hero__title { margin-bottom: 1.8125rem; } .hero__content { gap: 2.875rem; } .hero__text { font-size: 1.375rem; } .hero__figure { margin-top: 3.4375rem; } .hero-video { min-width: 38.625rem; } .hero-video { height: 18.5rem; } .hero-video__icon { width: 2.875rem; } .hero-video__icon { height: 2.875rem; } .sections__container { gap: 2.375rem; } .sections-cards__item { border-radius: 1.25rem; } .sections-cards__link { height: 9.375rem; } .sections-cards__link { gap: 1.5rem; } .sections-cards__link { padding-left: 1.75rem; } .sections-cards__link { padding-right: 1.75rem; } .sections-partners__partner { padding-left: 0.75rem; } .sections-partners__partner { padding-right: 0.75rem; } .sections-partners__partner { font-size: 1rem; } .sections-partners__partner { height: 2.625rem; } .app { padding-bottom: 5.9375rem; } .calendar { padding-bottom: 7.1875rem; } .calendar__title { margin-bottom: 2.375rem; } .calendar__picker { margin-bottom: 2.375rem; } .calendar-picker { gap: 1.875rem; } .calendar-picker__month { font-size: 1.5rem; } .calendar-picker-dates__item { min-width: 2.75rem; } .calendar-picker-dates__item { height: 3.5rem; } .calendar-picker-dates__number { font-size: 1.25rem; } .calendar-picker-dates__day { font-size: 1.25rem; } .calendar-lists__cards { gap: 3.5rem; } .calendar-lists__card, .calendar-lists__empty { padding-top: 2rem; } .calendar-lists__card, .calendar-lists__empty { padding-bottom: 2rem; } .calendar-lists__card, .calendar-lists__empty { padding-left: 2.1875rem; } .calendar-lists__card, .calendar-lists__empty { padding-right: 2.1875rem; } .calendar-lists__card { min-width: 31.25rem; } .calendar-lists__text { font-size: 1.25rem; } .popular { padding-bottom: 4.6875rem; } .popular .swiper { padding-top: 2.375rem; } .popular .swiper { padding-bottom: 2.9375rem; } .popular-slide__img { height: 13rem; } .popular-slide__content { padding-left: 1.1875rem; } .popular-slide__content { padding-right: 1.375rem; } .popular-slide__content { padding-bottom: 1.875rem; } .popular-slide__title { max-width: 20rem; } .partners { padding-bottom: 5.9375rem; } .partners__container { gap: 1.75rem; } .partners__img { width: 15rem; } .partners__img { height: 7.5rem; } .socials { padding-bottom: 5.9375rem; } .socials__container { gap: 1.25rem; } .nav--md { min-width: 3.5rem; } .nav--md { height: 3.5rem; } .nav--sm { min-width: 3.1875rem; } .nav--sm { height: 3.1875rem; } .socials-menu { width: 3.9375rem; } .socials-menu { right: 1.6875rem; } .socials-menu.active .socials-menu__icons { bottom: 4.5rem; } .socials-menu__btn { width: 3.9375rem; } .socials-menu__btn { height: 3.9375rem; } .menu__list { gap: 2.25rem; } .select__title { width: 2.125rem; } .select__title { height: 2rem; } .select__content, .select__option { font-size: 0.875rem; } .select__options { width: 2.125rem; } } @media (min-width: 767.98px) and (min-width: 74.4375em) { .popular .swiper { margin-left: 1.125rem; } .popular .swiper { margin-right: 1.125rem; } .popular .swiper { padding-left: 1.125rem; } .popular .swiper { padding-right: 1.125rem; } } /*@media (hover: hover) and (min-width: 74.4375em) {*/ @media (min-width: 74.4375em) { /*.socials-menu:hover .socials-menu__icons {*/ .socials-menu .socials-menu__icons { bottom: 4.5rem; } } @media (max-width: 991.98px) { .header__logo{ display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 1rem; width: auto !important; } .header-sub-logos{ margin-top: 0 !important; gap: 8px; } :root { --spacing: 80px; } .icon--header-logo { --icon__width: 84px; --icon__height: 26px; } .icon--account { --icon__width: 15px; --icon__height: 16px; } .account-btn__icon { width: 2rem; height: 2rem; } .hero { padding: 2.8125rem 0.75rem 1.75rem; margin-bottom: 1.5625rem; border-radius: 1.875rem; } .hero__content { flex-direction: column-reverse; } .hero__text { line-height: 129%; } .hero__btn--desktop { display: none; } .hero__figure { display: none; } .icon-sections { --icon__width: 43px; --icon__height: 43px; } .sections-partners .swiper-wrapper { gap: 1.125rem; } .calendar-picker__header { justify-content: space-between; } .calendar-picker-dates { padding: 0.875rem 0; border-top: 1px solid var(--color-bor-secondary); border-bottom: 1px solid var(--color-bor-secondary); } .calendar-picker-dates__btn { display: none; } .calendar-lists__content { gap: 1.5625rem; } .icon--socials-menu { --icon__width: 33px; --icon__height: 33px; } @layer base{ [class*=__container] { --pad: 15px; } } } @media (max-width: 767.98px) { :root { --spacing: 60px; } .footer__right { flex: auto; padding-top: 0.9375rem; border-top: 1px solid rgba(var(--color-accent--rgb), 0.2); } .popular__wrapper { --pad: 0px; } .popular__title { padding: 0 0.9375rem; } .popular__nav { position: absolute; bottom: -1.6875rem; } .popular__nav.popular__nav--prev { left: 0.9375rem; } .popular__nav.popular__nav--next { right: 0.9375rem; } .popular-pagination__nav { display: none; } } @media (max-width: 20em) { .header { padding-top: 0.875rem; } .header { padding-bottom: 0.875rem; } .header__btns { gap: 0.75rem; } .footer { padding-top: 2.5rem; } .footer__container { gap: 0.9375rem; } .footer__copyright { padding-top: 1rem; } .footer-nav { gap: 1rem; } @layer size{ .btn--lg { padding-top: 0.75rem; } } @layer size{ .btn--lg { padding-bottom: 0.75rem; } } @layer size{ .btn--lg { padding-left: 0.875rem; } } @layer size{ .btn--lg { padding-right: 0.875rem; } } @layer size{ .btn--lg { font-size: 0.875rem; } } @layer size{ .btn--md { padding-top: 0.5rem; } } @layer size{ .btn--md { padding-bottom: 0.5rem; } } @layer size{ .btn--md { padding-left: 0.875rem; } } @layer size{ .btn--md { padding-right: 0.875rem; } } @layer size{ .btn--md { font-size: 0.875rem; } } @layer size{ .btn--sm { padding-top: 0.5625rem; } } @layer size{ .btn--sm { padding-bottom: 0.5625rem; } } @layer size{ .btn--sm { padding-left: 0.9375rem; } } @layer size{ .btn--sm { padding-right: 0.9375rem; } } @layer size{ .btn--sm { font-size: 0.6875rem; } } @layer form{ .btn--rect { border-radius: 0.625rem; } } @layer form{ .btn--round { border-radius: 2.1875rem; } } .title--xl { font-size: 1.375rem; } .title--lg { font-size: 1.5rem; } .title--md { font-size: 1.5rem; } .title--sm { font-size: 1rem; } .title--xs { font-size: 0.75rem; } .hero { margin-top: 3.375rem; } .hero { margin-left: 0.9375rem; } .hero { margin-right: 0.9375rem; } .hero__subtitle { margin-bottom: 1.3125rem; } .hero__subtitle { font-size: 1rem; } .hero__title { margin-bottom: 1.1875rem; } .hero__content { gap: 1.25rem; } .hero__text { font-size: 0.875rem; } .hero__figure { margin-top: 1.5625rem; } .hero-video { min-width: 16.375rem; } .hero-video { height: 9.9375rem; } .hero-video__icon { width: 1.375rem; } .hero-video__icon { height: 1.375rem; } .sections__container { gap: 1.25rem; } .sections-cards__item { border-radius: 1rem; } .sections-cards__link { height: 7.5625rem; } .sections-cards__link { gap: 0.9375rem; } .sections-cards__link { padding-left: 1.3125rem; } .sections-cards__link { padding-right: 1.3125rem; } .sections-partners__partner { padding-left: 1.0625rem; } .sections-partners__partner { padding-right: 1.0625rem; } .sections-partners__partner { font-size: 0.875rem; } .sections-partners__partner { height: 2.5rem; } .app { padding-bottom: 2.5625rem; } .calendar { padding-bottom: 2.5rem; } .calendar__title { margin-bottom: 2rem; } .calendar__picker { margin-bottom: 1.5rem; } .calendar-picker { gap: 0.5625rem; } .calendar-picker__month { font-size: 1rem; } .calendar-picker-dates__item { min-width: 2.4375rem; } .calendar-picker-dates__item { height: 2.75rem; } .calendar-picker-dates__number { font-size: 1rem; } .calendar-picker-dates__day { font-size: 0.875rem; } .calendar-lists__cards { gap: 0.9375rem; } .calendar-lists__card, .calendar-lists__empty { padding-top: 1.875rem; } .calendar-lists__card, .calendar-lists__empty { padding-bottom: 1.875rem; } .calendar-lists__card, .calendar-lists__empty { padding-left: 0.9375rem; } .calendar-lists__card, .calendar-lists__empty { padding-right: 0.625rem; } .calendar-lists__card { min-width: 17.5rem; } .calendar-lists__text { font-size: 1.125rem; } .popular { padding-bottom: 3.25rem; } .popular .swiper { padding-top: 1.25rem; } .popular .swiper { padding-bottom: 2.375rem; } .popular-slide__img { height: 11.0625rem; } .popular-slide__content { padding-left: 1rem; } .popular-slide__content { padding-right: 1rem; } .popular-slide__content { padding-bottom: 1.5625rem; } .popular-slide__title { max-width: 15rem; } .partners { padding-bottom: 3.375rem; } .partners__container { gap: 1.3125rem; } .partners__img { width: 7.5rem; } .partners__img { height: 3.125rem; } .socials { padding-bottom: 2.5rem; } .socials__container { gap: 0.9375rem; } .nav--md { min-width: 2.5625rem; } .nav--md { height: 2.5625rem; } .nav--sm { min-width: 2.5625rem; } .nav--sm { height: 2.5625rem; } .socials-menu { width: 2.875rem; } .socials-menu { right: 0.0000000625rem; } .socials-menu.active .socials-menu__icons { bottom: 3.375rem; } .socials-menu__btn { width: 2.875rem; } .socials-menu__btn { height: 2.875rem; } .menu__list { gap: 0.0000000625rem; } .select__title { width: 1.6875rem; } .select__title { height: 1.625rem; } .select__content, .select__option { font-size: 0.6875rem; } .select__options { width: 1.6875rem; } } @media (max-width: 1119.98px) { .header { padding-top: 0.875rem; padding-bottom: 0.875rem; } .header__account { display: none; } .menu .menu-dropdown{ background: transparent !important; } .popup__steps{ width: inherit !important; } .menu__body { position: fixed; top: 0; right: -100%; width: 100%; padding: 4.0625rem 0.9375rem 1.875rem 0.9375rem; overflow: auto; transition: right 0.3s; border-radius: 0 0 30px 30px; background: var(--color-secondary); z-index: -1; box-sizing: border-box; } .menu__body::before { position: fixed; top: 0; right: -100%; z-index: 2; width: 100%; height: 4.375rem; transition: right 0.3s; content: ""; } .menu-open .menu__body { right: 0; } .menu-open .menu__body::before { right: 0; } .menu__list { gap: 1.0625rem; align-items: start; flex-direction: column; } .menu__item { width: 100%; } .icon-menu { position: relative; z-index: 5; display: block; width: 1.5rem; height: 1.5rem; } .icon-menu::before, .icon-menu::after { position: absolute; right: 0; width: 100%; height: 0.125rem; background-color: var(--color-primary); border-radius: 0.625rem; transition: all 0.3s ease 0s; content: ""; } .icon-menu::before { top: 0.375rem; } .icon-menu::after { bottom: 0.375rem; } .menu-open .icon-menu::before { top: calc(50% - 0.0625rem); transform: rotate(-45deg); } .menu-open .icon-menu::after { bottom: calc(50% - 0.0625rem); transform: rotate(45deg); } } @media (hover: hover) { .account-btn:hover .account-btn__icon { background-color: rgba(var(--color-accent--rgb), 0.7); } .footer-socials__item:hover .icon--footer-social::after { background-color: var(--color-primary); } .link--primary:hover { color: var(--color-accent); } .link--secondary:hover { color: var(--color-accent); } .hero-video:hover .hero-video__icon { background-color: var(--color-accent); } .hero-video:hover .hero-video__icon-triangle { border-left-color: var(--color-secondary); } .sections-cards__link:hover { background-color: var(--color-accent); } .sections-cards__link:hover .icon-sections::after { background-color: var(--color-secondary); } .sections-cards__link:hover .sections-cards__title { color: var(--color-secondary); } .sections-partners__partner:hover { border-color: var(--color-accent); color: var(--color-accent); } .calendar-picker-dates__btn:hover .icon--calendar-arrow::after { background-color: var(--color-accent); } .calendar-picker-dates__item:hover { background-color: var(--color-primary); } .calendar-picker-dates__item:hover .calendar-picker-dates__number { color: var(--color-secondary); } .calendar-picker-dates__item:hover .calendar-picker-dates__day { color: rgba(var(--color-secondary--rgb), 0.7); } .popular-slide:hover { box-shadow: 0 11px 25px 0 rgba(50, 68, 80, 0.1), 0 0 7px 0 rgba(var(--color-accent--rgb), 0.6); } .popular-slide:hover .popular-slide__btn { border-color: var(--color-accent); } .popular-slide__date:hover { background-color: var(--color-accent); } .popular-pagination__bullet:hover { color: var(--color-text); } .popular-pagination__nav--next:hover { border-left-color: var(--color-accent); } .popular-pagination__nav--prev:hover { border-right-color: var(--color-accent); } .nav:hover { border-color: var(--color-accent); } /*.socials-menu:hover .socials-menu__icons {*/ .socials-menu .socials-menu__icons { opacity: 1; pointer-events: all; } .socials-menu__btn:hover { background-color: rgba(var(--color-accent--rgb), 0.7); } .socials-menu__icon:hover { background-color: var(--color-accent); } .socials-menu__icon:hover .icon--socials-menu-icon::after { background-color: var(--color-secondary); } .select__title:hover { border-color: var(--color-accent); } .select__title:hover .select__content { color: var(--color-accent); } } @media (max-width: 620px) { .footer-nav { flex: auto; } .footer-nav__list { gap: 1.25rem; } } @media (any-hover: hover) { @layer mod{ .btn--accent:hover { background-color: rgba(var(--color-accent--rgb), 0.7); } } .select__option:hover { color: var(--color-accent); } } @media (max-width: 479.98px) { .app__img { width: 100%; height: 26.5625rem; } .app__img img { object-fit: contain; } .icon--inst-logo { --icon__width: 114px; --icon__height: 37px; } } @media (hover: hover) and (max-width: 20em) { /*.socials-menu:hover .socials-menu__icons {*/ .socials-menu .socials-menu__icons { bottom: 3.375rem; } } @media (max-width: 1119.98px) and (any-hover: none) { .icon-menu { cursor: default; } } .menu__sublist.menu-sublist{ display: none; position: absolute; background: #fff; width: max-content; padding: 1rem; border-radius: 10px; top: 2.5rem; left: -1rem; } .menu__item{ position: relative; padding-bottom: 1rem; padding-top: 1rem; } .menu-sublist__item{ margin-bottom: .8rem; } .menu__item:hover .menu__sublist.menu-sublist{ display: block; } .popular__slider .swiper-slide{ height: auto; } .popular-slide__content{ height: 100%; display: flex; justify-content: space-between; } .popular-slide{ display: flex; flex-direction: column; justify-items: stretch; justify-content: space-between; } .header-sub-logos{ display: flex; /*gap: 10px;*/ margin-top: 8px; justify-content: space-between; align-items: stretch; align-content: space-around; } .header-sub-logos__border{ width: 1px; /*height: 100%;*/ background: #a1a1a1; } .header-sub-logos img{ width: 38px; height: 38px; object-fit: contain; line-height: 0; } .header-sub-logos div{ /*padding-right: 5px;*/ } .header-sub-logos div:last-child{ /*border-left: 1px solid #000;*/ /*padding-left: 5px;*/ /*padding-right: 0;*/ } .header-sub-logos div:last-child img{ /*height: 48px;*/ } .animation{ opacity: 1 !important; } .menu__link--pulse { position: relative; z-index: 1; font-weight: 600; } .menu__link--pulse::before, .menu__link--pulse::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; background-color: #facdcd; border-radius: 50%; z-index: -1; opacity: 0; } /* Первый элемент */ .menu__link--pulse-1::before { animation: wave-pulse 6s ease-out infinite 0s; } .menu__link--pulse-1::after { animation: wave-pulse 6s ease-out infinite 1s; } /* Второй элемент — стартует после первого */ .menu__link--pulse-2::before { animation: wave-pulse 6s ease-out infinite 3s; } .menu__link--pulse-2::after { animation: wave-pulse 6s ease-out infinite 4s; } @keyframes wave-pulse { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.7; } 25% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; } /* остаток цикла — элемент просто невидим и ждёт */ 26%, 100% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; } } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/mainmenu_top_v2/style.min.css?1738773214490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/.default/components/bitrix/menu/mainmenu_top_v2/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/components/angrycode/system.auth/templates/.default/style.css?1761630657157*/ .popup_inner_page{ background: transparent !important; position: relative; z-index: auto !important; } .popup_inner_page .popup__close{ display: none; } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/mainmenu_footer_v2/style.min.css?1738773214490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/.default/components/bitrix/menu/mainmenu_footer_v2/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/.default/components/bitrix/news.list/btnglobal/style.css?17537952452322*/ [data-b24-crm-button-cont]{ display:none !important; } .wave-button { position: relative; display: inline-block; } .wave-button button { position: relative; z-index: 2; padding: 12px 24px; font-size: 16px; cursor: pointer; } .wave-button .wave { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; background: rgba(225, 46, 63, 0.5); border-radius: 50%; transform: translate(-50%, -50%) scale(0.2); opacity: 0; animation: wave-animation 5s infinite; z-index: 1; } .global-robot__right svg { position: relative; z-index: 10; } .global-robot__right .wave-button .wave{ width: 120px; height: 120px; } .wave-button .wave:nth-child(2) { animation-delay: 0s; } .wave-button .wave:nth-child(3) { animation-delay: 1s; } .wave-button .wave:nth-child(4) { animation-delay: 2s; } @keyframes wave-animation { 0% { transform: translate(-50%, -50%) scale(0.2); opacity: 0.5; } 70% { opacity: 0.1; } 100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; } } .global-robot{ position: absolute; bottom: 0; right: 50px; } .global-robot__container{ display: flex; align-items: center; justify-content: center; gap: .5rem; cursor: pointer; } .global-robot__right{ width: 80px; } .global-robot__left{ border-radius: 10px; padding: .8rem 1rem; font-size:0.9rem; background: #fdebeb; width: 220px; max-width: 90%; } /*.global-robot__container {*/ /* position: relative;*/ /*}*/ .global-robot__right { opacity: 0; transform: translateY(50px); filter: grayscale(100%); transition: opacity 1s ease, transform 1s ease, filter 1s ease; position: relative; } /* Появление */ .global-robot__right.show { opacity: 1; transform: translateY(0); filter: grayscale(0%); } /* Покачивание через 5 секунд */ .global-robot__right.floating { animation: floatY 2s ease-in-out infinite; } /* Анимация покачивания */ @keyframes floatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } .global-robot__left { opacity: 0; transform: translateX(-30%); transition: opacity 1s ease, transform 1s ease; position: relative; } /* Появление */ .global-robot__left.show { opacity: 1; transform: translateX(0); } @media(max-width: 600px){ .global-robot{display: none;} } /* End */ /* /local/templates/design_home_v3/../design_v2/libs/css/swiper.css?171750407018429 */ /* /local/templates/design_home_v3/../design_v2/libs/css/plyr.css?173877321532499 */ /* /local/templates/design_home_v3/../design_home_v3/css/wysiwyg.css?17477357443550 */ /* /local/templates/design_home_v3/../design_v2/css/style.min.css?176373878884031 */ /* /local/templates/design_home_v3/../design_home_v3/css/main.css?177454055395652 */ /* /local/templates/.default/components/bitrix/menu/mainmenu_top_v2/style.min.css?1738773214490 */ /* /local/components/angrycode/system.auth/templates/.default/style.css?1761630657157 */ /* /local/templates/.default/components/bitrix/menu/mainmenu_footer_v2/style.min.css?1738773214490 */ /* /local/templates/.default/components/bitrix/news.list/btnglobal/style.css?17537952452322 */