/* Start:/local/templates/redesign/assets/components/fancybox-4.0.7/fancybox.css?177176051315369*/ .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} /* End */ /* Start:/local/templates/redesign/assets/components/swiper-7.2.0/css/swiper-bundle.min.css?177176051315562*/ /** * 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} /* End */ /* Start:/local/templates/redesign/assets/components/choices/styles/choices.min.css?17717605137667*/ .choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all;will-change:visibility}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{visibility:visible}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable,.choices__list[aria-expanded] .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable::after,.choices__list[aria-expanded] .choices__item--selectable::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5} /* End */ /* Start:/local/templates/redesign/assets/styles/app.css?1790571524377145*/ @font-face { font-family: 'Akrobat'; font-display: swap; src: url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-light.woff2") format("woff2"), url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-light.woff") format('woff'), url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-light.ttf") format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Akrobat'; font-display: swap; src: url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-regular.woff2") format("woff2"), url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-regular.woff") format('woff'), url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-regular.ttf") format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Akrobat'; font-display: swap; src: url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-semibold.woff2") format("woff2"), url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-semibold.woff") format('woff'), url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-semibold.ttf") format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Akrobat'; font-display: swap; src: url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-bold.woff2") format("woff2"), url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-bold.woff") format('woff'), url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-bold.ttf") format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Akrobat'; font-display: swap; src: url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-extrabold.woff2") format("woff2"), url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-extrabold.woff") format('woff'), url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-extrabold.ttf") format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Akrobat'; font-display: swap; src: url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-black.woff2") format("woff2"), url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-black.woff") format('woff'), url("/local/templates/redesign/assets/styles/../fonts/Akrobat/akrobat-black.ttf") format('truetype'); font-weight: 900; font-style: normal; } * { margin: 0; padding: 0; font: inherit; -webkit-box-sizing: border-box; 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 { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } ol, ul { list-style: none; } pre { -moz-tab-size: 4; -o-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'] { -webkit-box-sizing: border-box; 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; -webkit-box-sizing: content-box; 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; -webkit-box-shadow: none; box-shadow: none; } input, textarea { resize: none; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } [placeholder]:focus::-webkit-input-placeholder { color: transparent; } [placeholder]:focus::-moz-placeholder { color: transparent; } [placeholder]:focus:-ms-input-placeholder { color: transparent; } [placeholder]:focus::-ms-input-placeholder { color: transparent; } [placeholder]:focus::placeholder { color: transparent; } table { border-collapse: collapse; border-spacing: 0; } body { color: #1f2a39; font-family: Akrobat, Arial Narrow, sans-serif; font-variant: no-common-ligatures; font-size: 16px; font-weight: 500; 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.25; } 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: 40px 0; font-size: 50px; line-height: 1.2; } @media only screen and (min-width: 1025px) { h1:not([class]) { font-size: 70px; } } h2:not([class]) { margin: 30px 0; font-size: 40px; line-height: 1.28; } @media only screen and (min-width: 1025px) { h2:not([class]) { font-size: 50px; } } h3:not([class]) { margin: 25px 0; font-size: 21px; font-weight: 800; line-height: 1.476; } h4:not([class]) { margin: 20px 0; font-size: 16px; font-weight: 800; } @media only screen and (min-width: 1025px) { h4:not([class]) { font-size: 21px; line-height: 1.476; } } h5:not([class]) { margin: 15px 0; font-size: 16px; } h6:not([class]) { margin: 10px 0; font-size: 14px; } p:not([class]), ul:not([class]), ol:not([class]), table:not([class]), img:not([class]), hr:not([class]), fieldset:not([class]) { margin: 0 0 25px; } p:not([class]):last-child, ul:not([class]):last-child, ol:not([class]):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; } img:not([class]) { max-width: 100%; height: auto; } ul:not([class]) { margin: 0 0 20px; list-style: none; } ul:not([class]) > li:not([class]):before { content: ''; position: absolute; top: 0.5em; left: 8px; width: 5px; height: 5px; background: currentColor; border-radius: 50%; } ol:not([class]) { counter-reset: ol; } ol:not([class]) > li:not([class]) { position: relative; padding: 0 0 0 20px; } ol:not([class]) > li:not([class]):before { content: counter(ol); counter-increment: ol; position: absolute; top: 0; left: 8px; display: block; color: currentColor; } li:not([class]) { position: relative; margin: 0 0 10px; padding: 0 0 0 20px; list-style: none; } li:not([class]):last-child { margin-bottom: 0; } table:not([class]) { display: table; width: 100%; margin: 0 0 20px; 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: #3a8fc9; text-decoration: underline; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } a:not([class]):hover { color: #ed6c0c; text-decoration: underline; } a:not([class]):focus { color: #a02231; text-decoration: underline; outline: none; } a:not([class]):active { color: #7f1528; } sub:not([class]) { bottom: -0.25em; vertical-align: bottom; font-size: 0.75em; } sup:not([class]) { top: -0.5em; vertical-align: top; font-size: 0.75em; } 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 20px; padding: 20px; background: #f1f1f1; border: 1px solid #b1b1b1; } dl:not([class]) { margin: 0 0 20px; } 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 #343434; } 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]) { -webkit-box-sizing: border-box; box-sizing: border-box; width: 200px; margin: 0 0 5px; padding: 10px; color: #343434; font-size: 1em; line-height: 1.6; text-align: left; background: #fff; border: 1px solid #343434; outline: none; } input[type='text']:not([class])::-webkit-input-placeholder, input[type='password']:not([class])::-webkit-input-placeholder, input[type='email']:not([class])::-webkit-input-placeholder, input[type='url']:not([class])::-webkit-input-placeholder, input[type='number']:not([class])::-webkit-input-placeholder, input[type='datetime']:not([class])::-webkit-input-placeholder, input[type='datetime-local']:not([class])::-webkit-input-placeholder, input[type='search']:not([class])::-webkit-input-placeholder, input[type='tel']:not([class])::-webkit-input-placeholder, input[type='month']:not([class])::-webkit-input-placeholder, input[type='week']:not([class])::-webkit-input-placeholder, input[type='date']:not([class])::-webkit-input-placeholder, input[type='time']:not([class])::-webkit-input-placeholder, textarea:not([class])::-webkit-input-placeholder { color: #ddd; font-size: 16px; } input[type='text']:not([class]):-ms-input-placeholder, input[type='password']:not([class]):-ms-input-placeholder, input[type='email']:not([class]):-ms-input-placeholder, input[type='url']:not([class]):-ms-input-placeholder, input[type='number']:not([class]):-ms-input-placeholder, input[type='datetime']:not([class]):-ms-input-placeholder, input[type='datetime-local']:not([class]):-ms-input-placeholder, input[type='search']:not([class]):-ms-input-placeholder, input[type='tel']:not([class]):-ms-input-placeholder, input[type='month']:not([class]):-ms-input-placeholder, input[type='week']:not([class]):-ms-input-placeholder, input[type='date']:not([class]):-ms-input-placeholder, input[type='time']:not([class]):-ms-input-placeholder, textarea:not([class]):-ms-input-placeholder { color: #ddd; font-size: 16px; } input[type='text']:not([class])::-moz-placeholder, input[type='password']:not([class])::-moz-placeholder, input[type='email']:not([class])::-moz-placeholder, input[type='url']:not([class])::-moz-placeholder, input[type='number']:not([class])::-moz-placeholder, input[type='datetime']:not([class])::-moz-placeholder, input[type='datetime-local']:not([class])::-moz-placeholder, input[type='search']:not([class])::-moz-placeholder, input[type='tel']:not([class])::-moz-placeholder, input[type='month']:not([class])::-moz-placeholder, input[type='week']:not([class])::-moz-placeholder, input[type='date']:not([class])::-moz-placeholder, input[type='time']:not([class])::-moz-placeholder, textarea:not([class])::-moz-placeholder { color: #ddd; font-size: 16px; opacity: 1; } input[type='text']:not([class])::-ms-input-placeholder, input[type='password']:not([class])::-ms-input-placeholder, input[type='email']:not([class])::-ms-input-placeholder, input[type='url']:not([class])::-ms-input-placeholder, input[type='number']:not([class])::-ms-input-placeholder, input[type='datetime']:not([class])::-ms-input-placeholder, input[type='datetime-local']:not([class])::-ms-input-placeholder, input[type='search']:not([class])::-ms-input-placeholder, input[type='tel']:not([class])::-ms-input-placeholder, input[type='month']:not([class])::-ms-input-placeholder, input[type='week']:not([class])::-ms-input-placeholder, input[type='date']:not([class])::-ms-input-placeholder, input[type='time']:not([class])::-ms-input-placeholder, textarea:not([class])::-ms-input-placeholder { color: #ddd; font-size: 16px; opacity: 1; } 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; } .bs-group { margin: 0 0 40px; padding: 20px 0; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } .bs-group__title { margin: 0 0 20px; color: #909090; text-transform: uppercase; } .bs-tags-style li { margin: 0 0 8px; } .bs-tags-style li:last-child { margin-bottom: 0; } [class|="bx"] a:not([class]) { -webkit-text-fill-color: currentColor; background-color: transparent; background-image: none; } .arrow-link { position: relative; display: inline-block; vertical-align: middle; padding: 0 28px 0 0; color: #3a8fc9; font-size: 16px; font-weight: 700; text-transform: uppercase; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .arrow-link:hover, .arrow-link:focus { color: #ed6c0c; text-decoration: none; outline: none; } .arrow-link:hover .arrow-link__icon, .arrow-link:focus .arrow-link__icon { -webkit-transform: translate(3px, -50%); transform: translate(3px, -50%); } .arrow-link__icon { position: absolute; top: 50%; right: 3px; z-index: 1; display: block; width: 20px; height: 20px; fill: currentColor; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .arrow-link_width_full { display: block; width: 100%; } .arrow-link_direction_reverse { padding: 0 0 0 28px; } .arrow-link_direction_reverse:hover .arrow-link__icon, .arrow-link_direction_reverse:focus .arrow-link__icon { -webkit-transform: translate(-3px, -50%) scaleX(-1); transform: translate(-3px, -50%) scaleX(-1); } .arrow-link_direction_reverse .arrow-link__icon { right: auto; left: 3px; -webkit-transform: translate(0, -50%) scaleX(-1); transform: translate(0, -50%) scaleX(-1); } .arrow-link_style_inverted { color: #ed6c0c; } .arrow-link_style_primary { color: #a02231; } .arrow-link_style_primary:hover, .arrow-link_style_primary:focus { color: #ed6c0c; } .article-carousel { display: block; } .article-carousel__container { overflow: visible; } .article-carousel__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 575px; flex: 0 0 575px; -ms-flex-preferred-size: auto; flex-basis: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 575px; height: auto; margin: 0 9px 0 0; } @media only screen and (min-width: 1025px) { .article-carousel__slide { -ms-flex-preferred-size: 59.825%; flex-basis: 59.825%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 59.825%; } } .article-carousel__slide:last-child { margin-right: 0; } .article-carousel__slide_type_standalone { -ms-flex-preferred-size: 283px; flex-basis: 283px; width: 283px; } @media only screen and (min-width: 1025px) { .article-carousel__slide_type_standalone { -ms-flex-preferred-size: 40.175%; flex-basis: 40.175%; width: 40.175%; min-height: 555px; margin: 0 29px 0 0; } } .article-carousel__slide_type_standalone:last-child { margin-right: 0; } .article-carousel__slide-wrapper { height: 100%; } .article-carousel__item { -webkit-box-flex: 0; -ms-flex: 0 0 283px; flex: 0 0 283px; width: 283px; margin: 0 9px 0 0; } @media only screen and (min-width: 1025px) { .article-carousel__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 14.5px); flex: 0 0 calc(50% - 14.5px); width: 100%; margin: 0 0 31px; padding: 0 29px 0 0; } } .article-carousel__item:last-child { margin: 0; } .article-list__content { margin-bottom: 20px; } .article-list__item { -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; -webkit-transition: border 0.3s ease; transition: border 0.3s ease; } .article-list__item:hover { border: 1px solid #3a8fc9; } .article-list__item:not(:last-child) { margin-bottom: 20px; } .article-list_role-search .article-list__controls { padding-bottom: 46px; } .article-snippet { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #0c161f; font-size: 14px; line-height: 1.5; background: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: border, -webkit-box-shadow; transition-property: border, -webkit-box-shadow; transition-property: box-shadow, border; transition-property: box-shadow, border, -webkit-box-shadow; } .article-snippet:hover { -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25); } .article-snippet__illustration { position: relative; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .article-snippet__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 100% 0 0; } @media only screen and (min-width: 1025px) { .article-snippet__illustration:before { padding: 57.205% 0 0; } } .article-snippet__image { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; -o-object-fit: cover; object-fit: cover; } .article-snippet__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 367px; padding: 21px 12px 7px 11px; } @media only screen and (min-width: 1025px) { .article-snippet__content { padding: 40px 17px 4px; } } .article-snippet__labels { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: -33px 0 5px; } @media only screen and (min-width: 1025px) { .article-snippet__labels { margin: 0 0 21px; } } .article-snippet__labels:last-child { margin-bottom: 0; } .article-snippet__title { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 24px; } @media only screen and (min-width: 1025px) { .article-snippet__title { margin: 0 0 16px; } } .article-snippet__title:last-child { margin-bottom: 0; } .article-snippet__description { display: box; display: -webkit-box; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; max-height: 4.5em; margin: 0 0 40px; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; box-orient: vertical; color: #424b5a; } @media only screen and (min-width: 1025px) { .article-snippet__description { margin: 0 0 15px; } } .article-snippet__description:last-child { margin-bottom: 0; } .article-snippet__footer { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: auto 0 0; } .article-snippet__arrow-link { display: block; margin: 0 0 12px; } .article-snippet__arrow-link:last-child { margin-bottom: 0; } .article-snippet_layout_horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .article-snippet_layout_horizontal .article-snippet__illustration { -ms-flex-preferred-size: 262px; flex-basis: 262px; width: 262px; max-width: 262px; } .article-snippet_layout_horizontal .article-snippet__illustration:before { padding: 50% 0 0; } .article-snippet_layout_horizontal .article-snippet__content { max-width: 100%; padding: 10px 20px 3px 15px; } @media only screen and (min-width: 1025px) { .article-snippet_layout-l_horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 1025px) { .article-snippet_layout-l_horizontal .article-snippet__illustration { -ms-flex-preferred-size: 262px; flex-basis: 262px; width: 262px; max-width: 262px; } } @media only screen and (min-width: 1025px) { .article-snippet_layout-l_horizontal .article-snippet__illustration:before { padding: 100% 0 0; } } @media only screen and (min-width: 1025px) { .article-snippet_layout-l_horizontal .article-snippet__content { max-width: 100%; padding: 10px 20px 3px 15px; } } .article__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .article__title { max-width: 750px; text-transform: uppercase; margin-bottom: 37px; } .article__footer { padding-bottom: 50px; } @media only screen and (min-width: 480px) { .article__title { margin-bottom: 18px; } } .article__descr { margin: 20px 0; } @media only screen and (min-width: 480px) { .article__descr { margin: 11px 0; } } .article__illustration { margin-bottom: 16px; } .article__picture { display: block; width: 100%; } .article__image { display: block; width: 100%; } .article__author-title { margin-top: 35px; color: #a02231; font-size: 21px; font-weight: 800; text-transform: uppercase; border-bottom: 1px dashed #a02231; } .article__author { margin-top: 45px; } @media only screen and (min-width: 768px) { .article__author .team-item { gap: 140px; } } .banner-carousel { position: relative; display: block; } .banner-carousel .banner-carousel__slide { height: auto; } .banner-carousel__slide-wrapper { height: 100%; } .banner-carousel__navigation { position: absolute; top: 0; right: 24px; left: 24px; z-index: 10; display: block; height: 100%; pointer-events: none; } @media only screen and (min-width: 1281px) { .banner-carousel__navigation { right: 40px; left: 128px; } } .banner-carousel__arrows { display: none; } @media only screen and (min-width: 1025px) { .banner-carousel__arrows { position: relative; display: block; width: 100%; height: 100%; } } .banner-carousel__pagination { position: absolute; left: 50%; bottom: 15px; z-index: 1; display: block; line-height: 0; white-space: nowrap; pointer-events: auto; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .banner-carousel_state_inactive .banner-carousel__navigation { display: none; } .banner { position: relative; display: block; overflow: hidden; color: #fff; background-color: #1f2a39; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .banner__background { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; } .banner__background .banner__video { width: 100%; height: 100%; } .banner__image { display: block; width: 100%; height: 100%; margin: 0; padding: 0; -o-object-fit: cover; object-fit: cover; } .banner__wrapper { position: relative; z-index: 1; display: block; } @media only screen and (min-width: 1281px) { .banner__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .banner__menu-reserve { display: none; -webkit-box-flex: 0; -ms-flex: 0 0 95px; flex: 0 0 95px; -webkit-transition: -webkit-flex-basis 0.3s ease; transition: -webkit-flex-basis 0.3s ease; transition: flex-basis 0.3s ease; transition: flex-basis 0.3s ease, -webkit-flex-basis 0.3s ease, -ms-flex-preferred-size 0.3s ease; } @media only screen and (min-width: 1281px) { .banner__menu-reserve { background: #fff; display: block; } } .banner__container { position: relative; display: block; min-height: 519px; padding: 40px 25px 51px 29px; -webkit-transition: padding 0.3s ease; transition: padding 0.3s ease; } @media only screen and (min-width: 1025px) { .banner__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; min-height: 35.42vw; padding: 24px 60px; } } @media only screen and (min-width: 1281px) { .banner__container { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100%; padding: 30px 151px 30px 82px; } } .banner__main { position: relative; z-index: 1; display: block; padding: 0 0 7px; } @media only screen and (min-width: 1025px) { .banner__main { -webkit-box-flex: 0; -ms-flex: 0 1 480px; flex: 0 1 480px; width: auto; max-width: 480px; margin: 0; padding: 0 0 135px; } } @media only screen and (min-width: 1281px) { .banner__main { -ms-flex-preferred-size: 555px; flex-basis: 555px; max-width: 555px; } } @media only screen and (max-width: 1024px) { .banner__main:last-child { padding: 0 22px 0 18px; } } .banner__heading { display: block; margin: 0 0 22px; } .banner__heading:last-child { margin-bottom: 0; } .banner__title { display: block; margin: 0 0 12px; } .banner__title:last-child { margin-bottom: 0; } .banner__subtitle { display: block; margin: 0 0 12px; text-transform: uppercase; color: #dadcdb; } @media only screen and (min-width: 1025px) { .banner__subtitle { color: inherit; } } .banner__subtitle:last-child { margin-bottom: 0; } .banner__description { display: block; margin: 0 0 35px; color: #dadcdb; font-weight: 400; } @media only screen and (min-width: 1025px) { .banner__description { margin: 0 0 62px; } } .banner__description:last-child { margin-bottom: 0; } .banner__rating { display: block; margin: 0 0 22px; padding: 3px 0 0; } .banner__rating:last-child { margin-bottom: 0; } .banner__controls { display: block; width: 226px; margin: 0 0 22px; font-size: 0; } @media only screen and (min-width: 768px) { .banner__controls { width: auto; } } .banner__controls:last-child { margin-bottom: 0; } .banner__control { display: block; margin: 0 0 33px; } @media only screen and (min-width: 768px) { .banner__control { display: inline-block; vertical-align: top; margin: 0 16px 0 0; } } .banner__control:last-child { margin: 0; } .banner__panel { display: block; max-width: 304px; } @media only screen and (min-width: 1025px) { .banner__panel { -webkit-box-flex: 0; -ms-flex: 0 1 458px; flex: 0 1 458px; width: 458px; max-width: 458px; margin: 0 0 0 auto; } } .banner__panel:only-child { margin: 0 auto; } @media only screen and (min-width: 1025px) { .banner__panel:only-child { margin: 0 0 0 auto; } } .banner__panel-wrapper { height: 100%; } @media only screen and (min-width: 1025px) { .banner__panel-wrapper { min-height: 450px; } } @media only screen and (min-width: 1025px) { .banner_height_s .banner__container { min-height: 19.44vw; } } @media only screen and (min-width: 1025px) { .banner_height_s .banner__main { padding: 0; } } @media only screen and (min-width: 1025px) { .banner_height_l .banner__container { min-height: 47.22vw; } } @media only screen and (min-width: 1025px) { .banner_height_l .banner__main { padding: 0 0 107px; } } @media only screen and (min-width: 1025px) { .banner_height_xl .banner__container { min-height: 49.375vw; } } @media only screen and (min-width: 1025px) { .banner_height_xl .banner__main { padding: 0 0 29px; } } @media only screen and (max-width: 1024px) { .banner_height-mobile_xs .banner__container { min-height: 180px; } } @media only screen and (max-width: 1024px) { .banner_height-mobile_s .banner__container { min-height: 400px; padding: 34px 25px 51px 29px; } } @media only screen and (max-width: 1024px) { .banner_height-mobile_m .banner__container { min-height: 445px; padding: 58px 25px 45px 29px; } } @media only screen and (max-width: 1024px) { .banner_height-mobile_l .banner__container { min-height: 568px; } } @media only screen and (max-width: 1024px) { .banner_height-mobile_xl .banner__container { min-height: 601px; padding: 22px 25px 82px 29px; } } @media only screen and (max-width: 1024px) { .banner_height-mobile_xl .banner__title { margin: 0 0 -4px; } } @media only screen and (max-width: 1024px) { .banner_height-mobile_xl .banner__title:last-child { margin-bottom: 0; } } @media only screen and (max-width: 1024px) { .banner_height-mobile_xxl .banner__container { min-height: 711px; padding: 25px 9px 50px 8px; } } @media only screen and (max-width: 1024px) { .banner_height-mobile_xxl .banner__main { padding: 0; } } @media only screen and (max-width: 1025px) { .banner_align-mobile_center .banner__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 1281px) { .banner_reserve_expanded .banner__menu-reserve { -ms-flex-preferred-size: 346px; flex-basis: 346px; } } @media only screen and (min-width: 1281px) { .banner_reserve_expanded .banner__menu-reserve + .banner__container { padding-left: 44px; } } .banner_content-width_l .banner__main { -ms-flex-preferred-size: 670px; flex-basis: 670px; max-width: 670px; } .banner_content-width_xl .banner__main { -ms-flex-preferred-size: 672px; flex-basis: 672px; max-width: 672px; } @media only screen and (min-width: 1025px) { .banner_content-offset_s .banner__main { padding-bottom: 55px; } } @media only screen and (max-width: 1024px) { .banner_type_panel .banner__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } } @media only screen and (min-width: 1025px) { .banner_type_panel .banner__container:before { content: ''; position: absolute; top: 0; left: 0; z-index: 0; display: block; width: 630px; height: 100%; background: #0c161f; opacity: 0.5; } } @media only screen and (min-width: 1440px) { .banner_type_panel .banner__container:before { width: 47%; } } @media only screen and (max-width: 1024px) { .banner_type_panel .banner__main { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding: 36px 44px 25px; background: rgba(12, 22, 31, 0.5); } } @media only screen and (max-width: 1024px) { .banner_type_panel .banner__title { margin: 0 0 6px; } } @media only screen and (max-width: 1024px) { .banner_type_panel .banner__title:last-child { margin-bottom: 0; } } @media only screen and (max-width: 1024px) { .banner_type_panel .banner__heading { margin: 0; } } .banner_type_compact .banner__container { min-height: 20.76vw; padding: 30px 24px 63px; } @media only screen and (min-width: 1281px) { .banner_type_compact .banner__container { padding: 30px 127px 63px; } } .banner_type_compact .banner__main { padding: 0; } .banner_type_compact .banner__heading { margin: 0 0 14px; } .banner_type_compact .banner__heading:last-child { margin-bottom: 0; } .banner_type_compact .banner__description { margin: 0 0 24px; } .banner_type_compact .banner__description:last-child { margin-bottom: 0; } .banner_type_info .banner__container { display: block; min-height: 278px; padding: 30px 9px 51px; } @media only screen and (min-width: 768px) { .banner_type_info .banner__container { padding: 30px 24px 51px; } } @media only screen and (min-width: 1025px) { .banner_type_info .banner__container { padding: 39px 24px; } } .banner_type_info .banner__main { max-width: 100%; padding: 0; text-align: center; } .banner_type_info .banner__heading { margin: 0 0 26px; } @media only screen and (min-width: 1025px) { .banner_type_info .banner__heading { margin: 0 0 14px; } } .banner_type_info .banner__heading:last-child { margin-bottom: 0; } .banner_type_info .banner__description { max-width: 584px; margin: 0 auto 64px; } @media only screen and (min-width: 1025px) { .banner_type_info .banner__description { margin: 0 auto 24px; } } .banner_type_info .banner__description:last-child { margin-bottom: 0; } .banner_type_info .banner__controls { margin-right: auto; margin-left: auto; } @media only screen and (min-width: 768px) { .banner_type_info .banner__controls { margin-right: 0; margin-left: 0; } } .banner_type_info .banner__title { max-width: 892px; margin: 0 auto; } .banner_type_heading { background-image: url("/local/templates/redesign/assets/styles/../blocks/banner/images/figure.svg"); background-repeat: no-repeat; background-position: 154px 2%; background-size: auto 302px; } @media only screen and (min-width: 480px) { .banner_type_heading { background-position: 304px 2%; } } @media only screen and (min-width: 768px) { .banner_type_heading { background-position: 484px 2%; } } @media only screen and (min-width: 1025px) { .banner_type_heading { background-position: 592px 13%; background-size: auto 852px; } } @media only screen and (min-width: 1800px) { .banner_type_heading { background-position: 1192px 13%; } } .banner_type_heading .banner__container { display: block; max-width: 1210px; min-height: auto; margin: 0 auto; padding: 14px 8px 17px; } @media only screen and (min-width: 1025px) { .banner_type_heading .banner__container { padding: 28px 10px; } } .banner_type_heading .banner__main { max-width: 100%; padding: 0; } .banner_type_heading .banner__title { text-transform: uppercase; } .banner_text-color_dark { color: #1f2a39; background-color: #fff; } .banner_text-color_dark .banner__description { color: inherit; } .banner_role_trade-in .banner__container { padding: 47px; } .banner_role_trade-in .banner__description { margin-top: 20px; } .banner_style_gradient { background-color: #a02231; background-image: -webkit-gradient(linear, left top, left bottom, from(#a02231), to(#7b1d28)); background-image: linear-gradient(#a02231, #7b1d28); } .banner_style_figure { background-image: url("/local/templates/redesign/assets/styles/../blocks/banner/images/bg-m-figure.png"); } @media only screen and (min-width: 1025px) { .banner_style_figure { background-image: url("/local/templates/redesign/assets/styles/../blocks/banner/images/bg-figure.png"); } } .brand-preview { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 14px 28px; color: #505d68; text-align: center; background: #fff; } .brand-preview:hover .product-preview__image { -webkit-transform: scale(1.128); transform: scale(1.128); } .brand-preview__panel { position: relative; display: block; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0 0 18px; padding: 13px 15px; text-decoration: none; } .brand-preview__panel:last-child { margin-bottom: 0; } .brand-preview__illustration { position: relative; display: block; } .brand-preview__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 41.5% 0 0; } .brand-preview__image { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .brand-preview__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .brand-preview__title { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 2px; } .brand-preview__title:last-child { margin-bottom: 0; } .brand-preview__link { color: inherit; text-decoration: none; border-bottom: 1px solid #505d68; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .brand-preview__link:hover, .brand-preview__link:focus { color: #3a8fc9; text-decoration: none; border-bottom: 1px solid #3a8fc9; outline: none; } .brand-preview__categories { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; text-align: center; } .brand-preview__item { color: #3a8fc9; font-size: 14px; font-weight: 400; font-style: normal; line-height: 18px; text-decoration: underline; opacity: 0.7; } .brand-preview__info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 35px 0 0; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } @media only screen and (min-width: 768px) { .brand-preview__info { padding: 14px 0 0; } } .brand-preview__controls { display: block; width: 100%; margin: auto 0 0; padding: 35px 0 0; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } @media only screen and (min-width: 768px) { .brand-preview__controls { padding: 14px 0 0; } } .brand-preview__control { display: block; margin: 0 0 8px; } .brand-preview__control:last-child { margin-bottom: 0; } .brand-snippet { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #505d68; border: 1px dashed #a1aeb7; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } .brand-snippet:hover { -webkit-box-shadow: 0 14px 24px rgba(0, 0, 0, 0.25); box-shadow: 0 14px 24px rgba(0, 0, 0, 0.25); } .brand-snippet:hover .product-snippet__image { -webkit-transform: scale(1.128); transform: scale(1.128); } .brand-snippet__panel { position: relative; display: block; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; padding: 13px 15px 0; text-decoration: none; } .brand-snippet__illustration { position: relative; display: block; } .brand-snippet__illustration:before { content: ''; display: block; width: 100%; height: auto; } .brand-snippet__image { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .brand-snippet__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 10px 13px 8px; } .brand-snippet__title { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 auto; padding: 0 0 2px; } .brand-snippet__title:last-child { padding-bottom: 0; } .brand-snippet__link { color: inherit; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .brand-snippet__link:hover, .brand-snippet__link:focus { color: #3a8fc9; text-decoration: none; outline: none; } .brand-snippet__rating { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .brand-snippet__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; } .brand-snippet__price { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100%; font-family: Ubuntu, sans-serif; font-size: 16px; line-height: 1.5; } .brand-snippet__price:last-child { margin-bottom: 0; } .brand-snippet__controls { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 0 0 auto; padding: 0 0 0 15px; } .brand-snippet_type_borderless { border-color: transparent; } .breadcrumbs { display: block; color: #a02231; } .breadcrumbs__list { display: block; margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 24px; } .breadcrumbs__item { position: relative; display: inline-block; vertical-align: middle; overflow: hidden; margin: 0; padding: 0 16px 0 0; font-size: 16px; line-height: 24px; word-break: break-word; } .breadcrumbs__item:last-child { padding-right: 0; } @media only screen and (min-width: 768px) { .breadcrumbs__item:last-child { padding-right: 14px; } } .breadcrumbs__item:last-child:after { display: none; } .breadcrumbs__item:after { content: ''; position: absolute; top: 50%; right: 4px; z-index: 1; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0.5em; height: 1px; color: inherit; background: currentColor; -webkit-transform: translate(0, 1px); transform: translate(0, 1px); } .breadcrumbs__link { color: inherit; font-weight: 500; text-decoration: none; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .breadcrumbs__link:hover, .breadcrumbs__link:focus, .breadcrumbs__link:active { color: #7f1528; text-decoration: none; outline: none; } .breadcrumbs__icon { position: absolute; right: 0; bottom: 0; z-index: 1; display: none; width: 14px; height: 14px; fill: currentColor; } @media only screen and (min-width: 768px) { .breadcrumbs__icon { display: block; } } .bullet-pagination { display: inline-block; vertical-align: middle; font-size: 0; } .bullet-pagination__button { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 0 16px 0 0; color: #dadcdb; font-size: 0; text-decoration: none; background: transparent; border: 2px solid currentColor; border-radius: 50%; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background-color, opacity; transition-property: color, background-color, opacity; } .bullet-pagination__button:hover { color: #1f2a39; background: transparent; } .bullet-pagination__button:last-child { margin-right: 0; } .bullet-pagination__button_state_active { color: #1f2a39; background-color: #1f2a39; } .bullet-pagination_type_ringed { padding: 4px; } .bullet-pagination_type_ringed .bullet-pagination__button { position: relative; width: 8px; height: 8px; margin: 0 35px 0 0; background: currentColor; } .bullet-pagination_type_ringed .bullet-pagination__button:last-child { margin-right: 0; } .bullet-pagination_type_ringed .bullet-pagination__button:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16px; height: 16px; color: inherit; border: 1px solid currentColor; border-radius: inherit; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: background-color, opacity; transition-property: background-color, opacity; } .bullet-pagination_type_ringed .bullet-pagination__button:last-child { margin-right: 0; } .bullet-pagination_type_ringed .bullet-pagination__button_state_active { color: #1f2a39; background-color: currentColor; } .bullet-pagination_type_ringed .bullet-pagination__button_state_active:before { opacity: 1; } .bullet-pagination_style_light .bullet-pagination__button { color: #fff; opacity: 0.8; } .bullet-pagination_style_light .bullet-pagination__button:hover { color: #3a8fc9; opacity: 1; } .bullet-pagination_style_light .bullet-pagination__button_state_active { background: currentColor; opacity: 1; } .burger { position: relative; z-index: 10; display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin: 0; padding: 0; color: #424b5a; font-size: 0; line-height: 1; text-decoration: none; cursor: pointer; background: transparent; border: none; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .burger:hover { color: #a02231; text-decoration: none; } .burger:focus { color: #7f1528; text-decoration: none; outline: none; } .burger__bars { position: absolute; top: 50%; left: 50%; z-index: 1; width: 18px; height: 12px; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .burger__bars:before, .burger__bars:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 18px; height: 2px; background: currentColor; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; transition-property: width, transform; transition-property: width, transform, -webkit-transform; } .burger_state_closed .burger__bars { border-color: transparent; } .burger_state_closed .burger__bars:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .burger_state_closed .burger__bars:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .button { position: relative; display: inline-block; vertical-align: middle; height: 40px; padding: 0 23px; color: #fff; font-family: Ubuntu, sans-serif; font-size: 12px; font-weight: 700; line-height: 1; text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #a02231; border: 1px solid #a02231; border-radius: 4px; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background-color, border-color, opacity; transition-property: color, background-color, border-color, opacity; } .button:hover:not(:disabled), .button:active:not(:disabled), .button:focus:not(:disabled) { color: #fff; text-decoration: none; background-color: #7f1528; border-color: #7f1528; } .button:disabled { opacity: 0.5; } .button__holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } .button_width_full { display: block; width: 100%; } .button_width_cart { width: 129px; } .button_width_cart-l { width: 100%; } @media only screen and (min-width: 768px) { .button_width_cart-l { width: 226px; } } .button_style_secondary { color: #fff; background-color: #1f2a39; border-color: #1f2a39; } .button_style_secondary:hover:not(:disabled), .button_style_secondary:active:not(:disabled), .button_style_secondary:focus:not(:disabled) { color: #fff; background-color: #3a8fc9; border-color: #3a8fc9; } .button_style_info { color: #fff; background-color: #3a8fc9; border-color: #3a8fc9; } .button_style_info:hover:not(:disabled), .button_style_info:active:not(:disabled), .button_style_info:focus:not(:disabled) { color: #fff; background-color: #1f2a39; border-color: #1f2a39; } .button_style_info-to-red { color: #fff; background-color: #3a8fc9; border-color: #3a8fc9; } .button_style_info-to-red:hover:not(:disabled), .button_style_info-to-red:active:not(:disabled), .button_style_info-to-red:focus:not(:disabled) { color: #fff; background-color: #a02231; border-color: #a02231; } .button_style_warning { color: #fff; background-color: #ed6c0c; border-color: #ed6c0c; } .button_style_warning:hover:not(:disabled), .button_style_warning:active:not(:disabled), .button_style_warning:focus:not(:disabled) { color: #fff; background-color: #ed6c0c; border-color: #ed6c0c; opacity: 0.8; } .button_style_outline { color: #a02231; background-color: transparent; border-color: #a02231; } .button_style_outline:hover:not(:disabled), .button_style_outline:active:not(:disabled), .button_style_outline:focus:not(:disabled) { color: #fff; background-color: #a02231; border-color: #a02231; } .button_style_secondary-outline { color: #1f2a39; background-color: transparent; border-color: #1f2a39; } .button_style_secondary-outline:hover:not(:disabled), .button_style_secondary-outline:active:not(:disabled), .button_style_secondary-outline:focus:not(:disabled) { color: #fff; background-color: #1f2a39; border-color: #1f2a39; } .button_style_info-outline { color: #3a8fc9; background-color: transparent; border-color: #3a8fc9; } .button_style_info-outline:hover:not(:disabled), .button_style_info-outline:active:not(:disabled), .button_style_info-outline:focus:not(:disabled) { color: #fff; background-color: #1f2a39; border-color: #1f2a39; } .button_style_light-outline { color: #fff; background-color: transparent; border-color: #fff; } .button_style_light-outline:hover:not(:disabled), .button_style_light-outline:active:not(:disabled), .button_style_light-outline:focus:not(:disabled) { color: #a02231; background-color: #fff; border-color: #fff; } .button_border_round { border-radius: 20px; } .button_border_normal { border-radius: 4px; } .button_border_sharp { border-radius: 0; } .button_weight_normal { font-weight: 400; } .button_weight_bold { font-weight: 700; } .button_align_center { display: block; margin: 0 auto; } .card-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #505d68; text-align: center; } .card-list:hover .card-list__image { opacity: 1; } .card-list:hover .card-list__title { bottom: 30px; } .card-list__panel { position: relative; display: block; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; text-decoration: none; } .card-list__panel:last-child { margin-bottom: 0; } .card-list__illustration { position: relative; display: block; } .card-list__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 69% 0 0; } .card-list__link { font-weight: 400; font-size: 14px; text-decoration: none; line-height: 18px; color: #3a8fc9; } .card-list__image { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0.8; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: -webkit-transform opacity; transition-property: -webkit-transform opacity; transition-property: transform opacity; transition-property: transform opacity, -webkit-transform opacity; } .card-list__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background: #fff; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .card-list__title { display: block; text-transform: uppercase; text-align: left; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 0 2px; color: #fff; position: absolute; bottom: 25px; left: 25px; z-index: 5; -webkit-transition: bottom 0.3s ease; transition: bottom 0.3s ease; } .card-list__title:last-child { margin-bottom: 0; } .card-list__link { color: inherit; text-decoration: none; border-bottom: 1px solid #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .card-list__link:hover, .card-list__link:focus { color: #3a8fc9; text-decoration: none; border-bottom: 1px solid #3a8fc9; outline: none; } .card-list__categories { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; text-align: center; } .card-list__item { font-family: sans-serif; color: #3a8fc9; text-align: left; font-size: 14px; font-weight: 400; font-style: normal; line-height: 2; } .card-list__info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 15px 40px 40px; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } @media only screen and (min-width: 480px) { .card-list__info { padding: 15px 20px 40px; } } @media only screen and (min-width: 768px) { .card-list__info { padding: 14px 44px 15px; } } .card-list__controls { display: block; width: 100%; margin: auto 0 0; padding: 35px 0 0; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } @media only screen and (min-width: 768px) { .card-list__controls { padding: 14px 0 0; } } .card-list__control { display: block; margin: 0 0 8px; } .card-list__control:last-child { margin-bottom: 0; } .card-panel__item:not(:last-child) { margin-bottom: 20px; } .card-panel__wrapper { margin-bottom: 33px; } .cards-grid { display: block; } .cards-grid__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; margin: 0 -8px 16px; padding: 0; list-style: none; } @media only screen and (min-width: 480px) { .cards-grid__list { margin: 0 0 25px; } } @media only screen and (min-width: 1281px) { .cards-grid__list { margin: 0 -15px 21px; } } .cards-grid__list:last-child { margin-bottom: -14px; } @media only screen and (min-width: 480px) { .cards-grid__list:last-child { margin-bottom: -20px; } } @media only screen and (min-width: 1281px) { .cards-grid__list:last-child { margin-bottom: -30px; } } .cards-grid__item { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%; max-width: 100%; padding: 0 8px 14px; } @media only screen and (min-width: 480px) { .cards-grid__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 50%; padding: 0 10px 20px; } } @media only screen and (min-width: 768px) { .cards-grid__item { -ms-flex-preferred-size: 33.333333%; flex-basis: 33.333333%; width: 33.333333%; max-width: 33.333333%; } } @media only screen and (min-width: 1281px) { .cards-grid__item { padding: 0 15px 30px; min-height: 333px; } } .cards-grid__item-wrapper { height: 100%; } .cards-grid__controls { display: block; width: 225px; max-width: 100%; margin: 0 auto 30px; font-size: 0; text-align: center; } @media only screen and (min-width: 768px) { .cards-grid__controls { width: auto; margin: 0 0 45px; } } .cards-grid__controls:last-child { margin-bottom: 0; } .cards-grid__control { display: block; margin: 0 0 20px; } @media only screen and (min-width: 768px) { .cards-grid__control { display: inline-block; vertical-align: middle; margin: 0 32px 0 0; } } .cards-grid__control:last-child { margin: 0; } .cards-grid_cols_fixed .product-grid__item { -webkit-box-flex: 0; -ms-flex: 0 1 279px; flex: 0 1 279px; width: 279px; max-width: 279px; } @media only screen and (min-width: 480px) { .cards-grid_cols_fixed .product-grid__item { -ms-flex-preferred-size: 282px; flex-basis: 282px; width: 282px; max-width: 282px; } } @media only screen and (min-width: 1281px) { .cards-grid_cols_fixed .product-grid__item { -ms-flex-preferred-size: 292px; flex-basis: 292px; width: 292px; max-width: 292px; } } .cards-snippet { max-width: 100%; padding: 20px; border-radius: 0 2px 2px 0; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) { .cards-snippet { padding: 21px 34px 6px 38px; } } .cards-snippet:not(:last-child) { margin-bottom: 20px; } .cards-snippet_layout_column { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 38px; } @media only screen and (max-width: 767px) { .cards-snippet_layout_column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cards-snippet_border_red { border-left: 10px solid #a02231; } @media only screen and (min-width: 768px) { .cards-snippet_border_red .cards-snippet__description { margin-top: 46px; } } .cards-snippet_border_red .cards-snippet__content { -webkit-line-clamp: 3; } .cards-snippet_border_blue { min-height: 232px; border-left: 10px solid #3a8fc9; } @media only screen and (min-width: 768px) { .cards-snippet_border_blue .cards-snippet__description { margin-top: 26px; } } .cards-snippet_border_blue .cards-snippet__content { -webkit-line-clamp: 5; } .cards-snippet__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 768px) { .cards-snippet__info { -ms-flex-preferred-size: 327px; flex-basis: 327px; width: 327px; max-width: 327px; } } .cards-snippet__main { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } .cards-snippet__link { margin: 13px 0 7px; color: #3a8fc9; font-family: 'Ubuntu', serif; } .cards-snippet__text { color: #1f2a39; font-size: 16px; font-weight: 600; } .cards-snippet__description { margin: 20px 0; } .cards-snippet__subtitle { color: #1f2a39; font-size: 14px; font-weight: 700; } .cards-snippet__content { display: -webkit-box; overflow: hidden; margin-bottom: 17px; -webkit-box-orient: vertical; color: #1f2a39; font-size: 14px; font-weight: 500; text-overflow: elipsis; } .cards-snippet__controls_align_right { text-align: right; } .carousel-nav { display: block; font-size: 0; line-height: 0; white-space: nowrap; pointer-events: auto; } .carousel-nav__control { display: inline-block; vertical-align: middle; padding: 0 4px; } .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: #1f2a39; text-align: center; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background-color, border-color; transition-property: color, background-color, border-color; } .carousel-nav__arrow:hover, .carousel-nav__arrow:focus { color: #3a8fc9; background-color: transparent; } .carousel-nav__arrow:disabled { color: #c2d1d9; pointer-events: none; } .carousel-nav__arrow_type_prev .carousel-nav__arrow-label:before { -webkit-transform: translate(-25%, -50%) rotate(-135deg); transform: translate(-25%, -50%) rotate(-135deg); } .carousel-nav__arrow_type_next .carousel-nav__arrow-label:before { -webkit-transform: translate(-75%, -50%) rotate(45deg); 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: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; } .carousel-nav__icon { display: block; width: 100%; height: 100%; fill: currentColor; } .carousel-nav__pagination { display: inline-block; vertical-align: middle; padding: 0 4px; } .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: middle; color: #c2d1d9; font-size: 20px; line-height: 24px; } .carousel-nav__current { color: #1f2a39; } .carousel-nav_type_product .carousel-nav__arrow { position: relative; display: block; width: 25px; height: 25px; color: #c2d1d9; text-align: center; text-decoration: none; background: transparent; border: 1px solid #c2d1d9; border-radius: 50%; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background-color, border-color; transition-property: color, background-color, border-color; } .carousel-nav_type_product .carousel-nav__arrow:hover, .carousel-nav_type_product .carousel-nav__arrow:focus { color: #3a8fc9; background-color: transparent; } .carousel-nav_type_product .carousel-nav__arrow:disabled { color: #c2d1d9; pointer-events: none; } .carousel-nav_type_product .carousel-nav__arrow_type_prev .carousel-nav__arrow-label:before { -webkit-transform: translate(-25%, -50%) rotate(-135deg); transform: translate(-25%, -50%) rotate(-135deg); } .carousel-nav_type_product .carousel-nav__arrow_type_next .carousel-nav__arrow-label:before { -webkit-transform: translate(-75%, -50%) rotate(45deg); transform: translate(-75%, -50%) rotate(45deg); } .carousel-nav_position_sides { position: absolute; top: 50%; left: 50%; z-index: 1; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .carousel-nav_position_sides .carousel-nav__control { padding: 0; } .carousel-nav_position_sides .carousel-nav__arrow { position: absolute; top: 50%; z-index: 10; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .carousel-nav_position_sides .carousel-nav__arrow_type_prev { left: 0; } .carousel-nav_position_sides .carousel-nav__arrow_type_next { right: 0; } .carousel-nav_size_l .carousel-nav__control, .carousel-nav_size_l .carousel-nav__pagination { padding: 0 8px; } .carousel-nav_size_l .carousel-nav__control:first-child, .carousel-nav_size_l .carousel-nav__pagination:first-child { padding-left: 0; } .carousel-nav_size_l .carousel-nav__control:last-child, .carousel-nav_size_l .carousel-nav__pagination:last-child { padding-right: 0; } .carousel-nav_size_l .carousel-nav__arrow { width: 29px; height: 29px; } .carousel-nav_arrow-size_l .carousel-nav__arrow-label:before { width: 12px; height: 12px; border-width: 3px 3px 0 0; } .carousel-nav_style_light .carousel-nav__arrow { color: #fff; } .carousel-nav_style_light .carousel-nav__arrow:hover, .carousel-nav_style_light .carousel-nav__arrow:focus { color: #3a8fc9; } .carousel-nav_style_light .carousel-nav__arrow:disabled { color: #a1aeb7; } .carousel-nav_style_light .carousel-nav__pagination-element { color: #a1aeb7; } .carousel-nav_style_light .carousel-nav__current { color: #fff; } .cart-item { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } @media only screen and (min-width: 768px) { .cart-item { padding-left: 27px; } } .cart-item__wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 6px 11px 6px 6px; } @media only screen and (min-width: 600px) { .cart-item__wrapper { padding-right: 20px; gap: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cart-item__link { text-decoration: none; color: #000; } .cart-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 17px; } @media only screen and (min-width: 600px) { .cart-item__content { gap: 0; } } .cart-item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 600px) { .cart-item__inner { gap: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cart-item__info { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 21px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 600px) { .cart-item__info { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } @media only screen and (min-width: 768px) { .cart-item__info { gap: 63px; } } .cart-item__price-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; } .cart-item__price { font-size: 38px; font-family: Akrobat, Arial Narrow, sans-serif; font-style: normal; font-weight: 900; line-height: 1; } .cart-item__sub { font-size: 30px; font-family: Akrobat, Arial Narrow, sans-serif; font-style: normal; font-weight: 400; } .cart-item__delete { -ms-flex-item-align: start; align-self: flex-start; padding-top: 33px; } @media only screen and (min-width: 768px) { .cart-item__delete { -ms-flex-item-align: center; align-self: center; padding-top: 0; padding-right: 45px; } } .cart-item__stock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 0 24px; } @media only screen and (min-width: 1025px) { .cart-item__stock { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 14px; } } .cart-item__stock:last-child { margin-bottom: 0; } .cart-item__stock-label { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 50%; margin: 0 4px 0 0; } .cart-item__stock-link { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .cart-panel { display: block; } .cart-panel__item:not(:last-child) { margin-bottom: 20px; } .cart-panel__container { width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 8px; } @media only screen and (min-width: 1025px) { .cart-panel__container { padding: 0 10px; } } .cart-panel__title { color: #1f2a39; font-size: 21px; font-family: Akrobat, Arial Narrow, sans-serif; display: block; font-style: normal; font-weight: 800; line-height: 31px; text-transform: uppercase; margin-bottom: 30px; } .cart-panel__wrapper { padding-bottom: 33px; border-bottom: 1px dashed #a1aeb7; } .cart-panel__result { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 15px; width: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 33px; } @media only screen and (min-width: 768px) { .cart-panel__result { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 16px; gap: 33px; } } .cart-panel__final-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 27px; width: 100%; } @media only screen and (min-width: 768px) { .cart-panel__final-price { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } .cart-panel__text { padding-top: 17px; text-align: right; color: #1f2a39; text-align: right; font-size: 16px; font-family: Akrobat, Arial Narrow, sans-serif; font-style: normal; font-weight: 700; } @media only screen and (min-width: 768px) { .cart-panel__text { -ms-flex-item-align: start; align-self: flex-start; } } .cart-panel__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } @media only screen and (min-width: 768px) { .cart-panel__button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } .cart-panel__price { -ms-flex-item-align: end; align-self: flex-end; font-size: 30px; font-family: Akrobat, Arial Narrow, sans-serif; font-style: normal; font-weight: 400; } @media only screen and (min-width: 768px) { .cart-panel__price { -ms-flex-item-align: center; align-self: center; } } .cart-panel__price span { font-size: 38px; font-family: Akrobat, Arial Narrow, sans-serif; font-style: normal; font-weight: 900; line-height: 1; } .cart-panel__text-red { color: #a02231; font-size: 16px !important; font-style: normal; font-family: Akrobat, Arial Narrow, sans-serif; font-weight: 200 !important; margin-right: 20px; } .cart-panel_type_unavailable { background: -webkit-gradient(linear, left top, left bottom, from(#2b3a50), to(#1f2a39)); background: linear-gradient(180deg, #2b3a50 0%, #1f2a39 100%); padding-top: 33px; } .cart-panel_type_unavailable .cart-panel__title { color: #a1aeb7; } .cart-panel_type_unavailable .cart-panel__result { color: #fff; } .cart-panel_type_unavailable .cart-panel__text { color: #fff; } .cart-panel_type_unavailable .cart-panel__text-red { color: #ed6c0c; } .cart-panel_type_unavailable .icon-link__icon-wrapper { display: none; } .cart-panel_type_unavailable .icon-link__text { color: #000; } .cart-panel_type_unavailable .icon-link { text-decoration: none; } .cart-panel_type_unavailable .cart-item__delete { padding-right: 10px; } @media only screen and (min-width: 768px) { .cart-panel_type_unavailable .cart-item__delete { -ms-flex-item-align: center; align-self: center; padding-top: 0; padding-right: 45px; } } .cart-panel_type_unavailable .cart-item__wrapper { border-radius: 2px; } .catalog-section { display: block; } .catalog-section .filter-panel { overflow: hidden; max-height: 0px; -webkit-animation-name: closeFilter; animation-name: closeFilter; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; display: block; } @media only screen and (min-width: 1025px) { .catalog-section .filter-panel { overflow: visible; max-height: max-content; } } .catalog-section.catalog_filters_open { overflow: hidden; } .catalog-section.catalog_filters_open .catalog-section__filter-trigger { margin: 0; } .catalog-section.catalog_filters_open .filter-panel { overflow: visible; max-height: max-content; padding: 20px 12px 0px 12px; -webkit-animation-name: openFilter; animation-name: openFilter; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; display: block; } .catalog-section__wrapper { display: block; } @media only screen and (min-width: 1025px) { .catalog-section__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .catalog-section__aside { display: block; margin: 0 0 13px; } @media only screen and (min-width: 1025px) { .catalog-section__aside { -webkit-box-flex: 0; -ms-flex: 0 0 289px; flex: 0 0 289px; width: 289px; max-width: 289px; margin: 0 49px 0 0; padding: 0 25px 0 0; border-right: 1px solid #dadcdb; } } @media only screen and (min-width: 1025px) { .catalog-section__main { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100%; } } .catalog-section__link-filter { margin: 0 0 23px; } @media only screen and (min-width: 1025px) { .catalog-section__link-filter { margin: 0 0 26px; } } .catalog-section__link-filter:last-child { margin-bottom: 0; } .catalog-section__content { display: block; } @media only screen and (min-width: 1281px) { .catalog-section__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 74px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .catalog-section__nav .nav__list { padding-left: 20px; } .catalog-section__filters { height: 100%; } .catalog-section__filter-panel { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 13px; padding: 5px 12px; color: #fff; } @media only screen and (min-width: 1025px) { .catalog-section__filter-panel { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; background: transparent; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0 0 20px; } } .catalog-section__filter-panel:last-child { margin-bottom: 0; } .catalog-section__filter-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px 12px; background: #1f2a39; color: #fff; } @media only screen and (min-width: 1025px) { .catalog-section__filter-trigger { display: none; padding: 0; background: transparent; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0 0 20px; } } .catalog-section__cart-panel { position: relative; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; height: 0; margin: 0; padding: 0 24px; background: #dadcdb; } @media only screen and (min-width: 480px) { .catalog-section__cart-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .catalog-section__cart-panel_state_shown { height: auto; margin-top: 20px; padding-top: 15px; padding-bottom: 15px; } .catalog-section__cart-panel_state_shown:first-child { margin-top: 0; } .catalog-section__check { display: block; margin: 0 0 20px; } @media only screen and (min-width: 480px) { .catalog-section__check { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; margin: 0 auto 0 0; padding: 0 15px 0 0; } } .catalog-section__check:last-child { margin: 0; padding: 0; } .catalog-section__control { display: block; } @media only screen and (min-width: 480px) { .catalog-section__control { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 194px; } } .catalog-section__filter-group { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; max-width: 100%; margin: 34px 0 0; } @media only screen and (min-width: 1281px) { .catalog-section__filter-group { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: auto; margin: 0 auto 0 0; } } .catalog-section__layout-group { display: none; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 0 0 15px; } @media only screen and (min-width: 1025px) { .catalog-section__layout-group { display: block; } } .catalog-section__text { padding: 32px 0; } .catalog-section__text:first-child { padding-top: 0; } .catalog-section__text:last-child { padding-bottom: 0; } .catalog-section_filters_open .catalog__aside { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .catalog-section_cart-panel_shown .catalog__cart-panel { margin-top: 20px; padding-top: 15px; padding-bottom: 15px; } .catalog-section_cart-panel_shown .catalog__cart-panel:first-child { margin-top: 0; } @-webkit-keyframes openFilter { 0% { padding: 0; max-height: 0px; } 100% { max-height: 622px; overflow: visible; } } @keyframes openFilter { 0% { padding: 0; max-height: 0px; } 100% { max-height: 622px; overflow: visible; } } @-webkit-keyframes closeFilter { 0% { max-height: 622px; } 100% { max-height: 0px; } } @keyframes closeFilter { 0% { max-height: 622px; } 100% { max-height: 0px; } } .categories__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; } @media only screen and (min-width: 1025px) { .categories__list { gap: 32px; } } @media only screen and (min-width: 768px) { .categories__list { grid-template-columns: repeat(3, 1fr); } } .categories__item { position: relative; max-height: 222px; } .categories__item:hover .categories__link { -webkit-filter: drop-shadow(0px 14px 24px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 14px 24px rgba(0, 0, 0, 0.25)); border-color: #3a8fc9; } .categories__item:hover .categories__link:before { opacity: 0; } .categories__item:hover .categories__picture { opacity: 1; } .categories__item:hover .categories__title { bottom: 40px; } @media only screen and (min-width: 768px) { .categories__item { min-height: 364px; max-height: 364px; max-width: 315px; } } .categories__link { position: relative; display: block; height: 100%; border: 1px solid transparent; border-radius: 2px; -webkit-transition: border 0.3s ease; transition: border 0.3s ease; } .categories__link:before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 221px; background: -webkit-gradient(linear, left top, left bottom, from(#a02231), to(#63101a)); background: linear-gradient(180deg, #a02231 0%, #63101a 100%); opacity: 0.2; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media only screen and (min-width: 768px) { .categories__link:before { opacity: 0; } } .categories__illustration { position: relative; padding-top: 56.25%; } @media only screen and (min-width: 768px) { .categories__illustration { padding-top: 0; } } .categories__picture { position: relative; top: 0; right: 0; left: 0; bottom: 0; display: block; width: 100%; height: 100%; opacity: 1; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media only screen and (min-width: 768px) { .categories__picture { opacity: 0.8; position: relative; } } .categories__title { position: absolute; left: 20px; bottom: 20px; z-index: 2; max-width: calc(100% - 40px); color: #fff; font-size: 21px; font-weight: 800; line-height: 1.5; text-transform: uppercase; -webkit-transition: bottom 0.3s ease; transition: bottom 0.3s ease; } .check-elem { position: relative; font-size: 14px; line-height: 1.5; } .check-elem_style_true-white .check-elem__label { color: #dadada; } .check-elem_style_true-white .check-elem__label:before { background: #dadada; } .check-elem_style_true-white .check-elem__label:after { border-color: #1f2a39; } .check-elem__input { position: absolute; overflow: hidden; z-index: 1; width: 17px; height: 17px; padding: 0; border: none; opacity: 0.01; } .check-elem__input:checked + .check-elem__label:after { opacity: 1; } .check-elem__label { position: relative; display: inline-block; padding: 0 0 3px 32px; font: inherit; line-height: inherit; color: #1f2a39; -webkit-transition: color 0.3s; transition: color 0.3s; } .check-elem__label:before { content: ''; position: absolute; top: 3px; left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 17px; height: 17px; background: transparent; border: 1px solid #1f2a39; border-radius: 2px; } .check-elem__label:after { content: ''; position: absolute; top: 6px; left: 2px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12px; height: 7px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .check-elem_compare .check-elem__input { position: absolute; left: 0; top: 0; overflow: hidden; z-index: 1; width: 33px; height: 17px; padding: 0; border: none; opacity: 0.01; } .check-elem_compare .check-elem__input:after { content: ''; position: absolute; top: 0px; left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33px; height: 17px; background: #1f2a39; border: none; border-radius: 17px; -webkit-transition: color 0.3s; transition: color 0.3s; } .check-elem_compare .check-elem__input:checked + .check-elem__label:after { left: 18px; opacity: 1; } .check-elem_compare .check-elem__input:checked + .check-elem__label:before { background: #a02231; } .check-elem_compare .check-elem__label { position: relative; display: inline-block; padding: 0 0 3px 32px; font: inherit; line-height: inherit; color: #1f2a39; -webkit-transition: color 0.3s; transition: color 0.3s; } .check-elem_compare .check-elem__label:before { content: ''; position: absolute; top: 0px; left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33px; height: 17px; background: #1f2a39; border: none; border-radius: 17px; -webkit-transition: color 0.3s; transition: color 0.3s; } .check-elem_compare .check-elem__label:after { content: ''; position: absolute; border: none; top: 2px; left: 2px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 13px; height: 13px; border-radius: 13px; opacity: 1; background: #fff; -webkit-transition: left 0.3s; transition: left 0.3s; } .choices-select { position: relative; display: block; } .choices-select__label { position: absolute; top: 50%; left: 0; z-index: 0; display: block; padding: 2px 8px; color: #3a8fc9; font-family: Ubuntu, sans-serif; font-size: 14px; line-height: 1.29; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .choices-select .choices[data-type*='select-one'] { margin: 0; } .choices-select .choices[data-type*='select-one'].is-disabled:after { border-color: #c2d1d9 transparent transparent transparent; } .choices-select .choices[data-type*='select-one'].is-disabled .choices__inner { color: #a1aeb7; border-color: #c2d1d9; } .choices-select .choices[data-type*='select-one'].is-disabled + .choices-select__label { color: #c2d1d9; } .choices-select .choices[data-type*='select-one']:after { content: ''; top: 50%; right: 15px; margin: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 0; height: 0; padding: 0 !important; border-style: solid; border-width: 6px 4px 0 4px; border-color: #3a8fc9 transparent transparent transparent; } .choices-select .choices[data-type*='select-one'] .choices__inner { height: 40px; min-height: auto; padding: 10px 47px 10px 12px; color: #1f2a39; font-family: Ubuntu, sans-serif; font-size: 14px; font-weight: 700; line-height: 18px; text-align: right; background: #fff; border: 1px solid #3a8fc9; border-radius: 4px; } .choices-select .choices[data-type*='select-one'] .choices__inner .choices__item { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .choices-select .choices[data-type*='select-one'] .choices__list { padding: 0; } .choices-select .choices[data-type*='select-one'] .choices__list--dropdown { z-index: 10; border: 1px solid #3a8fc9; overflow: hidden; border: none; } .choices-select .choices[data-type*='select-one'] .choices__item--choice { padding: 9px 47px 9px 12px; color: #1f2a39; text-align: right; font-family: 'Ubuntu', sans-serif; font-size: 14px; line-height: 1.286; background: #f2f5f7; } .choices-select .choices[data-type*='select-one'] .choices__item--choice.is-selected { font-weight: 700; background: #f2f5f7; } .choices-select .choices[data-type*='select-one'] .choices__item--choice.is-highlighted { background: #fff; } .choices-select .choices[data-type*='select-one'] .choices__placeholder { color: #c2d1d9; opacity: 1; } .choices-select .choices[data-type*='select-one'].is-focused .choices__inner { border-color: #3a8fc9; } .choices-select .choices[data-type*='select-one'].is-open:after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .choices-select .choices[data-type*='select-one'].is-open .choices__inner { border-radius: 4px 4px 0 0; } .choices-select .choices[data-type*='select-one'].is-open .choices__list--dropdown { border: 1px solid #3a8fc9; } .choices-select .choices[data-type*='select-one'].is-open .choices__list--dropdown .choices__placeholder { display: none; } .choices-select .choices[data-type*='select-one'].is-flipped .choices__inner { border-radius: 0 0 4px 4px; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: transparent; } .contact-group__list { margin: 0; padding: 0; list-style: none; } .contact-group__item:not(:last-child) { margin-bottom: 19px; } .contact-group__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #1f2a39; font-family: 'Ubuntu', sans-serif; font-size: 14px; text-decoration: none; } .contact-group__link_weight_bold { font-weight: 700; } .contact-group__link_weight_normal { font-weight: 400; } .contact-group__link_style_link .contact-group__text { color: #3a8fc9; text-decoration: underline; } .contact-group__icon-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 18px; color: #1f2a39; margin-right: 13px; } .contact-group__icon { width: 1em; height: 1em; fill: currentColor; } .contact-group__icon_type_email { width: 1.2em; } .content-panel { height: 100%; } .content-panel__title { padding: 30px 0; } @media only screen and (min-width: 768px) { .content-panel__title { padding: 75px 0 105px; } } .content-panel__container { height: 100%; margin: 0 auto; padding: 60px 0; } .content-panel__container .form-control__input { background-color: #fff; } .content-panel__container_layout_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 710px; } .content-panel__container_layout_row .form__content { display: grid; grid-template-columns: 1fr; gap: 10px; } @media only screen and (min-width: 768px) { .content-panel__container_layout_row .form__content { grid-template-columns: 2fr 1fr; } } .content-panel__container_layout_row .form__inputs { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 0; } @media only screen and (min-width: 480px) { .content-panel__container_layout_row .form__inputs { grid-template-columns: repeat(2, 1fr); } } @media only screen and (min-width: 768px) { .content-panel__container_layout_row .form__line { max-width: 223px; } } .content-panel__form { margin-bottom: 110px; } .content-panel__form_width_s { width: 317px; max-width: 100%; margin: 0 auto 110px; } .content-panel__text { margin-top: auto; color: #f2f5f7; } .content-panel__text_align_center { text-align: center; } .content-panel__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .content-panel__link { font-size: 14px; line-height: 1.1; } .contents__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 12px; line-height: 1; } .contents__title:hover .contents__icon { -webkit-transform: translateX(5px); transform: translateX(5px); } .contents__icon { margin-right: 9px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .contents__subtitle { display: block; } .contents__link { text-decoration: none; border-bottom: 1px solid transparent; } .contents__link_size_l { color: #1f2a39; font-size: 40px; font-weight: 700; text-transform: uppercase; } @media only screen and (min-width: 480px) { .contents__link_size_l { font-size: 50px; } } .contents__link_size_m { font-size: 21px; font-weight: 800; text-transform: uppercase; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .contents__link_size_m:hover { border-color: inherit; } .contents__link_size_s { color: #000; font-weight: 700; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .contents__link_size_s:hover { border-color: inherit; } .contents__link_size_xs { color: #000; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .contents__link_size_xs:hover { border-color: inherit; } .contents__link_style_red { color: #a02231; } .contents__submenu { margin-left: 35px; } .contents__list_level_up { margin-left: 11px; } .contents__list_level_down { margin-left: 19px; } .description-panel { display: block; } .description-panel__wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 20px auto 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; max-width: 930px; gap: 30px; } .description-panel__wrapper:after { position: absolute; width: 2px; height: 85%; background: #a1aeb7; content: ""; top: 0px; z-index: -1; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (min-width: 860px) { .description-panel__wrapper { gap: 0; margin: 58px auto 0; } } .description-panel__text { padding: 0 0 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 1 48%; flex: 0 1 48%; } @media only screen and (min-width: 860px) { .description-panel__text { -webkit-box-flex: 0; -ms-flex: 0 1 22%; flex: 0 1 22%; } } .description-panel__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 50px; width: 100%; text-align: left; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media only screen and (min-width: 860px) { .description-panel__item { gap: 35px; margin: -12px 0; text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .description-panel__item:after { content: ''; position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #a1aeb7; top: 50%; left: 50%; z-index: -1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .description-panel__item:before { position: absolute; width: 15%; height: 1px; background: #a1aeb7; content: ""; top: 50%; z-index: -1; left: 35%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .description-panel__item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: right; } .description-panel__item:nth-child(even) .description-panel__text { padding: 0 10px 0 0; } .description-panel__item:nth-child(even):before { z-index: -1; left: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (min-width: 860px) { .description-panel__item:nth-child(even) { text-align: left; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-item-align: end; align-self: flex-end; } } .description-panel__item_align_center { text-align: center; margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .description-panel__item_align_center:after { display: none; } .description-panel__item_align_center:before { display: none; } @media only screen and (min-width: 860px) { .description-panel__item_align_center { margin: 59px 0 0; } } .description-panel__title { color: #1f2a39; font-family: Akrobat, Arial Narrow, sans-serif; font-size: 21px; font-style: normal; font-weight: 800; line-height: 24px; } .description-panel__subtitle { color: #1f2a39; font-family: Akrobat, Arial Narrow, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 21px; } .description-panel__image { max-width: 86.65px; } @media only screen and (min-width: 1025px) { .description-panel__image { max-width: 100%; } } .description__content { max-width: 770px; margin-bottom: 32px; } .description__content_align_center { margin: 0 auto 30px; } .description__content_align_center .label-group__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 768px) { .description__content_align_center { text-align: center; } } .description__title { margin-bottom: 18px; text-transform: uppercase; } .description__labels { margin-bottom: 34px; } @media only screen and (min-width: 768px) { .description__text { margin: 0 10px; } } .description__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px 80px; padding: 18px 0; } @media only screen and (min-width: 1025px) { .description__info { gap: 35px 138px; } } @media only screen and (min-width: 768px) { .description__info { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-right: 24px; padding-left: 24px; } } .description__item:first-child { position: relative; } @media only screen and (min-width: 768px) { .description__item:first-child:after { content: ''; position: absolute; top: 0; right: -40px; bottom: 0; width: 1px; height: calc(100% + 5px); background-color: #c2d1d9; } } @media only screen and (min-width: 1025px) { .description__item:first-child:after { right: -66px; } } @media only screen and (min-width: 768px) { .description__item { padding: 10px 0; } } .description_style_indent { margin-top: 43px; } .documents-panel { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 50px; } @media only screen and (max-width: 767px) { .documents-panel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .documents-panel_align_center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .documents-panel__item .media-link__icon-wrapper { margin-right: 17px; } .entry-group__list { display: grid; grid-template-columns: 1fr; gap: 50px 0; padding: 10px 0 30px; } .entry-group__list:last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { .entry-group__list { grid-template-columns: repeat(3, 1fr); gap: 46px; } } @media only screen and (min-width: 1025px) { .entry-group__list { gap: 76px 32px; } } .entry-group_layout_compact .entry-group__list { gap: 32px 0; padding: 0; } @media only screen and (min-width: 768px) { .entry-group_layout_compact .entry-group__list { gap: 23px; grid-template-columns: repeat(2, 1fr); } } @media only screen and (min-width: 1025px) { .entry-group_layout_compact .entry-group__list { grid-template-columns: repeat(4, 1fr); } } .entry-snippet { display: block; } .entry-snippet__illustration { display: block; margin: 0 0 24px; } @media only screen and (min-width: 1025px) { .entry-snippet__illustration { margin: 0 0 56px; } } .entry-snippet__illustration:last-child { margin-bottom: 0; } .entry-snippet__image { display: block; width: auto; max-width: 100%; height: 86px; margin: 0 auto; padding: 0; } .entry-snippet__name { display: block; margin: 0 0 10px; color: #a02231; font-size: 21px; font-weight: 800; text-align: center; text-transform: uppercase; } .entry-snippet__name:last-child { margin-bottom: 0; } .entry-snippet__description { display: block; max-width: 350px; margin: 0 auto 10px; color: #1f2a39; font-size: 16px; font-weight: 500; text-align: center; } @media only screen and (min-width: 768px) { .entry-snippet__description { max-width: 100%; } } .entry-snippet__description:last-child { margin-bottom: 0; } .entry-snippet_style_neutral .entry-snippet__name { color: inherit; } .entry-snippet_type_spacious { padding: 16px 0; } @media only screen and (min-width: 768px) { .entry-snippet_type_spacious { padding: 24px 0; } } .entry-snippet_type_spacious .entry-snippet__description { opacity: 1; } .error__illustration { margin-top: 36px; text-align: center; } .error__image { max-width: 100%; } .fancybox__slide { padding: 12px; } .fancybox__container:focus { outline: none; } .fancybox__content > .carousel__button.is-close { display: none; } .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content { cursor: default; } .file-input { display: block; width: 100%; padding: 20px; background-color: #fff; border-radius: 2px; border: 1px dashed #a1aeb7; } .file-input_state_active { border-color: #1f2a39; } .file-input__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .file-input__field { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .file-input__label { color: #424b5a; text-decoration: underline; } .file-input__caption { color: #c2d1d9; } .file-input__item { display: grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 5px; text-align: initial; } .filter-panel { display: none; background-color: #1f2a39; color: #fff; padding: 0px 12px 0px 12px; } @media only screen and (min-width: 1025px) { .filter-panel { color: #000; max-height: 663px; padding: 0; background-color: transparent; display: block; } } .filter-panel__title { display: none; margin: 0; padding: 0; font-size: 20px; font-weight: 800; line-height: 31px; text-transform: uppercase; } @media only screen and (min-width: 1025px) { .filter-panel__title { display: block; margin: 0 0 26px; font-size: 21px; } } .filter-panel__inputs { padding: 0 0 28px; } @media only screen and (min-width: 1025px) { .filter-panel__inputs { padding: 0; margin: 0 0 28px; } } .filter-panel__inputs:last-child { margin-bottom: 0; } .filter-panel__item { display: block; margin: 0 0 17px; } .filter-panel__item:last-child { margin-bottom: 0; } .filter-panel__item_spacing_l { margin: 0 0 25px; } .filter-panel__item_spacing_l:last-child { margin-bottom: 0; } .filter-panel__item-mobile { display: block; } @media only screen and (min-width: 1025px) { .filter-panel__item-mobile { display: none; } } .filter-panel__label { display: block; margin: 0 0 7px; font-size: 16px; font-weight: 400; line-height: 1.5; } .filter-panel__label:last-child { margin-bottom: 0; } .filter-panel__range-wrapper { max-width: 86%; margin: 0 0 0 auto; } .filter-panel__controls { margin: 0 0 28px; font-family: Ubuntu, sans-serif; font-size: 14px; line-height: 1.28; } .filter-panel__controls:last-child { margin-bottom: 0; } .filter-panel__control { padding: 0 0 15px; text-align: center; } .filter-panel__control:last-child { display: none; } @media only screen and (min-width: 1025px) { .filter-panel__control:last-child { display: block; } } .filter-panel_role_parts .filter-panel__controls { display: none; } .filter-panel__nav { display: none; } @media only screen and (min-width: 1025px) { .filter-panel__nav { display: block; } } @media only screen and (min-width: 1025px) { .filter-panel_type_sticky { position: -webkit-sticky; position: sticky; top: 91px; } } .filter-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: auto; color: #0e0c0c; font-size: 16px; line-height: 1.25; text-align: left; text-decoration: none; background: transparent; border: none; outline: none; } .filter-trigger:hover { text-decoration: none; } .filter-trigger:focus { text-decoration: none; outline: none; } .filter-trigger__icon { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; width: 16px; height: 16px; margin: 0 4px; fill: #a1aeb7; } .filter-trigger__icon:first-child { margin-left: 0; } .filter-trigger__icon:last-child { margin-right: 0; } .filter-trigger__text { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; color: #a1aeb7; width: auto; border-bottom: 1px dotted currentColor; } @media only screen and (min-width: 1025px) { .filter-trigger__text { color: #000; } } .footer { position: relative; display: block; color: #505d68; background-color: #1f2a39; background-image: -webkit-gradient(linear, left top, left bottom, from(#1f2a39), to(#19222f)); background-image: linear-gradient(180deg, #1f2a39, #19222f); } .footer__main { padding: 65px 0 23px; border-bottom: 2px solid #a02231; } @media only screen and (min-width: 768px) { .footer__main { padding: 61px 0 25px; } } .footer__main:last-child { border-bottom: none; } .footer__main-container { display: block; padding: 0 0 0 40px; } @media only screen and (min-width: 768px) { .footer__main-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; } } .footer__content { display: block; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; max-width: 100%; margin: 0 0 37px; } @media only screen and (min-width: 768px) { .footer__content { margin: 0; padding: 0 20px 0 0; } } .footer__content:last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { .footer__content:last-child { padding-right: 0; } } .footer__info { padding: 3px 0 0; } @media only screen and (min-width: 768px) { .footer__info { -webkit-box-flex: 0; -ms-flex: 0 0 293px; flex: 0 0 293px; width: 293px; max-width: 293px; } } .footer__lists { display: block; margin: 0 0 18px; } @media only screen and (min-width: 768px) { .footer__lists { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 780px; margin: 0 -15px; } } .footer__lists:last-child { margin-bottom: 0; } .footer__list { display: block; margin: 0 0 39px; } @media only screen and (min-width: 768px) { .footer__list { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; width: 50%; max-width: 50%; margin: 0; padding: 0 15px 26px; } } @media only screen and (min-width: 1025px) { .footer__list { -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; } } .footer__list:last-child { margin-bottom: 0; } .footer__logo { max-width: 153px; margin: 0 0 5px; } .footer__logo:last-child { margin-bottom: 0; } .footer__social-nav { margin: 0 0 13px; } .footer__social-nav:last-child { margin-bottom: 0; } .footer__fields { margin: 0 0 17px; color: #fff; } .footer__fields:last-child { margin-bottom: 0; } .footer__fields p:not([class]) { margin: 0 0 5px; } .footer__fields p:not([class]):last-child { margin-bottom: 0; } .footer__contact-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 25px; } .footer__contact-group:last-child { margin-bottom: 0; } .footer__contact-link { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 41px 0 0; } .footer__contact-link:last-child { margin-right: 0; } .footer__contact-icons { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .footer__bottom { padding: 10px 0 11px; font-family: Ubuntu, sans-serif; font-size: 14px; } @media only screen and (min-width: 768px) { .footer__bottom { padding: 14px 0 22px; } } .footer__bottom-container { display: block; padding: 0 0 0 40px; } @media only screen and (min-width: 768px) { .footer__bottom-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; } } .footer__links { margin: 0 0 5px; font-size: 14px; } @media only screen and (min-width: 768px) { .footer__links { margin: 0; } } .footer__links:last-child { margin-bottom: 0; } .footer__link-item { display: inline-block; vertical-align: middle; margin: 0 12px 0 0; } .footer__link-item:last-child { margin-right: 0; } .footer__link { color: inherit; font-family: Ubuntu, sans-serif; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .footer__link:hover { color: #a02231; text-decoration: none; } .footer__link:focus { color: #7f1528; text-decoration: none; outline: none; } .footer__credit { margin: 0 0 5px; } @media only screen and (min-width: 768px) { .footer__credit { margin: 0 auto; padding: 0 15px; } } .footer__credit:last-child { margin-bottom: 0; } .footer__copyright { margin: 0 0 5px; } @media only screen and (min-width: 768px) { .footer__copyright { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0; } } .footer__copyright:last-child { margin-bottom: 0; } .footer__scroller { position: absolute; top: 32px; right: 10px; z-index: 1; } @media only screen and (min-width: 1440px) { .footer__scroller { right: 52px; } } .form-control { display: block; line-height: 1.255; } .form-control__holder { position: relative; display: block; } .form-control__label { position: absolute; top: 11px; left: 9px; display: block; margin: 0 0 4px; color: #a1aeb7; font-family: 'Ununtu', sans-serif; font-size: 14px; line-height: 1.286; text-align: left; -webkit-transition: font-size 0.3s ease; transition: font-size 0.3s ease; } .form-control__label:last-child { margin-bottom: 0; } .form-control__field, .form-control__check-group { position: relative; display: block; } .form-control__field:focus .form-control__icon, .form-control__check-group:focus .form-control__icon, .form-control__field:focus-within .form-control__icon, .form-control__check-group:focus-within .form-control__icon { fill: #1f2a39; } .form-control__field_role_file { margin-bottom: 10px; } .form-control__input, .form-control__textarea, .form-control__select, .form-control__rating, .form-control .choices__inner { display: blockrea; width: 100%; height: 40px; padding: 0 12px; color: #1f2a39; font-family: 'Ubuntu', sans-serif; font-size: 14px; line-height: 18px; background: transparent; border: 1px solid #1f2a39; border-radius: 2px; outline: none; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .form-control__rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-control__rating:focus + .form-control__label, .form-control__rating:focus-within + .form-control__label { color: #1f2a39; } @media only screen and (max-width: 479px) { .form-control__rating + .form-control__label { display: none; } } .form-control__input::-webkit-input-placeholder, .form-control__textarea::-webkit-input-placeholder, .form-control__select::-webkit-input-placeholder { color: transparent; font-size: 1px; } .form-control__input:-ms-input-placeholder, .form-control__textarea:-ms-input-placeholder, .form-control__select:-ms-input-placeholder { color: transparent; font-size: 1px; } .form-control__input::-moz-placeholder, .form-control__textarea::-moz-placeholder, .form-control__select::-moz-placeholder { color: transparent; font-size: 1px; opacity: 1; } .form-control__input::-ms-input-placeholder, .form-control__textarea::-ms-input-placeholder, .form-control__select::-ms-input-placeholder { color: transparent; font-size: 1px; opacity: 1; } .form-control__input::placeholder, .form-control__textarea::placeholder, .form-control__select::placeholder { color: transparent; font-size: 1px; opacity: 1; } .form-control__input:focus, .form-control__textarea:focus, .form-control__select:focus, .form-control__input:focus-within, .form-control__textarea:focus-within, .form-control__select:focus-within { border-color: #3a8fc9; } .form-control__input:focus + .form-control__label, .form-control__textarea:focus + .form-control__label, .form-control__select:focus + .form-control__label, .form-control__input:focus-within + .form-control__label, .form-control__textarea:focus-within + .form-control__label, .form-control__select:focus-within + .form-control__label { top: 5px; font-size: 9px; } .form-control__input:not(:placeholder-shown) + .form-control__label, .form-control__textarea:not(:placeholder-shown) + .form-control__label, .form-control__select:not(:placeholder-shown) + .form-control__label { top: 5px; font-size: 9px; } .form-control__input:disabled, .form-control__textarea:disabled, .form-control__select:disabled { pointer-events: none; background-color: #ededed; } .form-control__input_state_invalid, .form-control__textarea_state_invalid, .form-control__select_state_invalid { border-color: c-error; } .form-control__input_state_invalid:focus, .form-control__textarea_state_invalid:focus, .form-control__select_state_invalid:focus { border-color: c-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: vertical; height: 96px; min-height: 48px; max-height: 188px; padding-top: 13px; padding-bottom: 13px; line-height: 20px; position: relative; } .form-control__textarea::-webkit-input-placeholder { color: transparent; font-size: 1px; } .form-control__textarea:-ms-input-placeholder { color: transparent; font-size: 1px; } .form-control__textarea::-moz-placeholder { color: transparent; font-size: 1px; opacity: 1; } .form-control__textarea::-ms-input-placeholder { color: transparent; font-size: 1px; opacity: 1; } .form-control__textarea::placeholder { color: transparent; font-size: 1px; opacity: 1; } .form-control__textarea:focus, .form-control__textarea:focus-within { border-color: #3a8fc9; } .form-control__textarea:focus + .form-control__label, .form-control__textarea:focus-within + .form-control__label { top: 1px; padding-top: 5px; background: #fff; width: 90%; font-size: 9px; } .form-control__textarea:not(:placeholder-shown) + .form-control__label { top: 1px; padding-top: 5px; background: #fff; width: 90%; font-size: 9px; } .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: #3a8fc9; background-clip: padding-box; border: 2px solid transparent; border-radius: 4px; } .form-control__textarea::-webkit-resizer { display: none; } .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: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px 0 0; } .form-control__switch-item { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; 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 { position: absolute; top: 100%; left: 0; overflow: hidden; width: 100%; padding: 2px 0 0; color: inherit; font-size: 12px; text-align: left; white-space: nowrap; text-overflow: ellipsis; } .form-control__message_style_error { color: c-error; } .form-control__decoration { position: absolute; top: 50%; left: 12px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .form-control__decoration + .form-control__input { padding-left: 39px; } .form-control__decoration ~ .form-control__label { left: 39px; } .form-control__icon { display: block; width: 16px; height: 16px; fill: #a1aeb7; } .form-control__trigger { position: absolute; top: 50%; right: 20px; width: 24px; height: 24px; font-size: 0; text-decoration: none; background: transparent; background-image: url("/local/templates/redesign/assets/styles/../blocks/form-control/images/hidden.svg"); background-position: 50% 50%; background-size: contain; border: none; outline: none; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .form-control__trigger_state_active.form-control__trigger_type_password { background-image: url("/local/templates/redesign/assets/styles/../blocks/form-control/images/visible.svg"); } .form-control .form-control__field .choices[data-type*='select-one']:after { content: ''; top: 18px; right: 9px; width: 10px; height: 10px; margin: 0; background-image: url("/local/templates/redesign/assets/styles/../blocks/form-control/images/arrow-down.svg"); background-repeat: no-repeat; border: none; } .form-control .form-control__field .choices[data-type*='select-one'] .choices__inner { min-height: auto; padding: 7px 11px 7px 39px; 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: 0; border: none; border-radius: 3px; background-color: #f2f5f7; } .form-control .form-control__field .choices[data-type*='select-one'] .choices__item--choice { padding: 12px; color: #1f2a39; font-family: 'Ubuntu', sans-serif; font-size: 14px; line-height: 1.375; } .form-control .form-control__field .choices[data-type*='select-one'] .choices__item--choice.is-selected { font-weight: 700; } .form-control .form-control__field .choices[data-type*='select-one'] .choices__item--choice.is-highlighted { background: #fff; } .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: #a1aeb7; } .form-control .form-control__field .choices[data-type*='select-one'].is-focused .choices__inner { color: #1f2a39; font-weight: 700; border-color: #3a8fc9; border-radius: 3px 3px 0 0; } .form-control .form-control__field .choices[data-type*='select-one'].is-open:after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .form-control .form-control__field .choices[data-type*='select-one'].is-open .choices__list--dropdown { border: 1px solid #3a8fc9; border-top: none; border-radius: 0 0 3px 3px; } .form-control .form-control__field .choices[data-type*='select-one'].is-open .choices__list--dropdown .choices__placeholder { display: none; } .form-control .form-control__field .choices[data-type*='select-one'].is-flipped .choices__inner { border-radius: 0 0 3px 3px; } .form-control .form-control__field .choices[data-type*='select-one'].is-flipped .choices__list--dropdown { border-top: 1px solid #3a8fc9; border-bottom: none; border-radius: 3px 3px 0 0; } .form-control__highlight { color: #a1aeb7; font-size: 12px; } @media only screen and (min-width: 768px) { .form-control__highlight { font-size: inherit; } } .form-control__radio-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-control__description { padding-left: 22px; } .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__icon-arrow { position: absolute; content: ''; bottom: -2px; right: -2px; width: 10px; height: 10px; margin: 0; background-image: url("/local/templates/redesign/assets/styles/../blocks/form-control/images/arrow-down.svg"); background-repeat: no-repeat; border: none; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .form-control__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form-control__file { display: block; } .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: c-error; } .form-control_state_invalid .choices__inner { border-color: c-error; } .form-control_type_captcha .form-control__holder { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-control_type_captcha .form-control__label { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100%; } .form-control_type_captcha .form-control__captcha { -webkit-box-flex: 0; -ms-flex: 0 0 auto; 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 { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .form-panel { display: block; } .form-panel__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767px) { .form-panel__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .form-panel__container_width_m { max-width: 882px; } .form-panel__container_align_center { margin: 0 auto; } .form-panel__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 360px; } @media only screen and (max-width: 767px) { .form-panel__content { margin-bottom: 30px; } } .form-panel__heading { margin-bottom: 8px; } .form-panel__subtitle { font-weight: 700; margin-bottom: 20px; } .form-panel__text { margin-bottom: 37px; } .form-panel__contact-group { margin-bottom: 37px; } .form-panel__main { width: 317px; max-width: 100%; } .form { display: block; } .form .blure { opacity: 0.5; } .form__inputs { margin: 0 0 35px; } @media only screen and (min-width: 768px) { .form__inputs { margin: 0 0 40px; } } .form__inputs:last-child { margin-bottom: 0; } .form_order-form .form__controls { position: absolute; bottom: 0; right: 50%; -webkit-animation: slideUpBtn 0.5s forwards ease; animation: slideUpBtn 0.5s forwards ease; } .form__main { position: relative; } .form__main.move-btn { position: relative; } .form__main.move-btn .form__controls { position: absolute; top: 0; right: 50%; -webkit-animation: slideDownBtn 0.5s forwards ease; animation: slideDownBtn 0.5s forwards ease; -webkit-transition: top 0.3s ease; transition: top 0.3s ease; -webkit-transform: translate(50%, 0px); transform: translate(50%, 0px); } .form__line { position: relative; display: block; max-height: 100%; margin: 0 0 10px; opacity: 1; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .form__line:last-child { margin-bottom: 0; } .form__line_state_hidden { opacity: 0; max-height: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .form__line_type_option { display: none; } .form__line_type_option.active { display: block; -webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; } .form__label { display: block; padding: 0 0 5px; color: #0e0c0c; font-size: 16px; } .form__field-wrapper { position: relative; display: block; } .form__messages { display: none; padding: 24px 0; } .form__messages:first-child { padding-top: 0; } .form__messages:last-child { padding-bottom: 0; } .form__message-wrapper { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100%; } .form__confirmation-check { margin: 20px 0 20px 8px; } .form__final { display: none; text-align: center; } @media only screen and (min-width: 768px) { .form__final { margin: 0 -40px; } } .form_messages_shown .form__messages { display: block; } .form_state_sent .form__main { display: none; } .form_state_sent .form__final { display: block; } @-webkit-keyframes fadeIn { 0% { display: block; opacity: 0; visibility: hidden; } 100% { visibility: visible; opacity: 1; z-index: 100; } } @keyframes fadeIn { 0% { display: block; opacity: 0; visibility: hidden; } 100% { visibility: visible; opacity: 1; z-index: 100; } } @-webkit-keyframes slideDownBtn { { -webkit-transform: translate(50%, 0px) ; transform: translate(50%, 0px) ; } 33 % { -webkit-transform: translate(50%, 20px) ; transform: translate(50%, 20px) ; } 66 % { -webkit-transform: translate(50%, -10px) ; transform: translate(50%, -10px) ; } 100 % { -webkit-transform: translate(50%, 0px) ; transform: translate(50%, 0px) ; } } @keyframes slideDownBtn { { -webkit-transform: translate(50%, 0px) ; transform: translate(50%, 0px) ; } 33 % { -webkit-transform: translate(50%, 20px) ; transform: translate(50%, 20px) ; } 66 % { -webkit-transform: translate(50%, -10px) ; transform: translate(50%, -10px) ; } 100 % { -webkit-transform: translate(50%, 0px) ; transform: translate(50%, 0px) ; } } @-webkit-keyframes slideUpBtn { 100% { -webkit-transform: translate(50%, 0px); transform: translate(50%, 0px); } 66% { -webkit-transform: translate(50%, 5px); transform: translate(50%, 5px); } 33% { -webkit-transform: translate(50%, -10px); transform: translate(50%, -10px); } 0% { -webkit-transform: translate(50%, 0px); transform: translate(50%, 0px); } } @keyframes slideUpBtn { 100% { -webkit-transform: translate(50%, 0px); transform: translate(50%, 0px); } 66% { -webkit-transform: translate(50%, 5px); transform: translate(50%, 5px); } 33% { -webkit-transform: translate(50%, -10px); transform: translate(50%, -10px); } 0% { -webkit-transform: translate(50%, 0px); transform: translate(50%, 0px); } } .gallery-panel { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 768px) { .gallery-panel { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .gallery-panel__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 20px 20px 10px; } @media only screen and (min-width: 1025px) { .gallery-panel__content { margin: 0 30px 0 12%; } } @media only screen and (min-width: 768px) { .gallery-panel__content { -ms-flex-preferred-size: 265px; flex-basis: 265px; width: 265px; max-width: 265px; } } .gallery-panel__carousel { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; position: relative; } .gallery-panel__title { margin-bottom: 30px; } @media only screen and (min-width: 768px) { .gallery-panel__title { margin: 56px 0 42px; } } .gallery { position: relative; } @media only screen and (max-width: 1024px) { .gallery { padding: 0 30px; } } .gallery__illustration { max-width: 947px; margin: 26px auto 30px; } @media only screen and (min-width: 768px) { .gallery__illustration { margin-bottom: 90px; } } .gallery__picture { display: block; width: 100%; height: 100%; } @media only screen and (max-width: 767px) { .gallery__content { margin-bottom: 40px; } } .gallery__content_align_center { text-align: center; } .gallery__title { margin-bottom: 7px; } .gallery__pagination_align_center { text-align: center; } .gallery__pagination_position_bottom { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } @media only screen and (min-width: 768px) { .gallery__pagination_position_bottom { bottom: 94px; } } .gallery__nav { position: absolute; top: 40%; right: 0; left: 0; display: none; width: 100%; z-index: 1; } @media only screen and (min-width: 480px) { .gallery__nav { display: block; } } .gallery__nav .carousel-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .gallery__nav .carousel-nav__arrow-label:before { width: 15px; height: 15px; border-width: 4px; } .header { position: relative; display: block; } .header__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 1380px; margin: 0 auto; padding: 20px 7px 15px; } @media only screen and (min-width: 1025px) { .header__main { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 20px 10px 19px 14px; } } .header__logo { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 0 8px; } @media only screen and (min-width: 1025px) { .header__logo { -ms-flex-preferred-size: 306px; margin: 0 16px 0 0; } } @media only screen and (min-width: 1440px) { .header__logo { margin: 0 28px 0 0; } } .header__description { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 0 0 0 11px; color: #a1aeb7; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 1.2; } @media only screen and (min-width: 1025px) { .header__description { margin: 0 16px 0 0; padding: 0; } } @media only screen and (min-width: 1440px) { .header__description { margin: 0 20px 0 0; } } .header__links { display: none; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 0 0 auto; } @media only screen and (min-width: 1025px) { .header__links { display: block; } } .header__sub { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 1380px; margin: 0 auto; padding: 0 7px 0 11px; } @media only screen and (min-width: 1025px) { .header__sub { padding: 0 10px 2px 25px; } } .header__sub .header__breadcrumbs { display: none; } @media only screen and (min-width: 1025px) { .header__sub .header__breadcrumbs { display: block; } } .header__burger { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 48px 0 0; } .header__breadcrumbs { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media only screen and (min-width: 1025px) { .header__breadcrumbs { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; max-width: calc(100% - 92px); margin: 0 20px 0 0; } } .header__breadcrumbs:last-child { margin-right: 0; } .header__breadcrumbs_type_mobile { display: block; } @media only screen and (min-width: 1025px) { .header__breadcrumbs_type_mobile { display: none; } } .header__breadcrumbs_type_deskop { display: block; } @media only screen and (min-width: 1025px) { .header__breadcrumbs_type_deskop { display: none; } } .header__extra-links { margin: 0 0 0 auto; } .header__heading { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 100%; margin: 3px 0; } @media only screen and (min-width: 1025px) { .header__heading { margin: 0; } } @media only screen and (min-width: 1281px) { .header_type_unclosing .header__main { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 23px; } } @media only screen and (min-width: 1440px) { .header_type_unclosing .header__main { max-width: 100%; padding-right: calc((100vw - 1380px) / 2 + 10px); } } .header_type_unclosing .header__logo { width: 240px; max-width: 240px; } @media only screen and (min-width: 1281px) { .header_type_unclosing .header__logo { -ms-flex-preferred-size: 261px; flex-basis: 261px; width: 261px; max-width: 261px; padding: 5px 0 0 15px; } } @media only screen and (min-width: 1281px) { .header_type_unclosing .header__description { margin-left: 87px; } } @media only screen and (min-width: 1281px) { /* .header_type_unclosing .header__sub { margin-top: -40px; }*/ } @media only screen and (min-width: 1281px) { .header_type_unclosing .header__burger { display: none; } } @media only screen and (min-width: 1281px) { .header_type_unclosing .header__extra-links { color: #ed6c0c; } } /*@media only screen and (max-width: 1280px) { .header_state_fixed{ padding-top: 110px; } .header_state_fixed .header__panel { position: fixed; top: 0; left: 0; width: 100%; z-index: 400; background: #fff; } }*/ .header_state_fixed:not(.page__header_type_floating){ padding-top: 110px; } .header_state_fixed:not(.page__header_type_floating) .header__panel { position: fixed; top: 0; left: 0; width: 100%; z-index: 400; background: #fff; } .icon-button-group { position: relative; display: block; overflow: hidden; } .icon-button-group__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; padding: 0; list-style: none; } .icon-button-group__item { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; max-width: auto; padding: 5px; } .icon-button { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; vertical-align: middle; width: auto; height: auto; gap: 5px; padding: 0; color: #3a8fc9; font-size: 16px; font-weight: 500; line-height: 1.5; text-align: center; text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, opacity; transition-property: color, opacity; } .icon-button:hover:not(:disabled), .icon-button:active:not(:disabled), .icon-button:focus:not(:disabled) { color: #3a8fc9; text-decoration: none; } .icon-button.in-compare { color: #3a8fc9; text-decoration: none; } .icon-button.in-compare .icon-button__icon-holder, .icon-button.in-cart .icon-button__icon-holder { color: #fff; background-color: #3a8fc9; border-color: #3a8fc9; } .icon-button:hover:not(:disabled) .icon-button__icon-holder, .icon-button:active:not(:disabled) .icon-button__icon-holder, .icon-button:focus:not(:disabled) .icon-button__icon-holder { color: #fff; background-color: #3a8fc9; border-color: #3a8fc9; } .icon-button:disabled { opacity: 0.5; } .icon-button__icon-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 29px; height: 29px; margin: 0 11px; color: inherit; background: transparent; border: 1px solid #3a8fc9; border-radius: 4px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background-color, border-color; transition-property: color, background-color, border-color; } .icon-button__icon-holder:first-child { margin-left: 0; } .icon-button__icon-holder:last-child { margin-right: 0; } .icon-button__icon { display: block; width: 100%; height: 100%; fill: currentColor; } .icon-button__label { padding: 1px 0 0; } .icon-button_state_active { color: #3a8fc9; } .icon-button_state_active .icon-button__icon-holder { color: #fff; background-color: #3a8fc9; border-color: #3a8fc9; } .icon-button_state_active:hover:not(:disabled), .icon-button_state_active:active:not(:disabled), .icon-button_state_active:focus:not(:disabled) { color: #1f2a39; } .icon-button_state_active:hover:not(:disabled) .icon-button__icon-holder, .icon-button_state_active:active:not(:disabled) .icon-button__icon-holder, .icon-button_state_active:focus:not(:disabled) .icon-button__icon-holder { color: #fff; background-color: #1f2a39; border-color: #1f2a39; } .icon-button_type_compact .icon-button__icon-holder { margin: 0; } @media only screen and (min-width: 1025px) { .icon-button_type_compact .icon-button__icon-holder { margin: 0 11px; } } @media only screen and (min-width: 1025px) { .icon-button_type_compact .icon-button__icon-holder:first-child { margin-left: 0; } } @media only screen and (min-width: 1025px) { .icon-button_type_compact .icon-button__icon-holder:last-child { margin-right: 0; } } .icon-button_type_compact .icon-button__label { display: none; } @media only screen and (min-width: 1025px) { .icon-button_type_compact .icon-button__label { display: block; } } .icon-button_role_delete { width: 100%; } .icon-button_role_delete .icon-button__icon-holder { background: none; border: none; margin: 0; } .icon-button_role_delete:hover:not(:disabled), .icon-button_role_delete:active:not(:disabled), .icon-button_role_delete:focus:not(:disabled) { color: #3a8fc9; text-decoration: none; } .icon-button_role_delete:hover:not(:disabled) .icon-button__icon-holder, .icon-button_role_delete:active:not(:disabled) .icon-button__icon-holder, .icon-button_role_delete:focus:not(:disabled) .icon-button__icon-holder { color: #fff; background: none; border: none; } .icon-link { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; color: #3a8fc9; font-size: 14px; font-weight: 700; line-height: 1.2; text-transform: uppercase; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .icon-link:hover { color: #ed6c0c; text-decoration: none; } .icon-link:focus { color: #ed6c0c; text-decoration: none; outline: none; } .icon-link__text { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .icon-link__icon-wrapper { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 0 0 6px; } .icon-link__icon-wrapper:first-child { margin-left: 0; } .icon-link__icon { display: block; width: 16px; height: 16px; fill: currentColor; } .icon-link_style_dependent { color: inherit; font-weight: 500; text-transform: inherit; } .icon-link_style_dependent:hover { color: #a02231; } .icon-link_style_dependent:focus { color: #7f1528; } .icon-link_type_decorated .icon-link__text { text-decoration: underline; } .icon-link_type_column { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; font-size: 10px; } .icon-link_type_column .icon-link__icon-wrapper { margin: 0 0 4px; } .icon-link_type_simple { color: #a02231; font-size: inherit; font-weight: inherit; line-height: inherit; text-decoration: underline; text-transform: none; } .icon-link_type_simple .icon-link__icon-wrapper { margin: 0 0 0 2px; } .icon-link_type_simple .icon-link__icon-wrapper:first-child { margin-left: 0; } .icon-link_type_simple .icon-link__icon { width: 18px; height: 18px; } .icon-link_icon-size_l .icon-link__icon { width: 25px; height: 25px; } .info-group { display: block; } .info-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } @media only screen and (min-width: 1025px) { .info-panel { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 63px; } } .info-panel__panel { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .info-panel__main { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .info-panel__title { margin: 0 0 25px; } .info-panel__title:last-child { margin-bottom: 0; } .info-panel__content { max-width: 600px; } .info-panel__illustration { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .info-panel__image { display: block; max-width: 100%; height: auto; } @media only screen and (min-width: 1025px) { .info-panel__image { margin: 0 auto; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .info-panel__image.has-placeholder { width: unset; height: unset; } } .info-panel__description { padding-top: 32px; } @media only screen and (min-width: 1025px) { .info-panel_direction_reversed { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .info-panel_type_solid { gap: 0; } @media only screen and (min-width: 1025px) { .info-panel_type_solid .info-panel__panel { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .info-panel_type_solid .info-panel__main { padding: 16px 8px; } @media only screen and (min-width: 1025px) { .info-panel_type_solid .info-panel__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-preferred-size: 50%; flex-basis: 50%; min-height: 320px; align-items: center; /* padding: 20px 12% 130px 7.75%;*/ } } .info-panel_type_solid .info-panel__illustration { height: 100%; } .info-panel_type_solid .info-panel__title { margin: 0 0 16px; } .info-panel_type_solid .info-panel__title:last-child { margin-bottom: 0; } .info-panel_type_solid .info-panel__description { padding: 0; font-weight: 400; } @media only screen and (min-width: 1025px) { .info-panel_type_solid.info-panel_direction_reversed .info-panel__main { /* padding: 20px 7.75% 130px 10.3%;*/ } } .info-people__caption { margin-bottom: 30px; text-align: center; } .info-people__illustration { margin: 0 auto 70px; } .info-people__illustration_size_l { width: 225px; height: 225px; } @media only screen and (min-width: 480px) { .info-people__illustration_size_l { width: 363px; height: 363px; } } .info-people__info { max-width: 945px; margin: 0 auto; } .info-people__info .region-item { margin-bottom: 0; } .info-people__info .region-item__wrapper { margin-left: 24px; } @media only screen and (min-width: 768px) { .info-people__info .region-item__left-side { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } } @media only screen and (min-width: 768px) { .info-people__info .region-item__right-side { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .info-people__info .region-item__subtitle { margin-bottom: 40px; } .info-people__picture { overflow: hidden; display: block; max-width: 100%; max-height: 100%; margin: 0 auto; border-radius: 50%; } .info-text { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .info-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .info-text__col_position_left { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-bottom: 20px; } @media only screen and (min-width: 1025px) { .info-text__col_position_left { -ms-flex-preferred-size: 686px; flex-basis: 686px; width: 686px; max-width: 686px; padding: 0 166px 10px 0; } } @media only screen and (min-width: 768px) { .info-text__col_position_left { width: 50%; padding-right: 50px; border-right: 1px solid #a1aeb7; } } .info-text__col_position_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } @media only screen and (min-width: 1025px) { .info-text__col_position_right { -webkit-box-pack: end; -ms-flex-pack: end; // justify-content: flex-end; } } .info-text_style_medium .title { font-size: 40px; } @media only screen and (min-width: 480px) { .info-text_style_medium .title { font-size: 50px; } } .info-text__title { margin-bottom: 34px; } .info-text__illustration { width: 256px; height: 80px; margin-bottom: 5px; } .info-text__illustration img{ width: 100%; } .info-text__illustration picture.info-text__brand-image .aspect-box{ margin: 0 auto; } .info-text__img { display: block; width: 100%; height: 100%; } .info-text__name { margin-bottom: 20px; } .label-group { display: block; overflow: hidden; } .label-group__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -4px -8px; padding: 0; list-style: none; } .label-group__item { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 0 4px 8px; } .label-group_align_start .label-group__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .label-group_align_center .label-group__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .label-group_align_end .label-group__list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .label-group_width_s .label-group__list { margin: 0 auto; max-width: 772px; } .label { display: inline-block; vertical-align: middle; padding: 6px 15px; color: #fff; font-family: Ubuntu, sans-serif; font-size: 14px; line-height: 16px; text-decoration: none; background: #a02231; border: none; border-radius: 2px; outline: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .label[href]:hover, .label[type]:hover, .label[href]:focus, .label[type]:focus { color: #fff; text-decoration: none; opacity: 0.8; } .label_style_secondary { background-color: #1f2a39; } .label_style_info { background-color: #3a8fc9; } .label_style_warning { background-color: #ed6c0c; } .label_style_error { background-color: #7f1528; } .label_style_grey { background-color: #a1aeb7; } .layout-group { display: block; } .layout-group__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; } .layout-group__item { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; margin: 0 12px 0 0; } .layout-group__item:last-child { margin-right: 0; } .layout-group__trigger { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30px; height: 30px; color: #c2d1d9; font-size: 0; text-decoration: none; background: #fff; border: 1px solid #f2f5f7; border-radius: 4px; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background-color, border-color; transition-property: color, background-color, border-color; } .layout-group__trigger:hover { color: #c2d1d9; text-decoration: none; } .layout-group__trigger:focus { color: #c2d1d9; text-decoration: none; outline: none; } .layout-group__trigger_state_active { color: #424b5a; } .layout-group__trigger_state_active svg g rect { fill: currentColor; } .layout-group__trigger_state_active:hover { color: #424b5a; } .layout-group__trigger_state_active:focus { color: #424b5a; } .layout-group__icon { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; } .layout-group__icon g rect { fill: currentColor; } .link-file { display: inline-block; text-decoration: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .link-file:hover { opacity: 0.8; } .link-file__icon-wrapper { display: inline-block; vertical-align: middle; color: #3a8fc9; margin-right: 10px; } .link-file__text { color: #3a8fc9; font-size: 14px; text-decoration: underline; } .link-file__size { color: #a1aeb7; font-size: 14px; margin-left: 5px; } .link-group { display: block; } .link-group__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; } .link-group__item { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 15px 0 0; } @media only screen and (min-width: 1440px) { .link-group__item { margin: 0 63px 0 0; } } .link-group__item:last-child { margin-right: 0; } .link-group_justify_between .link-group__list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .link-list { display: block; } .link-list__title { display: block; margin: 0 0 12px; text-transform: uppercase; } .link-list__title:last-child { margin-bottom: 0; } .link-list__list { display: block; margin: 0; padding: 0; list-style: none; } .link-list__item { display: block; margin: 0 0 5px; padding: 0; } .link-list__item:last-child { margin-bottom: 0; } .link-list__link { color: #a1aeb7; font-weight: 500; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .link-list__link:hover { color: #a02231; text-decoration: none; } .link-list__link:focus { color: #a02231; text-decoration: none; outline: none; } .link { color: #3a8fc9; font: inherit; text-decoration: none; background: transparent; border: none; border-bottom: 1px solid currentColor; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, opacity; transition-property: color, opacity; } .link:hover { color: #3a8fc9; text-decoration: none; opacity: 0.8; } .link:focus { color: #3a8fc9; text-decoration: none; outline: none; opacity: 0.7; } .link_style_ninja { color: inherit; border: none; } .link_style_ninja:hover, .link_style_ninja:focus { color: inherit; } .link_style_dependent { color: inherit; } .link_style_dependent:hover, .link_style_dependent:focus { color: inherit; } .link_style_warning { color: #ed6c0c; } .link_size_s { font-size: 14px; line-hegiht: 1.286; } .link_font_alt { font-family: Ubuntu, sans-serif; } .list { display: block; } .list__items { padding-left: 38px; } .list__item { position: relative; } .list__item:not(:last-child) { margin-bottom: 17px; } .list__item:before { position: absolute; content: url("/local/templates/redesign/assets/styles/../blocks/list/images/check.svg"); top: 2px; left: -38px; width: 18px; height: 18px; } .logo-group { display: block; } .logo-group__container { position: relative; display: block; overflow: hidden; padding: 13px 0; margin: 0 0 23px; } .logo-group__container:last-child { margin-bottom: 0; } .logo-group__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; } @media only screen and (min-width: 1025px) { .logo-group__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } } .logo-group__item { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0; } @media only screen and (min-width: 1025px) { .logo-group__item { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; width: 25%; max-width: 25%; padding: 0 15px; } } .logo-group__illustration { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; height: auto; max-height: 100%; } .logo-group__image { display: block; max-width: 100%; height: auto; margin: 0; padding: 0; -webkit-filter: contrast(0%); filter: contrast(0%); -webkit-transition: -webkit-filter 0.3s ease; transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; } .logo-group__image:hover { -webkit-filter: contrast(100%); filter: contrast(100%); } .logo-group__navigation { position: absolute; top: 50%; left: 0; z-index: 10; display: block; width: 100%; } @media only screen and (min-width: 1025px) { .logo-group__navigation { display: none; } } .logo-group__controls { display: block; width: 225px; max-width: 100%; margin: 0 auto 30px; font-size: 0; text-align: center; } @media only screen and (min-width: 768px) { .logo-group__controls { width: auto; margin: 0 0 45px; } } .logo-group__controls:last-child { margin-bottom: 0; } .logo-group__control { display: block; margin: 0 0 20px; } @media only screen and (min-width: 768px) { .logo-group__control { display: inline-block; vertical-align: middle; margin: 0 32px 0 0; } } .logo-group__control:last-child { margin: 0; } .logo { display: block; } .logo__image { display: block; width: auto; height: auto; } .masonry-gallery { padding: 32px 9px; color: #fff; background-color: #0c161f; } @media only screen and (min-width: 768px) { .masonry-gallery { padding: 32px 40px; } } .masonry-gallery__title { margin-bottom: 40px; } .masonry-gallery__list { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 13px; grid-auto-flow: row dense; grid-auto-rows: 13px; } @media only screen and (min-width: 768px) { .masonry-gallery__list { grid-template-columns: repeat(16, 1fr); grid-auto-rows: 20px; grid-gap: 25px 32px; } } .masonry-gallery__item { position: relative; overflow: hidden; border: 1px solid transparent; border-radius: 2px; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .masonry-gallery__item:hover { border-color: #3a8fc9; } .masonry-gallery__item:hover:before { display: none; } .masonry-gallery__item:hover .masonry-gallery__image { opacity: 1; } .masonry-gallery__item:hover .masonry-gallery__name { bottom: 28px; } .masonry-gallery__item_cell_top_left { grid-row-end: span 6; } @media only screen and (min-width: 768px) { .masonry-gallery__item_cell_top_left { grid-column: 1/7; grid-row-end: span 5; } } @media only screen and (min-width: 1025px) { .masonry-gallery__item_cell_top_left { grid-column: 1/6; } } @media only screen and (max-width: 767px) { .masonry-gallery__item_cell_top_left { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } .masonry-gallery__item_cell_bottom_left { grid-row-end: span 9; } @media only screen and (min-width: 768px) { .masonry-gallery__item_cell_bottom_left { grid-column: 1/7; grid-row-end: span 10; } } @media only screen and (min-width: 1025px) { .masonry-gallery__item_cell_bottom_left { grid-column: 1/6; } } @media only screen and (max-width: 767px) { .masonry-gallery__item_cell_bottom_left { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .masonry-gallery__item_cell_top_middle { grid-row-end: span 11; } @media only screen and (min-width: 768px) { .masonry-gallery__item_cell_top_middle { grid-column: 7/-1; grid-row-end: span 9; } } @media only screen and (min-width: 1025px) { .masonry-gallery__item_cell_top_middle { grid-column: 6/12; } } @media only screen and (max-width: 767px) { .masonry-gallery__item_cell_top_middle { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .masonry-gallery__item_cell_bottom_middle { grid-row-end: span 6; } @media only screen and (min-width: 768px) { .masonry-gallery__item_cell_bottom_middle { grid-column: 7/-1; } } @media only screen and (min-width: 1025px) { .masonry-gallery__item_cell_bottom_middle { grid-column: 6/12; } } @media only screen and (max-width: 767px) { .masonry-gallery__item_cell_bottom_middle { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .masonry-gallery__item_cell_top_right { grid-row-end: span 6; } @media only screen and (min-width: 768px) { .masonry-gallery__item_cell_top_right { grid-column: 1/10; grid-row-end: span 8; } } @media only screen and (min-width: 1025px) { .masonry-gallery__item_cell_top_right { grid-column: 12/-1; grid-row-end: span 5; } } @media only screen and (max-width: 767px) { .masonry-gallery__item_cell_top_right { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } .masonry-gallery__item_cell_bottom_right { grid-row-end: span 6; } @media only screen and (min-width: 768px) { .masonry-gallery__item_cell_bottom_right { grid-column: 10/-1; grid-row-end: span 8; } } @media only screen and (min-width: 1025px) { .masonry-gallery__item_cell_bottom_right { grid-column: 12/-1; grid-row-end: span 10; } } @media only screen and (max-width: 767px) { .masonry-gallery__item_cell_bottom_right { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } .masonry-gallery__item_filter_color_black:before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#1f2a39), to(#151e29)); background: linear-gradient(180deg, #1f2a39 0%, #151e29 100%); } .masonry-gallery__item_filter_color_red:before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#a02231), to(#63101a)); background: linear-gradient(180deg, #a02231 0%, #63101a 100%); } .masonry-gallery__illustration { position: relative; z-index: 2; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .masonry-gallery__image { display: block; width: 100%; height: 100%; opacity: 0.8; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .masonry-gallery__name { position: absolute; left: 20px; bottom: 20px; z-index: 2; max-width: calc(100% - 40px); color: #fff; font-size: 21px; font-weight: 800; text-transform: uppercase; -webkit-transition: bottom 0.3s ease; transition: bottom 0.3s ease; } @media only screen and (min-width: 768px) { .masonry-gallery__name { left: 28px; max-width: calc(100% - 56px); } } .media-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .media-link__ref { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; font-family: 'Ubuntu', sans-serif; font-size: 14px; text-decoration: none; } .media-link__icon-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 10px; } .media-link__icon-wrapper_background_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; background-color: #3a8fc9; border-radius: 4px; } .media-link__icon { width: 20px; height: 20px; } .media-link__text { color: #3a8fc9; text-decoration: underline; } .media-link__label { color: #a1aeb7; } .media-link__illustration { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 232px; flex-basis: 232px; width: 232px; max-width: 232px; height: 232px; margin-right: 20px; } .media-link__image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 2px; } .media-panel__container_layout_grid { display: grid; grid-template-columns: 1fr; gap: 20px; } @media only screen and (min-width: 480px) { .media-panel__container_layout_grid { grid-template-columns: repeat(2, 1fr); } } .media-panel__container_layout_grid .media-link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 1025px) { .media-panel__container_layout_grid .media-link { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .media-panel__container_layout_grid .media-link .media-link__ref { margin-top: 10px; } } @media only screen and (max-width: 1024px) { .media-panel__container_layout_grid .media-link .media-link__illustration { margin-bottom: 15px; } } .media-panel__item { margin-bottom: 27px; } .menu-section__content { position: relative; padding: 40px 0; } @media only screen and (min-width: 1025px) { .menu-section__content { padding: 80px 0; } } .menu-section__content:after { position: absolute; content: ''; z-index: -1; } .menu-section__content_fon_logotitle:after { bottom: 0; right: 0; left: 0; width: 100%; height: 452px; background-image: url("/local/templates/redesign/assets/styles/../blocks/menu-section/images/logo-title.svg"); } .menu-section__content_fon_logoimg:after { top: 0; bottom: 0; right: 0; width: 70%; height: 100%; background-image: url("/local/templates/redesign/assets/styles/../blocks/menu-section/images/logo-img.svg"); background-repeat: no-repeat; background-size: cover; } @media only screen and (min-width: 1025px) { .menu-section__content_fon_logoimg:after { width: 940px; } } .menu-section__title { position: relative; display: inline; text-decoration: none; font-size: 40px; font-weight: 700; color: #a02231; line-height: 1.3; text-transform: uppercase; margin-bottom: 20px; word-wrap: break-word; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media only screen and (min-width: 1025px) { .menu-section__title { font-size: 50px; word-wrap: no-wrap; } } @media only screen and (min-width: 480px) { .menu-section__title { padding-right: 25px; word-wrap: no-wrap; } } .menu-section__icon { position: absolute; vertical-align: middle; width: 1em; height: 1em; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .menu-section__icon_width_big { font-size: 25px; } .menu-section__icon_width_small { font-size: 22px; } .menu-section__icon_position_top { right: -24px; bottom: 13px; } @media only screen and (min-width: 1025px) { .menu-section__icon_position_top { bottom: 21px; } } @media only screen and (min-width: 480px) { .menu-section__icon_position_top { right: -5px; } } .menu-section__icon_position_middle { bottom: -1px; right: -27px; } .menu-section__item { margin-bottom: 35px; } @media only screen and (min-width: 768px) { .menu-section__item { margin-bottom: 0; } } .menu-section__list { display: grid; grid-template-columns: 1fr; margin-top: 20px; } @media only screen and (min-width: 1025px) { .menu-section__list { gap: 56px; } } @media only screen and (min-width: 768px) { .menu-section__list { grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px; } } .menu-section__inner_position_column { display: grid; grid-template-columns: 1fr; } @media only screen and (min-width: 1025px) { .menu-section__inner_position_column { gap: 56px; } } @media only screen and (min-width: 768px) { .menu-section__inner_position_column { grid-template-columns: repeat(3, 1fr); gap: 20px; } } .menu-section__subtitle { position: relative; display: inline; font-size: 21px; font-weight: 800; text-decoration: none; color: #505d68; text-transform: uppercase; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .menu-section__subtitle-link { display: inline-block; padding-right: 25px; text-decoration: none; margin-bottom: 5px; } .menu-section__subtitle-link:hover .menu-section__subtitle { color: #1f2a39; } .menu-section__subtitle-link:hover .menu-section__icon { color: #3a8fc9; } @media only screen and (min-width: 768px) { .menu-section__subtitle-link { min-height: 88px; margin-bottom: 0; } } .menu-section__link { font-family: Ubuntu, sans-serif; font-size: 14px; text-decoration: none; display: block; color: #3a8fc9; margin-bottom: 7px; } .menu-section_role-title .menu-section__content { position: relative; padding: 45px 0px 20px 0px; } .modal { display: none; width: 100%; padding: 26px 15px 30px; background: #fff; border-radius: 8px; } @media only screen and (min-width: 480px) { .modal { max-width: 556px; padding: 26px 30px 30px; } } .modal__content { width: 385px; max-width: 100%; margin: 0 auto; } .modal__title { margin: 0 0 10px; } .modal__title:last-child { margin-bottom: 0; } @media only screen and (max-width: 767px) { .modal__title .title { font-size: 30px; } } .modal__subtitle { margin-bottom: 10px; text-align: center; } .modal .region-item:not(last-child) { margin-bottom: 50px; } @media only screen and (min-width: 480px) { .modal_available { max-width: 1100px; } } .modal_available .modal__title { margin: 0 0 20px; } .modal_available .carousel__button { display: block !important; color: #000 !important; top: 10px !important; right: 10px !important; } @media only screen and (min-width: 1025px) { .modal_available .carousel__button { display: none !important; } } .modal_available .region-item__left-side { -webkit-box-flex: 1; -ms-flex: 1 1 30%; flex: 1 1 30%; } .modal_available .region-item__right-side { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 768px) { .modal_available .region-item__right-side { border-right: 1px solid #c2d1d9; } } .modal_available .region-item__available-side { -webkit-box-flex: 1; -ms-flex: 1 1 20%; flex: 1 1 20%; } .modal_available .region-item__mail { display: none; } .modal_style_transparent { background: transparent; max-width: 800px; } .modal_style_transparent .modal__content { max-width: 100%; width: 100%; } .modal_style_transparent .form__inputs { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .modal_style_transparent .form__control { position: absolute; top: 50%; right: 0; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } .modal_style_transparent .form-control__input { color: #fff; height: 50px; border: none; border-bottom: 1px solid #3a8fc9; } .modal_style_transparent .form-control__input { font-size: 24px; outline: none; padding-right: 30px; } .modal_style_transparent .form-control__input::-webkit-input-placeholder { color: #fff; font-size: 24px; } .modal_style_transparent .form-control__input:-ms-input-placeholder { color: #fff; font-size: 24px; } .modal_style_transparent .form-control__input::-moz-placeholder { color: #fff; font-size: 24px; opacity: 1; } .modal_style_transparent .form-control__input::-ms-input-placeholder { color: #fff; font-size: 24px; opacity: 1; } .modal_style_transparent .form-control__input::placeholder { color: #fff; font-size: 24px; opacity: 1; } @media only screen and (min-width: 768px) { .modal_style_transparent .form-control__input { font-size: 42px; padding-right: 40px; } .modal_style_transparent .form-control__input::-webkit-input-placeholder { color: #fff; font-size: 42px; } .modal_style_transparent .form-control__input:-ms-input-placeholder { color: #fff; font-size: 42px; } .modal_style_transparent .form-control__input::-moz-placeholder { color: #fff; font-size: 42px; opacity: 1; } .modal_style_transparent .form-control__input::-ms-input-placeholder { color: #fff; font-size: 42px; opacity: 1; } .modal_style_transparent .form-control__input::placeholder { color: #fff; font-size: 42px; opacity: 1; } } .modal_style_transparent .form-control_input:placeholder { opacity: 0.7; } .modal_style_transparent .button { border: none; background: transparent; padding: 0; } .modal_style_transparent .button:hover { background: transparent; } .modal_layout_horizontal .form__main { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal_layout_horizontal .form__inputs { margin-bottom: 0; } .modals { display: block; } .nav__list { display: block; margin: 0; padding: 0; list-style: none; } .nav__item { margin-bottom: 5px; padding-left: 5px; list-style: none; color: #3a8fc9; } .nav__title { color: #505d68; font-size: 21px; font-family: Akrobat, Arial Narrow, sans-serif; font-weight: 800; line-height: 31px; text-transform: uppercase; } .nav__link { position: relative; font-weight: 500; display: block; height: 100%; color: inherit; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .nav__link:before { content: url("/local/templates/redesign/assets/styles/../blocks/nav/images/arrow.svg"); position: absolute; left: -14px; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .nav__link:hover, .nav__link:active, .nav__link:focus { color: #0c161f; text-decoration: none; } .nav__link:hover:before, .nav__link:active:before, .nav__link:focus:before { opacity: 1; } .nav__link_state_active { color: #0c161f; } .nav__link_state_active:before { opacity: 1; } .nav__link_state_disable { color: #a1aeb7; cursor: default; } .nav__link_state_disable:hover, .nav__link_state_disable:active, .nav__link_state_disable:focus { color: #a1aeb7; text-decoration: none; } .nav__link_state_disable:hover:before, .nav__link_state_disable:active:before, .nav__link_state_disable:focus:before { opacity: 0; } .nav_type_xs-horizontal { background: transparent; } @media only screen and (min-width: 1px) { .nav_type_xs-horizontal .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 1px) { .nav_type_xs-horizontal .nav__item { border-bottom: none; } } .nav_type_xs-horizontal .nav__link { background: transparent; } .nav_type_xs-horizontal .nav__link:hover, .nav_type_xs-horizontal .nav__link:active, .nav_type_xs-horizontal .nav__link:focus { color: #1eca9a; background: transparent; } .nav_type_xs-horizontal .nav__link.nav__link_state_active { color: #1eca9a; background: transparent; } .nav_type_s-horizontal { background: transparent; } @media only screen and (min-width: 480px) { .nav_type_s-horizontal .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 480px) { .nav_type_s-horizontal .nav__item { border-bottom: none; } } .nav_type_s-horizontal .nav__link { background: transparent; } .nav_type_s-horizontal .nav__link:hover, .nav_type_s-horizontal .nav__link:active, .nav_type_s-horizontal .nav__link:focus { color: #1eca9a; background: transparent; } .nav_type_s-horizontal .nav__link.nav__link_state_active { color: #1eca9a; background: transparent; } .nav_type_m-horizontal { background: transparent; } @media only screen and (min-width: 768px) { .nav_type_m-horizontal .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 768px) { .nav_type_m-horizontal .nav__item { border-bottom: none; } } .nav_type_m-horizontal .nav__link { background: transparent; } .nav_type_m-horizontal .nav__link:hover, .nav_type_m-horizontal .nav__link:active, .nav_type_m-horizontal .nav__link:focus { color: #1eca9a; background: transparent; } .nav_type_m-horizontal .nav__link.nav__link_state_active { color: #1eca9a; background: transparent; } .nav_type_l-horizontal { background: transparent; } @media only screen and (min-width: 1025px) { .nav_type_l-horizontal .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 1025px) { .nav_type_l-horizontal .nav__item { border-bottom: none; } } .nav_type_l-horizontal .nav__link { background: transparent; } .nav_type_l-horizontal .nav__link:hover, .nav_type_l-horizontal .nav__link:active, .nav_type_l-horizontal .nav__link:focus { color: #1eca9a; background: transparent; } .nav_type_l-horizontal .nav__link.nav__link_state_active { color: #1eca9a; background: transparent; } .nav_type_xl-horizontal { background: transparent; } @media only screen and (min-width: 1281px) { .nav_type_xl-horizontal .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 1281px) { .nav_type_xl-horizontal .nav__item { border-bottom: none; } } .nav_type_xl-horizontal .nav__link { background: transparent; } .nav_type_xl-horizontal .nav__link:hover, .nav_type_xl-horizontal .nav__link:active, .nav_type_xl-horizontal .nav__link:focus { color: #1eca9a; background: transparent; } .nav_type_xl-horizontal .nav__link.nav__link_state_active { color: #1eca9a; background: transparent; } .nav_type_xxl-horizontal { background: transparent; } @media only screen and (min-width: 1440px) { .nav_type_xxl-horizontal .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 1440px) { .nav_type_xxl-horizontal .nav__item { border-bottom: none; } } .nav_type_xxl-horizontal .nav__link { background: transparent; } .nav_type_xxl-horizontal .nav__link:hover, .nav_type_xxl-horizontal .nav__link:active, .nav_type_xxl-horizontal .nav__link:focus { color: #1eca9a; background: transparent; } .nav_type_xxl-horizontal .nav__link.nav__link_state_active { color: #1eca9a; background: transparent; } .nav_type_list { text-align: left; } @media only screen and (max-width: 1025px) { .nav_type_list { padding-bottom: 10px; } } .nav_type_list .nav__item { margin-bottom: 10px; } @media only screen and (min-width: 1025px) { .nav_type_list .nav__item { padding-left: 20px; } } @media only screen and (max-width: 1025px) { .nav_type_list .nav__link { padding-left: 0px; } .nav_type_list .nav__link:before { display: none; } .nav_type_list .nav__link:hover, .nav_type_list .nav__link:active, .nav_type_list .nav__link:focus { color: #fff; } .nav_type_list .nav__link_state_active { color: #fff; } .nav_type_list .nav__link_state_disable { color: #a1aeb7; cursor: default; } .nav_type_list .nav__link_state_disable:hover, .nav_type_list .nav__link_state_disable:active, .nav_type_list .nav__link_state_disable:focus { color: #a1aeb7; text-decoration: none; } .nav_type_list .nav__link_state_disable:hover:before, .nav_type_list .nav__link_state_disable:active:before, .nav_type_list .nav__link_state_disable:focus:before { opacity: 0; } } .nav_type_list .nav__link:before { left: -20px; } .options-item { display: block; } .options-list { display: block; } .options-list__item { border-bottom: 1px solid #c2d1d9; } .options-list__item_open .options-list__wrapper { padding: 22px 0px 40px 60px; max-height: 1000px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .options-list__item_open .options-list__trigger { color: #a02231; } .options-list__item_open .options-list__arrow:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .options-list__trigger { color: #505d68; font-size: 16px; font-family: Ubuntu; font-style: normal; font-weight: 400; line-height: 24px; cursor: pointer; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 26px; padding: 26px; } .options-list__arrow { width: 14px; height: 1px; position: relative; } .options-list__arrow:after, .options-list__arrow:before { content: ''; width: 14px; height: 2px; border-radius: 2px; background: #c2d1d9; position: absolute; top: 50%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: background, -webkit-transform; transition-property: background, -webkit-transform; transition-property: transform, background; transition-property: transform, background, -webkit-transform; } .options-list__arrow:after { right: 0px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .options-list__arrow:before { left: 0px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .options-list__wrapper { overflow: hidden; height: auto; max-height: 0; padding: 0 0 0 60px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .order-panel { height: 100%; } .order-panel__title { padding-bottom: 41px; } .order-panel__subtitle { color: #505d68; font-family: Akrobat, Arial Narrow, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 31px; padding-bottom: 21px; } .order-panel__subtitle_align-center { text-align: center; } @media only screen and (min-width: 1025px) { .order-panel__subtitle { font-size: 21px; } } .order-panel__container { height: 100%; margin: 0 auto; padding: 0; } @media only screen and (min-width: 768px) { .order-panel__container { padding: 60px 0; } } .order-panel__container .form-control__input { background-color: #fff; } .order-panel__container_layout_column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 520px; } .order-panel__container_layout_column .form__form { margin-bottom: 21px; } .order-panel__container_layout_column .form__form:last-child { margin-bottom: 0; } .order-panel__container_layout_column .form__line_type_option { max-width: 410px; width: 100%; margin: 0 auto; } .order-panel__container_layout_column .form__content { display: grid; grid-template-columns: 1fr; gap: 10px; } @media only screen and (min-width: 768px) { .order-panel__container_layout_column .form__content { grid-template-columns: 1fr; } } .order-panel__container_layout_column .form__inputs { display: grid; grid-template-columns: 2fr; gap: 10px; margin-bottom: 0; } @media only screen and (min-width: 480px) { .order-panel__container_layout_column .form__inputs { grid-template-columns: repeat(1, 2fr); } } .order-panel__form { margin-bottom: 110px; } .order-panel__form_width_s { width: 317px; max-width: 100%; margin: 0 auto 110px; } .order-panel__text { margin-top: auto; color: #f2f5f7; } .order-panel__text_align_center { text-align: center; } .order-panel__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order-panel__link { font-size: 14px; line-height: 1.1; } .order-panel_style_dark .title { color: #0e0c0c; } .order-panel .form .button { opacity: 1; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } .order-panel .form .button_hide { opacity: 0; } .page-section { display: block; padding: 8px 0 12px; color: #fff; background-color: #1f2a39; background-image: url("/local/templates/redesign/assets/styles/../blocks/page-section/images/figure.svg"); background-repeat: no-repeat; background-position: 154px 2%; background-size: auto 302px; } @media only screen and (min-width: 480px) { .page-section { background-position: 304px 2%; } } @media only screen and (min-width: 768px) { .page-section { background-position: 484px 2%; } } @media only screen and (min-width: 1025px) { .page-section { padding: 28px 0; background-position: 592px 13%; background-size: auto 852px; } } @media only screen and (min-width: 1800px) { .page-section { background-position: 1192px 13%; } } .page-section__title { margin-top: 10px; text-transform: uppercase; } .page-section__descr { max-width: 580px; margin: 15px auto 23px; font-size: 16px; line-height: 1.5; text-align: center; } .page-section__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; margin-bottom: 30px; } .page { position: relative; display: block; height: 100%; } .page__body { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; } @media only screen and (min-width: 1281px) { .page__body_menu_peeking .page__slide-menu:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; z-index: -1; display: block; width: 95px; background: inherit; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } } .page__body_menu_open { overflow: hidden; } @media only screen and (min-width: 1281px) { .page__body_menu_open { overflow: visible; } } .page__body_menu_open .page__slide-menu { -webkit-transform: translate(0, 0); transform: translate(0, 0); box-shadow: 4px 0 15px -5px rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 1281px) { .page__body_menu_open .page__slide-menu:after { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media only screen and (min-width: 1281px) { .page__body_menu_unclosing .page__slide-menu { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media only screen and (min-width: 1281px) { .page__body_menu_unclosing .page__slide-menu:after { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media only screen and (max-width: 1280px) { .page__body_header_fixed .page__slide-menu { position: fixed; } } .page__header { position: relative; z-index: 400; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; background: #fff; } @media only screen and (min-width: 1281px) { .page__header_type_floating { position: absolute; top: 0; left: 0; background: transparent; } } .page__content { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } @media only screen and (min-width: 1025px) { .page__content_width_l { width: calc(100% - 265px); max-width: 866px; } } @media only screen and (min-width: 1025px) { .page__content_width_s { width: calc(100% - 236px); } } .page__container { width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 8px; } @media only screen and (min-width: 1025px) { .page__container { padding: 0 10px; } } .page__container_width_full { max-width: 100%; } .page__container_width_l { max-width: 1210px; } .page__container_width_s { max-width: 863px; } .page__footer { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .page__slide-menu { position: absolute; top: 0; left: 0; bottom: -2px; z-index: 500; width: 100%; height: auto; background: #fff; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } @media only screen and (min-width: 768px) { .page__slide-menu { width: 375px; } } @media only screen and (min-width: 1281px) { .page__slide-menu { width: 346px; } } .page__order { padding: 100px 0 80px; } .page__title { text-transform: uppercase; margin-bottom: 32px; } .page__title_style_red { color: #a02231; } .page__title_style_grey { color: #505d68; } .page__title_mt_16 { margin-top: 16px; } .page__title_mt_32 { margin-top: 32px; } .page__title_mb_16 { margin-bottom: 16px; } .page__title_mb_32 { margin-bottom: 32px; } .page__subtitle { text-transform: uppercase; margin-bottom: 18px; } .page__category-labels { max-width: 1100px; margin-bottom: 74px; } .page__article { padding: 46px 0; } .page__info-panel { padding: 50px 0; } .page__info-text { padding: 50px 0; } .page__description { padding: 50px 0; } .page__links-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; } .page__links-wrap_style_info { color: #3a8fc9; } .page__links-wrap_font_ubuntu { font-family: Ubuntu, sans-serif; } .page__link_mb_7 { margin-bottom: 7px; } .page__link_mb_16 { margin-bottom: 16px; } .page__text { font-size: 14px; } .page__text_mb_90 { margin-bottom: 90px; } .page__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1024px) { .page__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page__sidebar { padding: 22px 22px 22px 0; } @media only screen and (min-width: 1025px) { .page__sidebar_width_l { width: 265px; } } @media only screen and (min-width: 1025px) { .page__sidebar_width_s { width: 236px; } } .page__site-map { margin: 16px 0 80px; } .page__table-of-contents { margin-top: 25px; } .page__section_style_dark { color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#2b3a50), to(#1f2a39)); background: linear-gradient(180deg, #2b3a50 0%, #1f2a39 100%); } .page__section_style_primary-dark { color: #fff; background: #7f1528; } .page__section_style_background_red:after { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: 452px; background-image: url("/local/templates/redesign/assets/styles/../assets/images/Brands.png"); } .page__section_style_background_red-primary:after { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: 452px; background-image: url("/local/templates/redesign/assets/styles/../assets/images/repair.png"); } .page__section_height_full { height: 100%; } .page__section_height_full .page__container { height: 100%; } .page__section_mb_46 { margin-bottom: 46px; } .page__section_overflow_hidden { overflow: hidden; } .page__section_advantages { padding: 100px 0; } .page__error { padding: 110px 0 130px; } .page__box { margin-top: 14px; } .page__reviews { margin-top: 20px; } .page__pagination { margin: 40px 0 35px; } @media only screen and (max-width: 479px) { .page__nav { margin-right: 36px; } } .page__info-model { margin: 46px 0 33px; } .page__documents { padding: 60px 0; } .page__properties { padding: 40px 0 100px; } @media only screen and (min-width: 768px) { .page__gallery { padding: 60px 0; } } .pagination-catalog { display: inline-block; vertical-align: middle; color: #a1aeb7; overflow: hidden; } .pagination-catalog__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; padding: 0; border-radius: 4px; list-style: none; } .pagination-catalog__item { display: block; padding: 0; border: 1px solid #a1aeb7; } .pagination-catalog__item:last-child { margin-right: 0; } .pagination-catalog__item_type_prev, .pagination-catalog__item_type_next { font-size: 0; } .pagination-catalog__item_type_prev .pagination-catalog__link, .pagination-catalog__item_type_next .pagination-catalog__link { position: relative; display: block; width: 29px; height: 29px; color: #a1aeb7; } .pagination-catalog__item_type_prev .pagination-catalog__link:before, .pagination-catalog__item_type_next .pagination-catalog__link:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 7px; height: 7px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; } .pagination-catalog__item_type_prev .pagination-catalog__link:hover, .pagination-catalog__item_type_next .pagination-catalog__link:hover { color: #a02231; } .pagination-catalog__item_type_prev .pagination-catalog__link:focus, .pagination-catalog__item_type_next .pagination-catalog__link:focus { color: #7f1528; } .pagination-catalog__item_type_prev .pagination-catalog__link_state_inactive, .pagination-catalog__item_type_next .pagination-catalog__link_state_inactive { color: rgba(0, 0, 0, 0.2); } .pagination-catalog__item_type_prev { margin: 0 auto 0 0; border-radius: 2px 0px 0px 2px; } .pagination-catalog__item_type_prev .pagination-catalog__link:before { -webkit-transform: translate(-20%, -50%) rotate(-135deg); transform: translate(-20%, -50%) rotate(-135deg); } .pagination-catalog__item_type_next { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 0 0 auto; border-radius: 0px 2px 2px 0px; } .pagination-catalog__item_type_next .pagination-catalog__link:before { -webkit-transform: translate(-80%, -50%) rotate(45deg); transform: translate(-80%, -50%) rotate(45deg); } .pagination-catalog__link { display: block; color: #a1aeb7; text-align: center; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .pagination-catalog__link:hover { color: #000; } .pagination-catalog__link:focus { color: #000; } .pagination-catalog__link_state_inactive { color: rgba(0, 0, 0, 0.2); pointer-events: none; } .pagination-catalog__label { position: relative; display: block; min-width: 29px; height: 29px; padding: 0 2px; font-size: 16px; font-weight: 600; line-height: 29px; text-align: center; background: transparent; border-radius: 4px; } .pagination-catalog__label_state_active { color: #000; } .pagination { display: block; overflow: hidden; width: 100%; font-size: 0; line-height: 1.2; text-align: left; } .pagination__wrapper { display: inline-block; border: 1px solid #a1aeb7; border-radius: 2px; } .pagination__item { display: inline-block; vertical-align: middle; margin: 0; font-family: 'Ubuntu', sans-serif; font-size: 14px; text-align: center; border-left: 1px solid #a1aeb7; } .pagination__item:last-of-type { border-right: 1px solid #a1aeb7; } .pagination__control { display: block; min-width: 28px; height: 28px; padding: 0 5px; color: #a1aeb7; line-height: 28px; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pagination__control:hover, .pagination__control:active, .pagination__control:focus { color: #1f2a39; text-decoration: none; } .pagination__control_state_active { font-weight: 700; color: #1f2a39; } .pagination__dots { display: block; min-width: 28px; height: 28px; padding: 0 5px; color: #a1aeb7; line-height: 28px; } .pagination__arrow { position: relative; width: 28px; height: 28px; color: #c2d1d9; text-align: center; text-decoration: none; background: transparent; outline: none; border: none; } .pagination__arrow_type_prev .pagination__arrow-label:before { -webkit-transform: translate(-25%, -50%) rotate(-135deg); transform: translate(-25%, -50%) rotate(-135deg); } .pagination__arrow_type_next .pagination__arrow-label:before { -webkit-transform: translate(-75%, -50%) rotate(45deg); transform: translate(-75%, -50%) rotate(45deg); } .pagination__arrow-label:hover, .pagination__arrow-label:active, .pagination__arrow-label:focus { color: #1f2a39; } .pagination__arrow-label:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; } .photo-gallery { position: relative; } .photo-gallery__slide { max-width: 504px; height: auto; max-height: 380px; } .photo-gallery__illustration { height: 100%; border-radius: 2px; overflow: hidden; } .photo-gallery__image { display: block; width: 100%; max-width: 100%; height: 100%; max-height: 380px; -o-object-fit: cover; object-fit: cover; } .photo-gallery__controls { margin-top: 20px; } @media only screen and (min-width: 768px) { .photo-gallery .carousel-nav__arrow.carousel-nav__arrow_type_prev.js-carousel-nav-prev { position: absolute; top: 0; left: 0; width: 30%; height: 100%; border: none; cursor: pointer; z-index: 5; } .photo-gallery .carousel-nav__arrow.carousel-nav__arrow_type_next.js-carousel-nav-next { position: absolute; top: 0; right: 0; width: 30%; height: 100%; border: none; cursor: pointer; z-index: 5; } } .photo-gallery__controls .carousel-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-around; } .price-group { display: block; } .price-group__wrapper { display: block; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } @media only screen and (min-width: 768px) { .price-group__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .price-group__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 0 3px; color: #505d68; font-size: 28px; line-height: 48px; } @media only screen and (min-width: 768px) { .price-group__price { margin: 0 18px 0 0; } } .price-group__price:last-child { margin-bottom: 0; } .price-group__price_type_old { color: #a1aeb7; font-size: 18px; line-height: 34px; } @media only screen and (min-width: 768px) { .price-group__price_type_old { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; margin: 0; line-height: 40px; } } .price-group__price_type_old .price-group__amount { font-size: 28px; font-weight: 700; text-decoration: line-through; } .price-group__price_type_old .price-group__currency { text-decoration: line-through; line-height: 26px; } @media only screen and (min-width: 1025px) { .price-group__price_type_old .price-group__currency { line-height: 34px; } } .price-group__amount { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 0.185em 0 0; font-size: 38px; font-weight: 900; } .price-group__amount:last-child { margin-right: 0; } .price-group__currency { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; line-height: 42px; } .product-card-gallery { position: relative; display: block; } @media only screen and (min-width: 1025px) { .product-card-gallery__container { padding: 0 0 40px; } } .product-card-gallery .banner-carousel__slide { height: auto; } .product-card-gallery__illustration { position: relative; display: block; width: 100%; height: 100%; border: 1px dashed #a1aeb7; border-radius: 2px; } .product-card-gallery__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 100% 0 0; } .product-card-gallery__image { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; margin: 0; -o-object-fit: contain; object-fit: contain; } .product-card-gallery__navigation { display: block; padding: 6px 0 0; text-align: center; } @media only screen and (min-width: 1025px) { .product-card-gallery__navigation { position: absolute; bottom: 6px; left: 0; z-index: 10; width: 100%; padding: 0; } } .product-card-gallery_state_inactive .product-card-gallery__navigation { display: none; } .product-card-group { display: block; } .product-card-group__list { display: block; margin: 0 0 40px; } .product-card-group__list:last-child { margin-bottom: 0; } .product-card-group__item { display: block; margin: 0 0 28px; } .product-card-group__item:last-child { margin-bottom: 0; } .product-card { display: block; padding: 12px 0 22px; } @media only screen and (min-width: 1025px) { .product-card { padding: 32px 0; } } .product-card__main { display: block; max-width: 500px; margin: 0 auto 32px; } @media only screen and (min-width: 1025px) { .product-card__main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; max-width: 100%; } } .product-card__main:last-child { margin-bottom: 0; } .product-card__gallery { display: block; margin: 0 0 14px; } @media only screen and (min-width: 1025px) { .product-card__gallery { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; width: 50%; max-width: 50%; margin: 0; padding: 0 15px 0 0; } } .product-card__gallery:last-child { margin-bottom: 0; } .product-card__info { display: block; margin: 0 0 14px; } @media only screen and (min-width: 1025px) { .product-card__info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; width: 50%; max-width: 50%; padding: 15px 0 40px 15px; } } .product-card__info:last-child { margin-bottom: 0; } .product-card__heading { display: block; margin: 0 0 19px; } @media only screen and (min-width: 1025px) { .product-card__heading { margin: 0 0 34px; } } .product-card__heading:last-child { margin-bottom: 0; } .product-card__title { display: block; margin: 0 0 5px; } @media only screen and (min-width: 1025px) { .product-card__title { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 8px; } } .product-card__title:last-child { margin-bottom: 0; } .product-card__rating { display: block; margin: 0 0 5px; } @media only screen and (min-width: 1025px) { .product-card__rating { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 8px; } } .product-card__rating:last-child { margin-bottom: 0; } .product-card__price-group { display: block; margin: 0 0 21px; } @media only screen and (min-width: 1025px) { .product-card__price-group { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 15px; } } .product-card__price-group:last-child { margin-bottom: 0; } .product-card__stock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 0 24px; } @media only screen and (min-width: 1025px) { .product-card__stock { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 14px; } } .product-card__stock:last-child { margin-bottom: 0; } .product-card__stock-label { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 50%; margin: 0 4px 0 0; } .product-card__stock-link { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .product-card__description { display: block; margin: 0 0 28px; } @media only screen and (min-width: 1025px) { .product-card__description { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: auto 0; padding: 0 0 13px; } } .product-card__description:last-child { margin-bottom: 0; } .product-card__select-group { display: block; margin: 0 0 24px; } @media only screen and (min-width: 1025px) { .product-card__select-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } .product-card__select-group:last-child { margin-bottom: 0; } .product-card__select { display: block; margin: 0 0 16px; } @media only screen and (min-width: 1025px) { .product-card__select { -webkit-box-flex: 0; -ms-flex: 0 1 262px; flex: 0 1 262px; width: 262px; max-width: 262px; margin: 0 16px 0 0; } } .product-card__select:last-child { margin: 0; } .product-card__control-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 24px; } @media only screen and (min-width: 1025px) { .product-card__control-group { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } .product-card__control-group:last-child { margin-bottom: 0; } .product-card__cart-controls { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto; min-width: 187px; max-width: 225px; margin: 0 auto; text-align: center; } @media only screen and (min-width: 1025px) { .product-card__cart-controls { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; min-width: 188px; max-width: 100%; margin: 0 20px 0 21px; padding: 0 0 4px; text-align: left; } } .product-card__cart-controls:first-child { margin-left: 0; } .product-card__cart-controls:last-child { margin-right: 0; } .product-card__button { display: block; margin: 0 0 14px; } @media only screen and (min-width: 1025px) { .product-card__button { margin: 0 0 4px; } } .product-card__button:last-child { margin-bottom: 0; } .product-card__link { display: block; margin: 0 0 14px; } @media only screen and (min-width: 1025px) { .product-card__link { margin: 0 0 4px; padding: 0 3px; } } .product-card__link:last-child { margin-bottom: 0; } .product-card__icon-control { display: block; margin: 0 12px 0 0; padding: 6px 0 5px; } .product-card__icon-control:last-child { margin-right: 0; } .product-card__quantity-input { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0 8px; } @media only screen and (min-width: 1025px) { .product-card__quantity-input { margin: 0; } } .product-card__quantity-input:first-child { margin-left: 0; } .product-card__quantity-input:last-child { margin-right: 0; } @media only screen and (min-width: 1025px) { .product-card_layout_spread .product-card__heading { margin: 0 0 20px; } } @media only screen and (min-width: 1025px) { .product-card_layout_spread .product-card__heading:last-child { margin-bottom: 0; } } @media only screen and (min-width: 1025px) { .product-card_layout_spread .product-card__info { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (min-width: 1025px) { .product-card_layout_spread .product-card__stock { -ms-flex-item-align: end; align-self: flex-end; -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; width: auto; padding: 0 15px 25px 0; } } @media only screen and (min-width: 1025px) { .product-card_layout_spread .product-card__control-group { -ms-flex-item-align: end; align-self: flex-end; -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; width: auto; margin: 0 0 0 auto; } } @media only screen and (min-width: 1025px) { .product-card_layout_spread .product-card__cart-controls { text-align: center; } } .product-card_offset_none { padding: 0; } .product-card_type_credit .product-card__arrow-link { display: block; margin: 0 0 19px; } @media only screen and (min-width: 1025px) { .product-card_type_credit .product-card__arrow-link { margin: 0 0 23px; } } .product-card_type_credit .product-card__heading { display: block; margin: 0 0 19px; } @media only screen and (min-width: 1025px) { .product-card_type_credit .product-card__heading { margin: 0 0 23px; } } .product-card_type_credit .product-card__heading:last-child { margin-bottom: 0; } .product-card_type_credit .product-card__select-group { display: none; } .product-card_type_credit .product-card__description { display: none; } .product-card_type_credit .product-card__price-group .price-group__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media only screen and (min-width: 1025px) { .product-card_type_credit .product-card__price-group .price-group__wrapper { gap: 34px; } } .product-card_type_credit .product-card__stock { display: none; } .product-card_type_credit .product-card__link { display: none; } @media only screen and (min-width: 1025px) { .product-card_type_credit .product-card__control-group { margin-top: 33px; } } .product-carousel { display: block; } .product-carousel__container, .product-carousel overflow visible, .product-carousel.swiper { padding: 0px 0px 30px; overflow: visible; position: relative; } .product-carousel__container:after, .product-carousel overflow visible:after, .product-carousel.swiper:after { content: ""; position: absolute; top: 0; z-index: 1; left: 110%; height: 110%; width: 100%; background: #fff; } @media only screen and (min-width: 1281px) { .product-carousel__container:after, .product-carousel overflow visible:after, .product-carousel.swiper:after { left: 99%; } } .product-carousel__container:before, .product-carousel overflow visible:before, .product-carousel.swiper:before { content: ""; position: absolute; top: 0; z-index: 2; right: 110%; height: 110%; width: 100%; background: #fff; } @media only screen and (min-width: 1281px) { .product-carousel__container:before, .product-carousel overflow visible:before, .product-carousel.swiper:before { right: 99%; } } @media only screen and (min-width: 1025px) { .product-carousel__container, .product-carousel overflow visible, .product-carousel.swiper { padding: 0px 34px 30px; } } .product-carousel .carousel-nav_position_sides { z-index: 2; display: none; } @media only screen and (min-width: 1025px) { .product-carousel .carousel-nav_position_sides { display: block; } } .product-carousel__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: auto; flex-basis: auto; width: 261px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: auto; } .product-carousel__slide:last-child { margin-right: 0; } .product-carousel__slide_type_standalone { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .product-carousel__slide_type_standalone:last-child { margin-right: 0; } .product-carousel__slide .product-snippet { background: #fff; max-width: 261px; margin: 0 auto; } .product-carousel__slide-wrapper { height: 100%; } .product-carousel__swiper-scrollbar { position: absolute; bottom: -28px; width: 93.5%; border-radius: 4px; padding: 1px 5px; height: 8px; background: rgba(19, 17, 17, 0.1); } .product-carousel__swiper-scrollbar .swiper-scrollbar-drag { height: 6px; border-radius: 4px; -webkit-transition: -webkit-transform 1s ease !important; transition: -webkit-transform 1s ease !important; transition: transform 1s ease !important; transition: transform 1s ease, -webkit-transform 1s ease !important; background: #424b5a; } .product-carousel__arrows .carousel-nav_style_light .carousel-nav__arrow { color: #c2d1d9; z-index: 2; } .product-carousel__item { -webkit-box-flex: 0; -ms-flex: 0 0 283px; flex: 0 0 283px; width: 283px; margin: 0 9px 0 0; } @media only screen and (min-width: 1025px) { .product-carousel__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 14.5px); flex: 0 0 calc(50% - 14.5px); width: 100%; margin: 0 0 31px; padding: 0 29px 0 0; } } .product-carousel__item:last-child { margin: 0; } .product-grid { display: block; } .product-grid__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; margin: 0 -8px 16px; padding: 0; list-style: none; } @media only screen and (min-width: 480px) { .product-grid__list { margin: 0 -10px 25px; } } @media only screen and (min-width: 1281px) { .product-grid__list { margin: 0 -15px 21px; } } .product-grid__list:last-child { margin-bottom: -14px; } @media only screen and (min-width: 480px) { .product-grid__list:last-child { margin-bottom: -20px; } } @media only screen and (min-width: 1281px) { .product-grid__list:last-child { margin-bottom: -30px; } } .product-grid__item { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%; max-width: 100%; padding: 0 8px 14px; } @media only screen and (min-width: 480px) { .product-grid__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 50%; padding: 0 10px 20px; } } @media only screen and (min-width: 768px) { .product-grid__item { -ms-flex-preferred-size: 33.333333%; flex-basis: 33.333333%; width: 33.333333%; max-width: 33.333333%; } } @media only screen and (min-width: 1025px) { .product-grid__item { -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; } } @media only screen and (min-width: 1281px) { .product-grid__item { padding: 0 15px 30px; } } .product-grid__item.product-grid__item_layout_list-item { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; } .product-grid__item-wrapper { height: 100%; } .product-grid__controls { display: block; width: 225px; max-width: 100%; margin: 0 auto 30px; font-size: 0; text-align: center; } @media only screen and (min-width: 768px) { .product-grid__controls { width: auto; margin: 0 0 45px; } } .product-grid__controls:last-child { margin-bottom: 0; } .product-grid__control { display: block; margin: 0 0 20px; } @media only screen and (min-width: 768px) { .product-grid__control { display: inline-block; vertical-align: middle; margin: 0 32px 0 0; } } .product-grid__control:last-child { margin: 0; } .product-grid_cols_fixed .product-grid__item { -webkit-box-flex: 0; -ms-flex: 0 1 279px; flex: 0 1 279px; width: 279px; max-width: 279px; } @media only screen and (min-width: 480px) { .product-grid_cols_fixed .product-grid__item { -ms-flex-preferred-size: 282px; flex-basis: 282px; width: 282px; max-width: 282px; } } @media only screen and (min-width: 1281px) { .product-grid_cols_fixed .product-grid__item { -ms-flex-preferred-size: 292px; flex-basis: 292px; width: 292px; max-width: 292px; } } @media only screen and (min-width: 768px) { .product-grid_cols_3 .product-grid__item { -ms-flex-preferred-size: 33.333333%; flex-basis: 33.333333%; width: 33.333333%; max-width: 33.333333%; } } .product-grid_cols_3 .product-grid__item.product-grid__item_layout_list-item { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; } .product-grid_cols_3 .product-grid__item.product-grid__item_layout_list-item .product-snippet { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 768px) { .product-grid_cols_3 .product-grid__item.product-grid__item_layout_list-item .product-snippet { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .product-grid_cols_3 .product-grid__item.product-grid__item_layout_list-item .product-snippet__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 768px) { .product-grid_cols_3 .product-grid__item.product-grid__item_layout_list-item .product-snippet__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 768px) { .product-grid_layout_list .product-grid__item { -ms-flex-preferred-size: 33.333333%; flex-basis: 33.333333%; width: 33.333333%; max-width: 33.333333%; } } .product-grid_layout_list .product-grid__item.product-grid__item { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: 100%; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 2px; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet:hover { border: 1px solid #3a8fc9; } @media only screen and (min-width: 768px) { .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } @media only screen and (min-width: 480px) { .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__content { gap: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__list { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__content { padding: 12px 29px; } @media only screen and (min-width: 768px) { .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__content { padding: 8px 18px 13px; } } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__title { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__description { display: block; font-size: 14px; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 10px; width: auto; white-space: nowrap; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__illustration { position: static; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__price { width: auto; font-weight: 900; font-size: 38px; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__sub { font-size: 28px; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__panel { padding: 13px 75px 0; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__control { display: block; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__availability { display: block; width: 100%; text-align: center; font-weight: 500; font-size: 16px; margin: 0px 20px; line-height: 24px; color: #0c161f; max-width: 100px; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__availability span { color: #a02231; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__controls { margin: 0; padding: 0; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 768px) { .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__controls { gap: 20px; } } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__rating { display: none; } .product-grid_layout_list .product-grid__item.product-grid__item .icon-button-group { display: none; } .product-grid_role_info .product-grid__item.product-grid__item .product-snippet__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } @media only screen and (min-width: 768px) { .product-grid_role_info .product-grid__item.product-grid__item .product-snippet__content { gap: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .product-grid_role_info .product-grid__item.product-grid__item .product-snippet__panel { padding: 31px 0px; } @media only screen and (min-width: 768px) { .product-grid_role_info .product-grid__item.product-grid__item .product-snippet__panel { padding: 0 75px 0; width: 25%; } } .product-grid_role_info .product-grid__item.product-grid__item .product-snippet__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 10px; width: auto; white-space: nowrap; } @media only screen and (min-width: 480px) { .product-grid_role_info .product-grid__item.product-grid__item .product-snippet__info { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .product-panel { position: relative; display: block; } @media only screen and (min-width: 1025px) { .product-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 624px; } } .product-panel__illustration { position: relative; display: block; overflow: hidden; width: 87%; margin: 0 0 26px; } @media only screen and (min-width: 1025px) { .product-panel__illustration { position: absolute; top: 0; left: 0; width: 76%; margin: 0; } } .product-panel__illustration:last-child { margin-bottom: 0; } .product-panel__image { display: block; width: 100%; height: auto; } @media only screen and (min-width: 1025px) { .product-panel__image { width: auto; max-width: 100%; } } .product-panel__content { position: relative; z-index: 1; display: block; width: 225px; margin: 0 auto; } @media only screen and (min-width: 1025px) { .product-panel__content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; padding: 24px 0 0; } } @media only screen and (min-width: 1281px) { .product-panel__content { width: 275px; } } .product-panel__title { display: block; max-width: 182px; margin: 0 auto; padding: 0 0 0 25px; font-size: 30px; font-weight: 900; line-height: 1; text-transform: uppercase; } @media only screen and (min-width: 1025px) { .product-panel__title { max-width: 100%; margin: 0 0 8px; padding: 0 0 0 3px; font-size: 50px; line-height: 1.1; } } .product-panel__title:last-child { margin-bottom: 0; } .product-panel__label { display: block; max-width: 182px; margin: -3px auto 7px; padding: 0 0 0 25px; font-size: 18px; line-height: 31px; text-transform: uppercase; } @media only screen and (min-width: 1025px) { .product-panel__label { max-width: 100%; margin: 0 0 11px; padding: 0 0 0 3px; font-size: 21px; } } .product-panel__label:last-child { margin-bottom: 0; } .product-panel__controls { display: block; margin: 0 0 12px; } @media only screen and (min-width: 1025px) { .product-panel__controls { max-width: 196px; } } .product-panel__controls:last-child { margin-bottom: 0; } .product-panel__control { display: block; margin: 0 0 8px; } .product-panel__control:last-child { margin-bottom: 0; } .tabs__panel .product-panel__illustration { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .tabs__panel_state_active .product-panel__illustration { -webkit-animation-name: tabPanelIllustrationSlideIn; animation-name: tabPanelIllustrationSlideIn; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.04, 1); animation-timing-function: cubic-bezier(0, 0, 0.04, 1); } .tabs__panel_state_deactivating .product-panel__illustration { -webkit-animation-name: tabPanelIllustrationSlideOut; animation-name: tabPanelIllustrationSlideOut; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.04, 1); animation-timing-function: cubic-bezier(0, 0, 0.04, 1); -webkit-transform: translate(-100vw, 0); transform: translate(-100vw, 0); } .tabs__panel_state_deactivating .product-panel__content { opacity: 0; } @-webkit-keyframes tabPanelIllustrationSlideIn { from { -webkit-transform: translate(100vw, 0); transform: translate(100vw, 0); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes tabPanelIllustrationSlideIn { from { -webkit-transform: translate(100vw, 0); transform: translate(100vw, 0); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes tabPanelIllustrationSlideOut { from { -webkit-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-100vw, 0); transform: translate(-100vw, 0); } } @keyframes tabPanelIllustrationSlideOut { from { -webkit-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-100vw, 0); transform: translate(-100vw, 0); } } .product-preview { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #505d68; text-align: center; } .product-preview:hover .product-preview__image { -webkit-transform: scale(1.07); transform: scale(1.07); } @media only screen and (min-width: 1025px) { .product-preview:hover .product-preview__image { -webkit-transform: scale(1.128); transform: scale(1.128); } } .product-preview:hover .product-preview__info { -webkit-box-shadow: 0 14px 24px rgba(0, 0, 0, 0.25); box-shadow: 0 14px 24px rgba(0, 0, 0, 0.25); } .product-preview:hover .product-preview__info:before { -webkit-transform: translate(-50%, 0) scaleX(1.5); transform: translate(-50%, 0) scaleX(1.5); } .product-preview:hover .product-preview__price + .product-preview__controls { -webkit-transform: translate(0, -12px); transform: translate(0, -12px); } .product-preview__panel { position: relative; display: block; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0 0 18px; padding: 13px 15px; text-decoration: none; } .product-preview__panel:last-child { margin-bottom: 0; } .product-preview__illustration { position: relative; display: block; } .product-preview__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 89.7% 0 0; } .product-preview__image { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .product-preview__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .product-preview__title { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 2px; } .product-preview__title:last-child { margin-bottom: 0; } .product-preview__link { color: inherit; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .product-preview__link:hover, .product-preview__link:focus { color: #3a8fc9; text-decoration: none; outline: none; } .product-preview__info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 6px 0 0; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } .product-preview__info:before { content: ''; position: absolute; top: 0; left: 50%; z-index: 1; display: block; width: 67.68%; height: 3px; background: #3a8fc9; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .product-preview__price { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 20px; font-family: Ubuntu, sans-serif; font-size: 16px; line-height: 1.5; } .product-preview__price:last-child { margin-bottom: 0; } .product-preview__controls { display: block; width: 100%; margin: auto 0 0; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .product-preview__control { display: block; margin: 0 0 8px; } .product-preview__control:last-child { margin-bottom: 0; } .product-snippet { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #505d68; border: 1px dashed #a1aeb7; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: border, -webkit-box-shadow; transition-property: border, -webkit-box-shadow; transition-property: box-shadow, border; transition-property: box-shadow, border, -webkit-box-shadow; } .product-snippet:hover { -webkit-box-shadow: 0 14px 24px rgba(0, 0, 0, 0.25); box-shadow: 0 14px 24px rgba(0, 0, 0, 0.25); border: 1px solid #fff; } .product-snippet:hover .product-snippet__image { -webkit-transform: scale(1.128); transform: scale(1.128); } .product-snippet__list { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } .product-snippet__item { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media only screen and (min-width: 480px) { .product-snippet__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.3333% - 20px); flex: 0 0 calc(33.3333% - 20px); } } @media only screen and (min-width: 768px) { .product-snippet__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } } @media only screen and (min-width: 1025px) { .product-snippet__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.3333% - 20px); flex: 0 0 calc(33.3333% - 20px); } } .product-snippet__panel { position: relative; display: block; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; padding: 13px 15px 0; text-decoration: none; } .product-snippet__panel_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #424b5a; } .product-snippet__panel_info .product-snippet__title { margin: 0; color: #fff; text-align: center; font-size: 21px; font-family: Akrobat, Arial Narrow, sans-serif; font-style: normal; font-weight: 800; line-height: 31px; text-transform: uppercase; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; } .product-snippet__panel_info .product-snippet__subtitle { color: #a1aeb7; text-align: center; font-size: 14px; font-family: Ubuntu; font-style: normal; font-weight: 400; line-height: 21px; } .product-snippet__availability { display: none; } .product-snippet__illustration { position: relative; display: block; } .product-snippet__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 89.7% 0 0; } .product-snippet__icon { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; } .product-snippet__image { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .product-snippet__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 10px 13px 8px; } .product-snippet__title { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 auto; padding: 0 0 2px; min-height: 100px; } .product-snippet__title:last-child { padding-bottom: 0; } .product-snippet__link { color: inherit; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .product-snippet__link:hover, .product-snippet__link:focus { color: #3a8fc9; text-decoration: none; outline: none; } .product-snippet__rating { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .product-snippet__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; } .product-snippet__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .product-snippet__price { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100%; font-family: Akrobat, Arial Narrow, sans-serif; font-size: 16px; line-height: 1; } .product-snippet__price:last-child { margin-bottom: 0; } .product-snippet__description { display: none; max-width: 434px; } .product-snippet__controls { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 0 0 auto; padding: 0 0 0 15px; } .product-snippet__sub { line-height: 1; } .product-snippet__control { display: none; } .product-snippet_type_borderless { border-color: transparent; } .properties__content { max-width: 550px; margin: 0 auto 68px; } .properties__content_align_center { text-align: center; } .properties__title { margin-bottom: 20px; } .properties__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; gap: 12px; } @media only screen and (max-width: 767px) { .properties__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .properties__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } } .properties__value { font-size: 50px; line-height: 1.2; font-weight: 900; color: #1f2a39; } .quantity-input { display: block; } .quantity-input__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 0 4px; border: 1px solid #1f2a39; border-radius: 4px; } @media only screen and (min-width: 1025px) { .quantity-input__wrapper { margin: 0 0 8px; } } .quantity-input__wrapper:last-child { margin-bottom: 0; } .quantity-input__control { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .quantity-input__button { position: relative; display: block; width: 38px; height: 38px; color: #a1aeb7; font-size: 0; text-decoration: none; background: transparent; border: none; border-radius: 0 4px 4px 0; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .quantity-input__button:before, .quantity-input__button:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 14px; height: 2px; color: inherit; background: currentColor; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .quantity-input__button:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .quantity-input__button:hover { z-index: 5; color: #1f2a39; text-decoration: none; background-color: transparent; } .quantity-input__button:active, .quantity-input__button:focus { z-index: 5; color: #a02231; text-decoration: none; background-color: transparent; } .quantity-input__button:disabled { color: #c2d1d9; pointer-events: none; } .quantity-input__button_type_decrease { border-radius: 4px 0 0 4px; } .quantity-input__button_type_decrease:after { display: none; } .quantity-input__field { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto; } .quantity-input__input { position: relative; width: 29px; min-width: 100%; height: 38px; margin: 0 -1px; padding: 0; color: #505d68; font-size: 16px; font-weight: 700; line-height: 38px; cursor: default; text-align: center; background: transparent; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .quantity-input__input::-webkit-outer-spin-button, .quantity-input__input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none; } .quantity-input__note { display: block; color: #c2d1d9; font-size: 12px; line-height: 1.333; } .quantity-input_width_standard .quantity-input__wrapper { width: 100%; max-width: 107px; } .radio-elem { display: block; position: relative; } .radio-elem__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 26px; } .radio-elem input { opacity: 0; } .radio-elem input:checked ~ .radio-elem__custom { border: 1px solid #424b5a; } .radio-elem input:checked ~ .radio-elem__custom:after { width: 11px; height: 11px; top: 2px; left: 2px; opacity: 1; } .radio-elem input#dilivery { margin-bottom: 20px; } ~ .radio-elem input#dilivery__custom { top: 25%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .radio-elem__custom { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: -1; left: -2px; height: 17px; width: 17px; border: 2px solid #dadada; border-radius: 50%; } @media only screen and (min-width: 768px) { .radio-elem__custom { border: 1px solid #dadada; } } .radio-elem__custom:after { content: ""; top: 8px; left: 8px; width: 0px; height: 0px; border-radius: 50%; background: #424b5a; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; opacity: 0; } .radio-elem__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .radio-elem__label { color: #0c161f; font-size: 22px; font-family: Ubuntu; font-style: normal; font-weight: 700; cursor: pointer; } @media only screen and (min-width: 768px) { .radio-elem__label { font-size: 26px; } } .radio-elem__description { font-family: Akrobat, Arial Narrow, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } .radio-panels { display: block; overflow: hidden; } .radio-panels__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -7px -7px -8px -8px; } @media only screen and (min-width: 768px) { .radio-panels__items { margin: -10px; } } .radio-panels__item { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 33.333333%; flex: 0 1 33.333333%; width: 33.333333%; max-width: 33.333333%; padding: 7px 7px 8px 8px; } @media only screen and (min-width: 768px) { .radio-panels__item { -ms-flex-preferred-size: 174px; flex-basis: 174px; width: 174px; max-width: 174px; padding: 10px; } } .radio-panels__label { position: relative; display: block; height: 100%; } .radio-panels__input { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: none; opacity: 0.01; -webkit-transform: scale(0.001); transform: scale(0.001); } .radio-panels__input:not(:disabled) + .radio-panels__panel:hover { border-color: #a02231; } .radio-panels__input:focus + .radio-panels__panel { border-color: #7f1528; } .radio-panels__input:checked + .radio-panels__panel { border-color: #a02231; } .radio-panels__input:disabled + .radio-panels__panel { pointer-events: none; opacity: 0.5; } .radio-panels__panel { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; min-height: 64px; padding: 11px 4px; color: #0e0c0c; font-size: 16px; line-height: 1.25; text-align: center; border: 1px solid #f2f5f7; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } @media only screen and (min-width: 768px) { .radio-panels__panel { padding: 11px; } } .range { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: Ubuntu, sans-serif; font-size: 14px; line-height: 1.28; } .range__field { position: relative; display: block; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; width: 50%; max-width: 50%; margin: 0 14px; } .range__field:first-child { margin-left: 0; } .range__field:last-child { margin-right: 0; } .range__field_width_l { -ms-flex-preferred-size: 60%; flex-basis: 60%; width: 60%; max-width: 60%; } .range__input { display: block; width: 100%; height: 40px; padding: 0 9px; color: #1f2a39; font-family: 'Ubuntu', sans-serif; font-size: 14px; text-align: left; line-height: 18px; background: #fff; border: 1px solid #1f2a39; border-radius: 2px; outline: none; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .range__input::-webkit-input-placeholder { color: 14px; font-size: #1f2a39; } .range__input:-ms-input-placeholder { color: 14px; font-size: #1f2a39; } .range__input::-moz-placeholder { color: 14px; font-size: #1f2a39; opacity: 1; } .range__input::-ms-input-placeholder { color: 14px; font-size: #1f2a39; opacity: 1; } .range__input::placeholder { color: 14px; font-size: #1f2a39; opacity: 1; } .range__input:hover { border-color: #3a8fc9; } .range__input:focus { border-color: #a02231; } .range__label { -webkit-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; width: 40%; max-width: 40%; margin: 0 11px; text-align: right; } .range__label:first-child { margin-left: 0; } .range__label:last-child { margin-right: 0; } .range__separator { position: relative; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; width: 24px; height: 24px; font-size: 0; } .range__separator:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 14px; height: 2px; background: #424b5a; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rating { display: inline-block; } .rating__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .rating__item { position: relative; display: block; margin: 0; padding: 2px 4px; color: #ed6c0c; background: transparent; border: none; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, opacity; transition-property: color, opacity; } .rating__item:first-child { padding-left: 2px; } .rating__item:last-child { padding-right: 2px; } .rating__item_type_current ~ .rating__item { color: #000; opacity: 0.7; } .rating__mark { display: block; width: 19px; height: 19px; margin: 0; padding: 0; fill: currentColor; color: inherit; } @media only screen and (min-width: 768px) { .rating__mark { width: 20px; height: 20px; } } .rating_style_light .rating_type_current ~ .rating__item { color: #dadcdb; opacity: 1; } .rating_marks_0 .rating__item { color: #ed6c0c; } .rating_marks_0 .rating__item:nth-child(n+1) { color: #000; opacity: 0.7; } .rating_marks_0.rating_style_light .rating__item { color: #ed6c0c; } .rating_marks_0.rating_style_light .rating__item:nth-child(n+1) { color: #dadcdb; opacity: 1; } .rating_marks_1 .rating__item { color: #ed6c0c; } .rating_marks_1 .rating__item:nth-child(n+2) { color: #000; opacity: 0.7; } .rating_marks_1.rating_style_light .rating__item { color: #ed6c0c; } .rating_marks_1.rating_style_light .rating__item:nth-child(n+2) { color: #dadcdb; opacity: 1; } .rating_marks_2 .rating__item { color: #ed6c0c; } .rating_marks_2 .rating__item:nth-child(n+3) { color: #000; opacity: 0.7; } .rating_marks_2.rating_style_light .rating__item { color: #ed6c0c; } .rating_marks_2.rating_style_light .rating__item:nth-child(n+3) { color: #dadcdb; opacity: 1; } .rating_marks_3 .rating__item { color: #ed6c0c; } .rating_marks_3 .rating__item:nth-child(n+4) { color: #000; opacity: 0.7; } .rating_marks_3.rating_style_light .rating__item { color: #ed6c0c; } .rating_marks_3.rating_style_light .rating__item:nth-child(n+4) { color: #dadcdb; opacity: 1; } .rating_marks_4 .rating__item { color: #ed6c0c; } .rating_marks_4 .rating__item:nth-child(n+5) { color: #000; opacity: 0.7; } .rating_marks_4.rating_style_light .rating__item { color: #ed6c0c; } .rating_marks_4.rating_style_light .rating__item:nth-child(n+5) { color: #dadcdb; opacity: 1; } .rating_marks_5 .rating__item { color: #ed6c0c; } .rating_marks_5 .rating__item:nth-child(n+6) { color: #000; opacity: 0.7; } .rating_marks_5.rating_style_light .rating__item { color: #ed6c0c; } .rating_marks_5.rating_style_light .rating__item:nth-child(n+6) { color: #dadcdb; opacity: 1; } .rating_type_interactable:hover .rating__item { color: #ed6c0c; } .rating_type_interactable:hover .rating__item:hover ~ .rating__item { color: #000; opacity: 0.7; } .rating_type_interactable:hover.rating_style_light .rating__item { color: #ed6c0c; } .rating_type_interactable:hover.rating_style_light .rating__item:hover ~ .rating__item { color: #dadcdb; opacity: 1; } .region-item { display: block; margin-bottom: 50px; } .region-item__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 22px; } @media only screen and (min-width: 768px) { .region-item__wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .region-item__title { font-weight: 800; font-size: 21px; line-height: 31px; text-transform: uppercase; color: #1f2a39; } .region-item__right-side { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } @media only screen and (min-width: 768px) { .region-item__right-side { -webkit-box-flex: 1; -ms-flex: 1 1 55%; flex: 1 1 55%; padding-left: 3%; } } @media only screen and (min-width: 768px) { .region-item__left-side { padding-right: 3%; border-right: 1px solid #c2d1d9; -webkit-box-flex: 1; -ms-flex: 1 1 45%; flex: 1 1 45%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } } .region-item__left-side_border_none { border-right: none; } .region-item__subtitle { font-weight: 700; font-size: 16px; line-height: 24px; color: #1f2a39; } .region-item__link { font-weight: 400; font-size: 14px; line-height: 18px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #3a8fc9; } @media only screen and (min-width: 768px) { .region-item__phones { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .region-item__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-family: 'Ubuntu', sans-serif; } .region-item__phone { font-weight: 500; font-size: 16px; line-height: 24px; color: #0c161f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } @media only screen and (min-width: 768px) { .region-item__phone { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .region-item__mail { font-family: 'Ubuntu', sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #3a8fc9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .region-item__address { display: -webkit-box; display: -ms-flexbox; display: flex; } .region-item__available-side { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .region-item__icon { width: 24px; margin-right: 15px; } .region-item__text { width: calc(100% - 39px); } .region-items { display: block; } .region-items__item { margin-bottom: 50px; } .region-items__item:last-child { margin-bottom: 0; } .region-list { display: block; } .region-list__item_open .region-list__wrapper { padding-top: 22px; max-height: 1000px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .region-list__item_open .region-list__trigger { color: #a02231; } .region-list__item_open .region-list__arrow:after, .region-list__item_open .region-list__arrow:before { background: #3a8fc9; } .region-list__item_open .region-list__arrow:after { right: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .region-list__item_open .region-list__arrow:before { left: 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .region-list__trigger { font-size: 30px; cursor: pointer; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; border-bottom: 1px solid #c2d1d9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 768px) { .region-list__trigger { font-size: 40px; } } @media only screen and (min-width: 1025px) { .region-list__trigger { font-size: 50px; } } .region-list__arrow { width: 16px; height: 1px; position: relative; } .region-list__arrow:after, .region-list__arrow:before { content: ''; width: 9px; height: 2px; border-radius: 2px; background: #1f2a39; position: absolute; top: 50%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: background, -webkit-transform; transition-property: background, -webkit-transform; transition-property: transform, background; transition-property: transform, background, -webkit-transform; } .region-list__arrow:after { right: 1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .region-list__arrow:before { left: 0px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .region-list__wrapper { overflow: hidden; height: auto; max-height: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .review-carousel { display: block; } .review-carousel__slide_visible_mobile { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .review-carousel__button { position: absolute; right: 0; bottom: 25px; width: calc(50% - 15px); text-decoration: none; } .review-carousel__controls { margin-top: 10px; text-align: right; } .review-panel__item:not(:last-child) { margin-bottom: 20px; } .review-panel__controls { font-family: 'Ubuntu', sans-serif; margin-top: 97px; } @media only screen and (max-width: 767px) { .review-panel__controls { margin-top: 45px; } } .review-panel__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 35px; } @media only screen and (min-width: 1025px) { .review-panel__content { margin-right: 30px; } } @media only screen and (min-width: 480px) { .review-panel__content { -ms-flex-preferred-size: 360px; flex-basis: 360px; width: 360px; max-width: 360px; } } .review-panel__main { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } @media only screen and (min-width: 1025px) { .review-panel__main { max-width: calc(100% - 437px); } } .review-panel__title { margin-bottom: 40px; } @media only screen and (min-width: 1025px) { .review-panel__title { margin-bottom: 80px; } } @media only screen and (max-width: 479px) { .review-panel__title .title { font-size: 40px; } } .review-panel__control { margin-bottom: 70px; } @media only screen and (min-width: 1025px) { .review-panel__control { margin-bottom: 130px; } } @media only screen and (max-width: 479px) { .review-panel__control { margin-top: 0px; } } @media only screen and (min-width: 1025px) { .review-panel_layout_column { display: -webkit-box; display: -ms-flexbox; display: flex; } } .review { padding: 13px 25px 22px; text-align: center; background-color: #a02231; } .review__content { margin: 10px 0 20px; } .review__icon { width: 53px; height: 53px; } .review__icon_style_secondary { fill: #1f2a39; } .review__icon_style_white { fill: #fff; } .review__text { color: #fff; font-family: 'Ubuntu', sans-serif; font-size: 18px; line-height: 1.5; } .review__author { margin-bottom: 8px; color: #ed6c0c; font-family: 'Ubuntu', sans-serif; font-size: 16px; line-height: 1.5; } .review__caption { color: #fff; font-family: 'Ubuntu', sans-serif; font-size: 14px; line-height: 1.5; } .review_layout_card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 301px; margin-bottom: 30px; } @media only screen and (min-width: 768px) { .review_layout_card { height: 354px; } } @media only screen and (min-width: 768px) { .review_layout_card .review__icon-quote { margin-top: 40px; } } .review_layout_card .review__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 110px; margin: 0 0 17px; } @media only screen and (min-width: 768px) { .review_layout_card .review__content { margin: 4px 0 25px; } } .review_layout_card .review__text { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .review_style_primary { background-color: #a02231; } .review_style_grey { background-color: #c2d1d9; } .review_style_grey .review__content { margin-bottom: 54px; } .review_style_grey .review__caption { font-family: 'Ubuntu', sans-serif; font-size: 14px; font-weight: 700; } .scroller { display: block; color: #424b5a; font-size: 0; text-decoration: none; background: transparent; border: none; border-radius: 50%; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .scroller:hover, .scroller:focus { color: #3a8fc9; text-decoration: none; outline: none; } .scroller__icon { display: block; width: 32px; height: 32px; fill: currentColor; } .search-form { position: relative; display: block; } .search-form__field { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 5px; max-width: 587px; padding-top: 19px; margin: 0 auto; } .search-form__field input placeholder { text-transform: uppercase; } .search-form__input { display: block; width: 100%; max-width: 552px; height: 48px; color: #0e0c0c; font-size: 14px; font-weight: 200; text-transform: uppercase; line-height: 46px; background: transparent; border: none; border-bottom: 1px solid #a02231; outline: none; } .search-form__input::-webkit-input-placeholder { color: #c2d1d9; font-size: 18px; } .search-form__input:-ms-input-placeholder { color: #c2d1d9; font-size: 18px; } .search-form__input::-moz-placeholder { color: #c2d1d9; font-size: 18px; opacity: 1; } .search-form__input::-ms-input-placeholder { color: #c2d1d9; font-size: 18px; opacity: 1; } .search-form__input::placeholder { color: #c2d1d9; font-size: 18px; opacity: 1; } @media only screen and (min-width: 1025px) { .search-form__input { font-size: 21px; } .search-form__input::-webkit-input-placeholder { color: #c2d1d9; font-size: 21px; } .search-form__input:-ms-input-placeholder { color: #c2d1d9; font-size: 21px; } .search-form__input::-moz-placeholder { color: #c2d1d9; font-size: 21px; opacity: 1; } .search-form__input::-ms-input-placeholder { color: #c2d1d9; font-size: 21px; opacity: 1; } .search-form__input::placeholder { color: #c2d1d9; font-size: 21px; opacity: 1; } } .search-form__input:focus ~ .search-form__control .search-form__submit { color: #a02231; } .search-form__control { display: block; } .search-form__submit { display: block; color: #0e0c0c; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .search-form__submit:hover { color: #a02231; text-decoration: none; } .search-form__submit:focus { color: #7f1528; text-decoration: none; } .search-form__icon { display: block; fill: currentColor; } .search-form__clear-control { position: absolute; top: 50%; right: 56px; z-index: 1; pointer-events: none; opacity: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .search-form__clear { display: block; width: 24px; height: 24px; color: #c2d1d9; font-size: 0; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .search-form__clear:before, .search-form__clear:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 18px; height: 2px; background: currentColor; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .search-form__clear:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .search-form__clear:hover { color: #a1aeb7; } .search-form__clear:focus { color: #0e0c0c; } .search-form__results { position: absolute; top: 100%; left: 0; z-index: 100; display: none; width: 100%; } .search-form_results_shown .search-form__results { display: block; } .search-form_state_filled .search-form__clear-control { pointer-events: auto; opacity: 1; } .section { display: block; padding: 25px 0; } @media only screen and (min-width: 1025px) { .section { padding: 50px 0; } } .section__header { margin: 0 0 20px; } .section__header:last-child { margin-bottom: 0; } .section__title { display: block; margin: 0 0 7px; } .section__title:last-child { margin-bottom: 0; } .section__extra { display: block; } @media only screen and (min-width: 768px) { .section__arrow-link { padding: 5px 0; } } .section__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1024px) { .section__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section__sidebar { padding: 2px 22px 22px 0; } @media only screen and (min-width: 1025px) { .section__sidebar_width_l { width: 335px; } } @media only screen and (min-width: 1025px) { .section__sidebar_width_m { width: 265px; } } @media only screen and (min-width: 1025px) { .section__sidebar_width_s { width: 236px; } } @media only screen and (min-width: 1025px) { .section__sidebar_width_xs { width: 173px; } } @media only screen and (max-width: 1024px) { .section__nav { margin-left: 36px; } } .section__content { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } @media only screen and (min-width: 1025px) { .section__content_width_xl { width: calc(100% - 173px); max-width: 930px; } } @media only screen and (min-width: 1025px) { .section__content_width_l { width: calc(100% - 265px); max-width: 866px; } } @media only screen and (min-width: 1025px) { .section__content_width_s { width: calc(100% - 236px); } } .section__cards-wrapper { margin-top: 7px; } .section__cards-grid_role_brands { margin-bottom: 56px; } .section__articles { max-width: 1125px; } .section__articles .article-list__item { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: -webkit-box-shadow border-color; transition-property: -webkit-box-shadow border-color; transition-property: box-shadow border-color; transition-property: box-shadow border-color, -webkit-box-shadow border-color; } .section__articles .article-list__item:hover { border-color: #3a8fc9; -webkit-box-shadow: 0 14px 24px rgba(0, 0, 0, 0.25); box-shadow: 0 14px 24px rgba(0, 0, 0, 0.25); } .section__info { max-width: 850px; margin: 80px auto 0; } .section__info .region-item { margin-bottom: 0; } .section__info .region-item__wrapper { margin-left: 24px; } @media only screen and (min-width: 768px) { .section__info .region-item__left-side { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } } @media only screen and (min-width: 768px) { .section__info .region-item__right-side { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 50px; } } .section__offices-list { margin-top: 53px; padding-top: 25px; border-top: 1px dashed #c2d1d9; } @media only screen and (min-width: 768px) { .section__offices-list .region-item__right-side { margin-top: 46px; } } @media only screen and (min-width: 768px) { .section__offices-list .region-item__link { margin-top: auto; } } .section__team { padding: 0 0 23px; margin-top: 76px; } .section__text { display: block; margin: 0 0 34px; } .section__text:last-child { margin-bottom: 0; } .section__text_align_left { text-align: left; } .section__text_align_center { text-align: center; } .section__text_align_right { text-align: right; } .section__text_width_m { max-width: 750px; margin-right: auto; margin-left: auto; } .section__list { display: block; margin: 0 0 34px; padding: 10px 0 0; } .section__list:last-child { margin-bottom: 0; } .section__list_width_s { max-width: 542px; margin-right: auto; margin-left: auto; } .section__entry-group { padding: 36px 0 0; } .section__product-card-group { padding: 37px 0 24px; } .section__table-wrap { padding: 40px 0; } @media only screen and (min-width: 1281px) { .section__table-wrap { margin: 0 -20px; } } .section_spacing_close { padding: 0; } .section_spacing_top-close { padding-top: 0; } .section_spacing_bottom-close { padding-bottom: 0; } @media only screen and (min-width: 1025px) { .section_header_inline .section__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media only screen and (min-width: 1025px) { .section_header_inline .section__title { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 10px 0 0; } } @media only screen and (min-width: 1025px) { .section_header_inline .section__title:last-child { margin-right: 0; } } .section_header-align_top .section__header { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .section_header-align_center .section__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section_header-align_bottom .section__header { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .section_role_product-grid { padding: 22px 0 29px; } @media only screen and (min-width: 1025px) { .section_role_product-grid { padding: 16px 0 121px; } } .section_role_product-grid .section__header { margin: 0 0 7px; } @media only screen and (min-width: 768px) { .section_role_product-grid .section__header { margin: 0 0 45px; } } .section_role_product-grid .section__header:last-child { margin-bottom: 0; } .section_role_cards-grid { padding: 22px 0 30px; position: relative; } .section_role_cards-grid:after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; z-index: -1; min-height: 100%; background-image: url("/local/templates/redesign/assets/styles/../blocks/section/images/Brands.png"); background-repeat: no-repeat; background-size: cover; background-position-y: bottom; } .section_role_cards-grid .section__header { margin: 0 0 7px; } @media only screen and (min-width: 768px) { .section_role_cards-grid .section__header { margin: 0 0 45px; } } .section_role_cards-grid .section__header:last-child { margin-bottom: 0; } .section_role_cards-grid_red { padding: 22px 0 30px; position: relative; } .section_role_cards-grid_red:after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; z-index: -1; min-height: 100%; background-image: url("/local/templates/redesign/assets/styles/../blocks/section/images/repair.png"); background-repeat: no-repeat; background-size: cover; background-position-y: bottom; } .section_role_cards-grid_red .section__header { margin: 0 0 7px; } @media only screen and (min-width: 768px) { .section_role_cards-grid_red .section__header { margin: 0 0 45px; } } .section_role_cards-grid_red .section__header:last-child { margin-bottom: 0; } .section_role_product-panel { padding: 1px 0 35px; } @media only screen and (min-width: 1025px) { .section_role_product-panel { padding: 30px 0 68px; } } .section_role_product-panel .section__header { margin: 0 0 23px; padding: 0 10px; } @media only screen and (min-width: 768px) { .section_role_product-panel .section__header { margin: 0 0 34px; padding: 0; } } .section_role_product-panel .section__header:last-child { margin-bottom: 0; } .section_role_logo-group { padding: 37px 0 18px; } .section_role_article-carousel { padding: 27px 0 60px; } @media only screen and (min-width: 1025px) { .section_role_article-carousel { padding: 88px 0 114px; } } .section_role_article-carousel .section__header { margin: 0 0 15px; } @media only screen and (min-width: 768px) { .section_role_article-carousel .section__header { margin: 0 0 61px; } } .section_role_article-carousel .section__header:last-child { margin-bottom: 0; } .section_role_product-carousel { padding: 27px 0 60px; } @media only screen and (min-width: 1025px) { .section_role_product-carousel { padding: 88px 0 114px; } } .section_role_product-carousel .section__header { margin: 0 0 15px; } @media only screen and (min-width: 768px) { .section_role_product-carousel .section__header { margin: 0 0 61px; } } .section_role_product-carousel .section__header:last-child { margin-bottom: 0; } .section_role_card-panel { padding: 14px 0 40px; } .section_role_reviews { padding: 14px 0 35px; } .section_role_catalog-section .section__header { margin: 0 0 6px; } .section_role_catalog-section .section__header:last-child { margin-bottom: 0; } .section_role_articles { padding-top: 0; margin-bottom: 46px; } @media only screen and (max-width: 767px) { .section_role_profile .title { font-size: 40px; } } .section_role_region-list { padding: 13px 0 82px; } .section_role_team { max-width: 750px; margin: 0 auto; } .section_role_offices { max-width: 850px; margin: 0 auto; } .section_role_offices .region-item__left-side { border-right: none; } .section_role_events { padding-top: 14px; } .section_role_contacts { padding-top: 14px; } @media only screen and (min-width: 768px) { .section_role_contacts .section__wrapper { margin-top: 92px; } } .section_role_media { padding-top: 14px; } @media only screen and (max-width: 480px) { .section_role_media .title { font-size: 40px; } } .section_role_media-list { padding: 0 0 20px; } .section_role_credit { padding: 30px 0 16px; } @media only screen and (min-width: 768px) { .section_role_table { padding: 90px 0 30px; } } .section_role_table .section__header { margin-bottom: 0; } @media only screen and (min-width: 768px) { .section_role_review-form { padding: 80px 0; } } .slide-nav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 34px 0 0; color: #1f2a39; font-size: 16px; line-height: 1.2; background: #fff; } @media only screen and (min-width: 1025px) { .slide-nav { padding: 0; } } @media only screen and (min-width: 1281px) { .slide-nav { overflow: visible; } } .slide-nav__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; padding: 0; color: #1f2a39; background: #fff; } .slide-nav__list { display: block; overflow: hidden auto; overflow-x: hidden; overflow-y: auto; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; margin: 0 0 auto; padding: 0; list-style: none; } @media only screen and (min-width: 1281px) { .slide-nav__list { margin: auto 0; } } .slide-nav__item { display: block; margin: 0; padding: 0; } @media only screen and (min-width: 1025px) { .slide-nav__item { margin: 0 0 12px; } } .slide-nav__item_state_open > .slide-nav__submenu { max-height: 100%; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: max-height 0s ease, -webkit-transform 0.15s ease; transition: max-height 0s ease, -webkit-transform 0.15s ease; transition: transform 0.15s ease, max-height 0s ease; transition: transform 0.15s ease, max-height 0s ease, -webkit-transform 0.15s ease; } @media only screen and (min-width: 1281px) { .slide-nav__item_state_open > .slide-nav__submenu { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } } .slide-nav__label { position: relative; display: block; } .slide-nav__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: auto; min-height: 51px; padding: 6px 30px 6px 19px; color: inherit; font-size: inherit; font-weight: 700; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background-color; transition-property: color, background-color; } @media only screen and (min-width: 1025px) { .slide-nav__link { padding: 6px 40px 6px 31px; } } .slide-nav__link:hover, .slide-nav__link:focus { color: #fff; background-color: #1f2a39; } .slide-nav__link-icon { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0 4px 0 0; } .slide-nav__icon { display: block; width: 24px; height: 24px; fill: currentColor; } .slide-nav__link-text { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100%; } .slide-nav__next { position: absolute; top: 0; right: 0; z-index: 10; display: block; width: 24px; height: 100%; color: #a1aeb7; font-size: 0; text-decoration: none; background: transparent; border: none; outline: none; } @media only screen and (min-width: 1025px) { .slide-nav__next { right: 24px; } } @media only screen and (min-width: 1281px) { .slide-nav__next { pointer-events: none; } } .slide-nav__next:hover, .slide-nav__next:focus { color: #a1aeb7; } .slide-nav__next:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 6px; height: 6px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; -webkit-transform: translate(-75%, -50%) rotate(45deg); transform: translate(-75%, -50%) rotate(45deg); } .slide-nav__submenu { position: absolute; top: 0; left: 0; bottom: 69px; z-index: 20; overflow: hidden; width: 100%; max-height: 0; padding: 22px 0 0; background: #fff; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: max-height 0s ease 0.15s, -webkit-transform 0.15s ease; transition: max-height 0s ease 0.15s, -webkit-transform 0.15s ease; transition: transform 0.15s ease, max-height 0s ease 0.15s; transition: transform 0.15s ease, max-height 0s ease 0.15s, -webkit-transform 0.15s ease; } @media only screen and (min-width: 1025px) { .slide-nav__submenu { padding: 0; bottom: 0; } } @media only screen and (min-width: 1281px) { .slide-nav__submenu { z-index: -1; overflow: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media only screen and (min-width: 1281px) { .slide-nav__submenu .slide-nav__heading { padding: 28px 40px 10px; } } @media only screen and (min-width: 1281px) { .slide-nav__submenu .slide-nav__list { padding-bottom: 148px; } } @media only screen and (min-width: 1281px) { .slide-nav__submenu .slide-nav__link { padding-left: 40px; } } .slide-nav__submenu .slide-nav__submenu { bottom: 0; } @media only screen and (min-width: 1281px) { .slide-nav__submenu .slide-nav__submenu .slide-nav__list { margin: 0; padding-bottom: 0; } } @media only screen and (min-width: 1281px) { .slide-nav__submenu .slide-nav__submenu .slide-nav__item { margin: 0; } } .slide-nav__controls { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding: 24px 17px 5px; } @media only screen and (min-width: 1025px) { .slide-nav__controls { padding: 24px 31px 25px; } } @media only screen and (min-width: 1281px) { .slide-nav__controls { display: none; } } .slide-nav__controls:last-child { margin-bottom: 0; } .slide-nav__control { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } .slide-nav__button { position: relative; display: inline-block; vertical-align: middle; width: auto; height: auto; padding: 0 15px 0 37px; color: inherit; font-size: 20px; line-height: 1; text-align: center; text-decoration: none; background: transparent; border: none; border-radius: 0; outline: none; } .slide-nav__button:before { content: ''; position: absolute; top: 50%; left: 15px; z-index: 1; display: block; width: 8px; height: 8px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; -webkit-transform: translate(-25%, -50%) rotate(-135deg); transform: translate(-25%, -50%) rotate(-135deg); } .slide-nav__heading { display: none; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 123px; padding: 28px 29px 16px; } @media only screen and (min-width: 1281px) { .slide-nav__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .slide-nav__logo { display: block; width: 246px; max-width: 100%; margin: 0 0 20px; } .slide-nav__logo:last-child { margin-bottom: 0; } .slide-nav__title { display: block; margin: auto 0; } .slide-nav__footer { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding: 12px 8px; } @media only screen and (min-width: 1025px) { .slide-nav__footer { padding: 40px 31px; } } .slide-nav__description { display: none; margin: 0 0 20px; color: #424b5a; font-size: 15px; line-height: 24px; } @media only screen and (min-width: 1025px) { .slide-nav__description { display: block; } } .slide-nav__description:last-child { margin-bottom: 0; } .slide-nav__social-nav { display: none; color: #a1aeb7; } @media only screen and (min-width: 1025px) { .slide-nav__social-nav { display: block; } } .slide-nav__link-group { display: block; margin: 0 0 20px; padding: 10px 16px 0; border-top: 1px solid #c2d1d9; } @media only screen and (min-width: 1025px) { .slide-nav__link-group { display: none; } } .slide-nav__link-group:last-child { margin-bottom: 0; } .slide-nav_no_heading .slide-nav__heading { display: none; } .social-nav { display: block; } .social-nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; } .social-nav__item { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 21px 0 0; } .social-nav__item:last-child { margin-right: 0; } .social-nav__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; color: #3a8fc9; text-decoration: none; background: transparent; border: none; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, opacity; transition-property: color, opacity; } .social-nav__link:hover { color: #3a8fc9; text-decoration: none; opacity: 0.8; } .social-nav__link:focus { color: #3a8fc9; text-decoration: none; outline: none; opacity: 0.7; } .social-nav__icon-wrapper { position: relative; } .social-nav__icon { display: block; width: 20px; height: 20px; fill: currentColor; } .social-nav_align_start .social-nav__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .social-nav_align_center .social-nav__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .social-nav_align_end .social-nav__list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .social-nav_style_dependent .social-nav__link { color: inherit; } .social-nav_style_dependent .social-nav__link:hover, .social-nav_style_dependent .social-nav__link:focus { color: inherit; } .social-nav_size_l .social-nav__icon { width: 24px; height: 24px; } .social-nav_spacing_s .social-nav__item { margin: 0 14px 0 0; } .social-nav_spacing_s .social-nav__item:last-child { margin-right: 0; } .social-nav_spacing_l .social-nav__item { margin: 0 28px 0 0; } .social-nav_spacing_l .social-nav__item:last-child { margin-right: 0; } .specif-item { display: block; } .specif-item__list { padding-top: 22px; max-width: 666px; margin: 0 0 0 auto; } @media only screen and (min-width: 1025px) { .specif-item__list { padding-top: 34px; } } .specif-item__illustration { width: 48px; height: 48px; } .specif-item__header { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } @media only screen and (min-width: 768px) { .specif-item__header { gap: 39px; } } .specif-item__item { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; } .specif-item__label { -webkit-box-flex: 0; -ms-flex: 0 1 65%; flex: 0 1 60%; } .specif-item__value { color: #1f2a39; font-size: 16px; font-family: Akrobat, Arial Narrow, sans-serif; font-style: normal; font-weight: 700; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 24px; text-align: right; } @media only screen and (min-width: 480px) { .specif-item__value { text-align: left; } } .specif-item__title { color: #505d68; font-size: 21px; font-family: Akrobat, Arial Narrow, sans-serif; font-style: normal; font-weight: 800; line-height: 31px; text-transform: uppercase; } .specif-list { display: block; } .specif-list__wrapper { margin-top: 20px; } @media only screen and (min-width: 1025px) { .specif-list__wrapper { margin-top: 40px; } } .specif-list__item { padding-bottom: 52px; } .specif-list__item:last-child { padding-bottom: 0px; } .switch { position: relative; display: block; font-size: 16px; line-height: 1.25; } .switch__input { position: absolute; top: 50%; left: 0; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: none; opacity: 0.01; -webkit-transform: scale(0.001); transform: scale(0.001); } .switch__input:checked + .switch__body .switch__container { background: #f2f5f7; } .switch__input:checked + .switch__body .switch__knob { background-color: #a02231; -webkit-transform: translate(calc(-100% + 36px), -50%); transform: translate(calc(-100% + 36px), -50%); } .switch__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .switch__container { position: relative; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; width: 40px; height: 20px; padding: 2px; cursor: pointer; border: 1px solid #c2d1d9; border-radius: 32px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .switch__wrapper { position: relative; z-index: 10; display: block; width: 100%; height: 100%; } .switch__knob { position: absolute; top: 50%; left: 0; z-index: 1; width: 16px; height: 16px; background: #fff; border: none; border-radius: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .switch__label { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100%; margin: 0 0 0 12px; color: #0e0c0c; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .table { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px dashed #c2d1d9; } .table .icon-button { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .table .icon-button__label { font-family: Akrobat, Arial Narrow, sans-serif; } .table .table-td { display: table-cell; padding: 10px; text-align: center; vertical-align: middle; height: 65px; color: #505d68; text-align: center; font-family: Ubuntu; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; min-width: 120px; } @media only screen and (min-width: 768px) { .table .table-td { min-width: 169.714286px; } } .table__sidebar { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 16px; text-align: center; } @media only screen and (min-width: 768px) { .table__sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; } } .table__sidebar .table__cell { min-width: 170px; height: 66px; font-family: Akrobat, Arial Narrow, sans-serif; line-height: 14px; } .table__container { width: 100%; overflow-x: auto; overflow-y: hidden; } .table__container::-webkit-scrollbar { height: 8px; } .table__container::-webkit-scrollbar-track { background: #c2d1d9; border-radius: 100px; } .table__container::-webkit-scrollbar-thumb { height: 6px; background: #1f2a39; border: 1px solid transparent; border-radius: 100px; } .table__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; } .table__column { min-width: 120px; } @media only screen and (min-width: 768px) { .table__column { min-width: 169.714286px; } } .table__value:before { content: attr(data-label); display: block; padding-bottom: 10px; text-align: center; font-weight: 400; } @media only screen and (min-width: 768px) { .table__value:before { display: none; } } .table__header { height: 53px; display: table-cell; padding: 10px; line-height: 1; text-align: center; vertical-align: middle; -webkit-text-decoration-line: underline; text-decoration-line: underline; min-width: 120px; } @media only screen and (min-width: 768px) { .table__header { min-width: 169.714286px; } } .table__title { color: #1f2a39; text-align: center; font-family: Ubuntu; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; } .table__parametr { border-bottom: 1px dashed #c2d1d9; } .table__parametr_state_different { background-color: #f2f5f7; } .table__parametr_state_different .table__value { font-weight: 600; } .table__row { display: table-row; height: 66px; border-bottom: 1px dashed #c2d1d9; } .table__row_state_different { background-color: #f2f5f7; } .table__row_state_different .table__caption { font-weight: 700; } .table__check-item { min-width: 33px; } .table__form { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .table__form .check-elem__label { padding: 0; position: static; } .table__heading { display: table-row; } .table__heading .table__cell { height: 53px; } .table__cell { display: table-cell; padding: 10px; line-height: 1; vertical-align: middle; } .table__cell_style_heading { position: -webkit-sticky; position: sticky; left: 0; z-index: 100; max-width: 250px; font-size: 16px; font-family: Akrobat, Arial Narrow, sans-serif; } .table__cell_style_highlight { background-color: #c2d1d9; } .table__cell_style_border { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; } .table__cell_style_light-grey { color: #505d68; } .table__cell_case_upper { font-size: 21px; font-weight: 800; text-transform: uppercase; } .table__cell_align_center { text-align: center; } .table__link { display: inline-block; color: #1f2a39; } .table__button .icon-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .table .icon-button__label { display: block; } .table__label { margin-bottom: 6px; } @media only screen and (min-width: 768px) { .table__label { display: none; } } .table_compare { border-top: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 768px) { .table_compare { border-top: 1px dashed #c2d1d9; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .table_compare .product-preview__panel { margin: 0; } .table_compare .product-preview:hover .product-preview__info { -webkit-box-shadow: none; box-shadow: none; } .table_compare .product-preview:hover .product-preview__price + .product-preview__controls { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .table_compare .product-preview__link { text-decoration: underline; font-size: 16px; } .table_compare .product-preview__info:before { display: none; } .table_compare .product-preview__price { display: inline; margin: 0 0 15px; } .table_compare .product-preview__value { font-weight: 600; text-decoration: none; } .table_compare .icon-button { color: #a02231; text-decoration: underline; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .table_compare .icon-button:hover { color: #a02231; } .table_compare .icon-button__icon-holder { width: auto; } .table_compare .table-td { min-width: 232px; } .table_compare .table__sidebar { display: block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 16px; text-align: center; border-bottom: 1px dashed #c2d1d9; } @media only screen and (min-width: 768px) { .table_compare .table__sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: none; } } .table_compare .table__sidebar .table__cell { display: none; } @media only screen and (min-width: 768px) { .table_compare .table__sidebar .table__cell { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; } } .table_compare .table__row { display: none; border-bottom: 1px solid #c2d1d9; } @media only screen and (min-width: 768px) { .table_compare .table__row { display: table-row; } } .table_compare .table__header { text-decoration: none; min-width: 232px; max-width: 232px; -webkit-transition: height 0.3s ease; transition: height 0.3s ease; border-bottom: 1px solid #c2d1d9; } .table_compare .table__heading { border-bottom: 1px solid #c2d1d9; } @media only screen and (max-width: 768px) { .table_compare .table__heading { height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; } } .table_compare .table__heading .table__cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; text-align: left; } .table_compare .table__footer { max-width: 232px; max-width: 232px; } .table_compare .table__column { min-width: 232px; max-width: 232px; } .table_compare .table__form { margin-right: 32px; } .table_compare .table__parametr { border-bottom: 1px solid #c2d1d9; } .table_compare .table__value { min-width: 232px; max-width: 232px; } .tabs { position: relative; display: block; } .tabs__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media only screen and (min-width: 768px) { .tabs__wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .tabs__title { color: #424b5a; font-family: Akrobat, Arial Narrow, sans-serif; font-size: 40px; font-style: normal; font-weight: 700; line-height: 64px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .tabs__title { font-size: 50px; } } .tabs_type_compare .tabs__wrapper { margin-bottom: 16px; } @media only screen and (min-width: 768px) { .tabs_type_compare .tabs__wrapper { margin-bottom: 0; } } .tabs_type_compare .tabs__item { margin-right: 15px; } @media only screen and (min-width: 768px) { .tabs_type_compare .tabs__item { min-width: auto; margin: 0 50px 0 0; } } .tabs_type_compare .tabs__label { position: relative; display: block; width: 100%; text-align: left; margin: 0; border-bottom: 1px solid transparent; } .tabs_type_compare .tabs__label:after { display: none; } @media only screen and (min-width: 768px) { .tabs_type_compare .tabs__label { border-bottom: 1px solid transparent; } } .tabs_type_compare .tabs__label_state_active { border-bottom: 1px solid #a02231; } .tabs_type_compare .tabs__label:last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { .tabs_type_compare .tabs__label { width: auto; } } .tabs_type_compare .tabs__nav { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-y: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 10px; } .tabs_type_compare .tabs__nav::-webkit-scrollbar { height: 3px; display: block; } .tabs_type_compare .tabs__nav::-webkit-scrollbar-track { background: #c2d1d9; border-radius: 100px; } .tabs_type_compare .tabs__nav::-webkit-scrollbar-thumb { height: 2px; background: #1f2a39; border: 1px solid transparent; border-radius: 100px; } @media only screen and (min-width: 768px) { .tabs_type_compare .tabs__nav { margin: 0 0 0 30px; padding: 0; width: auto; } } .tabs_type_compare .tabs__nav:last-child { margin-bottom: 0; } .tabs__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto hidden; overflow-x: auto; overflow-y: hidden; margin: 0 0 34px; padding: 0; list-style: none; white-space: nowrap; scrollbar-width: none; } .tabs__nav::-webkit-scrollbar { display: none; } .tabs__nav:last-child { margin-bottom: 0; } .tabs__item { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 50px 0 0; padding: 0; } @media only screen and (min-width: 1025px) { .tabs__item { margin: 0 12px 0 0; } } .tabs__item:last-child { margin-right: 0; } .tabs__label { position: relative; display: block; width: auto; padding: 0 2px 7px; color: #0c161f; font-size: 14px; font-weight: 700; line-height: 1.15; text-align: center; text-decoration: none; text-transform: uppercase; background: transparent; border: none; border-bottom: 1px solid transparent; outline: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: color, background-color, border-color; transition-property: color, background-color, border-color; } .tabs__label:hover { text-decoration: none; } .tabs__label:hover:before { opacity: 1; } .tabs__label:hover .tabs__text { opacity: 0.001; } .tabs__label:focus { color: #1f2a39; text-decoration: none; outline: none; } .tabs__label:before { content: attr(data-text); display: block; font-family: Ubutntu, sans-serif; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .tabs__label:after { content: ''; display: none; position: absolute; left: 0; bottom: 0; z-index: 1; display: block; width: 100%; height: 1px; color: transparent; background-color: currentColor; -webkit-animation-name: tabsUnderlineSlideOut; animation-name: tabsUnderlineSlideOut; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: color 0s ease-in-out 0.8s; transition: color 0s ease-in-out 0.8s; } .tabs__label_state_active { color: #1f2a39; pointer-events: none; border-color: #a02231; } @media only screen and (min-width: 1025px) { .tabs__label_state_active { border-color: transparent; } } .tabs__label_state_active:before { opacity: 1; } .tabs__label_state_active:after { color: #a02231; -webkit-animation-name: tabsUnderlineSlideIn; animation-name: tabsUnderlineSlideIn; -webkit-transition: -webkit-transform 0.8s linear; transition: -webkit-transform 0.8s linear; transition: transform 0.8s linear; transition: transform 0.8s linear, -webkit-transform 0.8s linear; } .tabs__label_state_active .tabs__text { opacity: 0.001; } .tabs__label_state_deactivating { pointer-events: none; } .tabs__text { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .tabs__panels { position: relative; display: block; } .tabs__panel_state_hidden { display: none; } .tabs__panel_state_deactivating { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; } .tabs__panel_state_active { z-index: 5; display: block; } .tabs__navigation { position: absolute; bottom: 68px; z-index: 1; display: block; width: 100%; } @media only screen and (min-width: 1025px) { .tabs__navigation { display: none; } } .tabs__arrow { position: absolute; top: 50%; display: block; width: 26px; height: 26px; color: #c2d1d9; text-decoration: none; background: transparent; border: none; border-radius: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .tabs__arrow:hover, .tabs__arrow:focus { color: #1f2a39; text-decoration: none; outline: none; } .tabs__arrow_type_prev { left: 0; } .tabs__arrow_type_next { right: 0; } .tabs__icon { display: block; width: 100%; height: 100%; fill: currentColor; } .tabs__underline { position: absolute; top: 0; z-index: 1; display: none; width: 100px; height: 1px; pointer-events: none; background: #a02231; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } @media only screen and (min-width: 1025px) { .tabs__underline { display: block; } } .tabs_underline_initialized .tabs__underline { opacity: 1; } .tabs_underline_initialized .tabs__label:after { display: none; } @-webkit-keyframes tabsUnderlineSlideOut { from { -webkit-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-100vw, 0); transform: translate(-100vw, 0); } } @keyframes tabsUnderlineSlideOut { from { -webkit-transform: translate(0, 0); transform: translate(0, 0); } to { -webkit-transform: translate(-100vw, 0); transform: translate(-100vw, 0); } } @-webkit-keyframes tabsUnderlineSlideIn { from { -webkit-transform: translate(100vw, 0); transform: translate(100vw, 0); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes tabsUnderlineSlideIn { from { -webkit-transform: translate(100vw, 0); transform: translate(100vw, 0); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .team-item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 7px; } @media only screen and (min-width: 1025px) { .team-item { gap: 139px; } } @media only screen and (min-width: 480px) { .team-item { gap: 40px; } } .team-item__illustration { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 109px; flex-basis: 109px; width: 109px; max-width: 109px; height: 109px; } @media only screen and (min-width: 768px) { .team-item__illustration { -ms-flex-preferred-size: 207px; flex-basis: 207px; width: 207px; max-width: 207px; height: 207px; } } .team-item__picture { overflow: hidden; display: block; max-width: 100%; max-height: 100%; margin: 0 auto; border-radius: 50%; } .team-item__content { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-top: 11px; } .team-item__title { display: inline-block; padding-right: 25px; margin-bottom: 12px; text-decoration: none; } .team-item__title .title__icon { font-size: 18px; } .team-item__title:hover .title { color: #1f2a39; } .team-item__title:hover__icon { color: #3a8fc9; } .team-item__title .title { position: relative; display: inline; text-decoration: underline; color: #1f2a39; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media only screen and (max-width: 767px) { .team-item__title .title { font-size: 24px; } } .team-item__caption { margin-bottom: 15px; } .team-panel__item:not(:last-child) { margin-bottom: 74px; } .text-links { display: block; } .text-links__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 13px 0px 27px; } @media only screen and (min-width: 1025px) { .text-links__wrapper { padding: 26px 0px 54px; } } .text-links__content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media only screen and (min-width: 768px) { .text-links__content { -webkit-box-flex: 1; -ms-flex: 1 1 33.33333%; flex: 1 1 33.33333%; } } .text-links__lists { -webkit-box-flex: 1; -ms-flex: 1 1 66.66666%; flex: 1 1 66.66666%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .text-links__list { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0px 0px; } @media only screen and (min-width: 480px) { .text-links__list { padding-left: 60px; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } } .text-links__title { font-weight: 700; font-size: 40px; line-height: 64px; text-transform: uppercase; color: #1f2a39; padding-bottom: 14px; } @media only screen and (min-width: 768px) { .text-links__title { font-size: 50px; } } .text-links__text { font-weight: 500; font-size: 16px; line-height: 24px; color: #1f2a39; } .text-links__link { font-weight: 400; font-size: 14px; line-height: 1.5; text-decoration: underline; color: #3a8fc9; } .text-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 37px 16px 36px; color: #1f2a39; background: #fff; border-radius: 2px; -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25); } @media only screen and (min-width: 1025px) { .text-panel { padding: 65px 27px 11px; border-radius: 0; } } .text-panel__title { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 26px; text-transform: uppercase; } @media only screen and (min-width: 1025px) { .text-panel__title { margin: 0 0 25px; } } .text-panel__title:last-child { margin-bottom: 0; } .text-panel__subtitle { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 3px; color: #a1aeb7; text-transform: uppercase; } @media only screen and (min-width: 1025px) { .text-panel__subtitle { margin: 0 0 1px; } } .text-panel__subtitle:last-child { margin-bottom: 0; } .text-panel__description { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 25px; font-weight: 400; } .text-panel__description:last-child { margin-bottom: 0; } .text-panel__footer { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: auto 0 0; } .text-panel__controls { display: block; margin: 0 0 22px; font-size: 0; } .text-panel__controls:last-child { margin-bottom: 0; } .text-panel__control { display: inline-block; vertical-align: top; margin: 0 16px 0 0; } .text-panel__control:last-child { margin-right: 0; } .text-panel__arrow-link { display: block; margin: 0 0 12px; } .text-panel__arrow-link:last-child { margin-bottom: 0; } .title { display: block; margin: 0; padding: 0; font-weight: 700; line-height: 1.25; } .title__text:not(:last-child) { margin-bottom: 10px; } .title__icon { position: absolute; bottom: 4px; right: -30px; vertical-align: middle; width: 1em; height: 1em; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .title_size_h1 { font-size: 50px; line-height: 1; } @media only screen and (min-width: 1025px) { .title_size_h1 { font-size: 70px; line-height: 1.2; } } .title_size_h2 { font-size: 50px; line-height: 1.28; } .title_size_h3 { font-size: 40px; line-height: 1.28; } @media only screen and (min-width: 1025px) { .title_size_h3 { font-size: 50px; } } .title_size_h4 { font-size: 21px; font-weight: 800; line-height: 1.476; } .title_size_h5 { font-size: 16px; font-weight: 800; } @media only screen and (min-width: 1025px) { .title_size_h5 { font-size: 21px; line-height: 1.476; } } .title_size_h6 { font-size: 16px; } .title_size_h7 { font-size: 30px; } .title_size-30 { font-size: 30px; } .title_align_left { text-align: left; } .title_align_center { text-align: center; } .title_align_right { text-align: right; } @media only screen and (min-width: 1px) { .title_align_xs-left { text-align: left; } } @media only screen and (min-width: 1px) { .title_align_xs-center { text-align: center; } } @media only screen and (min-width: 1px) { .title_align_xs-right { text-align: right; } } @media only screen and (min-width: 480px) { .title_align_s-left { text-align: left; } } @media only screen and (min-width: 480px) { .title_align_s-center { text-align: center; } } @media only screen and (min-width: 480px) { .title_align_s-right { text-align: right; } } @media only screen and (min-width: 768px) { .title_align_m-left { text-align: left; } } @media only screen and (min-width: 768px) { .title_align_m-center { text-align: center; } } @media only screen and (min-width: 768px) { .title_align_m-right { text-align: right; } } @media only screen and (min-width: 1025px) { .title_align_l-left { text-align: left; } } @media only screen and (min-width: 1025px) { .title_align_l-center { text-align: center; } } @media only screen and (min-width: 1025px) { .title_align_l-right { text-align: right; } } @media only screen and (min-width: 1281px) { .title_align_xl-left { text-align: left; } } @media only screen and (min-width: 1281px) { .title_align_xl-center { text-align: center; } } @media only screen and (min-width: 1281px) { .title_align_xl-right { text-align: right; } } @media only screen and (min-width: 1440px) { .title_align_xxl-left { text-align: left; } } @media only screen and (min-width: 1440px) { .title_align_xxl-center { text-align: center; } } @media only screen and (min-width: 1440px) { .title_align_xxl-right { text-align: right; } } .title_case_upper { text-transform: uppercase; } .title_case_normal { text-transform: none; } .title_style_red, .title_style_primary { color: #a02231; } .title_style_cream { color: #cdd0d0; } .title_style_dim { color: #A1AEB7; } .title_style_true-white { color: #fff; } .title_style_light-grey { color: #f2f5f7; } .title_style_thin { font-weight: 400; } .title_style_milk { color: #dadcdb; } .title_weight_light { font-weight: 300; } .title_weight_normal { font-weight: 400; } .title_weight_bold { font-weight: 700; } .title_weight_extra-bold { font-weight: 800; } .title_role_region-list { padding: 0 0 30px; } @media only screen and (min-width: 768px) { .title_role_region-list { padding: 0 0 45px; } } @media only screen and (min-width: 1025px) { .title_role_region-list { padding: 0 0 60px; } } @media only screen and (min-width: 1281px) { .title_role_region-list { padding: 0 0 80px; } } .title_type_red-link { position: relative; display: inline; text-decoration: none; font-size: 40px; font-weight: 700; color: #a02231; line-height: 1.3; text-transform: uppercase; margin-bottom: 20px; word-wrap: break-word; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media only screen and (min-width: 1025px) { .title_type_red-link { font-size: 50px; word-wrap: no-wrap; } } @media only screen and (min-width: 480px) { .title_type_red-link { padding-right: 25px; word-wrap: no-wrap; } } .video { position: relative; display: block; overflow: hidden; width: 100%; height: auto; color: #fff; background: #0e0c0c; } .video:before { content: ''; display: block; width: 100%; height: auto; padding: 56.25% 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__panel:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(47.05%, rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 47.05%, rgba(0, 0, 0, 0.5) 100%); } .video__trigger { position: absolute; top: 50%; left: 50%; z-index: 5; display: block; width: 48px; height: 48px; color: #0e0c0c; font-size: 0; text-decoration: none; background: #fff; border: none; border-radius: 50%; outline: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (min-width: 1025px) { .video__trigger { width: 80px; height: 80px; } } .video__trigger:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transform: translate(-32%, -50%); transform: translate(-32%, -50%); width: 0; height: 0; padding: 0 !important; border-style: solid; border-width: 7px 0 7px 12px; border-color: transparent transparent transparent currentColor; } @media only screen and (min-width: 1025px) { .video__trigger:before { width: 0; height: 0; padding: 0 !important; border-style: solid; border-width: 12px 0 12px 22px; 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 .video__panel:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 5; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 80px; height: 80px; border-top: 2px solid currentColor; border-right: 2px solid transparent; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-name: videoLoader; animation-name: videoLoader; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .video_state_loading .video__trigger { display: none; } .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_type_cover .video__content { -o-object-fit: cover; object-fit: cover; } @-webkit-keyframes videoLoader { 0% { -webkit-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @keyframes videoLoader { 0% { -webkit-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); 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; } @media only screen and (max-width: 0px) { .hide-xs { display: none !important; } } @media only screen and (min-width: 1px) { .hide-up-xs { display: none !important; } } @media only screen and (max-width: 479px) { .hide-s { display: none !important; } } @media only screen and (min-width: 480px) { .hide-up-s { display: none !important; } } @media only screen and (max-width: 767px) { .hide-m { display: none !important; } } @media only screen and (min-width: 768px) { .hide-up-m { display: none !important; } } @media only screen and (max-width: 1024px) { .hide-l { display: none !important; } } @media only screen and (min-width: 1025px) { .hide-up-l { display: none !important; } } @media only screen and (max-width: 1280px) { .hide-xl { display: none !important; } } @media only screen and (min-width: 1281px) { .hide-up-xl { display: none !important; } } @media only screen and (max-width: 1439px) { .hide-xxl { display: none !important; } } @media only screen and (min-width: 1440px) { .hide-up-xxl { display: none !important; } } .visually-hidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: none; opacity: 0.01; -webkit-transform: scale(0.001); transform: scale(0.001); } /* End */ /* Start:/local/templates/redesign/assets/styles/custom.css?178539902510887*/ /* Write your custom code here */ /* Стили доставки */ /* Стили кнопки*/ .sava-icon-link_style_dependent { color: inherit; font-weight: 500; text-transform: inherit; } .sava-link-button__posotion { justify-content: center; align-items: center; padding-bottom: 30px; } .sava-link-button__background { background-color: #3a8fc9; padding: 10px 40px; min-height: 60px; display: flex; align-items: center; transition: background-color 0.3s ease; /* Плавный переход фона */ } .sava-link-button__background:hover { background-color: #3173A1; } /* контейнеры */ .sava-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Блок преимуществ */ .sava-advantages { padding-top: 45px; padding-bottom: 30px; background-color: #fff; } .sava-advantages__list { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; gap: 20px 0; } .sava-advantages__item { flex: 0 0 23%; min-width: 160px; padding: 0 5px; } .sava-advantages__divider { height: 2px; background-color: #d1d1d1; margin-bottom: 12px; width: 100%; } .sava-advantages__title { font-size: 18px; font-weight: 400; color: #000; line-height: 1.3; } /* Блок техники */ .sava-fleet { padding-top: 0; padding-bottom: 0; } .sava-fleet__inner { background-color: #ffffff; padding: 0 0 30px 0; position: relative; } /* Заголовок */ .sava-fleet__title { font-size: 34px; font-weight: 700; text-align: center; color: #000000; padding-top: 20px; padding-bottom: 25px; line-height: 1.2; letter-spacing: -0.3px; } /* сетка карточек */ .sava-fleet__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 0 5px; } /* карточка */ .sava-card { background-color: #fff; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); display: flex; flex-direction: column; } .sava-card__image { width: 100%; aspect-ratio: 285 / 199; background-color: #000; display: block; object-fit: cover; } .sava-card__footer { background-color: #e8e8e8; padding: 10px 12px; min-height: 60px; display: flex; align-items: center; } .sava-card__desc { font-size: 15px; line-height: 1.3; color: #000000; opacity: 0.9; font-weight: 400; margin: 0; } /* Адаптив */ @media screen and (max-width: 1199px) { .sava-fleet__grid { gap: 15px; } .sava-advantages__item { flex: 0 0 23%; } } @media screen and (max-width: 960px) { .sava-fleet__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } .sava-advantages__item { flex: 0 0 48%; } .sava-fleet__title { font-size: 28px; } } @media screen and (max-width: 640px) { .sava-fleet__grid { grid-template-columns: 1fr; gap: 25px; padding: 0 10px; } .sava-advantages__item { flex: 0 0 100%; text-align: center; } .sava-advantages__divider { max-width: 80%; margin-left: auto; margin-right: auto; } .sava-fleet__title { font-size: 22px; padding-left: 10px; padding-right: 10px; } .sava-card__image { aspect-ratio: 340 / 199; } } @media screen and (max-width: 480px) { .sava-fleet__title { font-size: 18px; } .sava-card__desc { font-size: 10px; } } /* Стили кредита и лизинга*/ .sava-section-padding-var10 { padding: 50px 0px 0px 0px; } .sava-section-padding-var11 { padding: 0px; } .sava-title-var-1 { display: block; color: inherit; font-size: 21px; font-weight: 800; text-transform: uppercase; } .sava-title-var-2 { display: block; color: inherit; font-size: 21px; font-weight: 800; text-transform: uppercase; padding-top: 50px; } .sava-left { text-align: left; } .sava-center { text-align: center; } .sava-group-bank { display: inline-block; vertical-align: top; text-transform: uppercase; font-size: 27px; padding: 10px; } .sava-bank-name { color: #A02231; } /* Обертка для таблицы */ .sava-table-wrapper { overflow-x: auto; margin: 20px 0 10px 0; border-radius: 8px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); } /* Сама таблица */ .sava-compare-table { width: 100%; border-collapse: collapse; background: #ffffff; font-family: 'Ubuntu', Arial, sans-serif; font-size: 15px; min-width: 700px; } /* Заголовки */ .sava-table-header { padding: 18px 20px; text-align: center; font-weight: 700; font-size: 16px; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 3px solid #e0e0e0; } .sava-table-header-credit { background: #f0f7fe; color: #1a5f8a; } .sava-table-header-leasing { background: #e8f5e9; color: #2e7d32; } /* Ячейки */ .sava-table-cell { padding: 16px 20px; border-bottom: 1px solid #eaeaea; vertical-align: middle; line-height: 1.5; } .sava-table-cell-label { background: #f8f9fa; font-weight: 600; color: #1a1a1a; width: 18%; white-space: nowrap; } .sava-table-cell-credit { background: #fafcff; color: #1a3a5a; width: 41%; } .sava-table-cell-leasing { background: #fafffa; color: #1a4a2a; width: 41%; } /* Последняя строка — убираем border */ .sava-compare-table tbody tr:last-child .sava-table-cell { border-bottom: none; } /* Hover-эффект для строк */ .sava-compare-table tbody tr:hover .sava-table-cell { background: #f5f7fa; } .sava-compare-table tbody tr:hover .sava-table-cell-credit { background: #eaf3fc; } .sava-compare-table tbody tr:hover .sava-table-cell-leasing { background: #e5f4e7; } /* Адаптив для мобильных */ @media (max-width: 768px) { .sava-table-wrapper { border-radius: 4px; box-shadow: none; border: 1px solid #e0e0e0; } .sava-compare-table { font-size: 13px; min-width: 500px; } .sava-table-header { padding: 12px 14px; font-size: 13px; } .sava-table-cell { padding: 12px 14px; } .sava-table-cell-label { white-space: normal; width: 25%; } .sava-description p { font-size: 14px; padding: 0 10px; } } @media (max-width: 480px) { .sava-compare-table { font-size: 12px; min-width: 380px; } .sava-table-header { padding: 10px 8px; font-size: 11px; } .sava-table-cell { padding: 10px 8px; } } /* Кастом PLATZKART */ .pagination__arrow_type_prev { float: left; display: inline-block; } .pagination__arrow_type_next { float: right; display: inline-block; } .form-control__input_state_invalid, .form-control__textarea_state_invalid, .form-control__select_state_invalid { border-color: red; } .form__main-hide { display: none; } .form__final-show { display: block; } .swiper-slide { min-height: 100%; height: auto !important; } .form__reload { cursor: pointer; margin-top: 20px; text-decoration: underline; } .form__message_style_error { color: red; } .form__message_style_error.white { color: white; } .tabs__panel-only-different .table__row:not(.table__row_state_different), .tabs__panel-only-different .table__parametr:not(.table__parametr_state_different) { display: none; } .form-control__message { position: relative; } .pagination__white .pagination__control:hover, .pagination__white .pagination__control:active, .pagination__white .pagination__control:focus, .pagination__white .pagination__control_state_active { color: #fff; } .pagination__center .pagination { text-align: center; } .grid { display: flex; flex-wrap: wrap; } .grid__cols_2 .grid__item{ width: 50%; } .product-grid_layout_list .product-grid__item.product-grid__item .product-snippet__info { margin-left: auto; } /*@media*/ @media only screen and (max-width: 767px){ .grid__cols_2 .grid__item{ width: 100%; } } .logo-group__image { -webkit-filter: contrast(100%); filter: contrast(100%); } @media only screen and (min-width: 480px){ .gallery__role_contact.gallery { padding: 0px 30px; } } .brand-preview__image { top: 50%; left: 50%; width: unset; height: unset; max-width: 100%; transform: translate(-50%, -50%); max-height: 100%; } .masonry-gallery__item_filter_color_red:before { background: -webkit-gradient(linear, left top, left bottom, from(#a02231), to(#63101a)); background: rgb(160, 34, 49); transition: all 0.3s ease 0s; background: -moz-linear-gradient(180deg, rgba(160, 34, 49, 0) 0%, rgba(99, 16, 26, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(160, 34, 49, 0) 0%, rgba(99, 16, 26, 1) 100%); background: linear-gradient(180deg, rgba(160, 34, 49, 0) 0%, rgba(99, 16, 26, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a02231", endColorstr="#63101a", GradientType=1); } .masonry-gallery__item_filter_color_black:before { background: rgb(31, 42, 57); transition: all 0.3s ease 0s; background: -moz-linear-gradient(180deg, rgba(31, 42, 57, 0) 0%, rgba(21, 30, 41, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(31, 42, 57, 0) 0%, rgba(21, 30, 41, 1) 100%); background: linear-gradient(180deg, rgba(31, 42, 57, 0) 0%, rgba(21, 30, 41, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f2a39", endColorstr="#151e29", GradientType=1); } .categories__item .categories__picture img { width: 100%; height: 100%; object-fit: cover; } .categories__illustration { width: 100%; height: 100%; display: block; padding: 0; } .categories__link:before { height: 100%; } .categories__item .categories__picture img.has-placeholder { object-fit: none; } .page__body_menu_open .page__slide-menu { position: fixed; } .link_header { text-decoration: none; color: #a1aeb7; border-bottom: none; } .phone_header { font-size: 16px; font-weight: 900; margin-left: 32px; } .table__row_state_different.is-different-group, .table__parametr_state_different.is-different-group { background-color: unset; } .banner__image { object-position: var(--banner-image-position-mobile, center); } @media only screen and (min-width: 1025px) { .banner__image { object-position: var(--banner-image-position-desktop, center); } } /* End */ /* Start:/local/templates/redesign/components/bitrix/breadcrumb/mobile/style.min.css?1771760513467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/redesign/components/bitrix/main.userconsent.request/main/user_consent.min.css?17717605133754*/ .main-user-consent-request a{cursor:pointer}.main-user-consent-request-popup{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5);overflow:hidden;z-index:9000}.main-user-consent-request-popup-cont{min-height:290px;position:absolute;top:50%;left:50%;margin:0 auto;padding:20px;min-width:320px;width:100%;max-width:600px;background:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.main-user-consent-request-popup-header{margin:0 0 10px 0;font:normal 18px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#000;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:260px}.main-user-consent-request-popup-textarea-block{margin:0 0 20px 0}.main-user-consent-request-popup-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-user-consent-request-popup-button{display:inline-block;height:39px;margin:0 10px 5px 0;padding:0 18px;border:0;border-radius:2px;font:normal 12px/39px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#535c69;outline:0;vertical-align:middle;text-decoration:none;text-transform:uppercase;text-shadow:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-webkit-transition:background-color .2s linear,color .2s linear;transition:background-color .2s linear,color .2s linear;cursor:pointer}.main-user-consent-request-popup-button-acc{background:#bbed21}.main-user-consent-request-popup-button-acc:hover{background:#d2f95f}.main-user-consent-request-popup-button-rej{-webkit-box-shadow:inset 0 0 0 1px #a1a6ac;box-shadow:inset 0 0 0 1px #a1a6ac;background:0}.main-user-consent-request-popup-button-rej:hover{background:#cfd4d8}.main-user-consent-request-popup-text{border:1px solid #999;overflow:auto;padding:8px;text-align:left;color:#545454}.main-user-consent-request-popup-link{height:130px;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-user-consent-request-popup-link a{display:block;margin:20px 0 0 0;text-overflow:ellipsis;overflow:hidden;max-width:260px}.main-user-consent-request-loader{position:relative;height:100px;width:100px;margin:0 auto;-webkit-transform:translate(0,50%);transform:translate(0,50%)}.main-user-consent-request-path{stroke:#80868e;stroke-dasharray:100,200}.main-user-consent-request-loader:before{content:'';display:block;padding-top:100%}.main-user-consent-request-circular{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:inherit;width:inherit;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.main-user-consent-request-path{stroke:#ccc;stroke-dasharray:60,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}.main-user-consent-request-announce{color:#333;font-size:13px;line-height:15px}.main-user-consent-request-announce-link{cursor:pointer}@keyframes rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@media(min-width:1000px){.main-user-consent-request-popup-cont{min-height:400px;min-width:640px}.main-user-consent-request-popup-header{max-width:590px}.main-user-consent-request-popup-text,.main-user-consent-request-popup-link{height:240px}.main-user-consent-request-popup-link a{max-width:200px}}@media(max-width:768px){.main-user-consent-request-popup-cont{height:100%}} /* End */ /* /local/templates/redesign/assets/components/fancybox-4.0.7/fancybox.css?177176051315369 */ /* /local/templates/redesign/assets/components/swiper-7.2.0/css/swiper-bundle.min.css?177176051315562 */ /* /local/templates/redesign/assets/components/choices/styles/choices.min.css?17717605137667 */ /* /local/templates/redesign/assets/styles/app.css?1790571524377145 */ /* /local/templates/redesign/assets/styles/custom.css?178539902510887 */ /* /local/templates/redesign/components/bitrix/breadcrumb/mobile/style.min.css?1771760513467 */ /* /local/templates/redesign/components/bitrix/main.userconsent.request/main/user_consent.min.css?17717605133754 */