/** * Swiper 7.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 27, 2021 */ @font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.not-selectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:thin dotted}body.is-using-mouse .fancybox__container :focus{outline:none}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-36px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;touch-action:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:5px solid var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}@font-face { font-family: 'Ubuntu'; font-display: swap; src: url(//all-country.ru/wp-content/themes/all_country_2025/mockup/dist/assets/fonts/Ubuntu/Ubuntu-Light.ttf) format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Ubuntu'; font-display: swap; src: url(//all-country.ru/wp-content/themes/all_country_2025/mockup/dist/assets/fonts/Ubuntu/Ubuntu.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu'; font-display: swap; src: url(//all-country.ru/wp-content/themes/all_country_2025/mockup/dist/assets/fonts/Ubuntu/Ubuntu-Medium.ttf) format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Ubuntu'; font-display: swap; src: url(//all-country.ru/wp-content/themes/all_country_2025/mockup/dist/assets/fonts/Ubuntu/Ubuntu-Bold.ttf) format('truetype'); font-weight: 700; font-style: normal; } * { margin: 0; padding: 0; font: inherit; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-focus-ring-color: rgba(255,255,255,0); cursor: default; } body { font-size: 100%; line-height: 1; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } a { background: transparent; } hr { box-sizing: content-box; height: 0; } ol, ul { list-style: none; } pre { -moz-tab-size: 4; tab-size: 4; white-space: pre-wrap; } q { quotes: '\201C' '\201D' '\2018' '\2019'; } img { border: none; } svg:not(:root) { overflow: hidden; } button, input { line-height: normal; } button, select { text-transform: none; } button { overflow: visible; } button, html input[type='button'], input[type='reset'], input[type='submit'] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type='checkbox'], input[type='radio'] { box-sizing: border-box; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } input[type='search'] { -webkit-appearance: textfield; box-sizing: content-box; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: none; padding: 0; } textarea { overflow: auto; vertical-align: top; } button, input, select[multiple], textarea { background-image: none; } input, select, textarea { border-radius: 0; box-shadow: none; } input, textarea { resize: none; -webkit-user-select: text; user-select: text; } [placeholder]:focus::placeholder { color: transparent; } table { border-collapse: collapse; border-spacing: 0; } :root { --color-primary: #b6903e; --color-secondary: #023220; --color-black: #000; --color-dark: #011910; --color-grey: #aaa; --color-milk: #f1f4f3; --color-white: #fff; --color-error: #e74c3c; --color-error-light: #fdeeed; --color-warning: #f39c12; --color-warning-light: #fdf1dd; --color-success: #2ecc71; --color-success-light: #daf7e6; } body { color: var(--color-dark); font-family: 'Golos Text', Alice, serif; font-variant: no-common-ligatures; font-optical-sizing: auto; font-size: 18px; font-weight: 400; line-height: 1.5; } h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]), h6:not([class]) { font-weight: 700; line-height: 1.4; text-transform: uppercase; } h1:not([class]):first-child, h2:not([class]):first-child, h3:not([class]):first-child, h4:not([class]):first-child, h5:not([class]):first-child, h6:not([class]):first-child { margin-top: 0; } h1:not([class]):last-child, h2:not([class]):last-child, h3:not([class]):last-child, h4:not([class]):last-child, h5:not([class]):last-child, h6:not([class]):last-child { margin-bottom: 0; } h1:not([class]) { margin: 30px 0; font-size: 16px; line-height: 1.25; } @media only screen and (min-width: 1025px) { h1:not([class]) { font-size: 30px; line-height: 1.225; } } h2:not([class]) { margin: 16px 0; font-size: 14px; line-height: 1.6; } @media only screen and (min-width: 768px) { h2:not([class]) { font-size: 20px; } } h3:not([class]) { margin: 28px 0; font-size: 32px; } h4:not([class]) { margin: 20px 0; font-size: 24px; } h5:not([class]) { margin: 15px 0; font-size: 20px; } h6:not([class]) { margin: 10px 0; font-size: 18px; } p:not([class]), ul:not([class]), ol:not([class]), .wp-block-list, table:not([class]), img:not([class]), hr:not([class]), fieldset:not([class]) { margin: 0 0 1.5em; } p:not([class]):last-child, ul:not([class]):last-child, ol:not([class]):last-child, .wp-block-list:last-child, table:not([class]):last-child, img:not([class]):last-child, hr:not([class]):last-child, fieldset:not([class]):last-child { margin-bottom: 0; } p:not([class]) + ul:not([class]), p:not([class]) + ol:not([class]) { margin-top: -0.8em; } img:not([class]) { max-width: 100%; } ul:not([class]), ul.wp-block-list { margin: 0 0 0.8em; list-style: none; } ul:not([class]) > li:not([class]), ul.wp-block-list > li:not([class]) { text-indent: 13px; padding: 0; } ul:not([class]) > li:not([class]):before, ul.wp-block-list > li:not([class]):before { content: ''; position: absolute; top: 0.9em; left: 2px; width: 5px; height: 5px; background: currentColor; border-radius: 50%; transform: translate(0, -50%); } ol:not([class]), ol.wp-block-list { counter-reset: ol; } ol:not([class]) > li:not([class]), ol.wp-block-list > li:not([class]) { position: relative; } ol:not([class]) > li:not([class]):before, ol.wp-block-list > li:not([class]):before { content: counter(ol) '.'; counter-increment: ol; position: absolute; top: 0; left: 0; z-index: 1; display: block; flex: 0 0 auto; box-sizing: border-box; width: 20px; padding: 0; color: inherit; font: inherit; text-align: left; } ol:not([class]) > li:not([class]):nth-child(n+10), ol.wp-block-list > li:not([class]):nth-child(n+10) { padding: 0 0 0 28px; } ol:not([class]) > li:not([class]):nth-child(n+10):before, ol.wp-block-list > li:not([class]):nth-child(n+10):before { min-width: 28px; } ol:not([class]) > li:not([class]):nth-child(n+100), ol.wp-block-list > li:not([class]):nth-child(n+100) { padding: 0 0 0 36px; } ol:not([class]) > li:not([class]):nth-child(n+100):before, ol.wp-block-list > li:not([class]):nth-child(n+100):before { min-width: 36px; } ol:not([class]) > li:not([class]):nth-child(n+1000), ol.wp-block-list > li:not([class]):nth-child(n+1000) { padding: 0 0 0 44px; } ol:not([class]) > li:not([class]):nth-child(n+1000):before, ol.wp-block-list > li:not([class]):nth-child(n+1000):before { min-width: 44px; } li:not([class]) { position: relative; margin: 0; padding: 0 0 0 20px; list-style: none; } table:not([class]) { display: table; width: 100%; margin: 0 0 1.5em; border-spacing: 1px; border-collapse: collapse; border: 1px solid #dedede; } caption:not([class]) { display: table-caption; padding: 0 0 10px; font-size: 1.1em; text-align: center; } th:not([class]) { vertical-align: middle; padding: 10px; font-weight: 700; text-align: center; background: #f1f1f1; border: 1px solid #dedede; } tbody:not([class]) th:not([class]) { text-align: left; } td:not([class]) { padding: 10px; border: 1px solid #dedede; } tr:not([class]):nth-child(even) th:not([class]), tr:not([class]):nth-child(even) td:not([class]) { background: #e6e6e6; } thead:not([class]) { color: #888; } tfoot:not([class]) { color: #888; } tfoot:not([class]) th:not([class]), tfoot:not([class]) td:not([class]) { background: #e6e6e6; } a:not([class]) { color: currentColor; text-decoration: underline; transition: color 0.3s ease; } a:not([class]):hover { color: var(--color-primary); text-decoration: none; } a:not([class]):focus-visible { color: inherit; text-decoration: underline; } sub:not([class]) { bottom: -0.25em; vertical-align: bottom; font-size: 0.5em; } sup:not([class]) { top: -0.5em; vertical-align: top; font-size: 0.5em; } i:not([class]), em:not([class]), dfn:not([class]) { font-style: italic; } b:not([class]), strong:not([class]) { font-weight: 700; } s:not([class]), strike:not([class]), del:not([class]) { text-decoration: line-through; } ins:not([class]) { text-decoration: underline; } q:not([class]) { display: inline; } q:not([class]):before { content: open-quote; } q:not([class]):after { content: close-quote; } kbd:not([class]) { font-family: monospace, monospace; } mark:not([class]) { background: #f1f1f1; } abbr:not([class]) { position: relative; text-decoration: none; } abbr:not([class])[title]:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; border-bottom: 1px dotted #000; } blockquote:not([class]) { margin: 0 0 1.5em; padding: 20px; background: #f1f1f1; border: 1px solid #b1b1b1; } dl:not([class]) { margin: 0 0 1.5em; } dd:not([class]) { padding: 0 0 0 50px; } hr:not([class]) { width: 100%; height: 0; background: none; border: none; border-bottom: 2px groove #dedede; } fieldset:not([class]) { padding: 20px; border: 1px solid #dedede; } legend:not([class]) { margin: 0 0 0 2em; padding: 0 0.5em; } select:not([class]) { width: 200px; padding: 10px; line-height: 1.6; background: #fff; border: 1px solid var(--color-dark); } input[type='text']:not([class]), input[type='password']:not([class]), input[type='email']:not([class]), input[type='url']:not([class]), input[type='number']:not([class]), input[type='datetime']:not([class]), input[type='datetime-local']:not([class]), input[type='search']:not([class]), input[type='tel']:not([class]), input[type='month']:not([class]), input[type='week']:not([class]), input[type='date']:not([class]), input[type='time']:not([class]), textarea:not([class]) { box-sizing: border-box; width: 200px; margin: 0 0 5px; padding: 10px; color: var(--color-dark); font-size: 1em; line-height: 1.6; text-align: left; background: #fff; border: 1px solid var(--color-dark); outline: none; } input[type='text']:not([class])::placeholder, input[type='password']:not([class])::placeholder, input[type='email']:not([class])::placeholder, input[type='url']:not([class])::placeholder, input[type='number']:not([class])::placeholder, input[type='datetime']:not([class])::placeholder, input[type='datetime-local']:not([class])::placeholder, input[type='search']:not([class])::placeholder, input[type='tel']:not([class])::placeholder, input[type='month']:not([class])::placeholder, input[type='week']:not([class])::placeholder, input[type='date']:not([class])::placeholder, input[type='time']:not([class])::placeholder, textarea:not([class])::placeholder { color: #ddd; font-size: 16px; opacity: 1; } textarea:not([class]) { resize: none; } input[type='radio']:not([class]), input[type='checkbox']:not([class]) { margin: 0 2px; } button:not([class]), input[type='button']:not([class]), input[type='reset']:not([class]), input[type='submit']:not([class]) { padding: 10px; font-size: 1em; line-height: 1.6; background: #f5f5f5; border: 1px solid #dedede; border-radius: 0; outline: none; } button:not([class]):hover, input[type='button']:not([class]):hover, input[type='reset']:not([class]):hover, input[type='submit']:not([class]):hover { background: #bbb; } label:not([class]) { font-weight: 700; } [class|="bx"] a:not([class]) { -webkit-text-fill-color: currentColor; background-color: transparent; background-image: none; } .accordion-group { display: block; } .accordion-group__list { display: block; margin: 0 0 40px; padding: 0; list-style: none; } .accordion-group__list:last-child { margin-bottom: 0; } .accordion-group__item { display: block; margin: 0; padding: 0; border-bottom: 1px solid var(--color-dark); } .accordion-group__item:last-child { border-bottom: none; } .accordion { display: block; } .accordion__header { position: relative; } .accordion__trigger { position: relative; display: block; width: 100%; padding: 30px 45px 30px 0; color: var(--color-dark); font-family: Alice, serif; font-size: 24px; font-weight: 400; line-height: 1.2; text-align: left; text-decoration: none; letter-spacing: 0.04em; background: transparent; border: none; outline: none; transition: color 0.3s ease, padding 0.6s ease; } @media only screen and (min-width: 1025px) { .accordion__trigger { padding: 44px 45px 44px 0; font-size: 32px; } } .accordion__sign { position: absolute; top: 38px; right: 3px; z-index: 1; width: 22px; height: 22px; border: 2px solid currentColor; border-radius: 8px; } @media only screen and (min-width: 1025px) { .accordion__sign { top: 47px; width: 32px; height: 32px; } } .accordion__sign:before, .accordion__sign:after { content: ''; position: absolute; top: 50%; right: 50%; z-index: 1; display: block; width: 12px; height: 2px; color: currentColor; background: currentColor; transform: translate(50%, -50%); transition: all 0.3s ease; transition-property: color, transform; } @media only screen and (min-width: 1025px) { .accordion__sign:before, .accordion__sign:after { width: 15px; } } .accordion__sign:after { transform: translate(50%, -50%) rotate(90deg); } .accordion__body { display: block; overflow: hidden; box-sizing: content-box; max-height: 0; opacity: 0; transition: max-height 0.6s ease, padding 0.6s ease, opacity 0.6s ease; } .accordion__text { display: block; max-width: 696px; margin: 0 0 20px; font-size: 16px; line-height: 1.5; } @media only screen and (min-width: 1025px) { .accordion__text { font-size: 18px; } } .accordion__text:last-child { margin-bottom: 0; } .accordion_state_open .accordion__trigger { padding: 30px 45px 22px 0; } @media only screen and (min-width: 1025px) { .accordion_state_open .accordion__trigger { padding: 44px 45px 22px 0; } } .accordion_state_open .accordion__sign:after { opacity: 0; } .accordion_state_open .accordion__body { max-height: auto; padding: 0 0 30px; opacity: 1; } @media only screen and (min-width: 1025px) { .accordion_state_open .accordion__body { padding: 0 0 44px; } } .article-grid { display: block; } .article-grid__list { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 30px; margin: 0 0 40px; } @media only screen and (min-width: 768px) { .article-grid__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media only screen and (min-width: 1025px) { .article-grid__list { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 86px; } } .article-grid__list:last-child { margin-bottom: 0; } .article-grid__item { display: block; } .article-grid__panel { height: 100%; } .article-grid__controls { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; margin: 0 0 12px; } @media only screen and (min-width: 768px) { .article-grid__controls { flex-direction: row; justify-content: center; } } .article-grid__controls:last-child { margin-bottom: 0; } .article-grid__control { display: block; flex: 0 0 auto; width: auto; min-width: 240px; max-width: 100%; margin: 0 0 12px; } @media only screen and (min-width: 768px) { .article-grid__control { margin: 0 20px 0 0; } } @media only screen and (min-width: 1025px) { .article-grid__control { min-width: 506px; } } .article-grid__control:last-child { margin: 0; } .article { position: relative; display: flex; overflow: hidden; flex-direction: column; flex-wrap: nowrap; color: var(--color-dark); font-size: 16px; line-height: 1.4; letter-spacing: 0.04em; background: var(--color-white); border-radius: 16px; transition: all 0.3s ease; transition-property: transform, box-shadow; } @media only screen and (min-width: 1281px) { .article { font-size: 20px; } } @media only screen and (min-width: 1281px) { .article:hover { z-index: 5; box-shadow: 0 30px 40px 0 rgba(0,0,0,0.3); transform: translate(0, -20px); } } .article__illustration { position: relative; display: block; overflow: hidden; flex: 0 0 auto; width: 100%; border-top-left-radius: inherit; border-top-right-radius: inherit; } .article__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 51.453% 0 0; } @media only screen and (min-width: 1281px) { .article__illustration:before { padding: 54.25% 0 0; } } .article__link { display: block; color: inherit; text-decoration: none; background: transparent; } .article__link:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .article__link:hover { color: inherit; text-decoration: none; } .article__image { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .article__content { display: flex; overflow: hidden; flex: 1 1 auto; flex-direction: column; flex-wrap: nowrap; width: 100%; padding: 28px 23px 34px 53px; } @media only screen and (min-width: 1281px) { .article__content { padding: 37px 62px 43px 48px; } } .article__content:first-child { padding-top: 40px; } @media only screen and (min-width: 1281px) { .article__content:first-child { padding-top: 74px; } } .article__title { display: block; flex: 0 0 auto; width: 100%; margin: 0 0 16px; font-size: 16px; font-weight: 600; line-height: 1.3; } @media only screen and (min-width: 1281px) { .article__title { margin: 0 0 24px; font-size: 24px; } } .article__title:last-child { margin-bottom: 0; } .article__text { display: block; flex: 0 0 auto; width: 100%; margin: 0 0 16px; } .article__text:last-child { margin-bottom: 0; } .article__meta { display: block; flex: 0 0 auto; width: 100%; margin: auto 0 0; font-size: 14px; line-height: 1.2; opacity: 0.3; } @media only screen and (min-width: 1281px) { .article__meta { padding: 16px 0 0; font-size: 16px; } } .article__date { display: flex; flex-wrap: nowrap; -moz-column-gap: 10px; column-gap: 10px; align-items: center; } @media only screen and (min-width: 1281px) { .article__date { -moz-column-gap: 20px; column-gap: 20px; } } .article__meta-icon { display: block; flex: 0 1 auto; width: 20px; height: 20px; fill: currentColor; } @media only screen and (min-width: 1281px) { .article__meta-icon { width: 24px; height: 24px; } } .article__caption { display: block; flex: 0 1 auto; } .article_type_detail { background: transparent; border-radius: 0; } .article_type_detail:hover { box-shadow: none; transform: none; } .article_type_detail .article__illustration { order: 9; margin: 0; margin: 42px 0 0; border-radius: 20px; } .article_type_detail .article__illustration:before { display: none; } .article_type_detail .article__image { position: static; height: auto; object-fit: contain; } .article_type_detail .article__content { max-width: 844px; margin: 0 auto; padding: 0; } .article_type_detail .article__title { font-size: 24px; font-weight: 700; line-height: 1.4; letter-spacing: 0; } @media only screen and (min-width: 1281px) { .article_type_detail .article__title { font-size: 36px; } } .article_type_detail .article__title:last-child { margin-bottom: 0; } .article_type_detail .article__meta { padding: 0; } .banner { position: relative; z-index: 1; display: flex; overflow: hidden; flex-direction: column; flex-wrap: nowrap; justify-content: center; height: 600px; color: var(--color-white); background: var(--color-dark); } @media only screen and (min-width: 1025px) { .banner { height: 701px; } } .banner__background { position: absolute; top: 0; left: 0; z-index: 0; display: block; width: 100%; height: 100%; } .banner__background:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background-image: linear-gradient(180deg, #011910 -175%, rgba(1,25,16,0.6) 500%); } @media only screen and (min-width: 1025px) { .banner__background:after { background-image: linear-gradient(180deg, #011910 -350%, rgba(1,25,16,0.6) 500%); } } .banner__image { display: block; width: 100%; height: 100%; object-fit: cover; transform-origin: 50% 50%; } .banner__pattern { position: absolute; top: 0; left: 50%; z-index: 1; display: block; width: 822px; height: 822px; pointer-events: none; opacity: 0.2; transform: translate(-50%, -50%); transform-origin: 50% 50%; animation-name: banner-pattern-rotate; animation-duration: 120s; animation-timing-function: linear; animation-iteration-count: infinite; } @media only screen and (min-width: 768px) { .banner__pattern { width: 1128px; height: 1128px; } } .banner__content { position: relative; z-index: 5; display: block; flex: 0 0 auto; width: 100%; padding: 0 0 24px; text-align: center; } @media only screen and (min-width: 1025px) { .banner__content { padding: 0 0 42px; } } .banner__title { margin: 0 0 25px; } @media only screen and (min-width: 1025px) { .banner__title { margin: 0 0 9px; } } .banner__title:last-child { margin-bottom: 0; } .banner__caption { margin: 0 0 51px; font-family: Alice, serif; font-size: 16px; line-height: 1.2; letter-spacing: 0.04em; } @media only screen and (min-width: 402px) { .banner__caption { padding: 0 50px; } } @media only screen and (min-width: 1025px) { .banner__caption { margin: 0 0 48px; font-size: 24px; } } .banner__caption:last-child { margin-bottom: 0; } .banner__controls { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; margin: 0 0 12px; } @media only screen and (min-width: 768px) { .banner__controls { flex-direction: row; justify-content: center; } } .banner__controls:last-child { margin-bottom: 0; } .banner__control { display: block; flex: 0 0 auto; width: auto; min-width: 273px; max-width: 100%; margin: 0 0 12px; } @media only screen and (min-width: 768px) { .banner__control { margin: 0 20px 0 0; } } @media only screen and (min-width: 1025px) { .banner__control { min-width: 316px; } } .banner__control:last-child { margin: 0; } @keyframes banner-pattern-rotate { from { transform: translate(-50%, -50%) rotate(0); } to { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes banner-image-animation { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .burger { position: relative; z-index: 10; display: flex; flex-wrap: nowrap; -moz-column-gap: 12px; column-gap: 12px; align-items: center; margin: 0; padding: 0; color: inherit; font-size: 14px; font-weight: 500; line-height: 1.2; text-decoration: none; letter-spacing: 0.04em; text-transform: uppercase; cursor: pointer; background: transparent; border: none; outline: none; transition: all 0.3s ease; transition-property: color, opacity; } @media only screen and (min-width: 402px) { .burger { font-size: 18px; } } .burger:hover { color: var(--color-primary); text-decoration: none; outline: none; } .burger:focus-visible { color: var(--color-primary); text-decoration: none; outline: none; opacity: 0.7; } .burger__text { display: block; flex: 0 1 auto; } .burger__bars { position: relative; z-index: 1; display: block; width: 28px; height: 28px; font-size: 0; font-weight: 400; line-height: 0; } .burger__bars:before, .burger__bars:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 20px; height: 2px; background: currentColor; transform: translate(-50%, -5px); transition: transform 0.3s ease; } .burger__bars:after { transform: translate(-50%, 3px); } .burger_state_closed .burger__bars { border-color: transparent; } .burger_state_closed .burger__bars:before { transform: translate(-50%, -50%) rotate(-45deg); } .burger_state_closed .burger__bars:after { transform: translate(-50%, -50%) rotate(45deg); } .button { position: relative; display: inline-block; vertical-align: middle; height: 59px; padding: 0 16px; color: var(--color-dark); font-family: inherit; font-size: 16px; font-weight: 500; line-height: 1; text-align: center; text-decoration: none; letter-spacing: 0.04em; text-transform: uppercase; cursor: pointer; -webkit-user-select: none; user-select: none; background: var(--color-primary); border: 2px solid var(--color-primary); border-radius: 12px; outline: none; box-shadow: none; transition: all 0.3s ease; transition-property: color, background-color, border-color, opacity; } .button:not(:disabled):not(.button_state_disabled):hover { color: var(--color-primary); text-decoration: none; background-color: var(--color-white); border-color: var(--color-primary); } .button:not(:disabled):not(.button_state_disabled):focus-visible { color: var(--color-white); text-decoration: none; background-color: var(--color-primary); border-color: var(--color-white); } .button:disabled { color: var(--color-white); cursor: not-allowed; background-color: var(--color-grey); border-color: var(--color-grey); } .button__holder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .button__text { flex: 0 1 auto; } .button__icon { display: block; flex: 0 1 auto; width: 18px; height: 18px; margin: 0 10px; fill: currentColor; } .button__icon:first-child { margin-left: 0; } .button__icon:last-child { margin-right: 0; } .button_width_full { display: block; width: 100%; } .button_text_size-m { font-size: 14px; } .button_text_size-l { font-size: 20px; } .button_text_tall { text-transform: uppercase; } .button_style_light-text { color: var(--color-white); } .button_style_outline { color: var(--color-white); background-color: rgba(255,255,255,0.05); border-color: var(--color-primary); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } .button_style_outline-dark { color: var(--color-dark); background-color: transparent; border-color: var(--color-dark); } .button_style_outline-primary { color: var(--color-primary); background-color: rgba(255,255,255,0.05); border-color: var(--color-primary); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } .button_style_outline-primary:not(:disabled):not(.button_state_disabled):hover { color: var(--color-white); background: var(--color-primary); border-color: var(--color-primary); } .button_size_s { height: 50px; font-size: 14px; } .button_size_std { height: 50px; font-size: 14px; } @media only screen and (min-width: 1025px) { .button_size_std { height: 59px; font-size: 16px; } } .button_size_l { height: 59px; font-size: 16px; } @media only screen and (min-width: 1025px) { .button_size_l { height: 80px; font-size: 24px; } } .button_state_disabled { color: var(--color-white); cursor: not-allowed; pointer-events: none; background-color: var(--color-grey); border-color: var(--color-grey); } .button_state_loading:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; box-sizing: border-box; width: 32px; height: 32px; border: 2px solid transparent; border-top-color: currentColor; border-radius: 50%; transform: translate(-50%, -50%); animation-name: button-loader; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } .button_state_loading .button__holder { visibility: hidden; opacity: 0; } .button_state_loading.button_style_outline:disabled { color: var(--color-primary); } @keyframes button-loader { 0% { transform: translate(-50%, -50%) rotate(0); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } .carousel-nav { display: flex; flex-wrap: nowrap; align-items: center; white-space: nowrap; pointer-events: auto; } .carousel-nav__control { display: block; flex: 0 0 auto; padding: 0 9px; } .carousel-nav__control:first-child { padding-left: 0; } .carousel-nav__control:last-child { padding-right: 0; } .carousel-nav__arrow { position: relative; display: block; width: 24px; height: 24px; color: var(--color-white); text-align: center; text-decoration: none; background: transparent; border: none; outline: none; transition: all 0.3s ease; transition-property: color, opacity; } .carousel-nav__arrow:hover { color: var(--color-primary); background-color: transparent; opacity: 0.7; } .carousel-nav__arrow:focus-visible { color: var(--color-primary); background-color: transparent; opacity: 1; } .carousel-nav__arrow:disabled { color: var(--color-white); pointer-events: none; opacity: 0.3; } .carousel-nav__arrow_type_prev .carousel-nav__arrow-label:before { transform: translate(-25%, -50%) rotate(-135deg); } .carousel-nav__arrow_type_prev .carousel-nav__icon { transform: rotate(180deg); } .carousel-nav__arrow_type_next .carousel-nav__arrow-label:before { transform: translate(-75%, -50%) rotate(45deg); } .carousel-nav__arrow-label { position: relative; display: block; width: 100%; height: 100%; } .carousel-nav__arrow-label:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 12px; height: 12px; border-top: 3px solid currentColor; border-right: 3px solid currentColor; } .carousel-nav__icon { display: block; width: 100%; height: 100%; fill: currentColor; } .carousel-nav__pagination { display: block; flex: 0 0 auto; order: -1; margin: 0 auto 0 0; font-family: Alice, serif; } .carousel-nav__pagination:first-child { padding-left: 0; } .carousel-nav__pagination:last-child { padding-right: 0; } .carousel-nav__pagination-element { display: inline-block; vertical-align: top; color: var(--color-white); font-size: 24px; line-height: 1.2; letter-spacing: 0.04em; opacity: 0.8; } @media only screen and (min-width: 1025px) { .carousel-nav__pagination-element { font-size: 36px; } } .carousel-nav__total { opacity: 0.3; } @media only screen and (min-width: 1025px) { .carousel-nav__total { font-size: 24px; } } .carousel-nav_type_primary { justify-content: center; } .carousel-nav_type_primary .carousel-nav__control { display: block; flex: 0 0 auto; padding: 0 6px; } .carousel-nav_type_primary .carousel-nav__control:first-child { padding-left: 0; } .carousel-nav_type_primary .carousel-nav__control:last-child { padding-right: 0; } .carousel-nav_type_primary .carousel-nav__arrow { width: 40px; height: 40px; color: var(--color-dark); } .check-elem { position: relative; display: flex; flex-wrap: nowrap; font-size: 14px; line-height: 1.166; text-align: left; } .check-elem__input { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: none; opacity: 0.01; transform: scale(0.001); } .check-elem__input[type='radio'] ~ .check-elem__visual { border-radius: 50%; } .check-elem__input[type='radio'] ~ .check-elem__visual:before { width: 0.5em; height: 0.5em; background: currentColor; border: none; border-radius: 50%; transform: translate(-50%, -50%); } .check-elem__input:checked ~ .check-elem__visual:before { opacity: 1; } .check-elem__input:disabled { pointer-events: none; } .check-elem__input:disabled ~ .check-elem__visual { background: var(--color-milk); } .check-elem__input:disabled ~ .check-elem__visual, .check-elem__input:disabled ~ .check-elem__label { color: var(--color-grey); pointer-events: none; } .check-elem__input + .check-elem__visual { margin-left: 0; } .check-elem__input_state_error ~ .check-elem__visual, .check-elem__input_state_error ~ .check-elem__label { color: var(--color-error); } .check-elem__visual { position: relative; display: block; overflow: hidden; flex: 0 0 1.2em; width: 1.2em; max-width: 1.2em; height: 1.2em; margin: 0 0.5em; color: var(--color-dark); font-size: 20px; line-height: 0; cursor: pointer; -webkit-user-select: none; user-select: none; background: transparent; border: 0.1em solid currentColor; border-radius: 0.2em; transition: all 0.3s ease; transition-property: color, background-color; } .check-elem__visual:last-child { margin-right: 0; } .check-elem__visual:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; box-sizing: border-box; width: 0.25em; height: 0.55em; color: var(--color-dark); border-right: 0.075em solid currentColor; border-bottom: 0.075em solid currentColor; opacity: 0; transform: translate(-50%, -60%) rotate(45deg) skew(5deg); transition: opacity 0.3s ease; } .check-elem__label { position: relative; display: block; align-self: center; margin: 0; padding: 0; font: inherit; line-height: inherit; cursor: pointer; } .check-elem_state_checked .check-elem__visual:before { opacity: 1; } .entry-carousel { display: block; } .entry-carousel__wrapper { display: flex; flex-wrap: nowrap; } .entry-carousel__panel { height: 100%; } .entry-carousel .entry-carousel__container { overflow: visible; } .entry-carousel .entry-carousel__slide { flex: 0 0 253px; width: 253px; max-width: 253px; height: auto; margin: 0 20px 0 0; } @media only screen and (min-width: 1025px) { .entry-carousel .entry-carousel__slide { flex-basis: 292px; width: 292px; max-width: 292px; margin: 0 30px 0 0; } } .entry-carousel .entry-carousel__slide:last-child { margin-right: 0; } .entry-grid { display: block; } .entry-grid__list { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 20px; } @media only screen and (min-width: 480px) { .entry-grid__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media only screen and (min-width: 1025px) { .entry-grid__list { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 30px; } } @media only screen and (min-width: 1281px) { .entry-grid__list { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .entry-grid__item { display: block; } .entry-grid__panel { height: 100%; } .entry-snippet { position: relative; display: flex; overflow: hidden; flex-direction: column; flex-wrap: nowrap; color: var(--color-dark); font-size: 14px; line-height: 1.4; background: var(--color-white); border-radius: 20px; } .entry-snippet__illustration { position: relative; display: block; overflow: hidden; flex: 0 0 auto; width: 100%; border-top-left-radius: inherit; border-top-right-radius: inherit; } .entry-snippet__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 75.684% 0 0; } .entry-snippet__image { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .entry-snippet__content { display: block; flex: 1 1 auto; width: 100%; padding: 34px 25px 37px; } .entry-snippet__title { display: block; margin: 0 0 12px; } .entry-snippet__title:last-child { margin-bottom: 0; } .entry-snippet__text { display: block; margin: 0 0 12px; color: #7c918a; } .entry-snippet__text:last-child { margin-bottom: 0; } .fancybox__container:focus { outline: none; } .fancybox__container .fancybox__backdrop { background-color: rgba(1,25,16,0.2); } .footer { position: relative; z-index: 50; display: block; overflow: hidden; padding: 81px 0 106px; color: rgba(255,255,255,0.5); background: var(--color-dark); } @media only screen and (min-width: 1025px) { .footer { padding: 119px 0 59px; } } .footer__main { margin: 0 0 57px; padding: 0 0 57px; border-bottom: 1px solid rgba(255,255,255,0.1); } @media only screen and (min-width: 1025px) { .footer__main { margin: 0 0 61px; padding: 0 0 127px; } } .footer__bottom { display: block; font-size: 14px; line-height: 1.6; } .footer__container { display: flex; flex-direction: column; flex-wrap: nowrap; } @media only screen and (min-width: 1025px) { .footer__container { flex-direction: row; } } .footer__info { display: flex; flex: 0 0 auto; flex-direction: column; flex-wrap: nowrap; align-items: center; width: 100%; margin: 0 0 64px; } @media only screen and (min-width: 1025px) { .footer__info { display: block; flex: 0 0 30%; margin: 0; } } @media only screen and (min-width: 1440px) { .footer__info { flex: 0 0 41%; } } .footer__info:last-child { margin: 0; } .footer__navigation { display: block; flex: 0 0 auto; width: 100%; margin: 0 0 59px; } @media only screen and (min-width: 1025px) { .footer__navigation { flex: 1 1 auto; margin: 0; padding: 0 30px; } } .footer__navigation:last-child { margin: 0; } .footer__contacts { display: block; flex: 0 0 auto; width: 100%; margin: 0 0 64px; } @media only screen and (min-width: 1025px) { .footer__contacts { flex: 0 0 266px; margin: 0; } } .footer__contacts:last-child { margin: 0; } .footer__copyright { display: block; margin: 0 0 21px; } @media only screen and (min-width: 1025px) { .footer__copyright { margin: 0; } } .footer__copyright:last-child { margin-bottom: 0; } .footer__links { display: block; margin: 0 0 21px; } @media only screen and (min-width: 1025px) { .footer__links { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; margin: 0 0 0 auto; } } .footer__links:last-child { margin-bottom: 0; } .footer__link-item { display: block; margin: 0 0 21px; } @media only screen and (min-width: 1025px) { .footer__link-item { flex: 0 1 auto; margin: 0 20px 0 0; } } .footer__link-item:last-child { margin: 0; } .footer__link { color: inherit; text-decoration: underline; background: transparent; border: none; outline: none; } .footer__link:hover { color: var(--color-primary); text-decoration: none; outline: none; } .footer__link:focus-visible { color: var(--color-primary); text-decoration: none; outline: none; opacity: 0.7; } .footer__logo { flex: 0 1 auto; width: 100%; max-width: 269px; margin: 0 0 30px; } @media only screen and (min-width: 1025px) { .footer__logo { margin: 0 0 38px; } } .footer__logo:last-child { margin-bottom: 0; } .form-control { display: block; line-height: 1.255; } .form-control__holder { position: relative; display: block; } .form-control__label { display: block; font-size: 16px; font-weight: 600; line-height: 1.6; text-align: left; } .form-control__label ~ .form-control__field { padding-top: 12px; } .form-control__note { display: block; font-size: 14px; font-weight: 400; line-height: 1.6; text-align: left; } .form-control__field, .form-control__check-group { position: relative; display: block; } .form-control__input, .form-control__textarea, .form-control__select, .form-control .choices__inner { display: block; width: 100%; height: 56px; padding: 0 18px; color: var(--color-dark); font-family: 'Golos Text', Alice, serif; font-size: 16px; font-weight: 400; line-height: 52px; background: transparent; border: 2px solid #b3bab7; border-radius: 8px; outline: none; transition: border-color 0.3s ease; } .form-control__input::placeholder, .form-control__textarea::placeholder, .form-control__select::placeholder { color: var(--color-grey); font-size: 16px; opacity: 1; } .form-control__input:focus, .form-control__textarea:focus, .form-control__select:focus { border-color: var(--color-primary); } .form-control__input:disabled, .form-control__textarea:disabled, .form-control__select:disabled { pointer-events: none; background-color: var(--color-grey); } .form-control__input_state_invalid, .form-control__textarea_state_invalid, .form-control__select_state_invalid { border-color: var(--color-error); } .form-control__input_state_invalid:focus, .form-control__textarea_state_invalid:focus, .form-control__select_state_invalid:focus { border-color: var(--color-error); } .form-control__input[type='number'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .form-control__input[type='number']::-webkit-outer-spin-button, .form-control__input[type='number']::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none; } .form-control__textarea { resize: none; height: 165px; min-height: 56px; max-height: 180px; padding-top: 11px; padding-bottom: 11px; line-height: 1.429; } .form-control__textarea::-webkit-scrollbar-track { background-color: transparent; } .form-control__textarea::-webkit-scrollbar { width: 8px; height: 8px; background-color: transparent; background-clip: padding-box; border: 2px solid transparent; border-radius: 4px; } .form-control__textarea::-webkit-scrollbar-thumb { background-color: var(--color-primary); background-clip: padding-box; border: 2px solid transparent; border-radius: 4px; } .form-control__check-group { display: block; padding: 7px 0 0; } @media only screen and (min-width: 1025px) { .form-control__check-group { padding: 3px 0 0; } } .form-control__check-item { display: block; margin: 0 0 10px; } .form-control__check-item:last-child { margin-bottom: 0; } .form-control__switch-group { display: flex; flex-wrap: wrap; margin: -10px 0 0; } .form-control__switch-item { display: block; flex: 0 1 auto; width: auto; max-width: 100%; margin: 0 33px 0 0; padding: 10px 0 0; } @media only screen and (min-width: 1025px) { .form-control__switch-item { margin: 0 53px 0 0; } } .form-control__switch-item:last-child { margin-right: 0; } .form-control__links { display: block; padding: 16px 0 0; font-size: 14px; line-height: 1.286; text-align: left; } @media only screen and (min-width: 768px) { .form-control__links { text-align: right; } } .form-control__message { overflow: hidden; width: 100%; padding: 4px 0 0; color: inherit; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap; text-overflow: ellipsis; } .form-control__message_style_error { color: var(--color-error); } .form-control__decoration { position: absolute; top: 50%; left: 12px; z-index: 1; transform: translate(0, -50%); } .form-control__icon { display: block; width: 16px; height: 16px; fill: var(--color-primary); } .form-control__trigger { position: absolute; top: 50%; right: 20px; width: 24px; height: 24px; font-size: 0; text-decoration: none; background: transparent; background-image: url(//all-country.ru/wp-content/themes/all_country_2025/mockup/dist/assets/styles/IMG_DIR + hidden.svg); background-position: 50% 50%; background-size: contain; border: none; outline: none; transform: translate(0, -50%); } .form-control__trigger_state_active.form-control__trigger_type_password { background-image: url(//all-country.ru/wp-content/themes/all_country_2025/mockup/dist/assets/styles/IMG_DIR + visible.svg); } .form-control .form-control__field .choices[data-type*='select-one']:after { top: 50%; right: 29px; width: 10px; height: 10px; margin: 0; border: none; border-right: 1px solid var(--color-dark); border-bottom: 1px solid var(--color-dark); transform: translate(50%, -75%) rotate(45deg); } .form-control .form-control__field .choices[data-type*='select-one'] .choices__inner { min-height: auto; padding: 7px 11px; line-height: 22px; } .form-control .form-control__field .choices[data-type*='select-one'] .choices__list { padding: 0; } .form-control .form-control__field .choices[data-type*='select-one'] .choices__list--dropdown { overflow: hidden; margin: 2px 0 0; border: none; border-radius: 8px; } .form-control .form-control__field .choices[data-type*='select-one'] .choices__item--choice { padding: 12px; color: var(--color-dark); font-size: 16px; line-height: 1.375; } .form-control .form-control__field .choices[data-type*='select-one'] .choices__item--choice.is-selected { background: var(--color-milk); } .form-control .form-control__field .choices[data-type*='select-one'] .choices__item--choice.is-highlighted { color: #fff; background: var(--color-primary); } .form-control .form-control__field .choices[data-type*='select-one'] .choices__item--choice.choices__placeholder { display: none; } .form-control .form-control__field .choices[data-type*='select-one'] .choices__placeholder { color: var(--color-grey); opacity: 1; } .form-control .form-control__field .choices[data-type*='select-one'].is-focused .choices__inner { border-color: var(--color-primary); } .form-control .form-control__field .choices[data-type*='select-one'].is-open:after { transform: translate(50%, -25%) rotate(-135deg); } .form-control .form-control__field .choices[data-type*='select-one'].is-open .choices__list--dropdown { border: 1px solid rgba(50,43,41,0.16); } .form-control__highlight { color: var(--color-dark); font-size: 12px; } @media only screen and (min-width: 768px) { .form-control__highlight { font-size: inherit; } } .form-control__result { position: absolute; top: 100%; left: 0; z-index: 100; display: none; width: 100%; } .form-control__result_state_shown { display: block; } .form-control__result_state_hidden { display: none; } .form-control_align_center { text-align: center; } .form-control_align_center .form-control__label, .form-control_align_center .form-control__input, .form-control_align_center .form-control__textarea { text-align: center; } .form-control_state_invalid .form-control__input, .form-control_state_invalid .form-control__textarea { border-color: var(--color-error); } .form-control_state_invalid .choices__inner { border-color: var(--color-error); } .form-control_type_captcha .form-control__holder { display: flex; flex-wrap: wrap; } .form-control_type_captcha .form-control__label { display: block; flex: 1 1 100%; width: 100%; max-width: 100%; } .form-control_type_captcha .form-control__captcha { flex: 0 0 auto; margin: 0 4px 4px 0; } .form-control_type_captcha .form-control__captcha-image { width: auto; height: 48px; } .form-control_type_captcha .form-control__field { flex: 1 1 auto; } .form { display: block; font-size: 16px; line-height: 1.6; text-align: left; } @media only screen and (min-width: 1025px) { .form { font-size: 20px; } } .form__main { display: block; } .form__title { display: block; margin: 0 0 16px; font-size: 16px; font-weight: 600; line-height: 1.6; } @media only screen and (min-width: 1025px) { .form__title { font-size: 20px; } } .form__title:last-child { margin-bottom: 0; } .form__text { display: block; margin: 0 0 30px; } @media only screen and (min-width: 1025px) { .form__text { margin: 0 0 61px; } } .form__text:last-child { margin-bottom: 0; } .form__inputs { margin: 0 0 30px; } .form__inputs:last-child { margin-bottom: 0; } .form__line { position: relative; display: block; margin: 0 0 30px; } .form__line:last-child { margin-bottom: 0; } .form__message-wrapper { display: block; flex: 1 1 100%; width: 100%; max-width: 100%; } .form__confirmation-check { margin: 0 0 52px; } .form__confirmation-check:last-child { margin-bottom: 0; } .form__captcha { display: block; margin: 0 0 16px; } @media only screen and (min-width: 1025px) { .form__captcha { margin: 0 0 24px; } } .form__captcha:last-child { margin-bottom: 0; } .form__controls { display: block; } .form__control { display: block; width: 100%; margin: 0 0 20px; } .form__control:last-child { margin: 0; } .form__messages { display: none; padding: 30px 0; } .form__messages:first-child { padding-top: 0; } .form__messages:last-child { padding-bottom: 0; } .form__message { margin: 0 0 20px; padding: 17px; color: var(--color-primary); font-size: 12px; font-weight: 600; line-height: 1.6; text-align: center; border: 2px solid var(--color-primary); border-radius: 16px; } .form__message:last-child { margin-bottom: 0; } .form__message_style_success { color: var(--color-success); background-color: var(--color-success-light); border-color: var(--color-success); } .form__message_style_warning { color: var(--color-warning); background-color: var(--color-warning-light); border-color: var(--color-warning); } .form__message_style_error { color: var(--color-error); background-color: var(--color-error-light); border-color: var(--color-error); } .form__panel { display: block; margin: 0 0 30px; padding: 38px 32px 53px 38px; font-size: 14px; line-height: 1.6; background: var(--color-milk); border-radius: 8px; } .form__panel:last-child { margin-bottom: 0; } .form__checks { margin: 0 0 34px; } .form__checks:last-child { margin-bottom: 0; } .form__check { margin: 0 0 12px; } .form__check:last-child { margin-bottom: 0; } .form__final { display: none; padding: 20px 0; font-size: 24px; line-height: 1.4; text-align: center; } @media only screen and (min-width: 1025px) { .form__final { font-size: 32px; } } .form_messages_shown .form__messages { display: block; } .form_state_sent .form__main { display: none; } .form_state_sent .form__final { display: block; } .header { position: relative; display: block; padding: 20px 0; color: inherit; } @media only screen and (min-width: 402px) { .header { padding: 33px 0; } } @media only screen and (min-width: 1025px) { .header { padding: 54px 0 29px; } } .header__container { display: flex; flex-wrap: wrap; } @media only screen and (min-width: 768px) { .header__container { flex-wrap: nowrap; align-items: center; } } .header__main-logo { display: block; flex: 1 1 auto; max-width: 192px; padding: 6px 10px 0 0; } @media only screen and (min-width: 402px) { .header__main-logo { max-width: 206px; padding: 6px 20px 0 0; } } @media only screen and (min-width: 480px) { .header__main-logo { max-width: 266px; } } @media only screen and (min-width: 1025px) { .header__main-logo { flex: 0 1 auto; max-width: 100%; padding: 0 52px 0 0; } } .header__main-logo ~ .header__logo-group { flex: 1 1 100%; flex-direction: row; align-items: center; order: 5; padding: 20px 0 0; } @media only screen and (min-width: 402px) { .header__main-logo ~ .header__logo-group { padding: 34px 0 0; } } @media only screen and (min-width: 768px) { .header__main-logo ~ .header__logo-group { flex: 0 1 auto; order: 0; padding: 0; } } .header__logo-group { display: flex; flex: 0 1 auto; flex-direction: column; flex-wrap: nowrap; row-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } @media only screen and (min-width: 768px) { .header__logo-group { flex-direction: row; -moz-column-gap: 30px; column-gap: 30px; align-items: center; } } .header__logo-item { display: block; flex: 0 1 auto; } .header__logo-item .header__logo { height: 34px; } @media only screen and (min-width: 402px) { .header__logo-item .header__logo { height: 37px; } } @media only screen and (min-width: 1025px) { .header__logo-item .header__logo { height: 44px; } } .header__logo { display: block; } .header__text { display: none; flex: 0 1 auto; margin: 0 auto; padding: 0 0 0 20px; font-family: Pacifico, Alice, serif; font-size: 24px; line-height: 1.2; letter-spacing: 0.04em; } @media only screen and (min-width: 1025px) { .header__text { display: block; } } .header__burger { display: block; flex: 0 0 auto; margin: 0 0 0 auto; padding: 3px 0 0 20px; } @media only screen and (min-width: 1025px) { .header__burger { margin: 0; padding: 0 0 0 20px; } } .icon-link { display: flex; flex-wrap: nowrap; -moz-column-gap: 10px; column-gap: 10px; align-items: center; color: inherit; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: none; letter-spacing: 0.04em; transition: all 0.3s ease; transition-property: color, opacity; } .icon-link:hover { color: var(--color-primary); text-decoration: none; outline: none; } .icon-link:focus-visible { color: var(--color-primary); text-decoration: none; outline: none; opacity: 0.7; } .icon-link__icon-wrapper { display: block; flex: 0 0 auto; } .icon-link__icon { display: block; width: 34px; height: 34px; fill: currentColor; color: var(--color-primary); } @media only screen and (min-width: 768px) { .icon-link__icon { width: 24px; height: 24px; } } .icon-link__text { display: block; flex: 1 1 auto; } .icon-link_icon-size_l .icon-link__icon { width: 34px; height: 34px; } .icon-links { display: block; } .icon-links__list { display: flex; flex-direction: column; flex-wrap: nowrap; } .icon-links__item { display: block; flex: 0 0 auto; margin: 0 0 20px; } .icon-links__item:last-child { margin-bottom: 0; } .icon-links_align_start .icon-links__list { align-items: flex-start; } .icon-links_align_center .icon-links__list { align-items: center; } .icon-links_align_end .icon-links__list { align-items: flex-end; } @media only screen and (min-width: 1025px) { .icon-links_align_desktop-start .icon-links__list { align-items: flex-start; } } @media only screen and (min-width: 1025px) { .icon-links_align_desktop-center .icon-links__list { align-items: center; } } @media only screen and (min-width: 1025px) { .icon-links_align_desktop-end .icon-links__list { align-items: flex-end; } } .intro { position: relative; display: block; overflow: hidden; padding: 145px 0 0; color: var(--color-white); background: var(--color-secondary); } @media only screen and (min-width: 1025px) { .intro { padding: 135px 0 0; } } .intro__pattern { position: absolute; left: 50%; bottom: 0; z-index: 0; display: block; width: 100%; height: auto; pointer-events: none; opacity: 0.2; transform: translate(-50%, 75%); transform-origin: 50% 50%; animation-name: intro-pattern-rotate; animation-duration: 120s; animation-timing-function: linear; animation-iteration-count: infinite; } @media only screen and (min-width: 768px) { .intro__pattern { width: 1128px; height: 1128px; } } .intro__backgrounds { position: absolute; top: 0; left: 0; z-index: 0; display: block; width: 100%; height: 100%; } .intro__background { position: absolute; top: 0; left: 0; z-index: 0; display: block; width: 100%; height: 100%; pointer-events: none; } .intro__background:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background-image: linear-gradient(178deg, rgba(2,50,32,0.97) 0%, rgba(2,50,32,0.2) 100%); } .intro__background_state_hidden { opacity: 0; transition: opacity 0.3s ease; } .intro__background_state_hidden .intro__image { transform: scale(1); transform-origin: 50% 50%; } .intro__background_state_active { opacity: 1; } .intro__background_state_active .intro__image { transition: transform 5s ease-in-out; transform: scale(1.05); } .intro__background .intro__image { display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0.4; transform-origin: 50% 50%; animation-name: banner-image-animation; animation-duration: 20s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .intro__container { position: relative; display: flex; overflow: hidden; flex-direction: column; flex-wrap: nowrap; } @media only screen and (min-width: 1025px) { .intro__container { flex-direction: row; } } .intro__social { position: relative; display: none; flex: 0 0 auto; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; width: auto; padding: 0 0 20px; } @media only screen and (min-width: 1025px) { .intro__social { display: flex; } } @media only screen and (min-width: 1440px) { .intro__social { padding: 0 0 80px; } } .intro__social-nav { position: relative; flex: 0 0 auto; width: auto; } .intro__social-nav:before { content: ''; position: absolute; left: 50%; bottom: 100%; z-index: 1; display: block; width: 1px; height: 1000px; background: var(--color-primary); opacity: 0.4; transform: translate(0, -30px); } .intro__content { display: flex; flex: 1 1 auto; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; padding: 10px 0 27px; } @media only screen and (min-width: 1025px) { .intro__content { flex-direction: row; padding: 80px 0 67px; } } @media only screen and (min-width: 1440px) { .intro__content { padding: 165px 0 67px; } } .intro__title { display: block; width: 100%; padding: 0 43px 0 0; } @media only screen and (min-width: 1025px) { .intro__title { text-align: center; } } .intro__main { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; margin: 0 0 30px; } @media only screen and (min-width: 1025px) { .intro__main { align-items: flex-start; margin: 0; padding: 0 30px 60px; } } @media only screen and (min-width: 1440px) { .intro__main { padding: 48px 60px 77px 93px; } } .intro__main:last-child { margin-bottom: 0; } .intro__illustration { display: block; margin: 0 0 16px; } @media only screen and (min-width: 1025px) { .intro__illustration { margin: 0 0 63px; } } .intro__illustration:last-child { margin-bottom: 0; } .intro__illustration .intro__image { display: block; width: 100%; max-width: 938px; } .intro__text { display: block; margin: 0 0 30px; font-family: Pacifico, Alice, serif; font-size: 20px; line-height: 1.2; text-align: center; letter-spacing: 0.04em; } @media only screen and (min-width: 1025px) { .intro__text { display: none; } } .intro__text:last-child { margin-bottom: 0; } .intro__controls { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; } @media only screen and (min-width: 1025px) { .intro__controls { flex-direction: row; padding: 0 0 0 14px; } } .intro__control { display: block; flex: 0 0 auto; width: auto; min-width: 200px; margin: 0 0 20px; } @media only screen and (min-width: 1025px) { .intro__control { flex: 0 1 auto; min-width: 220px; margin: 0 33px 0 0; } } .intro__control:last-child { margin: 0; } .intro__carousel { display: block; flex: 0 0 auto; width: 100%; max-width: 100%; margin: 0 auto; } @media only screen and (min-width: 402px) { .intro__carousel { width: 354px; max-width: 354px; } } @media only screen and (min-width: 1025px) { .intro__carousel { flex: 0 0 354px; margin: 0 0 0 auto; } } @media only screen and (min-width: 1440px) { .intro__carousel { padding: 30px 0 0; } } .intro_type_primary .intro__pattern { opacity: 0.8; transform: translate(-50%, 50%); animation-name: intro-pattern-rotate-primary; } @media only screen and (min-width: 1025px) { .intro_type_primary .intro__pattern { opacity: 0.2; } } .intro_type_primary .intro__content { padding: 10px 0 40px; } @media only screen and (min-width: 1025px) { .intro_type_primary .intro__content { align-items: center; min-height: calc(100vh - 135px); padding-top: 60px; } } @keyframes intro-pattern-rotate { from { transform: translate(-50%, 75%) rotate(0); } to { transform: translate(-50%, 75%) rotate(360deg); } } @keyframes intro-pattern-rotate-primary { from { transform: translate(-50%, 50%) rotate(0); } to { transform: translate(-50%, 50%) rotate(360deg); } } @keyframes intro-image-animation { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .link { position: relative; display: inline-block; vertical-align: middle; color: var(--color-primary); font: inherit; font-weight: 400; text-decoration: none; background: transparent; border: none; border-bottom: 1px solid currentColor; outline: none; transition: all 0.3s ease; transition-property: color, opacity; } .link:hover { color: var(--color-primary); opacity: 0.7; } .link_color_dependent { color: inherit; } .link_color_dependent:hover { color: inherit; } .link_weight_bold { font-weight: 700; border-bottom-width: 1.5; } .logo-carousel { position: relative; display: block; overflow: hidden; padding: 40px 0; } .logo-carousel__slider { position: relative; margin: 0 0 20px; } @media only screen and (min-width: 1025px) { .logo-carousel__slider { margin: 0 0 30px; } } .logo-carousel__slider:last-child { margin-right: 0; } .logo-carousel__slider:hover { z-index: 5; } .logo-carousel__wrapper { display: flex; flex-wrap: nowrap; transition-timing-function: linear; } .logo-carousel__panel { height: 100%; } .logo-carousel .logo-carousel__container { overflow: visible; } .logo-carousel .logo-carousel__slide { flex: 0 0 161px; width: 161px; max-width: 161px; height: auto; margin: 0 20px 0 0; } @media only screen and (min-width: 1025px) { .logo-carousel .logo-carousel__slide { flex-basis: 207px; width: 207px; max-width: 207px; margin: 0 30px 0 0; } } .logo-carousel .logo-carousel__slide:last-child { margin-right: 0; } .logo-grid { display: block; } .logo-grid__list { display: flex; flex-wrap: wrap; row-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; justify-content: center; } @media only screen and (min-width: 1025px) { .logo-grid__list { row-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } } .logo-grid__item { display: block; flex-basis: 0 0 207px; width: 207px; } .logo-grid__panel { height: 100%; } .logo-panel { position: relative; display: block; font-size: 12px; line-height: 1.2; text-align: center; background: var(--color-white); border-radius: 16px; } @media only screen and (min-width: 1025px) { .logo-panel { font-size: 14px; line-height: 1.6; } } .logo-panel:hover .logo-panel__info { opacity: 1; transform: translate(-50%, -50%) scale(1); } .logo-panel__illustration { position: relative; overflow: hidden; width: 100%; } .logo-panel__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 100% 0 0; } .logo-panel__image { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 50%; height: 50%; object-fit: scale-down; transform: translate(-50%, -50%); } .logo-panel__image_type_horizontal { width: 80%; height: 90%; } .logo-panel__info { position: absolute; top: 50%; left: 50%; z-index: 5; width: 140.57%; height: 134.29%; color: var(--color-white); background: var(--color-dark); border-radius: inherit; opacity: 0; transform: translate(-50%, -50%) scale(0.33); transition: all 0.3s ease; transition-property: transform, opacity; } .logo-panel__content { display: block; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 20px; } @media only screen and (min-width: 1025px) { .logo-panel__content { padding: 40px; } } .logo-panel__text { display: block; flex: 0 0 auto; width: auto; margin: 0 0 33px; } .logo-panel__text:last-child { margin-bottom: 0; } .logo-panel__controls { display: block; flex: 0 0 auto; width: auto; margin: 0 0 33px; } .logo-panel__controls:last-child { margin-bottom: 0; } .logo-panel__link { display: block; color: var(--color-primary); font-size: 0; text-decoration: none; background: transparent; outline: none; } .logo-panel__link:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .logo-panel__icon { display: block; width: 18px; height: 18px; stroke: currentColor; } .logo { display: block; color: inherit; text-decoration: none; transition: opacity 0.3s ease; } .logo:hover { color: inherit; text-decoration: none; opacity: 0.7; } .logo__image { display: block; width: 100%; height: 100%; object-fit: scale-down; object-position: 0 0; } .logo__figure { display: block; width: 100%; height: auto; fill: currentColor; } .media-carousel { display: block; } .media-carousel__wrapper { display: flex; flex-wrap: nowrap; } .media-carousel__panel { height: 100%; } .media-carousel .media-carousel__container { overflow: visible; } .media-carousel .media-carousel__slide { flex: 0 0 254px; width: 254px; max-width: 254px; height: auto; margin: 0 18px 0 0; } @media only screen and (min-width: 1025px) { .media-carousel .media-carousel__slide { flex-basis: 406px; width: 406px; max-width: 406px; margin: 0 30px 0 0; } } .media-carousel .media-carousel__slide:last-child { margin-right: 0; } .media-snippet { position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; } .media-snippet__illustration { position: relative; overflow: hidden; flex: 0 0 auto; width: 100%; margin: 0 0 20px; color: var(--color-white); background: var(--color-dark); border-radius: 20px; transition: all 0.3s ease; transition-property: box-shadow, transform; } @media only screen and (min-width: 1025px) { .media-snippet__illustration { margin: 0 0 30px; } } @media only screen and (min-width: 1025px) { .media-snippet__illustration:hover { z-index: 5; box-shadow: 0 30px 40px 0 rgba(0,0,0,0.3); transform: translate(0, -25px); } } .media-snippet__illustration:hover ~ .media-snippet__content { color: var(--color-primary); } .media-snippet__illustration:last-child { margin-bottom: 0; } .media-snippet__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 163.385% 0 0; } @media only screen and (min-width: 1025px) { .media-snippet__illustration:before { padding: 144.581% 0 0; } } .media-snippet__illustration:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; display: block; width: 100%; height: 40%; pointer-events: none; background-image: linear-gradient(0deg, rgba(2,50,32,0.97) 0%, rgba(2,50,32,0) 100%); opacity: 0.6; } .media-snippet__image { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .media-snippet__icon { position: absolute; left: 13px; bottom: 14px; z-index: 2; width: 34px; height: 34px; fill: currentColor; } @media only screen and (min-width: 1025px) { .media-snippet__icon { left: 21px; bottom: 26px; } } .media-snippet__content { display: block; flex: 1 1 auto; width: 100%; transition: color 0.3s ease; } .media-snippet__text { display: block; font-size: 14px; line-height: 1.6; } @media only screen and (min-width: 1025px) { .media-snippet__text { font-size: 18px; } } .modal { display: none; overflow: auto; width: 100%; max-width: 1200px; padding: 20px; color: var(--color-dark); background: var(--color-white); border-radius: 20px; } @media only screen and (min-width: 768px) { .modal { min-height: auto; } } .modal__quote { position: absolute; top: 0; left: 50%; z-index: 2; display: block; width: 55px; height: 55px; padding: 17px; background: var(--color-primary); border-radius: 50%; transform: translate(-50%, -50%); } @media only screen and (min-width: 1025px) { .modal__quote { width: 73px; height: 73px; } } .modal__quote-image { display: block; width: 100%; height: 100%; object-fit: scale-down; } .modal_form-state_sent .modal__header { display: none; } .modal_type_unpadded { padding: 0; } .modal_type_review { overflow: visible; max-width: 850px; padding: 70px 0; font-size: 16px; line-height: 1.6; text-align: center; background: transparent; border-radius: 0; } .modal_type_review .modal__content { position: relative; padding: 60px 15px; color: var(--color-white); background: var(--color-dark); border-radius: 20px; } @media only screen and (min-width: 1025px) { .modal_type_review .modal__content { padding: 87px 63px; font-size: 18px; } } .modal .carousel__button.is-close { top: 10px; right: 10px; color: var(--color-white); transition: all 0.3s ease; } .modal .carousel__button.is-close:hover { color: var(--color-primary); } .nav { display: block; font-size: 14px; line-height: 1.6; } @media only screen and (min-width: 1025px) { .nav { font-size: 16px; } } .nav__list { display: block; margin: 0; padding: 0; } .nav__item { position: relative; display: block; margin: 0 0 12px; padding: 0; } @media only screen and (min-width: 1025px) { .nav__item { margin: 0 0 8px; } } .nav__item:last-child { margin-bottom: 0; } .nav__item:hover > .nav__sub { display: block; } .nav__item_state_active > .nav__link { color: var(--color-primary); } .nav__item_active > .nav__link, .nav__item_active-parent > .nav__link { color: var(--color-primary); } .nav__link { display: block; color: inherit; text-decoration: none; background: transparent; border: none; outline: none; transition: all 0.3s ease; transition-property: color, opacity; } .nav__link:hover { color: var(--color-primary); text-decoration: none; outline: none; } .nav__link:focus-visible { color: var(--color-primary); text-decoration: none; outline: none; opacity: 0.7; } .nav__sub { display: block; padding: 12px 0 0 24px; } .nav_cols_3 .nav__list { -moz-columns: 2; columns: 2; gap: 30px; } @media only screen and (min-width: 768px) { .nav_cols_3 .nav__list { -moz-columns: 3; columns: 3; } } .nav_cols_3 .nav__item { -moz-column-break-inside: avoid; break-inside: avoid-column; } .nav_type_primary { font-size: 16px; line-height: 1.6; text-transform: uppercase; } @media only screen and (min-width: 1025px) { .nav_type_primary { font-size: 24px; } } .nav_type_primary .nav__item { margin: 0 0 13px; } @media only screen and (min-width: 1025px) { .nav_type_primary .nav__item { margin: 0 0 20px; } } .nav_type_primary .nav__item:last-child { margin-bottom: 0; } .page { position: relative; display: block; margin: 0; padding: 0; background: var(--color-white); } .page__body { display: flex; flex-direction: column; flex-wrap: nowrap; min-height: 100vh; background: inherit; } .page__body_menu_open { overflow: hidden; } .page__body_menu_open .page__slide-menu { visibility: visible; pointer-events: auto; opacity: 1; } .page__body_style_milk { background-color: var(--color-milk); } .page__body_fixed-controls_hidden .page__fixed-controls { visibility: hidden; pointer-events: none; opacity: 0; } .page__header { position: relative; top: 0; left: 0; z-index: 500; display: block; flex: 0 0 auto; width: 100%; color: var(--color-white); background: var(--color-secondary); } .page__header_position_absolute { position: absolute; pointer-events: none; } .page__header_position_fixed { pointer-events: auto; } .page__header_position_fixed .page__header-wrapper { position: fixed; } .page__header-wrapper { position: absolute; top: 0; left: 0; z-index: inherit; display: block; width: 100%; } .page__content { position: relative; z-index: 50; display: block; flex: 1 1 100%; width: 100%; background: inherit; } .page__container { width: 100%; max-width: 1780px; margin: 0 auto; padding: 0 10px; } @media only screen and (min-width: 402px) { .page__container { padding: 0 30px; } } .page__container_width_full { max-width: 100%; } .page__container_gutter_none { max-width: 1720px; padding: 0 0; } .page__wrapper { max-width: 844px; margin: 0 auto; } .page__footer { display: block; flex: 0 0 auto; width: 100%; } .page__slide-menu { position: fixed; top: 0; left: 0; bottom: 0; z-index: 700; visibility: hidden; width: 100%; height: 100%; pointer-events: none; opacity: 0; transition: all 0.3s ease; transition-property: visibility, opacity; } .page__section { position: relative; overflow: hidden; } .page__fixed-controls { position: fixed; left: 0; bottom: 0; z-index: 100; width: 100%; padding: 0 0 34px; transition: all 0.3s ease; transition-property: visibility, opacity; } .page__controls { display: flex; flex-wrap: nowrap; -moz-column-gap: 20px; column-gap: 20px; } .page__control { display: block; flex: 1 1 100%; width: 100%; } .page__banner { position: relative; } .page__banner_state_fixed { position: fixed; left: 0; bottom: 0; z-index: 0; width: 100%; } .page__decoration { position: absolute; z-index: -1; display: block; width: 188px; height: 384px; pointer-events: none; object-fit: contain; transform: translate(0, -50%); } @media only screen and (min-width: 1281px) { .page__decoration { width: 19.56vw; max-width: 380px; height: 40vw; max-height: 777px; } } .page__decoration_type_a { top: 958px; left: 0; display: none; transform: translate(0, -50%) rotate(180deg); } @media only screen and (min-width: 1025px) { .page__decoration_type_a { display: block; } } .page__decoration_type_b { top: 0; right: 0; z-index: 0; display: none; } @media only screen and (min-width: 1025px) { .page__decoration_type_b { display: block; } } .page__decoration_type_c { right: 0; bottom: 0; z-index: 0; display: block; transform: translate(0, 50%); } @media only screen and (min-width: 1025px) { .page__decoration_type_c { display: none; } } .page__decoration_type_d { top: 961px; right: 0; display: none; transform: translate(0, -50%); } @media only screen and (min-width: 1025px) { .page__decoration_type_d { display: block; } } .page__decoration_type_e { right: 0; bottom: 0; display: none; transform: translate(0, 50%); } @media only screen and (min-width: 1025px) { .page__decoration_type_e { display: block; } } .page__decoration_type_f { top: 50%; left: 100%; z-index: 0; display: none; transform: translate(0, -50%) rotate(180deg); } @media only screen and (min-width: 1025px) { .page__decoration_type_f { display: block; } } .page__decoration_type_g { right: 0; bottom: 0; z-index: 0; display: none; transform: translate(0, 15%); } @media only screen and (min-width: 1025px) { .page__decoration_type_g { display: block; } } .panel-carousel { position: relative; display: block; overflow: hidden; padding: 22px 25px 25px 30px; color: var(--color-white); -webkit-user-select: none; user-select: none; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.3); border-radius: 20px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } @media only screen and (min-width: 1025px) { .panel-carousel { padding: 14px 25px 34px 40px; } } .panel-carousel__nav { display: block; margin: 0 0 17px; } @media only screen and (min-width: 1025px) { .panel-carousel__nav { margin: 0 0 80px; } } .panel-carousel__nav:last-child { margin-bottom: 0; } .panel-carousel__panel { position: relative; display: block; height: 100%; padding: 0 60px 0 0; font-size: 14px; font-weight: 500; line-height: 1.4; letter-spacing: 0.04em; } @media only screen and (min-width: 1025px) { .panel-carousel__panel { padding: 0; } } .panel-carousel__title { display: block; margin: 0 0 20px; color: inherit; font-family: Alice, serif; font-size: 20px; line-height: 1.1; letter-spacing: 0.04em; } .panel-carousel__title:last-child { margin-bottom: 0; } .panel-carousel__caption { display: none; padding: 40px 0 0; font-size: 14px; font-weight: 500; line-height: 1.2; letter-spacing: 0.04em; text-transform: uppercase; opacity: 0.5; } @media only screen and (min-width: 768px) { .panel-carousel__caption { display: block; } } .review-carousel { display: block; padding: 30px 0 0; } @media only screen and (min-width: 1025px) { .review-carousel { padding: 70px 0 0; } } .review-carousel__wrapper { display: flex; flex-wrap: nowrap; } .review-carousel__panel { height: 100%; } .review-carousel__nav { padding: 34px 0 0; } @media only screen and (min-width: 1025px) { .review-carousel__nav { padding: 50px 0 0; } } .review-carousel .review-carousel__container { overflow: visible; } .review-carousel .review-carousel__slide { flex: 0 0 280px; width: 280px; max-width: 280px; height: auto; margin: 0 10px; opacity: 0.5; transition: all 1s ease-in-out; transition-property: transform, opacity; } @media only screen and (min-width: 402px) { .review-carousel .review-carousel__slide { flex-basis: 343px; width: 343px; max-width: 343px; } } @media only screen and (min-width: 1025px) { .review-carousel .review-carousel__slide { flex-basis: 850px; width: 850px; max-width: 850px; margin: 0 20px; } } .review-carousel .review-carousel__slide.swiper-slide-active { opacity: 1; } @media only screen and (min-width: 1025px) { .review-carousel .review-carousel__slide.swiper-slide-active { transform: translate(0, -30px); } } .review { position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 40px 15px 32px; color: var(--color-dark); font-size: 16px; line-height: 1.6; text-align: center; background: var(--color-white); border-radius: 20px; } @media only screen and (min-width: 1025px) { .review { padding: 87px 63px; font-size: 18px; } } .review__quote { position: absolute; top: 0; left: 50%; z-index: 2; display: block; width: 55px; height: 55px; padding: 17px; background: var(--color-primary); border-radius: 50%; transform: translate(-50%, -50%); } @media only screen and (min-width: 1025px) { .review__quote { width: 73px; height: 73px; } } .review__quote-image { display: block; width: 100%; height: 100%; object-fit: scale-down; } .review__content { display: block; flex: 0 0 auto; width: 100%; max-width: 650px; margin: 0 auto 33px; } .review__content:last-child { margin-bottom: 0; } .review__text { display: block; margin: 0 0 12px; } @media only screen and (max-width: 1024px) { .review__text { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } } .review__text:last-child { margin-bottom: 0; } .review__links { display: block; margin: 0 0 12px; } .review__links:last-child { margin-bottom: 0; } .review__link { color: var(--color-primary); font-weight: 600; text-decoration: none; background: transparent; border: none; outline: none; transition: all 0.3s ease; transition-property: color, opacity; } .review__link:hover { color: var(--color-primary); text-decoration: none; outline: none; opacity: 0.7; } .review__link:focus-visible { color: var(--color-primary); text-decoration: none; outline: none; opacity: 0.7; } .review__author { position: relative; display: block; flex: 0 0 auto; width: 100%; padding: 33px 0 0; font-family: Alice, serif; font-size: 20px; line-height: 1.2; } .review__author:after { content: ''; position: absolute; top: 0; left: 50%; z-index: 0; display: block; width: 100%; max-width: 269px; height: 2px; background: currentColor; transform: translate(-50%, 0); } .review__panel { position: absolute; top: 0; left: 0; z-index: 1; display: flex; visibility: hidden; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 12px; color: var(--color-white); pointer-events: none; background: var(--color-dark); opacity: 0; transition: all 0.3s ease; transition-property: visibility, opacity; } @media only screen and (min-width: 1025px) { .review__panel { padding: 24px; } } .review_state_open .review__panel { visibility: visible; pointer-events: auto; opacity: 1; } .review_state_open .review__link:hover { opacity: 1; } .review_state_open .review__link:before { content: ''; position: absolute; top: 0; left: 0; z-index: 5; display: block; width: 100%; height: 100%; cursor: pointer; } .section { position: relative; display: block; overflow: hidden; padding: 30px 0; } @media only screen and (min-width: 1025px) { .section { padding: 64px 0; } } .section__header { display: block; margin: 0 0 32px; } @media only screen and (min-width: 1025px) { .section__header { margin: 0 0 67px; } } .section__header:last-child { margin-bottom: 0; } .section__title { margin: 0 0 30px; } .section__title:last-child { margin-bottom: 0; } .section__content { display: block; padding: 0; } .section__illustration { display: block; margin: 0 0 40px; } @media only screen and (min-width: 1025px) { .section__illustration { margin: 0 0 70px; } } .section__illustration:last-child { margin-bottom: 0; } .section__image { display: block; width: auto; max-width: 100%; height: auto; margin: 0 auto; object-fit: scale-down; object-position: 50% 50%; } .section .wp-block-image { display: block; width: auto; max-width: 100%; height: auto; margin: 0 0 40px; object-fit: scale-down; object-position: 50% 50%; } @media only screen and (min-width: 1025px) { .section .wp-block-image { margin: 0 0 70px; } } .section .wp-block-image:last-child { margin-bottom: 0; } .section .wp-block-image.aligncenter { margin-right: auto; margin-left: auto; } .section__text { font-size: 16px; line-height: 1.6; } @media only screen and (min-width: 1025px) { .section__text { font-size: 20px; } } .section__text p:not([class]) { margin: 0 0 0.8em; } .section__text p:not([class]):last-child { margin-bottom: 0; } .section__info { max-width: 1127px; margin: 0 auto 30px; font-size: 16px; line-height: 1.6; } @media only screen and (min-width: 1025px) { .section__info { margin: 0 auto 48px; font-size: 18px; text-align: center; } } .section__info p:not([class]) { margin: 0 0 0.8em; } .section__info p:not([class]):last-child { margin-bottom: 0; } .section__controls { display: flex; flex-direction: column; flex-wrap: nowrap; -moz-column-gap: 20px; column-gap: 20px; align-items: center; } .section__control { display: block; flex: 0 0 auto; width: auto; min-width: 247px; } @media only screen and (min-width: 1025px) { .section__control { min-width: 287px; } } .section__accordion-group { display: block; max-width: 844px; margin: 0 auto 40px; } .section__accordion-group:last-child { margin-bottom: 0; } .section__panel { position: relative; display: block; padding: 32px 24px; text-align: center; background: var(--color-white); border-radius: 20px; } @media only screen and (min-width: 1025px) { .section__panel { padding: 100px 150px; } } .section__message { display: block; padding: 20px 0; font-size: 24px; line-height: 1.4; } @media only screen and (min-width: 1025px) { .section__message { font-size: 32px; } } .section__article { display: block; width: 100%; max-width: 1144px; margin: 0 auto 40px; } @media only screen and (min-width: 1025px) { .section__article { margin: 0 auto 70px; } } .section__article:last-child { margin-bottom: 0; } .section__entry-carousel { position: relative; } .section__entry-carousel:after { content: ''; position: absolute; top: 107px; left: 50%; z-index: -1; display: block; width: 110vw; height: 3000px; background: var(--color-milk); transform: translate(-50%, 0); } @media only screen and (min-width: 1025px) { .section__entry-carousel:after { top: 137px; } } .section__media-carousel { position: relative; } .section__media-carousel:after { content: ''; position: absolute; top: 147px; left: 50%; z-index: -1; display: block; width: 110vw; height: 3000px; background: var(--color-milk); transform: translate(-50%, 0); } @media only screen and (min-width: 1025px) { .section__media-carousel:after { top: 327px; } } .section_spacing_none { padding: 0; } .section_spacing_l { padding: 64px 0; } @media only screen and (min-width: 1025px) { .section_spacing_l { padding: 140px 0; } } .section_spacing_top-none { padding-top: 0; } .section_spacing_top-l { padding-top: 64px; } @media only screen and (min-width: 1025px) { .section_spacing_top-l { padding-top: 140px; } } .section_spacing_bottom-none { padding-bottom: 0; } .section_spacing_bottom-l { padding-bottom: 64px; } @media only screen and (min-width: 1025px) { .section_spacing_bottom-l { padding-bottom: 140px; } } .section_style_milk { background: var(--color-milk); } .slide-menu { display: block; overflow: hidden auto; height: 100%; color: var(--color-white); -webkit-backdrop-filter: blur(60px); backdrop-filter: blur(60px); background: rgba(1,20,13,0.86); } .slide-menu__container { display: flex; flex-direction: column; flex-wrap: nowrap; height: 100%; } .slide-menu__header { display: flex; flex: 0 0 auto; flex-wrap: nowrap; align-items: center; justify-content: right; width: 100%; padding: 20px 0; } @media only screen and (min-width: 402px) { .slide-menu__header { padding: 33px 0 43px; } } @media only screen and (min-width: 1025px) { .slide-menu__header { padding: 54px 0 72px; } } .slide-menu__burger { padding: 3px 0; } @media only screen and (min-width: 768px) { .slide-menu__burger { padding: 12px 0; } } @media only screen and (min-width: 1025px) { .slide-menu__burger { padding: 8px 0; } } @media only screen and (min-width: 1281px) { .slide-menu__burger { padding: 12px 0; } } .slide-menu__main { display: block; flex: 0 0 auto; width: 100%; max-width: 1608px; margin: 0 auto; padding: 0 0 60px; } @media only screen and (min-width: 1025px) { .slide-menu__main { display: flex; flex-wrap: wrap; align-items: flex-start; margin: auto 0; padding: 0; } } .slide-menu__section { display: block; margin: 0 0 29px; } @media only screen and (min-width: 768px) { .slide-menu__section { padding: 0 15px; } } @media only screen and (min-width: 1025px) { .slide-menu__section { flex: 1 1 auto; padding: 0 30px; } } @media only screen and (min-width: 1440px) { .slide-menu__section { margin: 0 0 146px; padding: 0 89px; } } .slide-menu__section:last-child { margin-bottom: 0; } @media only screen and (min-width: 1025px) { .slide-menu__section_role_navs { flex: 0 1 63.5%; } } @media only screen and (min-width: 1025px) { .slide-menu__section_role_contacts { flex: 0 1 36.5%; } } @media only screen and (max-width: 1024px) { .slide-menu__section_role_social { margin-top: -43px; } } @media only screen and (max-width: 1024px) { .slide-menu__section_role_social .slide-menu__content { padding: 0; border-top: none; } } .slide-menu__heading { margin: 0 0 28px; } @media only screen and (min-width: 1025px) { .slide-menu__heading { margin: 0 0 37px; } } .slide-menu__heading:last-child { margin-bottom: 0; } .slide-menu__title { display: block; font-size: 18px; font-weight: 500; line-height: 1.2; letter-spacing: 0.04em; text-transform: uppercase; } .slide-menu__content { display: block; padding: 43px 0; border-top: 1px solid currentColor; } @media only screen and (min-width: 1025px) { .slide-menu__content { padding: 30px 0; } } @media only screen and (min-width: 1440px) { .slide-menu__content { padding: 65px 0; } } .slide-menu__nav-list { display: flex; flex-wrap: wrap; row-gap: 15px; -moz-column-gap: 25px; column-gap: 25px; } @media only screen and (min-width: 768px) { .slide-menu__nav-list { row-gap: 30px; -moz-column-gap: 50px; column-gap: 50px; } } .slide-menu__nav { display: block; flex: 1 1 auto; } .social-nav { display: flex; } .social-nav__list { display: flex; flex-wrap: nowrap; align-items: center; } .social-nav__item { display: block; flex: 0 1 auto; width: auto; margin: 0 12px 0 0; } .social-nav__item:last-child { margin-right: 0; } .social-nav__link { display: block; color: var(--color-primary); text-decoration: none; background: transparent; border: 1px solid var(--color-primary); border-radius: 50%; outline: none; transition: all 0.3s ease; transition-property: color, opacity; } .social-nav__link:hover, .social-nav__link:focus-visible { color: var(--color-primary); text-decoration: none; outline: none; opacity: 0.6; } .social-nav__link:focus-visible { color: var(--color-primary); text-decoration: none; outline: none; opacity: 0.7; } .social-nav__icon { display: block; width: 41px; height: 41px; fill: currentColor; } .social-nav_layout_vertical .social-nav__list { display: block; } .social-nav_layout_vertical .social-nav__item { margin: 0 0 12px; } .social-nav_layout_vertical .social-nav__item:last-child { margin-bottom: 0; } .rd-title { display: block; margin: 20px 0; padding: 0; color: inherit; font-weight: 700; line-height: 1.4; } .rd-title:first-child { margin-top: 0; } .rd-title:last-child { margin-bottom: 0; } .rd-title__icon { position: absolute; top: 30px; left: 50%; display: block; width: 20px; height: 21px; fill: currentColor; color: var(--color-primary); transform: translate(-50%, calc(-100% - 5px)); } @media only screen and (min-width: 1025px) { .rd-title__icon { width: 31px; height: 31px; } } .rd-title__wrapper { position: relative; display: inline-block; vertical-align: middle; padding: 30px 0 0; } @media only screen and (min-width: 1025px) { .rd-title__wrapper { padding: 0; } } @media only screen and (min-width: 1025px) { .rd-title_decoration_a .rd-title__icon { top: 50%; left: 100%; transform: none; } } @media only screen and (min-width: 1025px) { .rd-title_decoration_b .rd-title__icon { top: 50%; left: 104%; width: 38px; height: 34px; transform: none; } } @media only screen and (min-width: 1025px) { .rd-title_decoration_c .rd-title__icon { top: 77%; left: 102%; width: 34px; height: 35px; transform: none; } } .rd-title_size_h1 { font-size: 36px; letter-spacing: 0.04em; } @media only screen and (min-width: 1025px) { .rd-title_size_h1 { font-size: 64px; } } .rd-title_size_h2 { font-family: Alice, serif; font-size: 36px; font-weight: 400; line-height: 1.1; letter-spacing: 0.04em; } @media only screen and (min-width: 1025px) { .rd-title_size_h2 { font-size: 48px; line-height: 1.2; } } .rd-title_size_h3 { font-family: Alice, serif; font-size: 32px; font-weight: 400; line-height: 1.2; letter-spacing: 0.04em; } @media only screen and (min-width: 1025px) { .rd-title_size_h3 { font-size: 48px; } } .rd-title_size_h4 { font-size: 32px; } @media only screen and (min-width: 1025px) { .rd-title_size_h4 { font-size: 36px; } } .rd-title_size_h5 { font-size: 28px; } @media only screen and (min-width: 1025px) { .rd-title_size_h5 { font-size: 32px; } } @media only screen and (min-width: 1025px) { .rd-title_align_left { text-align: left; } } @media only screen and (min-width: 1025px) { .rd-title_align_center { text-align: center; } } @media only screen and (min-width: 1025px) { .rd-title_align_right { text-align: right; } } .rd-title_case_normal { text-transform: none; } .rd-title_case_upper { text-transform: uppercase; } .rd-title_weight_regular { font-weight: 400; } .rd-title_weight_bold { font-weight: 700; } .video { position: relative; display: block; overflow: hidden; width: 100%; height: auto; color: var(--color-primary); background-color: var(--color-milk); background-repeat: no; background-position: 50% 50%; background-size: cover; transition: background 0.3s ease; } .video:before { content: ''; display: block; width: 100%; height: auto; padding: 56.32% 0 0; } .video__panel { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .video__trigger { position: absolute; top: 0; left: 0; z-index: 5; display: block; width: 100%; height: 100%; color: var(--color-primary); font-size: 0; text-decoration: none; background: transparent; border: none; outline: none; } .video__trigger:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--color-dark); opacity: 0.4; } .video__trigger:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; transform: translate(-50%, -50%); filter: drop-shadow(0 0 5px var(--color-white)); width: 0; height: 0; padding: 0 !important; border-style: solid; border-width: 32px 0 32px 64px; border-color: transparent transparent transparent currentColor; } .video__content { display: block; width: 100%; height: 100%; margin: 0; padding: 0; pointer-events: none; border: none; opacity: 0; } .video_state_loading { background-color: var(--color-black); background-image: none !important; } .video_state_loading .video__panel:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 5; display: block; box-sizing: border-box; width: 80px; height: 80px; border-top: 2px solid currentColor; border-right: 2px solid transparent; border-radius: 50%; transform: translate(-50%, -50%); animation-name: video-loader; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } .video_state_loading .video__trigger { display: none; } .video_state_loaded { background-color: var(--color-black); } .video_state_loaded .video__panel { background-image: none !important; } .video_state_loaded .video__panel:before { display: none; } .video_state_loaded .video__trigger { display: none; } .video_state_loaded .video__content { pointer-events: auto; opacity: 1; } .video_background_cover { background-size: cover; } @keyframes video-loader { 0% { transform: translate(-50%, -50%) rotate(0); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } .work-list { display: block; color: main-color; } .work-list__title { display: block; font-size: 40px; font-weight: 600; } .work-list__list { counter-reset: workList; } .work-list__item:before { content: counter(workList) '.'; counter-increment: workList; display: inline-block; vertical-align: middle; min-width: 20px; padding: 0 5px 0 0; font-size: 20px; text-align: left; } .work-list__link { display: inline-block; vertical-align: middle; color: inherit; font-size: 20px; text-decoration: none; } .work-list__link[href='#'] { cursor: default; pointer-events: none; opacity: 0.2; } /* Скрываем стандартные сообщения CF7 */ .screen-reader-response, .wpcf7-response-output, .wpcf7-not-valid-tip { display: none !important; } .grecaptcha-badge { z-index: 99; }