/* Start:/local/templates/.default/js/swiper/swiper-bundle.min.css?173684528318431*/ /** * Swiper 11.1.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 30, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/.default/js/suggestions/suggestion.css?17368452833371*/ .suggestions-nowrap { white-space: nowrap; } /** * Основной INPUT */ .suggestions-input { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .suggestions-input::-ms-clear { display: none; } .suggestions-wrapper { position: relative; margin: 0; padding: 0; vertical-align: top; -webkit-text-size-adjust: 100%; } /** * Выпадающий блок с найденными подсказками */ .suggestions-suggestions { background: #fff; border: 1px solid #999; cursor: default; left: 0; min-width: 100%; position: absolute; z-index: 9999; -webkit-text-size-adjust: 100%; display: block; color: #444; padding: 0 24px 16px; right: 5px; } .suggestions-suggestions strong { font-weight: normal; color: #39f; } .suggestions-suggestions.suggestions-mobile { border-style: none; } .suggestions-suggestions.suggestions-mobile .suggestions-suggestion { border-bottom: 1px solid #ddd; } /** * Контейнер для одной подсказки */ .suggestions-suggestion { font-size: 20px; line-height: 1.3; font-weight: 400; margin: 0 -22px; padding: 10px 22px; overflow: hidden; cursor: pointer; } .suggestions-suggestion:hover { background-color: rgba(215, 221, 227, .3); } /** * Выбранная (активная) подсказка */ .suggestions-selected { background: #f0f0f0; } .suggestions-selected:hover { background: #f0f0f0; } /** * Информационный блок в верхней части выпадашки с подсказками */ .suggestions-hint { padding: 4px 4px; white-space: nowrap; overflow: hidden; color: #777; font-size: 85%; line-height: 20px; } /** * Дополнительный текст в подсказке, который идет второй строкой */ .suggestions-subtext { color: #777; } /** * Размещает дополнительный текст в одну строку с основным текстом подсказки */ .suggestions-subtext_inline { display: inline-block; min-width: 6em; vertical-align: bottom; margin: 0 0.5em 0 0; } /** * Разделитель нескольких дополнительных текстов */ .suggestions-subtext-delimiter { display: inline-block; width: 2px; } /** * Выделяет подсказку */ .suggestions-subtext_label { margin: 0 0 0 0.25em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 3px; background: #f5f5f5; font-size: 85%; } .suggestions-value[data-suggestion-status="LIQUIDATED"] { position: relative; } .suggestions-value[data-suggestion-status="LIQUIDATED"]:after { position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid rgba(0, 0, 0, 0.4); content: ""; } /** * Промо-блок */ .suggestions-promo { font-size: 85%; display: none; color: #777; padding: 4px; text-align: center; } .suggestions-promo a { color: #777; display: block; filter: grayscale(100%); line-height: 20px; text-decoration: none; } .suggestions-promo a:hover { filter: grayscale(0); } .suggestions-promo svg { height: 20px; vertical-align: bottom; } @media screen and (min-width: 600px) { .suggestions-promo { position: absolute; top: 0; right: 0; text-align: left; } } /* End */ /* Start:/local/templates/.default/js/suggestions/suggestion_fix.css?1736845283432*/ .suggestions-suggestions { right: 0; background-color: #fcfcfc; box-shadow: 0 0 0 1px #22b0f3; border-right: 1px solid #22b0f3; border-left: 1px solid #22b0f3; border-bottom: 1px solid #22b0f3; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; transition: opacity .25s ease-in-out, transform .25s ease-in-out; overflow: hidden; } /*.suggestions-suggestion:hover { background-color: unset; }*/ /* End */ /* Start:/local/templates/haier/css/vendor.css?173684528350983*/ .choices{position:relative;margin-bottom:24px;font-size:16px}.choices:focus{outline:none}.choices:last-child{margin-bottom:0}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.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,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=);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:.5}.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]:after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent 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 transparent;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,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=);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}.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{display:none;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}.choices__list--dropdown.is-active{display:block}.is-open .choices__list--dropdown{border-color:#b7b7b7}.is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable{padding-right:100px}.choices__list--dropdown .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{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .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;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:grey}.choices__button{text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:50%;cursor:pointer}.choices__button:focus{outline:none}.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:focus{outline:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}.choices[data-type*=select-multiple] .choices__input.is-hidden,.choices[data-type*=select-one] .choices__input.is-hidden,.choices__input.is-hidden{display:none}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper,[data-simplebar]{width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-wrapper{}.simplebar-mask{direction:inherit;overflow:hidden;width:auto!important;height:auto!important;z-index:0}.simplebar-mask,.simplebar-offset{position:absolute;padding:0;margin:0;left:0;top:0;bottom:0;right:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;-webkit-overflow-scrolling:touch}.simplebar-content{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;visibility:visible;overflow:scroll;max-width:100%;max-height:100%}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:inherit;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;right:2px;width:7px;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:0;right:0;opacity:0;transition:opacity .2s linear}.simplebar-track .simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.tingle-modal *{box-sizing:border-box}.tingle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:-ms-flexbox;display:flex;visibility:hidden;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.8);opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;transition:transform .2s ease}.tingle-modal--noClose .tingle-modal__close,.tingle-modal__closeLabel{display:none}.tingle-modal--confirm .tingle-modal-box{text-align:center}.tingle-modal--noOverlayClose{cursor:default}.tingle-modal__close{position:fixed;top:10px;right:28px;z-index:1000;padding:0;width:5rem;height:5rem;border:none;background-color:transparent;color:#f0f0f0;font-size:6rem;font-family:monospace;line-height:1;cursor:pointer;transition:color .3s ease}.tingle-modal__close:hover{color:#fff}.tingle-modal-box{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:auto;margin-bottom:auto;width:60%;border-radius:4px;background:#fff;opacity:1;cursor:auto;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);-ms-transform:scale(.8);transform:scale(.8)}.tingle-modal-box__content{padding:3rem}.tingle-modal-box__footer{padding:1.5rem 2rem;width:auto;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#f5f5f5;cursor:auto}.tingle-modal-box__footer:after{display:table;clear:both;content:""}.tingle-modal-box__footer--sticky{position:fixed;bottom:-200px;z-index:10001;opacity:1;transition:bottom .3s ease-in-out .3s}.tingle-enabled{position:fixed;right:0;left:0;overflow:hidden}.tingle-modal--visible .tingle-modal-box__footer{bottom:0}.tingle-enabled .tingle-content-wrapper{filter:blur(8px)}.tingle-modal--visible{visibility:visible;opacity:1}.tingle-modal--visible .tingle-modal-box{-ms-transform:scale(1);transform:scale(1)}.tingle-modal--overflow{overflow-y:scroll;padding-top:8vh}.tingle-btn{display:inline-block;margin:0 .5rem;padding:1rem 2rem;border:none;background-color:grey;box-shadow:none;color:#fff;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit;line-height:normal;cursor:pointer;transition:background-color .4s ease}.tingle-btn--primary{background-color:#3498db}.tingle-btn--danger{background-color:#e74c3c}.tingle-btn--default{background-color:#34495e}.tingle-btn--pull-left{float:left}.tingle-btn--pull-right{float:right}@media (max-width:540px){.tingle-modal{top:0;display:block;padding-top:60px;width:100%}.tingle-modal-box{width:auto;border-radius:0}.tingle-modal-box__content{overflow-y:scroll}.tingle-modal--noClose{top:0}.tingle-modal--noOverlayClose{padding-top:0}.tingle-modal-box__footer .tingle-btn{display:block;float:none;margin-bottom:1rem;width:100%}.tingle-modal__close{top:0;right:0;left:0;display:block;width:100%;height:60px;border:none;background-color:#2c3e50;box-shadow:none;color:#fff;line-height:55px}.tingle-modal__closeLabel{display:inline-block;vertical-align:middle;font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.tingle-modal__closeIcon{display:inline-block;margin-right:.5rem;vertical-align:middle;font-size:4rem}}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.tingle-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (max-width:540px){.tingle-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.tingle-enabled .tingle-content-wrapper{filter:none}}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:50%;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:opacity .3s;-o-transition:.3s opacity;transition:opacity .3s;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:top .2s,-webkit-transform .2s;transition:top .2s,-webkit-transform .2s;-o-transition:.2s transform,.2s top;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:left .2s,-webkit-transform .2s;transition:left .2s,-webkit-transform .2s;-o-transition:.2s transform,.2s left;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:right .2s,-webkit-transform .2s;transition:right .2s,-webkit-transform .2s;-o-transition:.2s transform,.2s right;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:hsla(0,0%,100%,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align: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%;-o-object-fit:contain;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;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12) infinite;animation:swiper-preloader-spin 1s steps(12) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08)}.flatpickr-calendar.inline,.flatpickr-calendar.open{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.arrowRight:after,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{left:auto;right:22px}.flatpickr-calendar.arrowCenter:after,.flatpickr-calendar.arrowCenter:before{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;line-height:1;text-align:center;position:relative;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-month,.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{color:rgba(0,0,0,.9);fill:rgba(0,0,0,.9);height:34px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{text-decoration:none;cursor:pointer;position:absolute;top:0;padding:10px;z-index:3}.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i{position:relative}.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:#959ea9}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,.1)}.numInputWrapper span:active{background:rgba(0,0,0,.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,.5)}.numInputWrapper:hover{background:rgba(0,0,0,.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays,.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-weekdays .flatpickr-weekdaycontainer,span.flatpickr-weekday{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,.54);line-height:1;margin:0;text-align:center;display:block;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:focus,.flatpickr-day.today:hover{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{color:rgba(57,57,57,.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden}.flatpickr-innerContainer,.flatpickr-rContainer{-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-rContainer{display:inline-block;padding:0}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-handle,[disabled] .noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-large,.noUi-marker-sub{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translateY(-50%);transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translateY(50%);transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%);transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%);transform:translate(50%);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translateY(-18px);transform:translateY(-18px);top:auto;right:28px} /* End */ /* Start:/local/templates/haier/styles.css?173684528315662*/ .cp-wrapper, .sizes-wrapper { position: relative; padding: 64px 20px; width: 100%; margin: 20px auto; } .cp-wrapper-2 { position: relative; padding: 0 20px 64px 20px; width: 100%; margin: -20px auto 20px auto; } .cp-wrapper, .cp-wrapper-2{ max-width: 1000px; } .sizes-wrapper { display: flex; justify-content: center; max-width: 1400px; gap: 56px 5%; } .cp-image, .cp-image-sm, .sizes-image { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .sizes-image-block-2 img, .sizes-image img { width: 100%; height: 100%; } .sizes-image img, .sizes-image, .sizes-image-text, .sizes-image-block-2 img { max-width: 520px; max-height: 540px; } .sizes-image-block-2 img { width: 250px; } .sizes-image-text { height: 20px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; font-size: 26px; color: #0C0C0C; } .sizes-image { display: flex; flex-direction: column; } .sizes-image-2 { margin-top: 30px; } .sizes-image-2 img { width: 242px; max-width: 242px; margin-left: auto; margin-right: auto; display: block; } .cp-image { max-width: 720px; max-height: 720px; } .cp-image-sm { max-width: 370px; max-height: 370px; } .cp-image, .cp-image-sm { margin-left: auto; margin-right: auto; } .cp-info { margin-top: 50px; } .sizes-info table.info-2 img { max-width: 30px; max-height: 30px; width: 100%; height: 100%; vertical-align: middle; } .cp-image img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; } .sizes-image .sizes-image-text + img { max-height: 500px; } .sizes-info { max-width: 100%; } .sizes-wrapper.setting .sizes-info { flex-direction: column; align-items: start; } .sizes-info .sizes-info-table:not(:first-child) { margin-top: 27px; } .cp-info table, .sizes-info table { font-family: Futura PT, Arial, Helvetica, sans-serif; border-collapse: collapse; /*background-color: #fff;*/ font-size: 20px; } .cp-info table.info-1 td, .sizes-info table.info-2 td, .sizes-info table.info-1 td { padding: 10px; } .sizes-info table.info-2 td, .sizes-info table.info-1 td { white-space: nowrap; text-align: center; } .sizes-info table.info-1 .text-pos-left { text-align: left; } .cp-info table.info-1 thead, .sizes-info table.info-1 thead { background-color: #22b0f3; color: #ffffff; } .cp-info table.info-1 tbody td, .sizes-info table.info-2 tbody td, .sizes-info table.info-1 tbody td, .sizes-info table.info-1.big-table thead td { border: 1px solid black; } .sizes-info table.info-1.big-table thead td, .sizes-info table.info-1.big-table tbody td { width: 100px } .cp-wrapper-2 .cp-info table.info-1 tbody tr > td:first-child { text-align: center; } .cp-info table.info-1 thead td { text-align: center; } /*SECTION SETTINGS*/ .sizes-wrapper.setting { gap: 56px 100px; } .sizes-wrapper.setting .sizes-image img { margin-bottom: 20px; display: block; } .sizes-wrapper.setting .sizes-image .sizes-image-text { font-size: 20px; align-items: normal; } .sizes-wrapper.setting .sizes-image-block-2 { width: 58px; margin-top: 17%; } .sizes-wrapper.setting .sizes-image-block-2 img { max-width: 58px; max-height: 58px; } .sizes-wrapper.setting .sizes-image { max-height: max-content; align-items: baseline; } .sizes-wrapper.setting .sizes-image .text-top { height: 20px; line-height: 20px; } .sizes-wrapper.setting .sizes-image .text-top, .sizes-wrapper.setting .sizes-image .text-bottom { font-size: 20px; margin-bottom: 20px; } .sizes-wrapper.setting { padding-top: 0; padding-bottom: 0; } .sizes-wrapper.setting:first-child { padding-top: 20px; } .sizes-wrapper.setting:last-child { padding-bottom: 64px; } .sizes-wrapper.setting .empty-td { background-color: rgb(244, 244, 244); } .sizes-wrapper.setting .sizes-info table.info-1 thead { border: none; } .sizes-wrapper.setting .sizes-image-block-2.img-small { margin-top: 4%; } .sizes-wrapper.setting .sizes-image-block-2.img-middle { margin-top: 13%; } .sizes-wrapper.setting .sizes-info { margin-top: 0; } .img-with-arrow { position: relative; margin-bottom: 20px; width: 100%; } .sizes-wrapper.setting .sizes-image .img-with-arrow img { margin-bottom: 0; } .img-with-arrow:before { content: url("/local/templates/haier/images/shemes/double-arrow-circle.svg"); max-width: 59px; width: 100%; height: 59px; position: absolute; top: 50%; right: -105px; transform: translate(-50%, -50%); } .text-bottom-headline { line-height: 20px; margin-bottom: 20px; display: block; } /*SECTION SETTING END*/ .product-tab-wrapper { max-width: 1400px; position: relative; padding: 64px 20px 20px 20px; width: 100%; margin: 20px auto; } .product-tab-info-table table { font-family: Futura PT, Arial, Helvetica, sans-serif; border-collapse: collapse; /*background-color: #fff;*/ font-size: 20px; } .product-tab-info-table table.info-1 td.blue { text-align: center; background-color: #22b0f3; color: #ffffff; border: 1px solid #22b0f3; } .product-tab-info-table table.info-1 td.blue:first-child { min-width: 100px; } .product-tab-info-table table.info-1 td.headline { font-size: 40px; font-weight: 800; color: #212121; } .product-tab-info-table table.info-1 td { padding: 10px 20px; } .product-tab-info-table table.info-1 td:not(.blue) { border: 1px solid black; } .product-tab-info-table table .params-menu-table { margin-left: 10px; margin-right: 10px; height: 45px; line-height: 45px; padding-left: 7px; padding-right: 7px; } .sizes-info { display: flex; align-items: center; justify-content: center; } /*PARAMS MENU*/ .setting .sizes-image.block-with-text { max-width: 1140px; } /*END PARAMS MENU*/ /*STORAGE WATER HEATERS*/ /* Старые стили, пока скрыты*/ .sizes-image.img-solo-big, .sizes-image.img-solo-middle, .sizes-image.img-solo-small { justify-content: start; flex-direction: unset; } .sizes-image.img-solo-big img { max-height: 357px; } .sizes-image.img-solo-middle img { max-height: 294px; margin-top: 40px; } .sizes-image.img-solo-small img { max-height: 248px; margin-top: 16px; } .sizes-image.img-solo-middle.v2 img { max-height: 322px; margin-top: 0; } .sizes-image.img-solo-small.v2 img { margin-top: 0; } .sizes-image.img-solo-small.v3 img { margin-top: 67px; } .sizes-wrapper.center.position-img-center { align-items: center; } .sizes-wrapper.center .sizes-image { width: auto; } .sizes-wrapper.center .sizes-image.spec-margin img { margin-top: 35px; } .sizes-wrapper.center .sizes-image.spec-margin.v2 img { margin-top: 39px; } /*END STORAGE WATER HEATERS*/ /*ELECTRIC STORAGE CP*/ .info-1.full-width { width: 100%; } .cp-image.position-left, .cp-image-sm.position-left { margin-left: 0; align-items: normal; justify-content: unset; } .cp-image.position-left img, .cp-image-sm.position-left img { width: auto; height: auto; } .cp-double-image { display: flex; justify-content: center; align-items: center; } .cp-wrapper.v2 { display: flex; justify-content: space-between; max-width: 1400px; } .cp-wrapper.v2 .cp-info { margin-top: 0; } .cp-wrapper.v2 .cp-image-sm { height: auto; margin-top: 20px; margin-bottom: 20px; /*margin-left: 0;*/ max-width: max-content; } .cp-wrapper.v2 .cp-image { /*justify-content: unset;*/ /*align-items: normal;*/ /*max-height: max-content;*/ width: auto; margin-right: 0; } .table-num-one tr td:first-child { text-align: center; } .table-num-one tr td:nth-child(2) img { max-width: 110px; width: 100%; } .table-num-two.items-left tr td:nth-child(2) img { max-width: 85px; width: 100%; } .table-num-one tr td:nth-child(2) img, .table-num-two tr td:first-child img { display: block; margin-left: auto; margin-right: auto; } .cp-wrapper.v2 { gap: 50px; } .cp-wrapper.v2 .cp-info, .cp-wrapper.v2 .cp-info-right { max-width: 720px; width: 100%; } /*ELECTRIC STORAGE CP END*/ /*INSTALLATION GAS BOILER*/ [data-bp] { cursor:pointer; fill:transparent; z-index: 3; } .installation-gas-boiler .characteristic-list__caption:before { right: 0; top: 9px; border-top: 10px solid #22b0f3; } .installation-gas-boiler .characteristic-list__caption { margin-bottom: 0; font-size: 20px; line-height: unset; } .installation-gas-boiler .characteristic-list__item { padding-left: 0; padding-top: 10px; margin-bottom: 0; } .installation-gas-boiler .cp-image { max-width: 100%; max-height: unset; } .installation-gas-boiler .cp-image svg { width: 100%; height: 100%; max-height: 1000px; } [data-lite-tooltip] circle { transition: 0.3s; } /*[data-lite-tooltip]:hover path { fill: #fff; }*/ [data-lite-tooltip]:hover circle { stroke:#22b0f3; } #installation-gas-boiler .picture-zoom__parent, #installation-gas-boiler .info-1 { width: 100%; } #installation-gas-boiler .cp-image { position: relative; display: block; } #installation-gas-boiler .picture-zoom__child { /*width: 100%;*/ /*height: 100vh;*/ } #installation-gas-boiler .picture-zoom__child img { position: absolute; top: 120%; left: 50%; width: 300px; height: 300px; /*max-width: calc(100% - 160px);*/ /*max-height: calc(100% - 160px);*/ display: block; object-fit: contain; } #installation-gas-boiler .picture-zoom__child, #installation-gas-boiler .picture-zoom__parent { z-index: 1; pointer-events: none; } #installation-gas-boiler .picture-zoom__parent svg [data-bp] { pointer-events: auto; } #installation-gas-boiler .picture-zoom { z-index: 2; } #installation-gas-boiler [data-lite-tooltip] { z-index: 3; display: block; } /*INSTALLATION GAS BOILER END*/ /*ELECTRICAL CONNECTIONS*/ #connections .cp-image.full-size { max-width: 1300px; max-height: unset; } #connections .cp-wrapper { padding: 0 0 64px 0; max-width: unset; } #connections .settings__area { overflow: hidden; } /*ELECTRICAL CONNECTIONS END*/ /*BOILER CONNECT*/ .wrapper-ears .cp-info.table-with-img { margin-top: 0; } .wrapper-ears .cp-info.table-with-img .cp-info-table { position: absolute; left: 0; top: 0; } .wrapper-ears .cp-info.table-with-img .cp-info-table table { width: 370px; } .wrapper-ears .cp-image { min-width: 1000px; display: block; margin-left: 0; } .wrapper-ears.single-circuit .cp-image, .wrapper-ears.boiler-single-circuit .cp-image { padding-left: 124px; } .wrapper-ears.dual-circuit .cp-image, .wrapper-ears.boiler-dual-circuit .cp-image { padding-left: 164px; } .dual-circuit-block, .single-circuit-block { width: 100%; padding-left: 60px; } /*BOILER CONNECT END*/ /*DIMENSIONS*/ .dimensions .sizes-image-block-2 img { width: 285px; } .dimensions .sizes-image, .dimensions .sizes-image img { max-width: 700px; max-height: 700px; } .dimensions .sizes-wrapper.center { display: block; } .dimensions .sizes-wrapper.center .block-image, .dimensions .sizes-wrapper.center .block-image img { max-width: 1500px; } .dimensions .sizes-wrapper.center .block-image img { width: 100%; height: 100%; } .dimensions .block-image { height: 100%; margin: 0 auto; } /*.dimensions .block-image img { min-width: 1000px; }*/ /* wide-picture - класс для блоков с 4мя картинками */ /*DIMENSIONS END*/ /*TABLES*/ .table-wrapper.all-center td { text-align: center; } /*TABLES END*/ /*DEVICE*/ .device .device-wrapper { max-width: 1000px; position: relative; padding: 64px 20px; width: 100%; margin: 20px auto; } .device .device-image { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .device .device-image svg { width: 100%; height:100%; max-height: 1000px; } .device-wrapper table { width: 100%; } .device .device-image.height svg { max-height: 750px } .device .device-wrapper.double-img { max-width: 1400px; } .device .device-wrapper.double-img .device-image { gap: 0 55px; align-items: flex-start; } .device .device-wrapper.double-img .cp-info-table, .device .device-wrapper.double-img .device-image div { display: flex; justify-content: center; } .device .device-wrapper.double-img .device-image svg { max-width: 100%; max-height: 100%; width: auto; } .device .device-wrapper.double-img table { max-width: 960px; } /*DEVICE END*/ /*SETTING*/ .setting .framed-text { border: 1px solid #45B0F2; padding: 24px; margin-bottom: 60px; font-size: 20px; } .setting .valve-img { width: 100%; } .setting .valve-img img { max-height: unset; } /*SETTING END*/ /*TEST*/ /*.dimensions .sizes-image.no-restrictions, .dimensions .sizes-image.no-restrictions img { max-width: unset; max-height: unset; }*/ /*TEST END*/ @media (max-width: 1200px) { /*SECTION SETTING*/ .sizes-wrapper.setting .sizes-image .text-top { height: 42px; } /*SECTION SETTING END*/ } @media(max-width: 1023.98px) { .sizes-wrapper { flex-direction: column; align-items: center; } .sizes-image-block-2, .sizes-image { margin-right: 0; } .sizes-info-table { overflow: auto; } /*SECTION SETTING*/ .sizes-wrapper.setting .sizes-image .text-top { margin-bottom: 20px; height: auto; } .settings__wrap { display: block; } .settings-menu { max-width: 100%; } .img-with-arrow { position: unset; } .sizes-wrapper.setting .sizes-image { position: relative; } .img-with-arrow:before { margin: auto; top: auto; left: 50%; right: 50%; bottom: -100px; transform: translate(-50%, -50%) rotate(90deg); } .sizes-wrapper.setting { gap: 80px 100px; } .sizes-wrapper.setting.no-gap { gap: unset; } /*SECTION SETTING END*/ /*PARAMS MENU*/ .setting .sizes-image.block-with-text { max-width: 520px; } /*END PARAMS MENU*/ /*STORAGE WATER HEATERS*/ .sizes-image.img-solo-big, .sizes-image.img-solo-middle, .sizes-image.img-solo-small { flex-direction: column; } /*END STORAGE WATER HEATERS*/ /*ELECTRIC STORAGE CP*/ .cp-double-image { display: block; } .cp-double-image div:first-child { margin-bottom: 50px; } .cp-image.position-left, .cp-image-sm.position-left { margin-left: auto; justify-content: center; } .cp-wrapper.v2 { display: grid; justify-content: left; } .cp-wrapper.v2 .cp-info, .cp-wrapper.v2 .cp-info-right { max-width: 100%; } .cp-wrapper.v2 .cp-image { /*justify-content: unset;*/ /*align-items: normal;*/ /*max-height: max-content;*/ width: auto; margin-left: auto; margin-right: auto; } /*ELECTRIC STORAGE CP END*/ /*BOILER CONNECT*/ #connections [data-block-tab] .ui-ears-wrapper { width: 100%; } .wrapper-ears.electrical-connect .cp-image img{ min-width: 1000px; } .cp-info.table-with-img .cp-info-table { left: 0; } .wrapper-ears.single-circuit .cp-image, .wrapper-ears.dual-circuit .cp-image, .wrapper-ears.boiler-single-circuit .cp-image, .wrapper-ears.boiler-dual-circuit .cp-image { padding-left: 0; } .wrapper-ears .cp-image { min-width: auto; } .wrapper-ears .cp-info.table-with-img { display: flex; flex-direction: column; } .wrapper-ears .cp-info.table-with-img .cp-info-table { order: 2; position: unset; } .wrapper-ears .cp-info.table-with-img .cp-image { order: 1; margin-bottom: 30px; } .wrapper-ears .cp-info.table-with-img .cp-info-table table { min-width: 450px; } /*BOILER CONNECT END*/ /*DIMENSIONS*/ .dimensions .block-image { display: block; } .dimensions .sizes-wrapper.center .block-image { max-width: 1000px; } .dimensions .sizes-wrapper.center .block-image img { width: auto; height auto; max-height: 410px; } /*DIMENSIONS END*/ .device .device-wrapper.double-img .device-image { gap: 55px 55px; flex-direction: column; justify-content: center; align-items: center; } /*DEVICE END*/ } @media(max-width: 499.98px) { .product-tab-info-table, .cp-info-table { overflow: auto; } .cp-info table.info-1 td:first-child { white-space: nowrap; } } /* End */ /* Start:/local/templates/haier/css/app.css?17512676111472325*/ .color-black { color: #212121 } .color-black-light { color: #333 } .color-black-blue { color: #0d0312 } .color-black-true { color: #000 } .color-white { color: #fff } .color-blue-light { color: #e8f4fe } .color-blue-sky { color: #00effa } .color-blue-border { color: #f805df } .color-blue { color: #22b0f3 } .color-blue-dark { color: #2354a5 } .color-blue-dark-2 { color: #3f8ed0 } .color-blue-reserve { color: #0090d5 } .color-blue-alt, .color-blue-text { color: #00a0eb } .color-semi-blue { color: #e1f4ff } .color-jonquil { color: #f2f7ec } .color-green { color: #73a03a } .color-green-label { color: #7fb33c } .color-green-light { color: #7dc15c } .color-pink { color: #ffedef } .color-gray { color: #c4c4c4 } .color-gray-secondary { color: #dfdfdf } .color-gray-mid { color: #97a4af } .color-gray-light { color: #f4f4f4 } .color-gray-light2 { color: #f8f9fa } .color-gray-dark { color: #959799 } .color-gray-mid-light { color: #e4e4e4 } .color-gray-mid-dark { color: #c1c1c1 } .color-gray-blue { color: #afbbc6 } .color-gray-blue-light { color: #d7dde3 } .color-gray-blue-dark { color: #959799 } .color-gray-deep { color: #d4dde1 } .color-gray-text-new { color: #7f8993 } .color-gray-border-new { color: #bcc2cc } .color-gray-border-cart { color: #cfd6dd } .color-gray-background { color: #fcfcfc } .color-gray-background-dark { color: #f2f2f2 } .color-gray-disabled { color: #bfc1c2 } .color-gray-caption { color: #666 } .color-black-overlay { color: #000206 } .color-red { color: #f61c40 } .color-red-alert { color: #fa4d62 } .color-gray-semi-mid { color: #f8f8f8 } .color-red-light { color: #fff3f5 } .color-gray-opacity { color: rgba(215, 221, 227, .6) } .color-green-material { color: #4c8217 } .color-red-material { color: #e52b1a } .color-grey-material { color: #d0d0d0 } .color-blue-material { color: #1e4fb0 } .color-black-material { color: #242729 } .color-purple-material { color: #661fad } .color-soft-grey-material { color: grey } .color-turquoise-material { color: #1e7fb0 } .color-red-banner { color: #fa4d62 } .color-green-banner { color: #7fb33c } .color-brown-banner { color: #99857d } .color-dark-brown-banner { color: #5f5f5f } .color-halva-border { color: #d7dde3 } .color-yellow { color: #fdb222 } .color-nspk-sbp { color: #1d1346 } *, :after, :before { box-sizing: inherit } .container, .container-fluid, .container-xl { width: 100%; padding-right: 7px; padding-left: 7px; margin-right: auto; margin-left: auto } @media (min-width: 1367px) { .container, .container-lg, .container-md, .container-xl, .container-xs { max-width: 1920px } } .row { display: flex; flex-wrap: wrap; margin-right: -7px; margin-left: -7px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-auto, .col-fhd, .col-fhd-1, .col-fhd-2, .col-fhd-3, .col-fhd-4, .col-fhd-5, .col-fhd-6, .col-fhd-7, .col-fhd-8, .col-fhd-9, .col-fhd-10, .col-fhd-11, .col-fhd-12, .col-fhd-13, .col-fhd-14, .col-fhd-15, .col-fhd-16, .col-fhd-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl-auto, .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-auto { position: relative; width: 100%; padding-right: 7px; padding-left: 7px } .col { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-1 > * { flex: 0 0 100%; max-width: 100% } .row-cols-2 > * { flex: 0 0 50%; max-width: 50% } .row-cols-3 > * { flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-4 > * { flex: 0 0 25%; max-width: 25% } .row-cols-5 > * { flex: 0 0 20%; max-width: 20% } .row-cols-6 > * { flex: 0 0 16.66667%; max-width: 16.66667% } .col-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { flex: 0 0 6.25%; max-width: 6.25% } .col-2 { flex: 0 0 12.5%; max-width: 12.5% } .col-3 { flex: 0 0 18.75%; max-width: 18.75% } .col-4 { flex: 0 0 25%; max-width: 25% } .col-5 { flex: 0 0 31.25%; max-width: 31.25% } .col-6 { flex: 0 0 37.5%; max-width: 37.5% } .col-7 { flex: 0 0 43.75%; max-width: 43.75% } .col-8 { flex: 0 0 50%; max-width: 50% } .col-9 { flex: 0 0 56.25%; max-width: 56.25% } .col-10 { flex: 0 0 62.5%; max-width: 62.5% } .col-11 { flex: 0 0 68.75%; max-width: 68.75% } .col-12 { flex: 0 0 75%; max-width: 75% } .col-13 { flex: 0 0 81.25%; max-width: 81.25% } .col-14 { flex: 0 0 87.5%; max-width: 87.5% } .col-15 { flex: 0 0 93.75%; max-width: 93.75% } .col-16 { flex: 0 0 100%; max-width: 100% } .order-first { order: -1 } .order-last { order: 17 } .order-0 { order: 0 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-4 { order: 4 } .order-5 { order: 5 } .order-6 { order: 6 } .order-7 { order: 7 } .order-8 { order: 8 } .order-9 { order: 9 } .order-10 { order: 10 } .order-11 { order: 11 } .order-12 { order: 12 } .order-13 { order: 13 } .order-14 { order: 14 } .order-15 { order: 15 } .order-16 { order: 16 } .offset-1 { margin-left: 6.25% } .offset-2 { margin-left: 12.5% } .offset-3 { margin-left: 18.75% } .offset-4 { margin-left: 25% } .offset-5 { margin-left: 31.25% } .offset-6 { margin-left: 37.5% } .offset-7 { margin-left: 43.75% } .offset-8 { margin-left: 50% } .offset-9 { margin-left: 56.25% } .offset-10 { margin-left: 62.5% } .offset-11 { margin-left: 68.75% } .offset-12 { margin-left: 75% } .offset-13 { margin-left: 81.25% } .offset-14 { margin-left: 87.5% } .offset-15 { margin-left: 93.75% } @media (min-width: 360px) { .col-xs { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-xs-1 > * { flex: 0 0 100%; max-width: 100% } .row-cols-xs-2 > * { flex: 0 0 50%; max-width: 50% } .row-cols-xs-3 > * { flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-xs-4 > * { flex: 0 0 25%; max-width: 25% } .row-cols-xs-5 > * { flex: 0 0 20%; max-width: 20% } .row-cols-xs-6 > * { flex: 0 0 16.66667%; max-width: 16.66667% } .col-xs-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-xs-1 { flex: 0 0 6.25%; max-width: 6.25% } .col-xs-2 { flex: 0 0 12.5%; max-width: 12.5% } .col-xs-3 { flex: 0 0 18.75%; max-width: 18.75% } .col-xs-4 { flex: 0 0 25%; max-width: 25% } .col-xs-5 { flex: 0 0 31.25%; max-width: 31.25% } .col-xs-6 { flex: 0 0 37.5%; max-width: 37.5% } .col-xs-7 { flex: 0 0 43.75%; max-width: 43.75% } .col-xs-8 { flex: 0 0 50%; max-width: 50% } .col-xs-9 { flex: 0 0 56.25%; max-width: 56.25% } .col-xs-10 { flex: 0 0 62.5%; max-width: 62.5% } .col-xs-11 { flex: 0 0 68.75%; max-width: 68.75% } .col-xs-12 { flex: 0 0 75%; max-width: 75% } .col-xs-13 { flex: 0 0 81.25%; max-width: 81.25% } .col-xs-14 { flex: 0 0 87.5%; max-width: 87.5% } .col-xs-15 { flex: 0 0 93.75%; max-width: 93.75% } .col-xs-16 { flex: 0 0 100%; max-width: 100% } .order-xs-first { order: -1 } .order-xs-last { order: 17 } .order-xs-0 { order: 0 } .order-xs-1 { order: 1 } .order-xs-2 { order: 2 } .order-xs-3 { order: 3 } .order-xs-4 { order: 4 } .order-xs-5 { order: 5 } .order-xs-6 { order: 6 } .order-xs-7 { order: 7 } .order-xs-8 { order: 8 } .order-xs-9 { order: 9 } .order-xs-10 { order: 10 } .order-xs-11 { order: 11 } .order-xs-12 { order: 12 } .order-xs-13 { order: 13 } .order-xs-14 { order: 14 } .order-xs-15 { order: 15 } .order-xs-16 { order: 16 } .offset-xs-0 { margin-left: 0 } .offset-xs-1 { margin-left: 6.25% } .offset-xs-2 { margin-left: 12.5% } .offset-xs-3 { margin-left: 18.75% } .offset-xs-4 { margin-left: 25% } .offset-xs-5 { margin-left: 31.25% } .offset-xs-6 { margin-left: 37.5% } .offset-xs-7 { margin-left: 43.75% } .offset-xs-8 { margin-left: 50% } .offset-xs-9 { margin-left: 56.25% } .offset-xs-10 { margin-left: 62.5% } .offset-xs-11 { margin-left: 68.75% } .offset-xs-12 { margin-left: 75% } .offset-xs-13 { margin-left: 81.25% } .offset-xs-14 { margin-left: 87.5% } .offset-xs-15 { margin-left: 93.75% } } @media (min-width: 769px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100% } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50% } .row-cols-md-3 > * { flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25% } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20% } .row-cols-md-6 > * { flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { flex: 0 0 6.25%; max-width: 6.25% } .col-md-2 { flex: 0 0 12.5%; max-width: 12.5% } .col-md-3 { flex: 0 0 18.75%; max-width: 18.75% } .col-md-4 { flex: 0 0 25%; max-width: 25% } .col-md-5 { flex: 0 0 31.25%; max-width: 31.25% } .col-md-6 { flex: 0 0 37.5%; max-width: 37.5% } .col-md-7 { flex: 0 0 43.75%; max-width: 43.75% } .col-md-8 { flex: 0 0 50%; max-width: 50% } .col-md-9 { flex: 0 0 56.25%; max-width: 56.25% } .col-md-10 { flex: 0 0 62.5%; max-width: 62.5% } .col-md-11 { flex: 0 0 68.75%; max-width: 68.75% } .col-md-12 { flex: 0 0 75%; max-width: 75% } .col-md-13 { flex: 0 0 81.25%; max-width: 81.25% } .col-md-14 { flex: 0 0 87.5%; max-width: 87.5% } .col-md-15 { flex: 0 0 93.75%; max-width: 93.75% } .col-md-16 { flex: 0 0 100%; max-width: 100% } .order-md-first { order: -1 } .order-md-last { order: 17 } .order-md-0 { order: 0 } .order-md-1 { order: 1 } .order-md-2 { order: 2 } .order-md-3 { order: 3 } .order-md-4 { order: 4 } .order-md-5 { order: 5 } .order-md-6 { order: 6 } .order-md-7 { order: 7 } .order-md-8 { order: 8 } .order-md-9 { order: 9 } .order-md-10 { order: 10 } .order-md-11 { order: 11 } .order-md-12 { order: 12 } .order-md-13 { order: 13 } .order-md-14 { order: 14 } .order-md-15 { order: 15 } .order-md-16 { order: 16 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 6.25% } .offset-md-2 { margin-left: 12.5% } .offset-md-3 { margin-left: 18.75% } .offset-md-4 { margin-left: 25% } .offset-md-5 { margin-left: 31.25% } .offset-md-6 { margin-left: 37.5% } .offset-md-7 { margin-left: 43.75% } .offset-md-8 { margin-left: 50% } .offset-md-9 { margin-left: 56.25% } .offset-md-10 { margin-left: 62.5% } .offset-md-11 { margin-left: 68.75% } .offset-md-12 { margin-left: 75% } .offset-md-13 { margin-left: 81.25% } .offset-md-14 { margin-left: 87.5% } .offset-md-15 { margin-left: 93.75% } } @media (min-width: 1280px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100% } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50% } .row-cols-lg-3 > * { flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25% } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20% } .row-cols-lg-6 > * { flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { flex: 0 0 6.25%; max-width: 6.25% } .col-lg-2 { flex: 0 0 12.5%; max-width: 12.5% } .col-lg-3 { flex: 0 0 18.75%; max-width: 18.75% } .col-lg-4 { flex: 0 0 25%; max-width: 25% } .col-lg-5 { flex: 0 0 31.25%; max-width: 31.25% } .col-lg-6 { flex: 0 0 37.5%; max-width: 37.5% } .col-lg-7 { flex: 0 0 43.75%; max-width: 43.75% } .col-lg-8 { flex: 0 0 50%; max-width: 50% } .col-lg-9 { flex: 0 0 56.25%; max-width: 56.25% } .col-lg-10 { flex: 0 0 62.5%; max-width: 62.5% } .col-lg-11 { flex: 0 0 68.75%; max-width: 68.75% } .col-lg-12 { flex: 0 0 75%; max-width: 75% } .col-lg-13 { flex: 0 0 81.25%; max-width: 81.25% } .col-lg-14 { flex: 0 0 87.5%; max-width: 87.5% } .col-lg-15 { flex: 0 0 93.75%; max-width: 93.75% } .col-lg-16 { flex: 0 0 100%; max-width: 100% } .order-lg-first { order: -1 } .order-lg-last { order: 17 } .order-lg-0 { order: 0 } .order-lg-1 { order: 1 } .order-lg-2 { order: 2 } .order-lg-3 { order: 3 } .order-lg-4 { order: 4 } .order-lg-5 { order: 5 } .order-lg-6 { order: 6 } .order-lg-7 { order: 7 } .order-lg-8 { order: 8 } .order-lg-9 { order: 9 } .order-lg-10 { order: 10 } .order-lg-11 { order: 11 } .order-lg-12 { order: 12 } .order-lg-13 { order: 13 } .order-lg-14 { order: 14 } .order-lg-15 { order: 15 } .order-lg-16 { order: 16 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 6.25% } .offset-lg-2 { margin-left: 12.5% } .offset-lg-3 { margin-left: 18.75% } .offset-lg-4 { margin-left: 25% } .offset-lg-5 { margin-left: 31.25% } .offset-lg-6 { margin-left: 37.5% } .offset-lg-7 { margin-left: 43.75% } .offset-lg-8 { margin-left: 50% } .offset-lg-9 { margin-left: 56.25% } .offset-lg-10 { margin-left: 62.5% } .offset-lg-11 { margin-left: 68.75% } .offset-lg-12 { margin-left: 75% } .offset-lg-13 { margin-left: 81.25% } .offset-lg-14 { margin-left: 87.5% } .offset-lg-15 { margin-left: 93.75% } } @media (min-width: 1367px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100% } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50% } .row-cols-xl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25% } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20% } .row-cols-xl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { flex: 0 0 6.25%; max-width: 6.25% } .col-xl-2 { flex: 0 0 12.5%; max-width: 12.5% } .col-xl-3 { flex: 0 0 18.75%; max-width: 18.75% } .col-xl-4 { flex: 0 0 25%; max-width: 25% } .col-xl-5 { flex: 0 0 31.25%; max-width: 31.25% } .col-xl-6 { flex: 0 0 37.5%; max-width: 37.5% } .col-xl-7 { flex: 0 0 43.75%; max-width: 43.75% } .col-xl-8 { flex: 0 0 50%; max-width: 50% } .col-xl-9 { flex: 0 0 56.25%; max-width: 56.25% } .col-xl-10 { flex: 0 0 62.5%; max-width: 62.5% } .col-xl-11 { flex: 0 0 68.75%; max-width: 68.75% } .col-xl-12 { flex: 0 0 75%; max-width: 75% } .col-xl-13 { flex: 0 0 81.25%; max-width: 81.25% } .col-xl-14 { flex: 0 0 87.5%; max-width: 87.5% } .col-xl-15 { flex: 0 0 93.75%; max-width: 93.75% } .col-xl-16 { flex: 0 0 100%; max-width: 100% } .order-xl-first { order: -1 } .order-xl-last { order: 17 } .order-xl-0 { order: 0 } .order-xl-1 { order: 1 } .order-xl-2 { order: 2 } .order-xl-3 { order: 3 } .order-xl-4 { order: 4 } .order-xl-5 { order: 5 } .order-xl-6 { order: 6 } .order-xl-7 { order: 7 } .order-xl-8 { order: 8 } .order-xl-9 { order: 9 } .order-xl-10 { order: 10 } .order-xl-11 { order: 11 } .order-xl-12 { order: 12 } .order-xl-13 { order: 13 } .order-xl-14 { order: 14 } .order-xl-15 { order: 15 } .order-xl-16 { order: 16 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 6.25% } .offset-xl-2 { margin-left: 12.5% } .offset-xl-3 { margin-left: 18.75% } .offset-xl-4 { margin-left: 25% } .offset-xl-5 { margin-left: 31.25% } .offset-xl-6 { margin-left: 37.5% } .offset-xl-7 { margin-left: 43.75% } .offset-xl-8 { margin-left: 50% } .offset-xl-9 { margin-left: 56.25% } .offset-xl-10 { margin-left: 62.5% } .offset-xl-11 { margin-left: 68.75% } .offset-xl-12 { margin-left: 75% } .offset-xl-13 { margin-left: 81.25% } .offset-xl-14 { margin-left: 87.5% } .offset-xl-15 { margin-left: 93.75% } } @media (min-width: 1920px) { .col-fhd { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-fhd-1 > * { flex: 0 0 100%; max-width: 100% } .row-cols-fhd-2 > * { flex: 0 0 50%; max-width: 50% } .row-cols-fhd-3 > * { flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-fhd-4 > * { flex: 0 0 25%; max-width: 25% } .row-cols-fhd-5 > * { flex: 0 0 20%; max-width: 20% } .row-cols-fhd-6 > * { flex: 0 0 16.66667%; max-width: 16.66667% } .col-fhd-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-fhd-1 { flex: 0 0 6.25%; max-width: 6.25% } .col-fhd-2 { flex: 0 0 12.5%; max-width: 12.5% } .col-fhd-3 { flex: 0 0 18.75%; max-width: 18.75% } .col-fhd-4 { flex: 0 0 25%; max-width: 25% } .col-fhd-5 { flex: 0 0 31.25%; max-width: 31.25% } .col-fhd-6 { flex: 0 0 37.5%; max-width: 37.5% } .col-fhd-7 { flex: 0 0 43.75%; max-width: 43.75% } .col-fhd-8 { flex: 0 0 50%; max-width: 50% } .col-fhd-9 { flex: 0 0 56.25%; max-width: 56.25% } .col-fhd-10 { flex: 0 0 62.5%; max-width: 62.5% } .col-fhd-11 { flex: 0 0 68.75%; max-width: 68.75% } .col-fhd-12 { flex: 0 0 75%; max-width: 75% } .col-fhd-13 { flex: 0 0 81.25%; max-width: 81.25% } .col-fhd-14 { flex: 0 0 87.5%; max-width: 87.5% } .col-fhd-15 { flex: 0 0 93.75%; max-width: 93.75% } .col-fhd-16 { flex: 0 0 100%; max-width: 100% } .order-fhd-first { order: -1 } .order-fhd-last { order: 17 } .order-fhd-0 { order: 0 } .order-fhd-1 { order: 1 } .order-fhd-2 { order: 2 } .order-fhd-3 { order: 3 } .order-fhd-4 { order: 4 } .order-fhd-5 { order: 5 } .order-fhd-6 { order: 6 } .order-fhd-7 { order: 7 } .order-fhd-8 { order: 8 } .order-fhd-9 { order: 9 } .order-fhd-10 { order: 10 } .order-fhd-11 { order: 11 } .order-fhd-12 { order: 12 } .order-fhd-13 { order: 13 } .order-fhd-14 { order: 14 } .order-fhd-15 { order: 15 } .order-fhd-16 { order: 16 } .offset-fhd-0 { margin-left: 0 } .offset-fhd-1 { margin-left: 6.25% } .offset-fhd-2 { margin-left: 12.5% } .offset-fhd-3 { margin-left: 18.75% } .offset-fhd-4 { margin-left: 25% } .offset-fhd-5 { margin-left: 31.25% } .offset-fhd-6 { margin-left: 37.5% } .offset-fhd-7 { margin-left: 43.75% } .offset-fhd-8 { margin-left: 50% } .offset-fhd-9 { margin-left: 56.25% } .offset-fhd-10 { margin-left: 62.5% } .offset-fhd-11 { margin-left: 68.75% } .offset-fhd-12 { margin-left: 75% } .offset-fhd-13 { margin-left: 81.25% } .offset-fhd-14 { margin-left: 87.5% } .offset-fhd-15 { margin-left: 93.75% } } .d-none { display: none !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: flex !important } .d-inline-flex { display: inline-flex !important } @media (min-width: 360px) { .d-xs-none { display: none !important } .d-xs-inline { display: inline !important } .d-xs-inline-block { display: inline-block !important } .d-xs-block { display: block !important } .d-xs-table { display: table !important } .d-xs-table-row { display: table-row !important } .d-xs-table-cell { display: table-cell !important } .d-xs-flex { display: flex !important } .d-xs-inline-flex { display: inline-flex !important } } @media (min-width: 769px) { .d-md-none { display: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: flex !important } .d-md-inline-flex { display: inline-flex !important } } @media (min-width: 1280px) { .d-lg-none { display: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: flex !important } .d-lg-inline-flex { display: inline-flex !important } } @media (min-width: 1367px) { .d-xl-none { display: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: flex !important } .d-xl-inline-flex { display: inline-flex !important } } @media (min-width: 1920px) { .d-fhd-none { display: none !important } .d-fhd-inline { display: inline !important } .d-fhd-inline-block { display: inline-block !important } .d-fhd-block { display: block !important } .d-fhd-table { display: table !important } .d-fhd-table-row { display: table-row !important } .d-fhd-table-cell { display: table-cell !important } .d-fhd-flex { display: flex !important } .d-fhd-inline-flex { display: inline-flex !important } } @media print { .d-print-none { display: none !important } .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: flex !important } .d-print-inline-flex { display: inline-flex !important } } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-fill { flex: 1 1 auto !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { -ms-grid-row-align: center !important; align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { -ms-grid-row-align: stretch !important; align-self: stretch !important } @media (min-width: 360px) { .flex-xs-row { flex-direction: row !important } .flex-xs-column { flex-direction: column !important } .flex-xs-row-reverse { flex-direction: row-reverse !important } .flex-xs-column-reverse { flex-direction: column-reverse !important } .flex-xs-wrap { flex-wrap: wrap !important } .flex-xs-nowrap { flex-wrap: nowrap !important } .flex-xs-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-xs-fill { flex: 1 1 auto !important } .flex-xs-grow-0 { flex-grow: 0 !important } .flex-xs-grow-1 { flex-grow: 1 !important } .flex-xs-shrink-0 { flex-shrink: 0 !important } .flex-xs-shrink-1 { flex-shrink: 1 !important } .justify-content-xs-start { justify-content: flex-start !important } .justify-content-xs-end { justify-content: flex-end !important } .justify-content-xs-center { justify-content: center !important } .justify-content-xs-between { justify-content: space-between !important } .justify-content-xs-around { justify-content: space-around !important } .align-items-xs-start { align-items: flex-start !important } .align-items-xs-end { align-items: flex-end !important } .align-items-xs-center { align-items: center !important } .align-items-xs-baseline { align-items: baseline !important } .align-items-xs-stretch { align-items: stretch !important } .align-content-xs-start { align-content: flex-start !important } .align-content-xs-end { align-content: flex-end !important } .align-content-xs-center { align-content: center !important } .align-content-xs-between { align-content: space-between !important } .align-content-xs-around { align-content: space-around !important } .align-content-xs-stretch { align-content: stretch !important } .align-self-xs-auto { -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-xs-start { align-self: flex-start !important } .align-self-xs-end { align-self: flex-end !important } .align-self-xs-center { -ms-grid-row-align: center !important; align-self: center !important } .align-self-xs-baseline { align-self: baseline !important } .align-self-xs-stretch { -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width: 769px) { .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { -ms-grid-row-align: center !important; align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width: 1280px) { .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { -ms-grid-row-align: center !important; align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width: 1367px) { .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { -ms-grid-row-align: center !important; align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width: 1920px) { .flex-fhd-row { flex-direction: row !important } .flex-fhd-column { flex-direction: column !important } .flex-fhd-row-reverse { flex-direction: row-reverse !important } .flex-fhd-column-reverse { flex-direction: column-reverse !important } .flex-fhd-wrap { flex-wrap: wrap !important } .flex-fhd-nowrap { flex-wrap: nowrap !important } .flex-fhd-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-fhd-fill { flex: 1 1 auto !important } .flex-fhd-grow-0 { flex-grow: 0 !important } .flex-fhd-grow-1 { flex-grow: 1 !important } .flex-fhd-shrink-0 { flex-shrink: 0 !important } .flex-fhd-shrink-1 { flex-shrink: 1 !important } .justify-content-fhd-start { justify-content: flex-start !important } .justify-content-fhd-end { justify-content: flex-end !important } .justify-content-fhd-center { justify-content: center !important } .justify-content-fhd-between { justify-content: space-between !important } .justify-content-fhd-around { justify-content: space-around !important } .align-items-fhd-start { align-items: flex-start !important } .align-items-fhd-end { align-items: flex-end !important } .align-items-fhd-center { align-items: center !important } .align-items-fhd-baseline { align-items: baseline !important } .align-items-fhd-stretch { align-items: stretch !important } .align-content-fhd-start { align-content: flex-start !important } .align-content-fhd-end { align-content: flex-end !important } .align-content-fhd-center { align-content: center !important } .align-content-fhd-between { align-content: space-between !important } .align-content-fhd-around { align-content: space-around !important } .align-content-fhd-stretch { align-content: stretch !important } .align-self-fhd-auto { -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-fhd-start { align-self: flex-start !important } .align-self-fhd-end { align-self: flex-end !important } .align-self-fhd-center { -ms-grid-row-align: center !important; align-self: center !important } .align-self-fhd-baseline { align-self: baseline !important } .align-self-fhd-stretch { -ms-grid-row-align: stretch !important; align-self: stretch !important } } .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } .m-1 { margin: 4px !important } .mt-1, .my-1 { margin-top: 4px !important } .mr-1, .mx-1 { margin-right: 4px !important } .mb-1, .my-1 { margin-bottom: 4px !important } .ml-1, .mx-1 { margin-left: 4px !important } .m-2 { margin: 8px !important } .mt-2, .my-2 { margin-top: 8px !important } .mr-2, .mx-2 { margin-right: 8px !important } .mb-2, .my-2 { margin-bottom: 8px !important } .ml-2, .mx-2 { margin-left: 8px !important } .m-3 { margin: 12px !important } .mt-3, .my-3 { margin-top: 12px !important } .mr-3, .mx-3 { margin-right: 12px !important } .mb-3, .my-3 { margin-bottom: 12px !important } .ml-3, .mx-3 { margin-left: 12px !important } .m-4 { margin: 16px !important } .mt-4, .my-4 { margin-top: 16px !important } .mr-4, .mx-4 { margin-right: 16px !important } .mb-4, .my-4 { margin-bottom: 16px !important } .ml-4, .mx-4 { margin-left: 16px !important } .m-5 { margin: 20px !important } .mt-5, .my-5 { margin-top: 20px !important } .mr-5, .mx-5 { margin-right: 20px !important } .mb-5, .my-5 { margin-bottom: 20px !important } .ml-5, .mx-5 { margin-left: 20px !important } .m-15 { margin: 6px !important } .mt-15, .my-15 { margin-top: 6px !important } .mr-15, .mx-15 { margin-right: 6px !important } .mb-15, .my-15 { margin-bottom: 6px !important } .ml-15, .mx-15 { margin-left: 6px !important } .m-25 { margin: 10px !important } .mt-25, .my-25 { margin-top: 10px !important } .mr-25, .mx-25 { margin-right: 10px !important } .mb-25, .my-25 { margin-bottom: 10px !important } .ml-25, .mx-25 { margin-left: 10px !important } .m-6 { margin: 24px !important } .mt-6, .my-6 { margin-top: 24px !important } .mr-6, .mx-6 { margin-right: 24px !important } .mb-6, .my-6 { margin-bottom: 24px !important } .ml-6, .mx-6 { margin-left: 24px !important } .m-7 { margin: 28px !important } .mt-7, .my-7 { margin-top: 28px !important } .mr-7, .mx-7 { margin-right: 28px !important } .mb-7, .my-7 { margin-bottom: 28px !important } .ml-7, .mx-7 { margin-left: 28px !important } .m-8 { margin: 32px !important } .mt-8, .my-8 { margin-top: 32px !important } .mr-8, .mx-8 { margin-right: 32px !important } .mb-8, .my-8 { margin-bottom: 32px !important } .ml-8, .mx-8 { margin-left: 32px !important } .m-9 { margin: 36px !important } .mt-9, .my-9 { margin-top: 36px !important } .mr-9, .mx-9 { margin-right: 36px !important } .mb-9, .my-9 { margin-bottom: 36px !important } .ml-9, .mx-9 { margin-left: 36px !important } .m-10 { margin: 40px !important } .mt-10, .my-10 { margin-top: 40px !important } .mr-10, .mx-10 { margin-right: 40px !important } .mb-10, .my-10 { margin-bottom: 40px !important } .ml-10, .mx-10 { margin-left: 40px !important } .m-11 { margin: 44px !important } .mt-11, .my-11 { margin-top: 44px !important } .mr-11, .mx-11 { margin-right: 44px !important } .mb-11, .my-11 { margin-bottom: 44px !important } .ml-11, .mx-11 { margin-left: 44px !important } .m-12 { margin: 48px !important } .mt-12, .my-12 { margin-top: 48px !important } .mr-12, .mx-12 { margin-right: 48px !important } .mb-12, .my-12 { margin-bottom: 48px !important } .ml-12, .mx-12 { margin-left: 48px !important } .p-0 { padding: 0 !important } .pt-0, .py-0 { padding-top: 0 !important } .pr-0, .px-0 { padding-right: 0 !important } .pb-0, .py-0 { padding-bottom: 0 !important } .pl-0, .px-0 { padding-left: 0 !important } .p-1 { padding: 4px !important } .pt-1, .py-1 { padding-top: 4px !important } .pr-1, .px-1 { padding-right: 4px !important } .pb-1, .py-1 { padding-bottom: 4px !important } .pl-1, .px-1 { padding-left: 4px !important } .p-2 { padding: 8px !important } .pt-2, .py-2 { padding-top: 8px !important } .pr-2, .px-2 { padding-right: 8px !important } .pb-2, .py-2 { padding-bottom: 8px !important } .pl-2, .px-2 { padding-left: 8px !important } .p-3 { padding: 12px !important } .pt-3, .py-3 { padding-top: 12px !important } .pr-3, .px-3 { padding-right: 12px !important } .pb-3, .py-3 { padding-bottom: 12px !important } .pl-3, .px-3 { padding-left: 12px !important } .p-4 { padding: 16px !important } .pt-4, .py-4 { padding-top: 16px !important } .pr-4, .px-4 { padding-right: 16px !important } .pb-4, .py-4 { padding-bottom: 16px !important } .pl-4, .px-4 { padding-left: 16px !important } .p-5 { padding: 20px !important } .pt-5, .py-5 { padding-top: 20px !important } .pr-5, .px-5 { padding-right: 20px !important } .pb-5, .py-5 { padding-bottom: 20px !important } .pl-5, .px-5 { padding-left: 20px !important } .p-15 { padding: 6px !important } .pt-15, .py-15 { padding-top: 6px !important } .pr-15, .px-15 { padding-right: 6px !important } .pb-15, .py-15 { padding-bottom: 6px !important } .pl-15, .px-15 { padding-left: 6px !important } .p-25 { padding: 10px !important } .pt-25, .py-25 { padding-top: 10px !important } .pr-25, .px-25 { padding-right: 10px !important } .pb-25, .py-25 { padding-bottom: 10px !important } .pl-25, .px-25 { padding-left: 10px !important } .p-6 { padding: 24px !important } .pt-6, .py-6 { padding-top: 24px !important } .pr-6, .px-6 { padding-right: 24px !important } .pb-6, .py-6 { padding-bottom: 24px !important } .pl-6, .px-6 { padding-left: 24px !important } .p-7 { padding: 28px !important } .pt-7, .py-7 { padding-top: 28px !important } .pr-7, .px-7 { padding-right: 28px !important } .pb-7, .py-7 { padding-bottom: 28px !important } .pl-7, .px-7 { padding-left: 28px !important } .p-8 { padding: 32px !important } .pt-8, .py-8 { padding-top: 32px !important } .pr-8, .px-8 { padding-right: 32px !important } .pb-8, .py-8 { padding-bottom: 32px !important } .pl-8, .px-8 { padding-left: 32px !important } .p-9 { padding: 36px !important } .pt-9, .py-9 { padding-top: 36px !important } .pr-9, .px-9 { padding-right: 36px !important } .pb-9, .py-9 { padding-bottom: 36px !important } .pl-9, .px-9 { padding-left: 36px !important } .p-10 { padding: 40px !important } .pt-10, .py-10 { padding-top: 40px !important } .pr-10, .px-10 { padding-right: 40px !important } .pb-10, .py-10 { padding-bottom: 40px !important } .pl-10, .px-10 { padding-left: 40px !important } .p-11 { padding: 44px !important } .pt-11, .py-11 { padding-top: 44px !important } .pr-11, .px-11 { padding-right: 44px !important } .pb-11, .py-11 { padding-bottom: 44px !important } .pl-11, .px-11 { padding-left: 44px !important } .p-12 { padding: 48px !important } .pt-12, .py-12 { padding-top: 48px !important } .pr-12, .px-12 { padding-right: 48px !important } .pb-12, .py-12 { padding-bottom: 48px !important } .pl-12, .px-12 { padding-left: 48px !important } .m-n1 { margin: -4px !important } .mt-n1, .my-n1 { margin-top: -4px !important } .mr-n1, .mx-n1 { margin-right: -4px !important } .mb-n1, .my-n1 { margin-bottom: -4px !important } .ml-n1, .mx-n1 { margin-left: -4px !important } .m-n2 { margin: -8px !important } .mt-n2, .my-n2 { margin-top: -8px !important } .mr-n2, .mx-n2 { margin-right: -8px !important } .mb-n2, .my-n2 { margin-bottom: -8px !important } .ml-n2, .mx-n2 { margin-left: -8px !important } .m-n3 { margin: -12px !important } .mt-n3, .my-n3 { margin-top: -12px !important } .mr-n3, .mx-n3 { margin-right: -12px !important } .mb-n3, .my-n3 { margin-bottom: -12px !important } .ml-n3, .mx-n3 { margin-left: -12px !important } .m-n4 { margin: -16px !important } .mt-n4, .my-n4 { margin-top: -16px !important } .mr-n4, .mx-n4 { margin-right: -16px !important } .mb-n4, .my-n4 { margin-bottom: -16px !important } .ml-n4, .mx-n4 { margin-left: -16px !important } .m-n5 { margin: -20px !important } .mt-n5, .my-n5 { margin-top: -20px !important } .mr-n5, .mx-n5 { margin-right: -20px !important } .mb-n5, .my-n5 { margin-bottom: -20px !important } .ml-n5, .mx-n5 { margin-left: -20px !important } .m-n15 { margin: -6px !important } .mt-n15, .my-n15 { margin-top: -6px !important } .mr-n15, .mx-n15 { margin-right: -6px !important } .mb-n15, .my-n15 { margin-bottom: -6px !important } .ml-n15, .mx-n15 { margin-left: -6px !important } .m-n25 { margin: -10px !important } .mt-n25, .my-n25 { margin-top: -10px !important } .mr-n25, .mx-n25 { margin-right: -10px !important } .mb-n25, .my-n25 { margin-bottom: -10px !important } .ml-n25, .mx-n25 { margin-left: -10px !important } .m-n6 { margin: -24px !important } .mt-n6, .my-n6 { margin-top: -24px !important } .mr-n6, .mx-n6 { margin-right: -24px !important } .mb-n6, .my-n6 { margin-bottom: -24px !important } .ml-n6, .mx-n6 { margin-left: -24px !important } .m-n7 { margin: -28px !important } .mt-n7, .my-n7 { margin-top: -28px !important } .mr-n7, .mx-n7 { margin-right: -28px !important } .mb-n7, .my-n7 { margin-bottom: -28px !important } .ml-n7, .mx-n7 { margin-left: -28px !important } .m-n8 { margin: -32px !important } .mt-n8, .my-n8 { margin-top: -32px !important } .mr-n8, .mx-n8 { margin-right: -32px !important } .mb-n8, .my-n8 { margin-bottom: -32px !important } .ml-n8, .mx-n8 { margin-left: -32px !important } .m-n9 { margin: -36px !important } .mt-n9, .my-n9 { margin-top: -36px !important } .mr-n9, .mx-n9 { margin-right: -36px !important } .mb-n9, .my-n9 { margin-bottom: -36px !important } .ml-n9, .mx-n9 { margin-left: -36px !important } .m-n10 { margin: -40px !important } .mt-n10, .my-n10 { margin-top: -40px !important } .mr-n10, .mx-n10 { margin-right: -40px !important } .mb-n10, .my-n10 { margin-bottom: -40px !important } .ml-n10, .mx-n10 { margin-left: -40px !important } .m-n11 { margin: -44px !important } .mt-n11, .my-n11 { margin-top: -44px !important } .mr-n11, .mx-n11 { margin-right: -44px !important } .mb-n11, .my-n11 { margin-bottom: -44px !important } .ml-n11, .mx-n11 { margin-left: -44px !important } .m-n12 { margin: -48px !important } .mt-n12, .my-n12 { margin-top: -48px !important } .mr-n12, .mx-n12 { margin-right: -48px !important } .mb-n12, .my-n12 { margin-bottom: -48px !important } .ml-n12, .mx-n12 { margin-left: -48px !important } .m-auto { margin: auto !important } .mt-auto, .my-auto { margin-top: auto !important } .mr-auto, .mx-auto { margin-right: auto !important } .mb-auto, .my-auto { margin-bottom: auto !important } .ml-auto, .mx-auto { margin-left: auto !important } @media (min-width: 360px) { .m-xs-0 { margin: 0 !important } .mt-xs-0, .my-xs-0 { margin-top: 0 !important } .mr-xs-0, .mx-xs-0 { margin-right: 0 !important } .mb-xs-0, .my-xs-0 { margin-bottom: 0 !important } .ml-xs-0, .mx-xs-0 { margin-left: 0 !important } .m-xs-1 { margin: 4px !important } .mt-xs-1, .my-xs-1 { margin-top: 4px !important } .mr-xs-1, .mx-xs-1 { margin-right: 4px !important } .mb-xs-1, .my-xs-1 { margin-bottom: 4px !important } .ml-xs-1, .mx-xs-1 { margin-left: 4px !important } .m-xs-2 { margin: 8px !important } .mt-xs-2, .my-xs-2 { margin-top: 8px !important } .mr-xs-2, .mx-xs-2 { margin-right: 8px !important } .mb-xs-2, .my-xs-2 { margin-bottom: 8px !important } .ml-xs-2, .mx-xs-2 { margin-left: 8px !important } .m-xs-3 { margin: 12px !important } .mt-xs-3, .my-xs-3 { margin-top: 12px !important } .mr-xs-3, .mx-xs-3 { margin-right: 12px !important } .mb-xs-3, .my-xs-3 { margin-bottom: 12px !important } .ml-xs-3, .mx-xs-3 { margin-left: 12px !important } .m-xs-4 { margin: 16px !important } .mt-xs-4, .my-xs-4 { margin-top: 16px !important } .mr-xs-4, .mx-xs-4 { margin-right: 16px !important } .mb-xs-4, .my-xs-4 { margin-bottom: 16px !important } .ml-xs-4, .mx-xs-4 { margin-left: 16px !important } .m-xs-5 { margin: 20px !important } .mt-xs-5, .my-xs-5 { margin-top: 20px !important } .mr-xs-5, .mx-xs-5 { margin-right: 20px !important } .mb-xs-5, .my-xs-5 { margin-bottom: 20px !important } .ml-xs-5, .mx-xs-5 { margin-left: 20px !important } .m-xs-15 { margin: 6px !important } .mt-xs-15, .my-xs-15 { margin-top: 6px !important } .mr-xs-15, .mx-xs-15 { margin-right: 6px !important } .mb-xs-15, .my-xs-15 { margin-bottom: 6px !important } .ml-xs-15, .mx-xs-15 { margin-left: 6px !important } .m-xs-25 { margin: 10px !important } .mt-xs-25, .my-xs-25 { margin-top: 10px !important } .mr-xs-25, .mx-xs-25 { margin-right: 10px !important } .mb-xs-25, .my-xs-25 { margin-bottom: 10px !important } .ml-xs-25, .mx-xs-25 { margin-left: 10px !important } .m-xs-6 { margin: 24px !important } .mt-xs-6, .my-xs-6 { margin-top: 24px !important } .mr-xs-6, .mx-xs-6 { margin-right: 24px !important } .mb-xs-6, .my-xs-6 { margin-bottom: 24px !important } .ml-xs-6, .mx-xs-6 { margin-left: 24px !important } .m-xs-7 { margin: 28px !important } .mt-xs-7, .my-xs-7 { margin-top: 28px !important } .mr-xs-7, .mx-xs-7 { margin-right: 28px !important } .mb-xs-7, .my-xs-7 { margin-bottom: 28px !important } .ml-xs-7, .mx-xs-7 { margin-left: 28px !important } .m-xs-8 { margin: 32px !important } .mt-xs-8, .my-xs-8 { margin-top: 32px !important } .mr-xs-8, .mx-xs-8 { margin-right: 32px !important } .mb-xs-8, .my-xs-8 { margin-bottom: 32px !important } .ml-xs-8, .mx-xs-8 { margin-left: 32px !important } .m-xs-9 { margin: 36px !important } .mt-xs-9, .my-xs-9 { margin-top: 36px !important } .mr-xs-9, .mx-xs-9 { margin-right: 36px !important } .mb-xs-9, .my-xs-9 { margin-bottom: 36px !important } .ml-xs-9, .mx-xs-9 { margin-left: 36px !important } .m-xs-10 { margin: 40px !important } .mt-xs-10, .my-xs-10 { margin-top: 40px !important } .mr-xs-10, .mx-xs-10 { margin-right: 40px !important } .mb-xs-10, .my-xs-10 { margin-bottom: 40px !important } .ml-xs-10, .mx-xs-10 { margin-left: 40px !important } .m-xs-11 { margin: 44px !important } .mt-xs-11, .my-xs-11 { margin-top: 44px !important } .mr-xs-11, .mx-xs-11 { margin-right: 44px !important } .mb-xs-11, .my-xs-11 { margin-bottom: 44px !important } .ml-xs-11, .mx-xs-11 { margin-left: 44px !important } .m-xs-12 { margin: 48px !important } .mt-xs-12, .my-xs-12 { margin-top: 48px !important } .mr-xs-12, .mx-xs-12 { margin-right: 48px !important } .mb-xs-12, .my-xs-12 { margin-bottom: 48px !important } .ml-xs-12, .mx-xs-12 { margin-left: 48px !important } .p-xs-0 { padding: 0 !important } .pt-xs-0, .py-xs-0 { padding-top: 0 !important } .pr-xs-0, .px-xs-0 { padding-right: 0 !important } .pb-xs-0, .py-xs-0 { padding-bottom: 0 !important } .pl-xs-0, .px-xs-0 { padding-left: 0 !important } .p-xs-1 { padding: 4px !important } .pt-xs-1, .py-xs-1 { padding-top: 4px !important } .pr-xs-1, .px-xs-1 { padding-right: 4px !important } .pb-xs-1, .py-xs-1 { padding-bottom: 4px !important } .pl-xs-1, .px-xs-1 { padding-left: 4px !important } .p-xs-2 { padding: 8px !important } .pt-xs-2, .py-xs-2 { padding-top: 8px !important } .pr-xs-2, .px-xs-2 { padding-right: 8px !important } .pb-xs-2, .py-xs-2 { padding-bottom: 8px !important } .pl-xs-2, .px-xs-2 { padding-left: 8px !important } .p-xs-3 { padding: 12px !important } .pt-xs-3, .py-xs-3 { padding-top: 12px !important } .pr-xs-3, .px-xs-3 { padding-right: 12px !important } .pb-xs-3, .py-xs-3 { padding-bottom: 12px !important } .pl-xs-3, .px-xs-3 { padding-left: 12px !important } .p-xs-4 { padding: 16px !important } .pt-xs-4, .py-xs-4 { padding-top: 16px !important } .pr-xs-4, .px-xs-4 { padding-right: 16px !important } .pb-xs-4, .py-xs-4 { padding-bottom: 16px !important } .pl-xs-4, .px-xs-4 { padding-left: 16px !important } .p-xs-5 { padding: 20px !important } .pt-xs-5, .py-xs-5 { padding-top: 20px !important } .pr-xs-5, .px-xs-5 { padding-right: 20px !important } .pb-xs-5, .py-xs-5 { padding-bottom: 20px !important } .pl-xs-5, .px-xs-5 { padding-left: 20px !important } .p-xs-15 { padding: 6px !important } .pt-xs-15, .py-xs-15 { padding-top: 6px !important } .pr-xs-15, .px-xs-15 { padding-right: 6px !important } .pb-xs-15, .py-xs-15 { padding-bottom: 6px !important } .pl-xs-15, .px-xs-15 { padding-left: 6px !important } .p-xs-25 { padding: 10px !important } .pt-xs-25, .py-xs-25 { padding-top: 10px !important } .pr-xs-25, .px-xs-25 { padding-right: 10px !important } .pb-xs-25, .py-xs-25 { padding-bottom: 10px !important } .pl-xs-25, .px-xs-25 { padding-left: 10px !important } .p-xs-6 { padding: 24px !important } .pt-xs-6, .py-xs-6 { padding-top: 24px !important } .pr-xs-6, .px-xs-6 { padding-right: 24px !important } .pb-xs-6, .py-xs-6 { padding-bottom: 24px !important } .pl-xs-6, .px-xs-6 { padding-left: 24px !important } .p-xs-7 { padding: 28px !important } .pt-xs-7, .py-xs-7 { padding-top: 28px !important } .pr-xs-7, .px-xs-7 { padding-right: 28px !important } .pb-xs-7, .py-xs-7 { padding-bottom: 28px !important } .pl-xs-7, .px-xs-7 { padding-left: 28px !important } .p-xs-8 { padding: 32px !important } .pt-xs-8, .py-xs-8 { padding-top: 32px !important } .pr-xs-8, .px-xs-8 { padding-right: 32px !important } .pb-xs-8, .py-xs-8 { padding-bottom: 32px !important } .pl-xs-8, .px-xs-8 { padding-left: 32px !important } .p-xs-9 { padding: 36px !important } .pt-xs-9, .py-xs-9 { padding-top: 36px !important } .pr-xs-9, .px-xs-9 { padding-right: 36px !important } .pb-xs-9, .py-xs-9 { padding-bottom: 36px !important } .pl-xs-9, .px-xs-9 { padding-left: 36px !important } .p-xs-10 { padding: 40px !important } .pt-xs-10, .py-xs-10 { padding-top: 40px !important } .pr-xs-10, .px-xs-10 { padding-right: 40px !important } .pb-xs-10, .py-xs-10 { padding-bottom: 40px !important } .pl-xs-10, .px-xs-10 { padding-left: 40px !important } .p-xs-11 { padding: 44px !important } .pt-xs-11, .py-xs-11 { padding-top: 44px !important } .pr-xs-11, .px-xs-11 { padding-right: 44px !important } .pb-xs-11, .py-xs-11 { padding-bottom: 44px !important } .pl-xs-11, .px-xs-11 { padding-left: 44px !important } .p-xs-12 { padding: 48px !important } .pt-xs-12, .py-xs-12 { padding-top: 48px !important } .pr-xs-12, .px-xs-12 { padding-right: 48px !important } .pb-xs-12, .py-xs-12 { padding-bottom: 48px !important } .pl-xs-12, .px-xs-12 { padding-left: 48px !important } .m-xs-n1 { margin: -4px !important } .mt-xs-n1, .my-xs-n1 { margin-top: -4px !important } .mr-xs-n1, .mx-xs-n1 { margin-right: -4px !important } .mb-xs-n1, .my-xs-n1 { margin-bottom: -4px !important } .ml-xs-n1, .mx-xs-n1 { margin-left: -4px !important } .m-xs-n2 { margin: -8px !important } .mt-xs-n2, .my-xs-n2 { margin-top: -8px !important } .mr-xs-n2, .mx-xs-n2 { margin-right: -8px !important } .mb-xs-n2, .my-xs-n2 { margin-bottom: -8px !important } .ml-xs-n2, .mx-xs-n2 { margin-left: -8px !important } .m-xs-n3 { margin: -12px !important } .mt-xs-n3, .my-xs-n3 { margin-top: -12px !important } .mr-xs-n3, .mx-xs-n3 { margin-right: -12px !important } .mb-xs-n3, .my-xs-n3 { margin-bottom: -12px !important } .ml-xs-n3, .mx-xs-n3 { margin-left: -12px !important } .m-xs-n4 { margin: -16px !important } .mt-xs-n4, .my-xs-n4 { margin-top: -16px !important } .mr-xs-n4, .mx-xs-n4 { margin-right: -16px !important } .mb-xs-n4, .my-xs-n4 { margin-bottom: -16px !important } .ml-xs-n4, .mx-xs-n4 { margin-left: -16px !important } .m-xs-n5 { margin: -20px !important } .mt-xs-n5, .my-xs-n5 { margin-top: -20px !important } .mr-xs-n5, .mx-xs-n5 { margin-right: -20px !important } .mb-xs-n5, .my-xs-n5 { margin-bottom: -20px !important } .ml-xs-n5, .mx-xs-n5 { margin-left: -20px !important } .m-xs-n15 { margin: -6px !important } .mt-xs-n15, .my-xs-n15 { margin-top: -6px !important } .mr-xs-n15, .mx-xs-n15 { margin-right: -6px !important } .mb-xs-n15, .my-xs-n15 { margin-bottom: -6px !important } .ml-xs-n15, .mx-xs-n15 { margin-left: -6px !important } .m-xs-n25 { margin: -10px !important } .mt-xs-n25, .my-xs-n25 { margin-top: -10px !important } .mr-xs-n25, .mx-xs-n25 { margin-right: -10px !important } .mb-xs-n25, .my-xs-n25 { margin-bottom: -10px !important } .ml-xs-n25, .mx-xs-n25 { margin-left: -10px !important } .m-xs-n6 { margin: -24px !important } .mt-xs-n6, .my-xs-n6 { margin-top: -24px !important } .mr-xs-n6, .mx-xs-n6 { margin-right: -24px !important } .mb-xs-n6, .my-xs-n6 { margin-bottom: -24px !important } .ml-xs-n6, .mx-xs-n6 { margin-left: -24px !important } .m-xs-n7 { margin: -28px !important } .mt-xs-n7, .my-xs-n7 { margin-top: -28px !important } .mr-xs-n7, .mx-xs-n7 { margin-right: -28px !important } .mb-xs-n7, .my-xs-n7 { margin-bottom: -28px !important } .ml-xs-n7, .mx-xs-n7 { margin-left: -28px !important } .m-xs-n8 { margin: -32px !important } .mt-xs-n8, .my-xs-n8 { margin-top: -32px !important } .mr-xs-n8, .mx-xs-n8 { margin-right: -32px !important } .mb-xs-n8, .my-xs-n8 { margin-bottom: -32px !important } .ml-xs-n8, .mx-xs-n8 { margin-left: -32px !important } .m-xs-n9 { margin: -36px !important } .mt-xs-n9, .my-xs-n9 { margin-top: -36px !important } .mr-xs-n9, .mx-xs-n9 { margin-right: -36px !important } .mb-xs-n9, .my-xs-n9 { margin-bottom: -36px !important } .ml-xs-n9, .mx-xs-n9 { margin-left: -36px !important } .m-xs-n10 { margin: -40px !important } .mt-xs-n10, .my-xs-n10 { margin-top: -40px !important } .mr-xs-n10, .mx-xs-n10 { margin-right: -40px !important } .mb-xs-n10, .my-xs-n10 { margin-bottom: -40px !important } .ml-xs-n10, .mx-xs-n10 { margin-left: -40px !important } .m-xs-n11 { margin: -44px !important } .mt-xs-n11, .my-xs-n11 { margin-top: -44px !important } .mr-xs-n11, .mx-xs-n11 { margin-right: -44px !important } .mb-xs-n11, .my-xs-n11 { margin-bottom: -44px !important } .ml-xs-n11, .mx-xs-n11 { margin-left: -44px !important } .m-xs-n12 { margin: -48px !important } .mt-xs-n12, .my-xs-n12 { margin-top: -48px !important } .mr-xs-n12, .mx-xs-n12 { margin-right: -48px !important } .mb-xs-n12, .my-xs-n12 { margin-bottom: -48px !important } .ml-xs-n12, .mx-xs-n12 { margin-left: -48px !important } .m-xs-auto { margin: auto !important } .mt-xs-auto, .my-xs-auto { margin-top: auto !important } .mr-xs-auto, .mx-xs-auto { margin-right: auto !important } .mb-xs-auto, .my-xs-auto { margin-bottom: auto !important } .ml-xs-auto, .mx-xs-auto { margin-left: auto !important } } @media (min-width: 769px) { .m-md-0 { margin: 0 !important } .mt-md-0, .my-md-0 { margin-top: 0 !important } .mr-md-0, .mx-md-0 { margin-right: 0 !important } .mb-md-0, .my-md-0 { margin-bottom: 0 !important } .ml-md-0, .mx-md-0 { margin-left: 0 !important } .m-md-1 { margin: 4px !important } .mt-md-1, .my-md-1 { margin-top: 4px !important } .mr-md-1, .mx-md-1 { margin-right: 4px !important } .mb-md-1, .my-md-1 { margin-bottom: 4px !important } .ml-md-1, .mx-md-1 { margin-left: 4px !important } .m-md-2 { margin: 8px !important } .mt-md-2, .my-md-2 { margin-top: 8px !important } .mr-md-2, .mx-md-2 { margin-right: 8px !important } .mb-md-2, .my-md-2 { margin-bottom: 8px !important } .ml-md-2, .mx-md-2 { margin-left: 8px !important } .m-md-3 { margin: 12px !important } .mt-md-3, .my-md-3 { margin-top: 12px !important } .mr-md-3, .mx-md-3 { margin-right: 12px !important } .mb-md-3, .my-md-3 { margin-bottom: 12px !important } .ml-md-3, .mx-md-3 { margin-left: 12px !important } .m-md-4 { margin: 16px !important } .mt-md-4, .my-md-4 { margin-top: 16px !important } .mr-md-4, .mx-md-4 { margin-right: 16px !important } .mb-md-4, .my-md-4 { margin-bottom: 16px !important } .ml-md-4, .mx-md-4 { margin-left: 16px !important } .m-md-5 { margin: 20px !important } .mt-md-5, .my-md-5 { margin-top: 20px !important } .mr-md-5, .mx-md-5 { margin-right: 20px !important } .mb-md-5, .my-md-5 { margin-bottom: 20px !important } .ml-md-5, .mx-md-5 { margin-left: 20px !important } .m-md-15 { margin: 6px !important } .mt-md-15, .my-md-15 { margin-top: 6px !important } .mr-md-15, .mx-md-15 { margin-right: 6px !important } .mb-md-15, .my-md-15 { margin-bottom: 6px !important } .ml-md-15, .mx-md-15 { margin-left: 6px !important } .m-md-25 { margin: 10px !important } .mt-md-25, .my-md-25 { margin-top: 10px !important } .mr-md-25, .mx-md-25 { margin-right: 10px !important } .mb-md-25, .my-md-25 { margin-bottom: 10px !important } .ml-md-25, .mx-md-25 { margin-left: 10px !important } .m-md-6 { margin: 24px !important } .mt-md-6, .my-md-6 { margin-top: 24px !important } .mr-md-6, .mx-md-6 { margin-right: 24px !important } .mb-md-6, .my-md-6 { margin-bottom: 24px !important } .ml-md-6, .mx-md-6 { margin-left: 24px !important } .m-md-7 { margin: 28px !important } .mt-md-7, .my-md-7 { margin-top: 28px !important } .mr-md-7, .mx-md-7 { margin-right: 28px !important } .mb-md-7, .my-md-7 { margin-bottom: 28px !important } .ml-md-7, .mx-md-7 { margin-left: 28px !important } .m-md-8 { margin: 32px !important } .mt-md-8, .my-md-8 { margin-top: 32px !important } .mr-md-8, .mx-md-8 { margin-right: 32px !important } .mb-md-8, .my-md-8 { margin-bottom: 32px !important } .ml-md-8, .mx-md-8 { margin-left: 32px !important } .m-md-9 { margin: 36px !important } .mt-md-9, .my-md-9 { margin-top: 36px !important } .mr-md-9, .mx-md-9 { margin-right: 36px !important } .mb-md-9, .my-md-9 { margin-bottom: 36px !important } .ml-md-9, .mx-md-9 { margin-left: 36px !important } .m-md-10 { margin: 40px !important } .mt-md-10, .my-md-10 { margin-top: 40px !important } .mr-md-10, .mx-md-10 { margin-right: 40px !important } .mb-md-10, .my-md-10 { margin-bottom: 40px !important } .ml-md-10, .mx-md-10 { margin-left: 40px !important } .m-md-11 { margin: 44px !important } .mt-md-11, .my-md-11 { margin-top: 44px !important } .mr-md-11, .mx-md-11 { margin-right: 44px !important } .mb-md-11, .my-md-11 { margin-bottom: 44px !important } .ml-md-11, .mx-md-11 { margin-left: 44px !important } .m-md-12 { margin: 48px !important } .mt-md-12, .my-md-12 { margin-top: 48px !important } .mr-md-12, .mx-md-12 { margin-right: 48px !important } .mb-md-12, .my-md-12 { margin-bottom: 48px !important } .ml-md-12, .mx-md-12 { margin-left: 48px !important } .p-md-0 { padding: 0 !important } .pt-md-0, .py-md-0 { padding-top: 0 !important } .pr-md-0, .px-md-0 { padding-right: 0 !important } .pb-md-0, .py-md-0 { padding-bottom: 0 !important } .pl-md-0, .px-md-0 { padding-left: 0 !important } .p-md-1 { padding: 4px !important } .pt-md-1, .py-md-1 { padding-top: 4px !important } .pr-md-1, .px-md-1 { padding-right: 4px !important } .pb-md-1, .py-md-1 { padding-bottom: 4px !important } .pl-md-1, .px-md-1 { padding-left: 4px !important } .p-md-2 { padding: 8px !important } .pt-md-2, .py-md-2 { padding-top: 8px !important } .pr-md-2, .px-md-2 { padding-right: 8px !important } .pb-md-2, .py-md-2 { padding-bottom: 8px !important } .pl-md-2, .px-md-2 { padding-left: 8px !important } .p-md-3 { padding: 12px !important } .pt-md-3, .py-md-3 { padding-top: 12px !important } .pr-md-3, .px-md-3 { padding-right: 12px !important } .pb-md-3, .py-md-3 { padding-bottom: 12px !important } .pl-md-3, .px-md-3 { padding-left: 12px !important } .p-md-4 { padding: 16px !important } .pt-md-4, .py-md-4 { padding-top: 16px !important } .pr-md-4, .px-md-4 { padding-right: 16px !important } .pb-md-4, .py-md-4 { padding-bottom: 16px !important } .pl-md-4, .px-md-4 { padding-left: 16px !important } .p-md-5 { padding: 20px !important } .pt-md-5, .py-md-5 { padding-top: 20px !important } .pr-md-5, .px-md-5 { padding-right: 20px !important } .pb-md-5, .py-md-5 { padding-bottom: 20px !important } .pl-md-5, .px-md-5 { padding-left: 20px !important } .p-md-15 { padding: 6px !important } .pt-md-15, .py-md-15 { padding-top: 6px !important } .pr-md-15, .px-md-15 { padding-right: 6px !important } .pb-md-15, .py-md-15 { padding-bottom: 6px !important } .pl-md-15, .px-md-15 { padding-left: 6px !important } .p-md-25 { padding: 10px !important } .pt-md-25, .py-md-25 { padding-top: 10px !important } .pr-md-25, .px-md-25 { padding-right: 10px !important } .pb-md-25, .py-md-25 { padding-bottom: 10px !important } .pl-md-25, .px-md-25 { padding-left: 10px !important } .p-md-6 { padding: 24px !important } .pt-md-6, .py-md-6 { padding-top: 24px !important } .pr-md-6, .px-md-6 { padding-right: 24px !important } .pb-md-6, .py-md-6 { padding-bottom: 24px !important } .pl-md-6, .px-md-6 { padding-left: 24px !important } .p-md-7 { padding: 28px !important } .pt-md-7, .py-md-7 { padding-top: 28px !important } .pr-md-7, .px-md-7 { padding-right: 28px !important } .pb-md-7, .py-md-7 { padding-bottom: 28px !important } .pl-md-7, .px-md-7 { padding-left: 28px !important } .p-md-8 { padding: 32px !important } .pt-md-8, .py-md-8 { padding-top: 32px !important } .pr-md-8, .px-md-8 { padding-right: 32px !important } .pb-md-8, .py-md-8 { padding-bottom: 32px !important } .pl-md-8, .px-md-8 { padding-left: 32px !important } .p-md-9 { padding: 36px !important } .pt-md-9, .py-md-9 { padding-top: 36px !important } .pr-md-9, .px-md-9 { padding-right: 36px !important } .pb-md-9, .py-md-9 { padding-bottom: 36px !important } .pl-md-9, .px-md-9 { padding-left: 36px !important } .p-md-10 { padding: 40px !important } .pt-md-10, .py-md-10 { padding-top: 40px !important } .pr-md-10, .px-md-10 { padding-right: 40px !important } .pb-md-10, .py-md-10 { padding-bottom: 40px !important } .pl-md-10, .px-md-10 { padding-left: 40px !important } .p-md-11 { padding: 44px !important } .pt-md-11, .py-md-11 { padding-top: 44px !important } .pr-md-11, .px-md-11 { padding-right: 44px !important } .pb-md-11, .py-md-11 { padding-bottom: 44px !important } .pl-md-11, .px-md-11 { padding-left: 44px !important } .p-md-12 { padding: 48px !important } .pt-md-12, .py-md-12 { padding-top: 48px !important } .pr-md-12, .px-md-12 { padding-right: 48px !important } .pb-md-12, .py-md-12 { padding-bottom: 48px !important } .pl-md-12, .px-md-12 { padding-left: 48px !important } .m-md-n1 { margin: -4px !important } .mt-md-n1, .my-md-n1 { margin-top: -4px !important } .mr-md-n1, .mx-md-n1 { margin-right: -4px !important } .mb-md-n1, .my-md-n1 { margin-bottom: -4px !important } .ml-md-n1, .mx-md-n1 { margin-left: -4px !important } .m-md-n2 { margin: -8px !important } .mt-md-n2, .my-md-n2 { margin-top: -8px !important } .mr-md-n2, .mx-md-n2 { margin-right: -8px !important } .mb-md-n2, .my-md-n2 { margin-bottom: -8px !important } .ml-md-n2, .mx-md-n2 { margin-left: -8px !important } .m-md-n3 { margin: -12px !important } .mt-md-n3, .my-md-n3 { margin-top: -12px !important } .mr-md-n3, .mx-md-n3 { margin-right: -12px !important } .mb-md-n3, .my-md-n3 { margin-bottom: -12px !important } .ml-md-n3, .mx-md-n3 { margin-left: -12px !important } .m-md-n4 { margin: -16px !important } .mt-md-n4, .my-md-n4 { margin-top: -16px !important } .mr-md-n4, .mx-md-n4 { margin-right: -16px !important } .mb-md-n4, .my-md-n4 { margin-bottom: -16px !important } .ml-md-n4, .mx-md-n4 { margin-left: -16px !important } .m-md-n5 { margin: -20px !important } .mt-md-n5, .my-md-n5 { margin-top: -20px !important } .mr-md-n5, .mx-md-n5 { margin-right: -20px !important } .mb-md-n5, .my-md-n5 { margin-bottom: -20px !important } .ml-md-n5, .mx-md-n5 { margin-left: -20px !important } .m-md-n15 { margin: -6px !important } .mt-md-n15, .my-md-n15 { margin-top: -6px !important } .mr-md-n15, .mx-md-n15 { margin-right: -6px !important } .mb-md-n15, .my-md-n15 { margin-bottom: -6px !important } .ml-md-n15, .mx-md-n15 { margin-left: -6px !important } .m-md-n25 { margin: -10px !important } .mt-md-n25, .my-md-n25 { margin-top: -10px !important } .mr-md-n25, .mx-md-n25 { margin-right: -10px !important } .mb-md-n25, .my-md-n25 { margin-bottom: -10px !important } .ml-md-n25, .mx-md-n25 { margin-left: -10px !important } .m-md-n6 { margin: -24px !important } .mt-md-n6, .my-md-n6 { margin-top: -24px !important } .mr-md-n6, .mx-md-n6 { margin-right: -24px !important } .mb-md-n6, .my-md-n6 { margin-bottom: -24px !important } .ml-md-n6, .mx-md-n6 { margin-left: -24px !important } .m-md-n7 { margin: -28px !important } .mt-md-n7, .my-md-n7 { margin-top: -28px !important } .mr-md-n7, .mx-md-n7 { margin-right: -28px !important } .mb-md-n7, .my-md-n7 { margin-bottom: -28px !important } .ml-md-n7, .mx-md-n7 { margin-left: -28px !important } .m-md-n8 { margin: -32px !important } .mt-md-n8, .my-md-n8 { margin-top: -32px !important } .mr-md-n8, .mx-md-n8 { margin-right: -32px !important } .mb-md-n8, .my-md-n8 { margin-bottom: -32px !important } .ml-md-n8, .mx-md-n8 { margin-left: -32px !important } .m-md-n9 { margin: -36px !important } .mt-md-n9, .my-md-n9 { margin-top: -36px !important } .mr-md-n9, .mx-md-n9 { margin-right: -36px !important } .mb-md-n9, .my-md-n9 { margin-bottom: -36px !important } .ml-md-n9, .mx-md-n9 { margin-left: -36px !important } .m-md-n10 { margin: -40px !important } .mt-md-n10, .my-md-n10 { margin-top: -40px !important } .mr-md-n10, .mx-md-n10 { margin-right: -40px !important } .mb-md-n10, .my-md-n10 { margin-bottom: -40px !important } .ml-md-n10, .mx-md-n10 { margin-left: -40px !important } .m-md-n11 { margin: -44px !important } .mt-md-n11, .my-md-n11 { margin-top: -44px !important } .mr-md-n11, .mx-md-n11 { margin-right: -44px !important } .mb-md-n11, .my-md-n11 { margin-bottom: -44px !important } .ml-md-n11, .mx-md-n11 { margin-left: -44px !important } .m-md-n12 { margin: -48px !important } .mt-md-n12, .my-md-n12 { margin-top: -48px !important } .mr-md-n12, .mx-md-n12 { margin-right: -48px !important } .mb-md-n12, .my-md-n12 { margin-bottom: -48px !important } .ml-md-n12, .mx-md-n12 { margin-left: -48px !important } .m-md-auto { margin: auto !important } .mt-md-auto, .my-md-auto { margin-top: auto !important } .mr-md-auto, .mx-md-auto { margin-right: auto !important } .mb-md-auto, .my-md-auto { margin-bottom: auto !important } .ml-md-auto, .mx-md-auto { margin-left: auto !important } } @media (min-width: 1280px) { .m-lg-0 { margin: 0 !important } .mt-lg-0, .my-lg-0 { margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important } .m-lg-1 { margin: 4px !important } .mt-lg-1, .my-lg-1 { margin-top: 4px !important } .mr-lg-1, .mx-lg-1 { margin-right: 4px !important } .mb-lg-1, .my-lg-1 { margin-bottom: 4px !important } .ml-lg-1, .mx-lg-1 { margin-left: 4px !important } .m-lg-2 { margin: 8px !important } .mt-lg-2, .my-lg-2 { margin-top: 8px !important } .mr-lg-2, .mx-lg-2 { margin-right: 8px !important } .mb-lg-2, .my-lg-2 { margin-bottom: 8px !important } .ml-lg-2, .mx-lg-2 { margin-left: 8px !important } .m-lg-3 { margin: 12px !important } .mt-lg-3, .my-lg-3 { margin-top: 12px !important } .mr-lg-3, .mx-lg-3 { margin-right: 12px !important } .mb-lg-3, .my-lg-3 { margin-bottom: 12px !important } .ml-lg-3, .mx-lg-3 { margin-left: 12px !important } .m-lg-4 { margin: 16px !important } .mt-lg-4, .my-lg-4 { margin-top: 16px !important } .mr-lg-4, .mx-lg-4 { margin-right: 16px !important } .mb-lg-4, .my-lg-4 { margin-bottom: 16px !important } .ml-lg-4, .mx-lg-4 { margin-left: 16px !important } .m-lg-5 { margin: 20px !important } .mt-lg-5, .my-lg-5 { margin-top: 20px !important } .mr-lg-5, .mx-lg-5 { margin-right: 20px !important } .mb-lg-5, .my-lg-5 { margin-bottom: 20px !important } .ml-lg-5, .mx-lg-5 { margin-left: 20px !important } .m-lg-15 { margin: 6px !important } .mt-lg-15, .my-lg-15 { margin-top: 6px !important } .mr-lg-15, .mx-lg-15 { margin-right: 6px !important } .mb-lg-15, .my-lg-15 { margin-bottom: 6px !important } .ml-lg-15, .mx-lg-15 { margin-left: 6px !important } .m-lg-25 { margin: 10px !important } .mt-lg-25, .my-lg-25 { margin-top: 10px !important } .mr-lg-25, .mx-lg-25 { margin-right: 10px !important } .mb-lg-25, .my-lg-25 { margin-bottom: 10px !important } .ml-lg-25, .mx-lg-25 { margin-left: 10px !important } .m-lg-6 { margin: 24px !important } .mt-lg-6, .my-lg-6 { margin-top: 24px !important } .mr-lg-6, .mx-lg-6 { margin-right: 24px !important } .mb-lg-6, .my-lg-6 { margin-bottom: 24px !important } .ml-lg-6, .mx-lg-6 { margin-left: 24px !important } .m-lg-7 { margin: 28px !important } .mt-lg-7, .my-lg-7 { margin-top: 28px !important } .mr-lg-7, .mx-lg-7 { margin-right: 28px !important } .mb-lg-7, .my-lg-7 { margin-bottom: 28px !important } .ml-lg-7, .mx-lg-7 { margin-left: 28px !important } .m-lg-8 { margin: 32px !important } .mt-lg-8, .my-lg-8 { margin-top: 32px !important } .mr-lg-8, .mx-lg-8 { margin-right: 32px !important } .mb-lg-8, .my-lg-8 { margin-bottom: 32px !important } .ml-lg-8, .mx-lg-8 { margin-left: 32px !important } .m-lg-9 { margin: 36px !important } .mt-lg-9, .my-lg-9 { margin-top: 36px !important } .mr-lg-9, .mx-lg-9 { margin-right: 36px !important } .mb-lg-9, .my-lg-9 { margin-bottom: 36px !important } .ml-lg-9, .mx-lg-9 { margin-left: 36px !important } .m-lg-10 { margin: 40px !important } .mt-lg-10, .my-lg-10 { margin-top: 40px !important } .mr-lg-10, .mx-lg-10 { margin-right: 40px !important } .mb-lg-10, .my-lg-10 { margin-bottom: 40px !important } .ml-lg-10, .mx-lg-10 { margin-left: 40px !important } .m-lg-11 { margin: 44px !important } .mt-lg-11, .my-lg-11 { margin-top: 44px !important } .mr-lg-11, .mx-lg-11 { margin-right: 44px !important } .mb-lg-11, .my-lg-11 { margin-bottom: 44px !important } .ml-lg-11, .mx-lg-11 { margin-left: 44px !important } .m-lg-12 { margin: 48px !important } .mt-lg-12, .my-lg-12 { margin-top: 48px !important } .mr-lg-12, .mx-lg-12 { margin-right: 48px !important } .mb-lg-12, .my-lg-12 { margin-bottom: 48px !important } .ml-lg-12, .mx-lg-12 { margin-left: 48px !important } .p-lg-0 { padding: 0 !important } .pt-lg-0, .py-lg-0 { padding-top: 0 !important } .pr-lg-0, .px-lg-0 { padding-right: 0 !important } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important } .pl-lg-0, .px-lg-0 { padding-left: 0 !important } .p-lg-1 { padding: 4px !important } .pt-lg-1, .py-lg-1 { padding-top: 4px !important } .pr-lg-1, .px-lg-1 { padding-right: 4px !important } .pb-lg-1, .py-lg-1 { padding-bottom: 4px !important } .pl-lg-1, .px-lg-1 { padding-left: 4px !important } .p-lg-2 { padding: 8px !important } .pt-lg-2, .py-lg-2 { padding-top: 8px !important } .pr-lg-2, .px-lg-2 { padding-right: 8px !important } .pb-lg-2, .py-lg-2 { padding-bottom: 8px !important } .pl-lg-2, .px-lg-2 { padding-left: 8px !important } .p-lg-3 { padding: 12px !important } .pt-lg-3, .py-lg-3 { padding-top: 12px !important } .pr-lg-3, .px-lg-3 { padding-right: 12px !important } .pb-lg-3, .py-lg-3 { padding-bottom: 12px !important } .pl-lg-3, .px-lg-3 { padding-left: 12px !important } .p-lg-4 { padding: 16px !important } .pt-lg-4, .py-lg-4 { padding-top: 16px !important } .pr-lg-4, .px-lg-4 { padding-right: 16px !important } .pb-lg-4, .py-lg-4 { padding-bottom: 16px !important } .pl-lg-4, .px-lg-4 { padding-left: 16px !important } .p-lg-5 { padding: 20px !important } .pt-lg-5, .py-lg-5 { padding-top: 20px !important } .pr-lg-5, .px-lg-5 { padding-right: 20px !important } .pb-lg-5, .py-lg-5 { padding-bottom: 20px !important } .pl-lg-5, .px-lg-5 { padding-left: 20px !important } .p-lg-15 { padding: 6px !important } .pt-lg-15, .py-lg-15 { padding-top: 6px !important } .pr-lg-15, .px-lg-15 { padding-right: 6px !important } .pb-lg-15, .py-lg-15 { padding-bottom: 6px !important } .pl-lg-15, .px-lg-15 { padding-left: 6px !important } .p-lg-25 { padding: 10px !important } .pt-lg-25, .py-lg-25 { padding-top: 10px !important } .pr-lg-25, .px-lg-25 { padding-right: 10px !important } .pb-lg-25, .py-lg-25 { padding-bottom: 10px !important } .pl-lg-25, .px-lg-25 { padding-left: 10px !important } .p-lg-6 { padding: 24px !important } .pt-lg-6, .py-lg-6 { padding-top: 24px !important } .pr-lg-6, .px-lg-6 { padding-right: 24px !important } .pb-lg-6, .py-lg-6 { padding-bottom: 24px !important } .pl-lg-6, .px-lg-6 { padding-left: 24px !important } .p-lg-7 { padding: 28px !important } .pt-lg-7, .py-lg-7 { padding-top: 28px !important } .pr-lg-7, .px-lg-7 { padding-right: 28px !important } .pb-lg-7, .py-lg-7 { padding-bottom: 28px !important } .pl-lg-7, .px-lg-7 { padding-left: 28px !important } .p-lg-8 { padding: 32px !important } .pt-lg-8, .py-lg-8 { padding-top: 32px !important } .pr-lg-8, .px-lg-8 { padding-right: 32px !important } .pb-lg-8, .py-lg-8 { padding-bottom: 32px !important } .pl-lg-8, .px-lg-8 { padding-left: 32px !important } .p-lg-9 { padding: 36px !important } .pt-lg-9, .py-lg-9 { padding-top: 36px !important } .pr-lg-9, .px-lg-9 { padding-right: 36px !important } .pb-lg-9, .py-lg-9 { padding-bottom: 36px !important } .pl-lg-9, .px-lg-9 { padding-left: 36px !important } .p-lg-10 { padding: 40px !important } .pt-lg-10, .py-lg-10 { padding-top: 40px !important } .pr-lg-10, .px-lg-10 { padding-right: 40px !important } .pb-lg-10, .py-lg-10 { padding-bottom: 40px !important } .pl-lg-10, .px-lg-10 { padding-left: 40px !important } .p-lg-11 { padding: 44px !important } .pt-lg-11, .py-lg-11 { padding-top: 44px !important } .pr-lg-11, .px-lg-11 { padding-right: 44px !important } .pb-lg-11, .py-lg-11 { padding-bottom: 44px !important } .pl-lg-11, .px-lg-11 { padding-left: 44px !important } .p-lg-12 { padding: 48px !important } .pt-lg-12, .py-lg-12 { padding-top: 48px !important } .pr-lg-12, .px-lg-12 { padding-right: 48px !important } .pb-lg-12, .py-lg-12 { padding-bottom: 48px !important } .pl-lg-12, .px-lg-12 { padding-left: 48px !important } .m-lg-n1 { margin: -4px !important } .mt-lg-n1, .my-lg-n1 { margin-top: -4px !important } .mr-lg-n1, .mx-lg-n1 { margin-right: -4px !important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -4px !important } .ml-lg-n1, .mx-lg-n1 { margin-left: -4px !important } .m-lg-n2 { margin: -8px !important } .mt-lg-n2, .my-lg-n2 { margin-top: -8px !important } .mr-lg-n2, .mx-lg-n2 { margin-right: -8px !important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -8px !important } .ml-lg-n2, .mx-lg-n2 { margin-left: -8px !important } .m-lg-n3 { margin: -12px !important } .mt-lg-n3, .my-lg-n3 { margin-top: -12px !important } .mr-lg-n3, .mx-lg-n3 { margin-right: -12px !important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -12px !important } .ml-lg-n3, .mx-lg-n3 { margin-left: -12px !important } .m-lg-n4 { margin: -16px !important } .mt-lg-n4, .my-lg-n4 { margin-top: -16px !important } .mr-lg-n4, .mx-lg-n4 { margin-right: -16px !important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -16px !important } .ml-lg-n4, .mx-lg-n4 { margin-left: -16px !important } .m-lg-n5 { margin: -20px !important } .mt-lg-n5, .my-lg-n5 { margin-top: -20px !important } .mr-lg-n5, .mx-lg-n5 { margin-right: -20px !important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -20px !important } .ml-lg-n5, .mx-lg-n5 { margin-left: -20px !important } .m-lg-n15 { margin: -6px !important } .mt-lg-n15, .my-lg-n15 { margin-top: -6px !important } .mr-lg-n15, .mx-lg-n15 { margin-right: -6px !important } .mb-lg-n15, .my-lg-n15 { margin-bottom: -6px !important } .ml-lg-n15, .mx-lg-n15 { margin-left: -6px !important } .m-lg-n25 { margin: -10px !important } .mt-lg-n25, .my-lg-n25 { margin-top: -10px !important } .mr-lg-n25, .mx-lg-n25 { margin-right: -10px !important } .mb-lg-n25, .my-lg-n25 { margin-bottom: -10px !important } .ml-lg-n25, .mx-lg-n25 { margin-left: -10px !important } .m-lg-n6 { margin: -24px !important } .mt-lg-n6, .my-lg-n6 { margin-top: -24px !important } .mr-lg-n6, .mx-lg-n6 { margin-right: -24px !important } .mb-lg-n6, .my-lg-n6 { margin-bottom: -24px !important } .ml-lg-n6, .mx-lg-n6 { margin-left: -24px !important } .m-lg-n7 { margin: -28px !important } .mt-lg-n7, .my-lg-n7 { margin-top: -28px !important } .mr-lg-n7, .mx-lg-n7 { margin-right: -28px !important } .mb-lg-n7, .my-lg-n7 { margin-bottom: -28px !important } .ml-lg-n7, .mx-lg-n7 { margin-left: -28px !important } .m-lg-n8 { margin: -32px !important } .mt-lg-n8, .my-lg-n8 { margin-top: -32px !important } .mr-lg-n8, .mx-lg-n8 { margin-right: -32px !important } .mb-lg-n8, .my-lg-n8 { margin-bottom: -32px !important } .ml-lg-n8, .mx-lg-n8 { margin-left: -32px !important } .m-lg-n9 { margin: -36px !important } .mt-lg-n9, .my-lg-n9 { margin-top: -36px !important } .mr-lg-n9, .mx-lg-n9 { margin-right: -36px !important } .mb-lg-n9, .my-lg-n9 { margin-bottom: -36px !important } .ml-lg-n9, .mx-lg-n9 { margin-left: -36px !important } .m-lg-n10 { margin: -40px !important } .mt-lg-n10, .my-lg-n10 { margin-top: -40px !important } .mr-lg-n10, .mx-lg-n10 { margin-right: -40px !important } .mb-lg-n10, .my-lg-n10 { margin-bottom: -40px !important } .ml-lg-n10, .mx-lg-n10 { margin-left: -40px !important } .m-lg-n11 { margin: -44px !important } .mt-lg-n11, .my-lg-n11 { margin-top: -44px !important } .mr-lg-n11, .mx-lg-n11 { margin-right: -44px !important } .mb-lg-n11, .my-lg-n11 { margin-bottom: -44px !important } .ml-lg-n11, .mx-lg-n11 { margin-left: -44px !important } .m-lg-n12 { margin: -48px !important } .mt-lg-n12, .my-lg-n12 { margin-top: -48px !important } .mr-lg-n12, .mx-lg-n12 { margin-right: -48px !important } .mb-lg-n12, .my-lg-n12 { margin-bottom: -48px !important } .ml-lg-n12, .mx-lg-n12 { margin-left: -48px !important } .m-lg-auto { margin: auto !important } .mt-lg-auto, .my-lg-auto { margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important } } @media (min-width: 1367px) { .m-xl-0 { margin: 0 !important } .mt-xl-0, .my-xl-0 { margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important } .m-xl-1 { margin: 4px !important } .mt-xl-1, .my-xl-1 { margin-top: 4px !important } .mr-xl-1, .mx-xl-1 { margin-right: 4px !important } .mb-xl-1, .my-xl-1 { margin-bottom: 4px !important } .ml-xl-1, .mx-xl-1 { margin-left: 4px !important } .m-xl-2 { margin: 8px !important } .mt-xl-2, .my-xl-2 { margin-top: 8px !important } .mr-xl-2, .mx-xl-2 { margin-right: 8px !important } .mb-xl-2, .my-xl-2 { margin-bottom: 8px !important } .ml-xl-2, .mx-xl-2 { margin-left: 8px !important } .m-xl-3 { margin: 12px !important } .mt-xl-3, .my-xl-3 { margin-top: 12px !important } .mr-xl-3, .mx-xl-3 { margin-right: 12px !important } .mb-xl-3, .my-xl-3 { margin-bottom: 12px !important } .ml-xl-3, .mx-xl-3 { margin-left: 12px !important } .m-xl-4 { margin: 16px !important } .mt-xl-4, .my-xl-4 { margin-top: 16px !important } .mr-xl-4, .mx-xl-4 { margin-right: 16px !important } .mb-xl-4, .my-xl-4 { margin-bottom: 16px !important } .ml-xl-4, .mx-xl-4 { margin-left: 16px !important } .m-xl-5 { margin: 20px !important } .mt-xl-5, .my-xl-5 { margin-top: 20px !important } .mr-xl-5, .mx-xl-5 { margin-right: 20px !important } .mb-xl-5, .my-xl-5 { margin-bottom: 20px !important } .ml-xl-5, .mx-xl-5 { margin-left: 20px !important } .m-xl-15 { margin: 6px !important } .mt-xl-15, .my-xl-15 { margin-top: 6px !important } .mr-xl-15, .mx-xl-15 { margin-right: 6px !important } .mb-xl-15, .my-xl-15 { margin-bottom: 6px !important } .ml-xl-15, .mx-xl-15 { margin-left: 6px !important } .m-xl-25 { margin: 10px !important } .mt-xl-25, .my-xl-25 { margin-top: 10px !important } .mr-xl-25, .mx-xl-25 { margin-right: 10px !important } .mb-xl-25, .my-xl-25 { margin-bottom: 10px !important } .ml-xl-25, .mx-xl-25 { margin-left: 10px !important } .m-xl-6 { margin: 24px !important } .mt-xl-6, .my-xl-6 { margin-top: 24px !important } .mr-xl-6, .mx-xl-6 { margin-right: 24px !important } .mb-xl-6, .my-xl-6 { margin-bottom: 24px !important } .ml-xl-6, .mx-xl-6 { margin-left: 24px !important } .m-xl-7 { margin: 28px !important } .mt-xl-7, .my-xl-7 { margin-top: 28px !important } .mr-xl-7, .mx-xl-7 { margin-right: 28px !important } .mb-xl-7, .my-xl-7 { margin-bottom: 28px !important } .ml-xl-7, .mx-xl-7 { margin-left: 28px !important } .m-xl-8 { margin: 32px !important } .mt-xl-8, .my-xl-8 { margin-top: 32px !important } .mr-xl-8, .mx-xl-8 { margin-right: 32px !important } .mb-xl-8, .my-xl-8 { margin-bottom: 32px !important } .ml-xl-8, .mx-xl-8 { margin-left: 32px !important } .m-xl-9 { margin: 36px !important } .mt-xl-9, .my-xl-9 { margin-top: 36px !important } .mr-xl-9, .mx-xl-9 { margin-right: 36px !important } .mb-xl-9, .my-xl-9 { margin-bottom: 36px !important } .ml-xl-9, .mx-xl-9 { margin-left: 36px !important } .m-xl-10 { margin: 40px !important } .mt-xl-10, .my-xl-10 { margin-top: 40px !important } .mr-xl-10, .mx-xl-10 { margin-right: 40px !important } .mb-xl-10, .my-xl-10 { margin-bottom: 40px !important } .ml-xl-10, .mx-xl-10 { margin-left: 40px !important } .m-xl-11 { margin: 44px !important } .mt-xl-11, .my-xl-11 { margin-top: 44px !important } .mr-xl-11, .mx-xl-11 { margin-right: 44px !important } .mb-xl-11, .my-xl-11 { margin-bottom: 44px !important } .ml-xl-11, .mx-xl-11 { margin-left: 44px !important } .m-xl-12 { margin: 48px !important } .mt-xl-12, .my-xl-12 { margin-top: 48px !important } .mr-xl-12, .mx-xl-12 { margin-right: 48px !important } .mb-xl-12, .my-xl-12 { margin-bottom: 48px !important } .ml-xl-12, .mx-xl-12 { margin-left: 48px !important } .p-xl-0 { padding: 0 !important } .pt-xl-0, .py-xl-0 { padding-top: 0 !important } .pr-xl-0, .px-xl-0 { padding-right: 0 !important } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important } .pl-xl-0, .px-xl-0 { padding-left: 0 !important } .p-xl-1 { padding: 4px !important } .pt-xl-1, .py-xl-1 { padding-top: 4px !important } .pr-xl-1, .px-xl-1 { padding-right: 4px !important } .pb-xl-1, .py-xl-1 { padding-bottom: 4px !important } .pl-xl-1, .px-xl-1 { padding-left: 4px !important } .p-xl-2 { padding: 8px !important } .pt-xl-2, .py-xl-2 { padding-top: 8px !important } .pr-xl-2, .px-xl-2 { padding-right: 8px !important } .pb-xl-2, .py-xl-2 { padding-bottom: 8px !important } .pl-xl-2, .px-xl-2 { padding-left: 8px !important } .p-xl-3 { padding: 12px !important } .pt-xl-3, .py-xl-3 { padding-top: 12px !important } .pr-xl-3, .px-xl-3 { padding-right: 12px !important } .pb-xl-3, .py-xl-3 { padding-bottom: 12px !important } .pl-xl-3, .px-xl-3 { padding-left: 12px !important } .p-xl-4 { padding: 16px !important } .pt-xl-4, .py-xl-4 { padding-top: 16px !important } .pr-xl-4, .px-xl-4 { padding-right: 16px !important } .pb-xl-4, .py-xl-4 { padding-bottom: 16px !important } .pl-xl-4, .px-xl-4 { padding-left: 16px !important } .p-xl-5 { padding: 20px !important } .pt-xl-5, .py-xl-5 { padding-top: 20px !important } .pr-xl-5, .px-xl-5 { padding-right: 20px !important } .pb-xl-5, .py-xl-5 { padding-bottom: 20px !important } .pl-xl-5, .px-xl-5 { padding-left: 20px !important } .p-xl-15 { padding: 6px !important } .pt-xl-15, .py-xl-15 { padding-top: 6px !important } .pr-xl-15, .px-xl-15 { padding-right: 6px !important } .pb-xl-15, .py-xl-15 { padding-bottom: 6px !important } .pl-xl-15, .px-xl-15 { padding-left: 6px !important } .p-xl-25 { padding: 10px !important } .pt-xl-25, .py-xl-25 { padding-top: 10px !important } .pr-xl-25, .px-xl-25 { padding-right: 10px !important } .pb-xl-25, .py-xl-25 { padding-bottom: 10px !important } .pl-xl-25, .px-xl-25 { padding-left: 10px !important } .p-xl-6 { padding: 24px !important } .pt-xl-6, .py-xl-6 { padding-top: 24px !important } .pr-xl-6, .px-xl-6 { padding-right: 24px !important } .pb-xl-6, .py-xl-6 { padding-bottom: 24px !important } .pl-xl-6, .px-xl-6 { padding-left: 24px !important } .p-xl-7 { padding: 28px !important } .pt-xl-7, .py-xl-7 { padding-top: 28px !important } .pr-xl-7, .px-xl-7 { padding-right: 28px !important } .pb-xl-7, .py-xl-7 { padding-bottom: 28px !important } .pl-xl-7, .px-xl-7 { padding-left: 28px !important } .p-xl-8 { padding: 32px !important } .pt-xl-8, .py-xl-8 { padding-top: 32px !important } .pr-xl-8, .px-xl-8 { padding-right: 32px !important } .pb-xl-8, .py-xl-8 { padding-bottom: 32px !important } .pl-xl-8, .px-xl-8 { padding-left: 32px !important } .p-xl-9 { padding: 36px !important } .pt-xl-9, .py-xl-9 { padding-top: 36px !important } .pr-xl-9, .px-xl-9 { padding-right: 36px !important } .pb-xl-9, .py-xl-9 { padding-bottom: 36px !important } .pl-xl-9, .px-xl-9 { padding-left: 36px !important } .p-xl-10 { padding: 40px !important } .pt-xl-10, .py-xl-10 { padding-top: 40px !important } .pr-xl-10, .px-xl-10 { padding-right: 40px !important } .pb-xl-10, .py-xl-10 { padding-bottom: 40px !important } .pl-xl-10, .px-xl-10 { padding-left: 40px !important } .p-xl-11 { padding: 44px !important } .pt-xl-11, .py-xl-11 { padding-top: 44px !important } .pr-xl-11, .px-xl-11 { padding-right: 44px !important } .pb-xl-11, .py-xl-11 { padding-bottom: 44px !important } .pl-xl-11, .px-xl-11 { padding-left: 44px !important } .p-xl-12 { padding: 48px !important } .pt-xl-12, .py-xl-12 { padding-top: 48px !important } .pr-xl-12, .px-xl-12 { padding-right: 48px !important } .pb-xl-12, .py-xl-12 { padding-bottom: 48px !important } .pl-xl-12, .px-xl-12 { padding-left: 48px !important } .m-xl-n1 { margin: -4px !important } .mt-xl-n1, .my-xl-n1 { margin-top: -4px !important } .mr-xl-n1, .mx-xl-n1 { margin-right: -4px !important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -4px !important } .ml-xl-n1, .mx-xl-n1 { margin-left: -4px !important } .m-xl-n2 { margin: -8px !important } .mt-xl-n2, .my-xl-n2 { margin-top: -8px !important } .mr-xl-n2, .mx-xl-n2 { margin-right: -8px !important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -8px !important } .ml-xl-n2, .mx-xl-n2 { margin-left: -8px !important } .m-xl-n3 { margin: -12px !important } .mt-xl-n3, .my-xl-n3 { margin-top: -12px !important } .mr-xl-n3, .mx-xl-n3 { margin-right: -12px !important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -12px !important } .ml-xl-n3, .mx-xl-n3 { margin-left: -12px !important } .m-xl-n4 { margin: -16px !important } .mt-xl-n4, .my-xl-n4 { margin-top: -16px !important } .mr-xl-n4, .mx-xl-n4 { margin-right: -16px !important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -16px !important } .ml-xl-n4, .mx-xl-n4 { margin-left: -16px !important } .m-xl-n5 { margin: -20px !important } .mt-xl-n5, .my-xl-n5 { margin-top: -20px !important } .mr-xl-n5, .mx-xl-n5 { margin-right: -20px !important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -20px !important } .ml-xl-n5, .mx-xl-n5 { margin-left: -20px !important } .m-xl-n15 { margin: -6px !important } .mt-xl-n15, .my-xl-n15 { margin-top: -6px !important } .mr-xl-n15, .mx-xl-n15 { margin-right: -6px !important } .mb-xl-n15, .my-xl-n15 { margin-bottom: -6px !important } .ml-xl-n15, .mx-xl-n15 { margin-left: -6px !important } .m-xl-n25 { margin: -10px !important } .mt-xl-n25, .my-xl-n25 { margin-top: -10px !important } .mr-xl-n25, .mx-xl-n25 { margin-right: -10px !important } .mb-xl-n25, .my-xl-n25 { margin-bottom: -10px !important } .ml-xl-n25, .mx-xl-n25 { margin-left: -10px !important } .m-xl-n6 { margin: -24px !important } .mt-xl-n6, .my-xl-n6 { margin-top: -24px !important } .mr-xl-n6, .mx-xl-n6 { margin-right: -24px !important } .mb-xl-n6, .my-xl-n6 { margin-bottom: -24px !important } .ml-xl-n6, .mx-xl-n6 { margin-left: -24px !important } .m-xl-n7 { margin: -28px !important } .mt-xl-n7, .my-xl-n7 { margin-top: -28px !important } .mr-xl-n7, .mx-xl-n7 { margin-right: -28px !important } .mb-xl-n7, .my-xl-n7 { margin-bottom: -28px !important } .ml-xl-n7, .mx-xl-n7 { margin-left: -28px !important } .m-xl-n8 { margin: -32px !important } .mt-xl-n8, .my-xl-n8 { margin-top: -32px !important } .mr-xl-n8, .mx-xl-n8 { margin-right: -32px !important } .mb-xl-n8, .my-xl-n8 { margin-bottom: -32px !important } .ml-xl-n8, .mx-xl-n8 { margin-left: -32px !important } .m-xl-n9 { margin: -36px !important } .mt-xl-n9, .my-xl-n9 { margin-top: -36px !important } .mr-xl-n9, .mx-xl-n9 { margin-right: -36px !important } .mb-xl-n9, .my-xl-n9 { margin-bottom: -36px !important } .ml-xl-n9, .mx-xl-n9 { margin-left: -36px !important } .m-xl-n10 { margin: -40px !important } .mt-xl-n10, .my-xl-n10 { margin-top: -40px !important } .mr-xl-n10, .mx-xl-n10 { margin-right: -40px !important } .mb-xl-n10, .my-xl-n10 { margin-bottom: -40px !important } .ml-xl-n10, .mx-xl-n10 { margin-left: -40px !important } .m-xl-n11 { margin: -44px !important } .mt-xl-n11, .my-xl-n11 { margin-top: -44px !important } .mr-xl-n11, .mx-xl-n11 { margin-right: -44px !important } .mb-xl-n11, .my-xl-n11 { margin-bottom: -44px !important } .ml-xl-n11, .mx-xl-n11 { margin-left: -44px !important } .m-xl-n12 { margin: -48px !important } .mt-xl-n12, .my-xl-n12 { margin-top: -48px !important } .mr-xl-n12, .mx-xl-n12 { margin-right: -48px !important } .mb-xl-n12, .my-xl-n12 { margin-bottom: -48px !important } .ml-xl-n12, .mx-xl-n12 { margin-left: -48px !important } .m-xl-auto { margin: auto !important } .mt-xl-auto, .my-xl-auto { margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important } } @media (min-width: 1920px) { .m-fhd-0 { margin: 0 !important } .mt-fhd-0, .my-fhd-0 { margin-top: 0 !important } .mr-fhd-0, .mx-fhd-0 { margin-right: 0 !important } .mb-fhd-0, .my-fhd-0 { margin-bottom: 0 !important } .ml-fhd-0, .mx-fhd-0 { margin-left: 0 !important } .m-fhd-1 { margin: 4px !important } .mt-fhd-1, .my-fhd-1 { margin-top: 4px !important } .mr-fhd-1, .mx-fhd-1 { margin-right: 4px !important } .mb-fhd-1, .my-fhd-1 { margin-bottom: 4px !important } .ml-fhd-1, .mx-fhd-1 { margin-left: 4px !important } .m-fhd-2 { margin: 8px !important } .mt-fhd-2, .my-fhd-2 { margin-top: 8px !important } .mr-fhd-2, .mx-fhd-2 { margin-right: 8px !important } .mb-fhd-2, .my-fhd-2 { margin-bottom: 8px !important } .ml-fhd-2, .mx-fhd-2 { margin-left: 8px !important } .m-fhd-3 { margin: 12px !important } .mt-fhd-3, .my-fhd-3 { margin-top: 12px !important } .mr-fhd-3, .mx-fhd-3 { margin-right: 12px !important } .mb-fhd-3, .my-fhd-3 { margin-bottom: 12px !important } .ml-fhd-3, .mx-fhd-3 { margin-left: 12px !important } .m-fhd-4 { margin: 16px !important } .mt-fhd-4, .my-fhd-4 { margin-top: 16px !important } .mr-fhd-4, .mx-fhd-4 { margin-right: 16px !important } .mb-fhd-4, .my-fhd-4 { margin-bottom: 16px !important } .ml-fhd-4, .mx-fhd-4 { margin-left: 16px !important } .m-fhd-5 { margin: 20px !important } .mt-fhd-5, .my-fhd-5 { margin-top: 20px !important } .mr-fhd-5, .mx-fhd-5 { margin-right: 20px !important } .mb-fhd-5, .my-fhd-5 { margin-bottom: 20px !important } .ml-fhd-5, .mx-fhd-5 { margin-left: 20px !important } .m-fhd-15 { margin: 6px !important } .mt-fhd-15, .my-fhd-15 { margin-top: 6px !important } .mr-fhd-15, .mx-fhd-15 { margin-right: 6px !important } .mb-fhd-15, .my-fhd-15 { margin-bottom: 6px !important } .ml-fhd-15, .mx-fhd-15 { margin-left: 6px !important } .m-fhd-25 { margin: 10px !important } .mt-fhd-25, .my-fhd-25 { margin-top: 10px !important } .mr-fhd-25, .mx-fhd-25 { margin-right: 10px !important } .mb-fhd-25, .my-fhd-25 { margin-bottom: 10px !important } .ml-fhd-25, .mx-fhd-25 { margin-left: 10px !important } .m-fhd-6 { margin: 24px !important } .mt-fhd-6, .my-fhd-6 { margin-top: 24px !important } .mr-fhd-6, .mx-fhd-6 { margin-right: 24px !important } .mb-fhd-6, .my-fhd-6 { margin-bottom: 24px !important } .ml-fhd-6, .mx-fhd-6 { margin-left: 24px !important } .m-fhd-7 { margin: 28px !important } .mt-fhd-7, .my-fhd-7 { margin-top: 28px !important } .mr-fhd-7, .mx-fhd-7 { margin-right: 28px !important } .mb-fhd-7, .my-fhd-7 { margin-bottom: 28px !important } .ml-fhd-7, .mx-fhd-7 { margin-left: 28px !important } .m-fhd-8 { margin: 32px !important } .mt-fhd-8, .my-fhd-8 { margin-top: 32px !important } .mr-fhd-8, .mx-fhd-8 { margin-right: 32px !important } .mb-fhd-8, .my-fhd-8 { margin-bottom: 32px !important } .ml-fhd-8, .mx-fhd-8 { margin-left: 32px !important } .m-fhd-9 { margin: 36px !important } .mt-fhd-9, .my-fhd-9 { margin-top: 36px !important } .mr-fhd-9, .mx-fhd-9 { margin-right: 36px !important } .mb-fhd-9, .my-fhd-9 { margin-bottom: 36px !important } .ml-fhd-9, .mx-fhd-9 { margin-left: 36px !important } .m-fhd-10 { margin: 40px !important } .mt-fhd-10, .my-fhd-10 { margin-top: 40px !important } .mr-fhd-10, .mx-fhd-10 { margin-right: 40px !important } .mb-fhd-10, .my-fhd-10 { margin-bottom: 40px !important } .ml-fhd-10, .mx-fhd-10 { margin-left: 40px !important } .m-fhd-11 { margin: 44px !important } .mt-fhd-11, .my-fhd-11 { margin-top: 44px !important } .mr-fhd-11, .mx-fhd-11 { margin-right: 44px !important } .mb-fhd-11, .my-fhd-11 { margin-bottom: 44px !important } .ml-fhd-11, .mx-fhd-11 { margin-left: 44px !important } .m-fhd-12 { margin: 48px !important } .mt-fhd-12, .my-fhd-12 { margin-top: 48px !important } .mr-fhd-12, .mx-fhd-12 { margin-right: 48px !important } .mb-fhd-12, .my-fhd-12 { margin-bottom: 48px !important } .ml-fhd-12, .mx-fhd-12 { margin-left: 48px !important } .p-fhd-0 { padding: 0 !important } .pt-fhd-0, .py-fhd-0 { padding-top: 0 !important } .pr-fhd-0, .px-fhd-0 { padding-right: 0 !important } .pb-fhd-0, .py-fhd-0 { padding-bottom: 0 !important } .pl-fhd-0, .px-fhd-0 { padding-left: 0 !important } .p-fhd-1 { padding: 4px !important } .pt-fhd-1, .py-fhd-1 { padding-top: 4px !important } .pr-fhd-1, .px-fhd-1 { padding-right: 4px !important } .pb-fhd-1, .py-fhd-1 { padding-bottom: 4px !important } .pl-fhd-1, .px-fhd-1 { padding-left: 4px !important } .p-fhd-2 { padding: 8px !important } .pt-fhd-2, .py-fhd-2 { padding-top: 8px !important } .pr-fhd-2, .px-fhd-2 { padding-right: 8px !important } .pb-fhd-2, .py-fhd-2 { padding-bottom: 8px !important } .pl-fhd-2, .px-fhd-2 { padding-left: 8px !important } .p-fhd-3 { padding: 12px !important } .pt-fhd-3, .py-fhd-3 { padding-top: 12px !important } .pr-fhd-3, .px-fhd-3 { padding-right: 12px !important } .pb-fhd-3, .py-fhd-3 { padding-bottom: 12px !important } .pl-fhd-3, .px-fhd-3 { padding-left: 12px !important } .p-fhd-4 { padding: 16px !important } .pt-fhd-4, .py-fhd-4 { padding-top: 16px !important } .pr-fhd-4, .px-fhd-4 { padding-right: 16px !important } .pb-fhd-4, .py-fhd-4 { padding-bottom: 16px !important } .pl-fhd-4, .px-fhd-4 { padding-left: 16px !important } .p-fhd-5 { padding: 20px !important } .pt-fhd-5, .py-fhd-5 { padding-top: 20px !important } .pr-fhd-5, .px-fhd-5 { padding-right: 20px !important } .pb-fhd-5, .py-fhd-5 { padding-bottom: 20px !important } .pl-fhd-5, .px-fhd-5 { padding-left: 20px !important } .p-fhd-15 { padding: 6px !important } .pt-fhd-15, .py-fhd-15 { padding-top: 6px !important } .pr-fhd-15, .px-fhd-15 { padding-right: 6px !important } .pb-fhd-15, .py-fhd-15 { padding-bottom: 6px !important } .pl-fhd-15, .px-fhd-15 { padding-left: 6px !important } .p-fhd-25 { padding: 10px !important } .pt-fhd-25, .py-fhd-25 { padding-top: 10px !important } .pr-fhd-25, .px-fhd-25 { padding-right: 10px !important } .pb-fhd-25, .py-fhd-25 { padding-bottom: 10px !important } .pl-fhd-25, .px-fhd-25 { padding-left: 10px !important } .p-fhd-6 { padding: 24px !important } .pt-fhd-6, .py-fhd-6 { padding-top: 24px !important } .pr-fhd-6, .px-fhd-6 { padding-right: 24px !important } .pb-fhd-6, .py-fhd-6 { padding-bottom: 24px !important } .pl-fhd-6, .px-fhd-6 { padding-left: 24px !important } .p-fhd-7 { padding: 28px !important } .pt-fhd-7, .py-fhd-7 { padding-top: 28px !important } .pr-fhd-7, .px-fhd-7 { padding-right: 28px !important } .pb-fhd-7, .py-fhd-7 { padding-bottom: 28px !important } .pl-fhd-7, .px-fhd-7 { padding-left: 28px !important } .p-fhd-8 { padding: 32px !important } .pt-fhd-8, .py-fhd-8 { padding-top: 32px !important } .pr-fhd-8, .px-fhd-8 { padding-right: 32px !important } .pb-fhd-8, .py-fhd-8 { padding-bottom: 32px !important } .pl-fhd-8, .px-fhd-8 { padding-left: 32px !important } .p-fhd-9 { padding: 36px !important } .pt-fhd-9, .py-fhd-9 { padding-top: 36px !important } .pr-fhd-9, .px-fhd-9 { padding-right: 36px !important } .pb-fhd-9, .py-fhd-9 { padding-bottom: 36px !important } .pl-fhd-9, .px-fhd-9 { padding-left: 36px !important } .p-fhd-10 { padding: 40px !important } .pt-fhd-10, .py-fhd-10 { padding-top: 40px !important } .pr-fhd-10, .px-fhd-10 { padding-right: 40px !important } .pb-fhd-10, .py-fhd-10 { padding-bottom: 40px !important } .pl-fhd-10, .px-fhd-10 { padding-left: 40px !important } .p-fhd-11 { padding: 44px !important } .pt-fhd-11, .py-fhd-11 { padding-top: 44px !important } .pr-fhd-11, .px-fhd-11 { padding-right: 44px !important } .pb-fhd-11, .py-fhd-11 { padding-bottom: 44px !important } .pl-fhd-11, .px-fhd-11 { padding-left: 44px !important } .p-fhd-12 { padding: 48px !important } .pt-fhd-12, .py-fhd-12 { padding-top: 48px !important } .pr-fhd-12, .px-fhd-12 { padding-right: 48px !important } .pb-fhd-12, .py-fhd-12 { padding-bottom: 48px !important } .pl-fhd-12, .px-fhd-12 { padding-left: 48px !important } .m-fhd-n1 { margin: -4px !important } .mt-fhd-n1, .my-fhd-n1 { margin-top: -4px !important } .mr-fhd-n1, .mx-fhd-n1 { margin-right: -4px !important } .mb-fhd-n1, .my-fhd-n1 { margin-bottom: -4px !important } .ml-fhd-n1, .mx-fhd-n1 { margin-left: -4px !important } .m-fhd-n2 { margin: -8px !important } .mt-fhd-n2, .my-fhd-n2 { margin-top: -8px !important } .mr-fhd-n2, .mx-fhd-n2 { margin-right: -8px !important } .mb-fhd-n2, .my-fhd-n2 { margin-bottom: -8px !important } .ml-fhd-n2, .mx-fhd-n2 { margin-left: -8px !important } .m-fhd-n3 { margin: -12px !important } .mt-fhd-n3, .my-fhd-n3 { margin-top: -12px !important } .mr-fhd-n3, .mx-fhd-n3 { margin-right: -12px !important } .mb-fhd-n3, .my-fhd-n3 { margin-bottom: -12px !important } .ml-fhd-n3, .mx-fhd-n3 { margin-left: -12px !important } .m-fhd-n4 { margin: -16px !important } .mt-fhd-n4, .my-fhd-n4 { margin-top: -16px !important } .mr-fhd-n4, .mx-fhd-n4 { margin-right: -16px !important } .mb-fhd-n4, .my-fhd-n4 { margin-bottom: -16px !important } .ml-fhd-n4, .mx-fhd-n4 { margin-left: -16px !important } .m-fhd-n5 { margin: -20px !important } .mt-fhd-n5, .my-fhd-n5 { margin-top: -20px !important } .mr-fhd-n5, .mx-fhd-n5 { margin-right: -20px !important } .mb-fhd-n5, .my-fhd-n5 { margin-bottom: -20px !important } .ml-fhd-n5, .mx-fhd-n5 { margin-left: -20px !important } .m-fhd-n15 { margin: -6px !important } .mt-fhd-n15, .my-fhd-n15 { margin-top: -6px !important } .mr-fhd-n15, .mx-fhd-n15 { margin-right: -6px !important } .mb-fhd-n15, .my-fhd-n15 { margin-bottom: -6px !important } .ml-fhd-n15, .mx-fhd-n15 { margin-left: -6px !important } .m-fhd-n25 { margin: -10px !important } .mt-fhd-n25, .my-fhd-n25 { margin-top: -10px !important } .mr-fhd-n25, .mx-fhd-n25 { margin-right: -10px !important } .mb-fhd-n25, .my-fhd-n25 { margin-bottom: -10px !important } .ml-fhd-n25, .mx-fhd-n25 { margin-left: -10px !important } .m-fhd-n6 { margin: -24px !important } .mt-fhd-n6, .my-fhd-n6 { margin-top: -24px !important } .mr-fhd-n6, .mx-fhd-n6 { margin-right: -24px !important } .mb-fhd-n6, .my-fhd-n6 { margin-bottom: -24px !important } .ml-fhd-n6, .mx-fhd-n6 { margin-left: -24px !important } .m-fhd-n7 { margin: -28px !important } .mt-fhd-n7, .my-fhd-n7 { margin-top: -28px !important } .mr-fhd-n7, .mx-fhd-n7 { margin-right: -28px !important } .mb-fhd-n7, .my-fhd-n7 { margin-bottom: -28px !important } .ml-fhd-n7, .mx-fhd-n7 { margin-left: -28px !important } .m-fhd-n8 { margin: -32px !important } .mt-fhd-n8, .my-fhd-n8 { margin-top: -32px !important } .mr-fhd-n8, .mx-fhd-n8 { margin-right: -32px !important } .mb-fhd-n8, .my-fhd-n8 { margin-bottom: -32px !important } .ml-fhd-n8, .mx-fhd-n8 { margin-left: -32px !important } .m-fhd-n9 { margin: -36px !important } .mt-fhd-n9, .my-fhd-n9 { margin-top: -36px !important } .mr-fhd-n9, .mx-fhd-n9 { margin-right: -36px !important } .mb-fhd-n9, .my-fhd-n9 { margin-bottom: -36px !important } .ml-fhd-n9, .mx-fhd-n9 { margin-left: -36px !important } .m-fhd-n10 { margin: -40px !important } .mt-fhd-n10, .my-fhd-n10 { margin-top: -40px !important } .mr-fhd-n10, .mx-fhd-n10 { margin-right: -40px !important } .mb-fhd-n10, .my-fhd-n10 { margin-bottom: -40px !important } .ml-fhd-n10, .mx-fhd-n10 { margin-left: -40px !important } .m-fhd-n11 { margin: -44px !important } .mt-fhd-n11, .my-fhd-n11 { margin-top: -44px !important } .mr-fhd-n11, .mx-fhd-n11 { margin-right: -44px !important } .mb-fhd-n11, .my-fhd-n11 { margin-bottom: -44px !important } .ml-fhd-n11, .mx-fhd-n11 { margin-left: -44px !important } .m-fhd-n12 { margin: -48px !important } .mt-fhd-n12, .my-fhd-n12 { margin-top: -48px !important } .mr-fhd-n12, .mx-fhd-n12 { margin-right: -48px !important } .mb-fhd-n12, .my-fhd-n12 { margin-bottom: -48px !important } .ml-fhd-n12, .mx-fhd-n12 { margin-left: -48px !important } .m-fhd-auto { margin: auto !important } .mt-fhd-auto, .my-fhd-auto { margin-top: auto !important } .mr-fhd-auto, .mx-fhd-auto { margin-right: auto !important } .mb-fhd-auto, .my-fhd-auto { margin-bottom: auto !important } .ml-fhd-auto, .mx-fhd-auto { margin-left: auto !important } } .container { padding-left: 80px; padding-right: 80px; position: relative } @media (max-width: 1366.98px) { .container { padding-left: 30px; padding-right: 30px; max-width: 1266px } } @media (max-width: 1279.98px) { .container { padding-left: 30px; padding-right: 30px } } @media (max-width: 768.98px) { .container { padding-left: 20px; padding-right: 20px } } .container-v2 { max-width: 1920px; margin: 0 auto; padding: 0 80px } @media (max-width: 1919.98px) { .container-v2 { padding: 0 80px } } @media (max-width: 1365.98px) { .container-v2 { padding: 0 58px } } @media (max-width: 1023.98px) { .container-v2 { padding: 0 40px } } @media (max-width: 767.98px) { .container-v2 { padding: 0 20px } } @media (max-width: 1365.98px) { .search-results .container-v2 { padding: 0 30px } } @media (max-width: 768.98px) { .search-results .container-v2 { padding: 0 20px } } .cloudpay_button { position: relative; display: inline-block; vertical-align: baseline; text-align: center; height: 56px; padding: 0 35px; margin: 0; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 400; line-height: 54px; color: #fff; background: #22b0f3; border: 1px solid transparent; border-radius: 8px; text-decoration: none; box-shadow: 0 20px 53px -18px #22b0f3; cursor: pointer; -webkit-appearance: none; z-index: 1; opacity: 1; transition: opacity .7s ease-in-out } .cloudpay_button:hover { background: #0090d5 } .cloudpay_button:active { background: #2354a5; box-shadow: 0 20px 53px -18px #2354a5 } @media print { [class*=popmechanic-js-wrapper], [class*=popmechanic-widget] { display: none !important } } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { pointer-events: auto } .uw__messenger-layout__buttons_cookie { bottom: 170px !important } .uw__messenger-layout__buttons { bottom: 82px !important; transition: bottom .25s; will-change: bottom } .uw__messenger-layout__buttons.is-adjusted { bottom: 60px !important } @media screen and (max-width: 512px) { .uw__messenger-layout__buttons.is-adjusted { bottom: 170px !important } } .uw__buttons-list .uw__buttons-list-item:last-child { margin-bottom: 0 !important } @media (max-width: 767.98px) { .fixed-card-info_two .uw__messenger-layout__buttons { bottom: 201px !important } } @media (max-width: 767.98px) { .fixed-card-info_one .uw__messenger-layout__buttons { bottom: 145px !important } } @media (max-width: 767.98px) { .hidden-widgets .uw__messenger-layout__buttons, .is-mobile-menu-open .uw__messenger-layout__buttons, .tingle-enabled .uw__messenger-layout__buttons { display: none } } #stream-container * { font-family: Futura PT, Arial, Helvetica, sans-serif !important } #stream-container .stream-title { padding-top: 40px !important } .is-hidden { display: none !important } @media (max-width: 767.98px) { .is-hidden-mobile { display: none !important } } @media (min-width: 768px) { .is-visible-mobile { display: none !important } } @media (max-width: 1023.98px) { .is-hidden-tablet { display: none !important } } @media (min-width: 1024px) { .is-visible-tablet { display: none !important } } .is-visually-hidden { opacity: 0 !important } .visually-hidden { position: absolute !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; height: 1px !important; width: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important } .flex-col { display: flex; flex-direction: column } .flex-col > * { flex-grow: 1 } .overflow-hidden { overflow: hidden !important; -webkit-overflow-scrolling: auto } @media (max-width: 768.98px) { .page { flex: 1 0 auto } } .page--pb-big { padding-bottom: 90px } @media (max-width: 1365.98px) { .page--pb-big { padding-bottom: 50px } } @media (max-width: 1023.98px) { .page--pb-big { padding-bottom: 75px } } .page--pb-medium { padding-bottom: 80px } @media (max-width: 767.98px) { .page--pb-medium { padding-bottom: 40px } } @media (-ms-high-contrast: none) { .page { display: block !important } } .page-haier-premium, .page-service, .page-trade-in, .page-warranty { border-bottom: 1px solid hsla(0, 0%, 76.9%, .6) } .text-nowrap { white-space: nowrap } .is-loading { pointer-events: none; opacity: .7 !important } .is-fetching { pointer-events: none; opacity: 0; will-change: opacity } @media (min-width: 769px) { .is-hidden-desktop { display: none !important } } @media (max-width: 768.98px) { .is-hidden-mobile { display: none !important } } .animated { animation-duration: 1s; animation-fill-mode: both } .animated.infinite { animation-iteration-count: infinite } .animated.delay-1s { animation-delay: 1s } .animated.delay-2s { animation-delay: 2s } .animated.delay-3s { animation-delay: 3s } .animated.delay-4s { animation-delay: 4s } .animated.delay-5s { animation-delay: 5s } .animated.fast { animation-duration: .8s } .animated.faster { animation-duration: .5s } .animated.slow { animation-duration: 2s } .animated.slower { animation-duration: 3s } @keyframes fadeInLeftMainSliderContent { 0% { opacity: 0; transform: translate3d(-35px, 0, 0) } to { opacity: 1; transform: translateZ(0) } } .fadeInLeftMainSliderContent { animation-name: fadeInLeftMainSliderContent } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) } to { opacity: 1; transform: translateZ(0) } } .fadeInLeft { animation-name: fadeInLeft } @keyframes fadeInLeftMainSlider { 0% { opacity: 0; transform: translate3d(-100px, 0, 0) } to { opacity: 1; transform: translateZ(0) } } .fadeInLeftMainSlider { animation-name: fadeInLeftMainSlider } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0) } to { opacity: 1; transform: translateZ(0) } } .fadeInRight { animation-name: fadeInRight } @keyframes fadeInRightMainSlider { 0% { opacity: 0; transform: translate3d(66px, 0, 0) } to { opacity: 1; transform: translateZ(0) } } .fadeInRightMainSlider { animation-name: fadeInRightMainSlider } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { animation-name: fadeIn } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .zoomIn { animation-name: zoomIn } @keyframes zoomInMainSlider { 0% { opacity: 0; transform: scale3d(.8, .8, .8) } 50% { opacity: 1 } } .zoomInMainSlider { animation-name: zoomInMainSlider } @keyframes zoomInServices { 0% { opacity: 0; transform: scale3d(.8, .8, .8) } 50% { opacity: 1 } } .zoomInServices { animation-name: zoomInServices } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0) } to { opacity: 1; transform: translateZ(0) } } .fadeInUp { animation-name: fadeInUp } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible } to { transform: translateZ(0) } } .slideInUp { animation-name: slideInUp } @keyframes rotate { to { transform: rotate(1turn) } } .visually-hidden { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px } .fully-hidden { display: none } .images-360 { height: 100%; width: 100%; background-color: #fff } .images-360:before { content: ""; position: absolute; bottom: 10px; left: 10px; width: 32px; height: 32px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzIDE5LjU4NGMtNi4zMSAwLTExLjQyNC0yLjE5Mi0xMS40MjQtNC44OTYgMC0uOTIzLjU5Ni0xLjc4NyAxLjYzMi0yLjUyNG0xNS4wOTYgNi44NjFjMy42MzktLjgxOSA2LjEyLTIuNDU0IDYuMTItNC4zMzcgMC0xLjAwMi0uNzAyLTEuOTM0LTEuOTA3LTIuNzEiIHN0cm9rZT0iIzk1OTc5OSIgc3Ryb2tlLXdpZHRoPSIxLjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik05LjczNCAxNi4zMmwzLjI2NCAzLjI2NC0zLjI2NCAyLjg1NiIgc3Ryb2tlPSIjOTU5Nzk5IiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTI0Ljk4OC45M2MuMzU5LS4zNS44MDMtLjUyNiAxLjMzNC0uNTI2LjUzIDAgLjk3NS4xNzYgMS4zMzQuNTI3LjM2LjM0Mi41MzkuNzc5LjUzOSAxLjMxIDAgLjUzLS4xOC45Ny0uNTM5IDEuMzIxLS4zNTkuMzQzLS44MDQuNTE0LTEuMzM0LjUxNHMtLjk3NS0uMTcxLTEuMzM0LS41MTRjLS4zNi0uMzUtLjUzOS0uNzkxLS41MzktMS4zMjIgMC0uNTMuMTgtLjk2Ny41MzktMS4zMXptMi4wMzIuNjI1Yy0uMTgtLjE4LS40MTItLjI3LS42OTgtLjI3cy0uNTE4LjA5LS42OTguMjdhLjkyOC45MjggMCAwMC0uMjY5LjY4NWMwIC4yNzguMDkuNTA2LjI3LjY4Ni4xNzkuMTguNDExLjI2OS42OTcuMjY5cy41MTgtLjA5LjY5OC0uMjdjLjE4LS4xNzkuMjY5LS40MDcuMjY5LS42ODVhLjkyOS45MjkgMCAwMC0uMjctLjY4NXpNMjIuMDA1IDcuNjI2Yy0uNjEyLjc1LTEuMzU1IDEuMTI2LTIuMjI4IDEuMTI2LS44NzMgMC0xLjYyLS4zNzUtMi4yNC0xLjEyNi0uNjEyLS43NTktLjkxOC0xLjgwOC0uOTE4LTMuMTQ2IDAtMS4zMy4zMDYtMi4zNy45MTgtMy4xMjEuNjItLjc1OSAxLjM2Ny0xLjEzOCAyLjI0LTEuMTM4Ljg3MyAwIDEuNjE2LjM4IDIuMjI4IDEuMTM4LjYyLjc1LjkzIDEuNzk1LjkzIDMuMTMzIDAgMS4zMy0uMzEgMi4zNzUtLjkzIDMuMTM0em0tMS4xNS01LjMxMmMtLjMyLS40ODItLjY3OC0uNzIyLTEuMDc4LS43MjJzLS43NjMuMjQtMS4wOS43MjJjLS4zMTguNDczLS40NzcgMS4xOTUtLjQ3NyAyLjE2NiAwIC45NzEuMTYgMS42OTcuNDc4IDIuMTc5LjMxOC40ODEuNjgxLjcyMiAxLjA5LjcyMi40MDcgMCAuNzctLjI0IDEuMDg4LS43MjIuMzE5LS40ODEuNDc4LTEuMjA4LjQ3OC0yLjE3OSAwLS45Ny0uMTYzLTEuNjkzLS40OS0yLjE2NnpNMTMuMTM2LjE4NGwxLjI4NS42MjRMMTIuNDQgMy4zOWMuMjkzLS4xMy41OTEtLjE5NS44OTMtLjE5NS43MTggMCAxLjMxOC4yMzIgMS44LjY5Ny41MTMuNDgyLjc3IDEuMTM1Ljc3IDEuOTU5IDAgLjc3NS0uMjQ4IDEuNDMyLS43NDYgMS45Ny0uNTcxLjYyLTEuMzQ3LjkzLTIuMzI2LjkzLS45OTUgMC0xLjc3LS4yNzctMi4zMjUtLjgzMi0uNTMtLjUzLS43OTYtMS4xOTEtLjc5Ni0xLjk4MyAwLS43OTEuMzQzLTEuNjQgMS4wMjgtMi41NDZsMi40LTMuMjA2em0tLjMzIDcuMjk1Yy40MzIgMCAuNzg3LS4xNCAxLjA2NS0uNDE3LjI5My0uMjkzLjQ0LS42NTIuNDQtMS4wNzcgMC0uNDY1LS4xNS0uODQtLjQ1My0xLjEyNi0uMjY5LS4yNi0uNjItLjM5MS0xLjA1Mi0uMzkxLS40MzMgMC0uNzg4LjE0Ni0xLjA2NS40NC0uMjk0LjMwMi0uNDQuNjU3LS40NCAxLjA2NSAwIC40NTcuMTUuODI0LjQ1MiAxLjEwMi4yODYuMjY5LjYzNi40MDQgMS4wNTMuNDA0ek00LjUwNSAyLjUzNEgzLjAxMmMuMDc0LS43MjYuMzU1LTEuMjkzLjg0NS0xLjcwMUM0LjM0Ny40MjUgNC45NS4yMiA1LjY2OC4yMmMuNzg0IDAgMS40MDQuMjA0IDEuODYuNjEyLjQ2Ni40MDguNjk4Ljk1NC42OTggMS42NCAwIC43OTEtLjMxNCAxLjM2My0uOTQyIDEuNzEzLjgzMi4zNDMgMS4yNDguOTkyIDEuMjQ4IDEuOTQ3IDAgLjgxNi0uMjc3IDEuNDU2LS44MzIgMS45MjEtLjU0Ny40NjUtMS4yNC42OTgtMi4wOC42OTgtLjggMC0xLjQ3NC0uMjI5LTIuMDItLjY4NS0uNTQ3LS40NjYtLjg1My0xLjA4Mi0uOTE4LTEuODQ5aDEuNTljLjA1LjM1MS4xOTMuNjMzLjQzLjg0NS4yMzYuMjEyLjU0Ni4zMTguOTMuMzE4LjQyNCAwIC43NDYtLjEyNi45NjYtLjM4YTEuMzUgMS4zNSAwIDAwLjM0My0uOTE3YzAtLjM0My0uMTE0LS42NC0uMzQzLS44OTQtLjIyLS4yNTMtLjU1OS0uMzgtMS4wMTUtLjM4aC0uMjA5VjMuNjZoLjIyYy4zNjggMCAuNjQ1LS4xMDYuODMzLS4zMTguMTg4LS4yMi4yODItLjQ4Ni4yODItLjc5NiAwLS4zMjYtLjA5OC0uNTg3LS4yOTQtLjc4My0uMTk2LS4xOTYtLjQ1Ny0uMjk0LS43ODQtLjI5NGExLjE3IDEuMTcgMCAwMC0uNzgzLjI4MmMtLjIxMi4xODctLjMyNi40NDktLjM0My43ODN6IiBmaWxsPSIjOTU5Nzk5Ii8+PC9zdmc+"); background-size: contain; background-repeat: no-repeat; z-index: 2 } @media (min-width: 1920px) { .images-360:before { left: 27px; bottom: 27px } } @media (max-width: 1279.98px) { .images-360:before { top: 10px } } .images-360.is-big:before { left: 50%; bottom: 50px; transform: translateX(-50%) } @media (max-width: 1365.98px) { .images-360.is-big:before { bottom: 60px; top: inherit } } .images-360__canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100% } @font-face { font-family: Futura PT; src: url(/local/templates/haier/css/../fonts/FuturaPT-Light.woff2?v4) format("woff2"), url(/local/templates/haier/css/../fonts/FuturaPT-Light.woff?v4) format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: Futura PT; src: url(/local/templates/haier/css/../fonts/FuturaPT-Book.woff2?v4) format("woff2"), url(/local/templates/haier/css/../fonts/FuturaPT-Book.woff?v4) format("woff"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: Futura PT; src: url(/local/templates/haier/css/../fonts/FuturaPT-Medium.woff2?v4) format("woff2"), url(/local/templates/haier/css/../fonts/FuturaPT-Medium.woff?v4) format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: Futura PT; src: url(/local/templates/haier/css/../fonts/FuturaPT-Demi.woff2?v4) format("woff2"), url(/local/templates/haier/css/../fonts/FuturaPT-Demi.woff?v4) format("woff"); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: Futura PT; src: url(/local/templates/haier/css/../fonts/FuturaPT-Bold.woff2?v4) format("woff2"), url(/local/templates/haier/css/../fonts/FuturaPT-Bold.woff?v4) format("woff"); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: Aeonik Pro; src: url(/local/templates/haier/css/../fonts/AeonikPro/AeonikPro-Bold.woff2?v4) format("woff2"), url(/local/templates/haier/css/../fonts/AeonikPro/AeonikPro-Bold.woff?v4) format("woff"); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: Aeonik Pro; src: url(/local/templates/haier/css/../fonts/AeonikPro/AeonikPro-Regular.woff2?v4) format("woff2"), url(/local/templates/haier/css/../fonts/AeonikPro/AeonikPro-Regular.woff?v4) format("woff"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: Aeonik Pro; src: url(/local/templates/haier/css/../fonts/AeonikPro/AeonikPro-Medium.woff2?v4) format("woff2"), url(/local/templates/haier/css/../fonts/AeonikPro/AeonikPro-Medium.woff?v4) format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: Aeonik Pro; src: url(/local/templates/haier/css/../fonts/AeonikPro/AeonikPro-Light.woff2?v4) format("woff2"), url(/local/templates/haier/css/../fonts/AeonikPro/AeonikPro-Light.woff?v4) format("woff"); font-weight: 300; font-style: normal; font-display: swap } :root { --header-height: 0 } * { box-sizing: inherit } html { min-height: 100%; font-size: 15px; box-sizing: border-box; font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } body, html { position: relative } body { background: #f4f4f4; max-width: 1920px; min-width: 320px; margin: 0 auto; overflow-x: hidden } @media print { body { background: initial } } body > img { position: absolute; right: 100%; bottom: 100% } body.is-contain-overscroll { overscroll-behavior-y: contain } body.overflow, html.overflow { position: fixed; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0 } .page-wrapper { position: relative; max-width: 1922px; margin: 0 auto } @media (max-width: 768.98px) { .page-wrapper { display: flex; flex-direction: column; min-height: 100vh } } button { font-family: Futura PT, Arial, Helvetica, sans-serif; background: none; border: 0; font-size: 15px; cursor: pointer; padding: 0 } main { position: relative } @media (max-width: 768.98px) { main { min-height: calc(100vh - 300px) } } main:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #020b1a; opacity: 0; z-index: 3; pointer-events: none; transition: opacity .25s ease-in-out } main.is-overflow { cursor: pointer; pointer-events: none } main.is-overflow:after { opacity: .5 } .bg-white { background-color: #fff } .bg-black { background-color: #000; color: #f8f9fa } .section-breadcrumbs { padding: 144px 0 36px; background: #fff } @media (max-width: 1919.98px) { .section-breadcrumbs { padding: 144px 0 44px } } @media (max-width: 1023.98px) { .section-breadcrumbs { padding: 80px 0 52px } } @media (max-width: 768.98px) { .section-breadcrumbs { padding: 80px 0 18px } } .section-breadcrumbs--product-details { padding-bottom: 30px } @media (max-width: 1279.98px) { .section-breadcrumbs--product-details { padding-bottom: 24px } } ._g-text-center { text-align: center } @media (max-width: 767px) { ._g-hidden-mobile { display: none !important } } @media (min-width: 768px) { ._g-visible-mobile { display: none !important } } ._g-nowrap { white-space: nowrap } .story-in-russia__cont { padding-top: 160px } @media (max-width: 1279.98px) { .story-in-russia__cont { padding-top: 120px } } @media (max-width: 768.98px) { .story-in-russia__cont { padding-top: 80px } } .buy__up { padding: 40px 0 } @media print { html #bx-panel { display: none !important } } #usedesk-messenger { z-index: 1401 !important } #usedesk-messenger #uw-task-solved-button { display: none !important } ._g-display-block { display: block !important } .page .buyers-data .empty { padding-top: 191px } @media (max-width: 1919.98px) { .page .buyers-data .empty { padding-top: 221px } } @media (max-width: 1365.98px) { .page .buyers-data .empty { padding-top: 245px } } @media (max-width: 1279.98px) { .page .buyers-data .empty { padding-top: 160px } } @media (max-width: 767.98px) { .page .buyers-data .empty { padding-top: 0 } } ._g-stop-scrolling { width: 100%; height: 100vh; overflow: hidden } .fw-futura { font-family: Futura PT, Arial, Helvetica, sans-serif !important } .haieronline-vue3-root[v-cloak] { opacity: 0; pointer-events: none } .haieronline-vue3-root:not(.rich-content-vue3) { padding-top: 120px; position: relative; z-index: 9 } @media (max-width: 1366px) { .haieronline-vue3-root:not(.rich-content-vue3) { padding-top: 100px } } @media (max-width: 1023.98px) { .haieronline-vue3-root:not(.rich-content-vue3) { padding-top: 60px } } .haieronline-vue3-root:not(.rich-content-vue3).is-second-step { padding-top: 60px } .haieronline-vue3-root.kitchen-content { z-index: 12 } .grecaptcha-badge { visibility: hidden; pointer-events: none } body { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.33; color: #212121 } @media (max-width: 1279.98px) { body { font-size: 14px; line-height: 1.5 } } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 8px; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 400; color: #212121 } .h1, h1 { font-size: 36px; line-height: 1.11 } @media (max-width: 1279.98px) { .h1, h1 { font-size: 24px; line-height: 1.16 } } .h2, h2 { font-size: 32px; line-height: 1.13 } @media (max-width: 1279.98px) { .h2, h2 { font-size: 18px; line-height: 1.22 } } .h3, h3 { font-size: 22px; line-height: 1.33; font-family: inherit; font-weight: 700 } @media (max-width: 1279.98px) { .h3, h3 { font-size: 17px; line-height: 1.35 } } .h4, h4 { font-size: 20px; line-height: 1.33; font-family: inherit; font-weight: 700 } @media (max-width: 1279.98px) { .h4, h4 { font-size: 17px; line-height: 1.4 } } h5 { font-size: 18px; line-height: 1.33; font-family: inherit; font-weight: 700 } @media (max-width: 1279.98px) { h5 { font-size: 17px; line-height: 1.35 } } h6 { font-size: 16px; line-height: 1.33; font-family: inherit; font-weight: 700 } @media (max-width: 1279.98px) { h6 { font-size: 17px; line-height: 1.35 } } p { margin-top: 0; margin-bottom: 8px } .modern-page-navigation { display: flex; align-items: center; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 20px; line-height: 1 } @media (max-width: 767.98px) { .modern-page-navigation { flex-wrap: wrap } } .modern-page-title { flex-shrink: 0; margin-right: 16px } @media (max-width: 767.98px) { .modern-page-title { width: 100%; margin-right: 0; margin-bottom: 16px } } .modern-page-item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; flex-shrink: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #212121; text-decoration: none; transition-property: color, background-color; transition-duration: .25s; background: #fff; border-radius: 4px } .modern-page-item:-moz-focusring { outline: none } .modern-page-item:focus { outline: none } @media (max-width: 767.98px) { .modern-page-item { margin-bottom: 8px } } .modern-page-item:visited { color: #212121 } @media (min-width: 1280px) { .modern-page-item:hover { color: #22b0f3 } } .modern-page-item:active { color: #22b0f3 } .modern-page-item:not(:last-child) { margin-right: 8px } .modern-page-item.modern-page-current { background: #22b0f3; color: #fff } .modern-page-next, .modern-page-previous { font-size: 0; position: relative } .modern-page-next:after, .modern-page-next:before, .modern-page-previous:after, .modern-page-previous:before { content: ""; display: block; width: 7px; height: 11px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity .25s; pointer-events: none } .modern-page-next:before, .modern-page-previous:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.99.55A1 1 0 00.576 1.964L4.112 5.5.576 9.036A1 1 0 101.99 10.45l4.243-4.243a1 1 0 000-1.414L1.99.55z' fill='%23212121'/%3E%3C/svg%3E") } .modern-page-next:after, .modern-page-previous:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.99.55A1 1 0 00.576 1.964L4.112 5.5.576 9.036A1 1 0 101.99 10.45l4.243-4.243a1 1 0 000-1.414L1.99.55z' fill='%2322B0F3'/%3E%3C/svg%3E"); opacity: 0 } @media (min-width: 1280px) { .modern-page-next:hover:before, .modern-page-previous:hover:before { opacity: 0 } .modern-page-next:hover:after, .modern-page-previous:hover:after { opacity: 1 } } .modern-page-next:active:before, .modern-page-previous:active:before { opacity: 0 } .modern-page-next:active:after, .modern-page-previous:active:after { opacity: 1 } .modern-page-previous:after, .modern-page-previous:before { transform: translate(-50%, -50%) rotate(180deg) } .icon { display: block } .icon-transport { color: #2354a5 } .icon-subway, .icon-transport { width: 24px; height: 24px } .icon-chain { color: #212121 } .icon-chain, .icon-map { width: 20px; height: 20px } .icon-map { color: #00a0eb } .icon-shield { width: 29px; height: 36px; color: #fff } .icon-document, .icon-shield-2 { width: 24px; height: 24px; color: #97a4af } .icon-bonus-2 { width: 16px; height: 16px; color: #22b0f3 } .icon-compare-2, .icon-compare-2-active, .icon-favorite-2, .icon-favorite-2-active { width: 24px; height: 24px } .icon-points-2 { width: 16px; height: 16px; color: #22b0f3 } .icon-info { width: 11px; height: 11px } .card-labels .icon-info { flex-shrink: 0; margin-left: 4px; pointer-events: none } .pd__info-credit .icon-info { flex-shrink: 0; margin-left: 4px; width: 12px; height: 12px; -ms-grid-row-align: center; align-self: center; color: #afbbc6 } @media (max-width: 1023.98px) { .pd__info-credit .icon-info { width: 16px; height: 16px } } .icon-halva { width: 16px; height: 16px; margin-right: 2px; margin-left: 0 } .icon-halva-text { width: 58px; height: 8px; color: #242424; margin: 0 2px } .icon-question { width: 6px; height: 8px; color: inherit; transition: color .25s } .icon-question-circle { flex-shrink: 0; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; color: #fff; background: #afbbc6; border-radius: 100%; transition-property: background-color; transition-duration: .25s; cursor: pointer } .icon-question-circle.is-active { background: #22b0f3 } @media (min-width: 1280px) { .icon-question-circle.is-hoberable:hover { background: #22b0f3 } } .icon-list, .icon-quest-2 { width: 16px; height: 16px } .icon-list-2 { width: 24px; height: 24px; color: #97a4af } .icon-tiles { width: 16px; height: 16px } .icon-analogs, .icon-rings { width: 24px; height: 24px } .icon-close-2 { width: 12px; height: 12px } .custom-tooltip__close .icon-close-2 { width: 100%; height: 100% } .icon-check-2 { width: 10px; height: 10px; color: #00a0eb } .icon-copy { width: 24px; height: 24px; color: #22b0f3 } .icon-arrow-long { width: 13px; height: 8px } .icon-trash-2 { width: 16px; height: 16px } .icon-arrow-tip-6 { width: 5px; height: 8px; color: #afbbc6 } .icon-arrow-tip-4 { width: 8px; height: 5px } .icon-arrow-tip-5 { width: 6px; height: 4px } .icon-arrow-tip-8 { width: 6px; height: 16px } .icon-map-2 { width: 18px; height: 15px; color: #afbbc6 } .icon-list-3 { width: 18px; height: 12px; color: #afbbc6 } .icon-arrow-4 { width: 14px; height: 8px } .icon-phone-2 { width: 17px; height: 17px; color: #97a4af } .icon-bonus-2 { width: 34px; height: 20px; color: #00a0eb } .icon-delivery-2 { width: 20px; height: 20px; color: #00a0eb } .icon-warranty { width: 16px; height: 22px; color: #00a0eb } .icon-photo { width: 22px; height: 18px } .icon-logo-casarte { width: 50px; height: 15px } .icon-logo-thunderobot { width: 96px; height: 15px } .icon-arrow-long-left { width: 13px; height: 7px; color: #00a0eb } .print-btn { font-size: 16px; margin: 0 0 10px; color: #00a0eb } @media (max-width: 768.98px) { .print-btn { font-size: 16px } } @media print { .print-btn { display: none } } .preloader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; opacity: 0; visibility: hidden; transition: opacity .25s ease-in-out, visibility .25s ease-in-out } .is-preloading .preloader { opacity: 1; visibility: visible } .preloader__icon { display: block; width: 100%; height: 100%; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat 50%; background-size: contain; animation: rotate 1.5s linear infinite } .preloader--white .preloader__icon { background: url(/local/templates/haier/css/../images/icon-preloader-white.svg) no-repeat 50%; background-size: contain } .input-checkbox__input { position: absolute !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; height: 1px !important; width: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important } .input-checkbox__input + .input-checkbox__label:hover { color: #22b0f3 } .input-checkbox__input + .input-checkbox__label:hover:before { border-color: #22b0f3; box-shadow: inset 0 0 0 1px #22b0f3 } @media (max-width: 768.98px) { .input-checkbox__input + .input-checkbox__label:hover { color: initial } .input-checkbox__input + .input-checkbox__label:hover:before { border-color: #d7dde3; box-shadow: none } } .input-checkbox__input:checked + .input-checkbox__label { color: #212121 } .input-checkbox__input:checked + .input-checkbox__label:hover { color: #22b0f3 } @media (max-width: 768.98px) { .input-checkbox__input:checked + .input-checkbox__label:hover { color: #212121 } } .input-checkbox__input:checked + .input-checkbox__label:before { background-color: #22b0f3; border-color: #22b0f3 } .input-checkbox__input:checked + .input-checkbox__label:after { opacity: 1 } .comparison-acco .input-checkbox__input:checked + .input-checkbox__label { color: #97a4af } .input-checkbox__input:disabled + .input-checkbox__label { pointer-events: none; color: #959799 } .input-checkbox__input:disabled + .input-checkbox__label:before { background-color: #e4e4e4; border-color: #c1c1c1 } .input-checkbox__label { position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 0 0 0 38px; cursor: pointer; font-size: 16px; line-height: 1.3; letter-spacing: .02em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color .25s ease-out } .input-checkbox__label:before { content: ""; position: absolute; left: 0; top: -1px; display: block; width: 19px; height: 19px; border: 1px solid #d7dde3; border-radius: 2px; opacity: 1; background-color: #fcfcfc; transition: background-color .25s ease-out, opacity .25s ease-out, border-color .25s ease-out, box-shadow .25s ease-out; box-shadow: none } .input-checkbox__label:after { content: ""; position: absolute; top: 1px; left: 3px; display: block; width: 14px; height: 13px; opacity: 0; border-radius: 2px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjI0MyAxMi43MjhhMSAxIDAgMDAxLjQxNCAwbDcuMDctNy4wNzFhMSAxIDAgMDAtMS40MTMtMS40MTRMNC45NSAxMC42MDcgMi4xMiA3Ljc3N0ExIDEgMCAwMC43MDcgOS4xOTJsMy41MzYgMy41MzZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+); background-size: 100%; background-position: 50%; background-repeat: no-repeat; transition: opacity .25s ease-out } .comparison-acco .input-checkbox__label { font-weight: 400; font-size: 16px; line-height: 24px; color: #97a4af; box-sizing: border-box } .comparison-acco .input-checkbox__label:before { width: 24px; height: 24px; top: 0 } .comparison-acco .input-checkbox__label:after { top: 4px; left: 5px; width: 15px; height: 15px } .input-checkbox__count { margin-left: 5px; color: #b3b4b5 } .input-checkbox.is-error .error-message { display: block; padding-left: 38px } .input-radio__input { position: absolute !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; height: 1px !important; width: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important } .input-radio__input + .input-radio__label:hover { color: #22b0f3 } .input-radio__input + .input-radio__label:hover:before { border-color: #22b0f3; box-shadow: inset 0 0 0 1px #22b0f3 } .input-radio__input:checked + .input-radio__label { color: #212121 } .input-radio__input:checked + .input-radio__label:hover { color: #22b0f3 } .input-radio__input:checked + .input-radio__label:before { border-color: #22b0f3; box-shadow: inset 0 0 0 1px #22b0f3 } .input-radio__input:checked + .input-radio__label:after { opacity: 1 } .input-radio__input:disabled + .input-radio__label { pointer-events: none; color: #959799 } .input-radio__input:disabled + .input-radio__label:before { background-color: #e4e4e4; border-color: #c1c1c1 } .input-radio__label { position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 0 0 0 28px; cursor: pointer; font-size: 16px; line-height: 1.3; letter-spacing: .02em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color .25s ease-out } .input-radio__label:before { content: ""; position: absolute; top: -1px; left: 0; display: block; width: 20px; height: 20px; border: 1px solid #d7dde3; border-radius: 100%; opacity: 1; background-color: #fcfcfc; box-shadow: none; transition: background-color .25s ease-out, opacity .25s ease-out, border-color .25s ease-out, box-shadow .25s ease-out } .input-radio__label:after { content: ""; position: absolute; top: 4px; left: 5px; display: block; width: 10px; height: 10px; opacity: 0; border-radius: 100%; background-color: #22b0f3; transition: opacity .25s ease-out } .input-text--simple { padding-top: 1px } .input-text--simple.dropdown-select--simple .dropdown-select__dropdown { margin-top: 58px } .input-text--simple .datepicker__calendar { top: 20px } .input-text--simple .input-text__label { pointer-events: none; position: absolute; z-index: 3; font-size: 20px; color: #97a4af; top: 14px; font-weight: 400; left: 15px; margin-bottom: 0; cursor: text; transition: font-size .25s ease-in-out, top .25s ease-in-out } .input-text--simple .input-text--required:after { display: none } .support-modal .input-text--simple .input-text:after { display: inline; color: #22b0f3 } .input-text--simple .input-text__input::-moz-placeholder { color: transparent } .input-text--simple .input-text__input:-ms-input-placeholder { color: transparent } .input-text--simple .input-text__input::placeholder { color: transparent } .input-text--simple input:autofill + .input-text__label, .input-text--simple input:autofill + label, .input-text--simple.is-full .input-text__label, .input-text--simple:not(.select-search).is-focused .input-text__label { font-size: 12px; line-height: 1.2; top: 7px } .input-text--simple.is-full .input-text__input, .input-text--simple:not(.select-search).is-focused .input-text__input { padding-top: 10px } .input-text--simple.is-full .select-search__dropdown .input-text__input, .input-text--simple:not(.select-search).is-focused .select-search__dropdown .input-text__input { padding-top: 0 } .input-text--simple.is-full.input-text--textarea .input-text__input, .input-text--simple:not(.select-search).is-focused.input-text--textarea .input-text__input { padding-top: 20px } .input-text--simple.is-opened .input-text__label { z-index: 6 } .input-text__label { font-size: 16px; font-weight: 500; display: inline-block; margin-bottom: 11px; color: #212121 } @media (max-width: 768.98px) { .input-text__label { margin-bottom: 9px } } .input-text__label--required:after { content: "*"; color: #22b0f3 } .input-text__label--limited { white-space: nowrap; width: 85%; overflow: hidden } .datepicker .input-text__label { cursor: pointer } .comparison .input-text__label { font-weight: 400; font-size: 18px; line-height: 24px; letter-spacing: .02em; padding-left: 40px; margin-bottom: 0 } @media (max-width: 1023.98px) { .comparison .input-text__label { font-size: 14px } } .comparison .input-text__label:before { width: 24px; height: 24px; top: 0 } .comparison .input-text__label:after { top: 4px; left: 5px; width: 15px; height: 15px } .input-text__label-group { display: flex; justify-content: space-between; align-items: flex-start } .input-text__input { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.3; display: block; width: 100%; max-width: 100%; height: 56px; padding: 0 15px; border-radius: 6px; color: #212121; border: 1px solid #d7dde3; background-color: #fcfcfc; transition: background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out; -webkit-appearance: none } .input-text--textarea .input-text__input { width: 100% !important; height: 120px; min-height: 120px; line-height: 1.3; padding: 15px; resize: none } .input-text--textarea-big .input-text__input { height: 135px } .input-text__input::-moz-placeholder { color: #97a4af } .input-text__input:-ms-input-placeholder { color: #97a4af } .input-text__input::placeholder { color: #97a4af } .input-text__input:hover { border-color: #00a0eb } .input-text__input::-moz-selection { background: rgba(54, 155, 255, .2) } .input-text__input::selection { background: rgba(54, 155, 255, .2) } .input-text__input:focus { outline: none; box-shadow: 0 0 0 1px #00a0eb; border: 1px solid #00a0eb; background-color: #fff } .input-text__input:focus + .input-text__remove { background-color: #fff } .input-text__input[disabled] { pointer-events: none; color: #959799; background-color: #f2f2f2 } .input-text__input[disabled]::-moz-placeholder { color: #959799 } .input-text__input[disabled]:-ms-input-placeholder { color: #959799 } .input-text__input[disabled]::placeholder { color: #959799 } .input-text__input[type=number] { -moz-appearance: textfield } .input-text__input[type=number]::-webkit-inner-spin-button, .input-text__input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .input-text__input--password { padding-right: 40px } .range .input-text__input:not([disabled])::-moz-placeholder { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; color: #212121 } .range .input-text__input:not([disabled]):-ms-input-placeholder { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; color: #212121 } .range .input-text__input:not([disabled])::placeholder { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; color: #212121 } .input-text__inner { position: relative } .input-text__eye-button { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 20px; height: 20px } .input-text__eye-button > * { pointer-events: none } .input-text__eye-button [class^=icon] { width: 20px; height: 20px; fill: #97a4af; transition: fill .25s ease-in-out } .input-text__eye-button .icon-eye { display: none } .input-text__eye-button .icon-eye-hidden { display: block } .input-text__eye-button:hover [class^=icon] { fill: #22b0f3 } .input-text__forgot-pass { position: absolute; right: 0; display: flex; justify-content: flex-end; margin-top: 7px } @media (max-width: 768.98px) { .input-text__forgot-pass { position: static } } .input-text__icon-tooltip { position: absolute; background: #fff; top: 17px; right: 17px; height: 22px; width: 22px; border-radius: 50%; padding: 2px; border: 2px solid #22b0f3 } .input-text__icon-tooltip svg { color: #22b0f3; height: 15px; width: 10px } .input-text__icon-tooltip:hover { background: #22b0f3 } .input-text__icon-tooltip:hover svg { color: #fff } .input-text.is-error:not(.hide-error) .input-text__input { border-color: #fa4d62; background-color: #fff3f5 } .input-text.is-error:not(.hide-error) .input-text__input + .input-text__remove { background-color: #fff3f5 } .input-text.is-error:not(.hide-error) .input-text__input:focus { background-color: #fcfcfc; border-color: #fa4d62; box-shadow: 0 0 0 1px #fa4d62 } .input-text.is-error:not(.hide-error) .input-text__input:focus + .input-text__remove { background-color: #fcfcfc } .input-text.is-error:not(.hide-error) .input-text__label--required:after { content: "*"; color: #fa4d62 } .input-text.is-password-visible .input-text__eye-button .icon-eye { display: block } .input-text.is-password-visible .input-text__eye-button .icon-eye-hidden { display: none } .footer { position: relative; background: #f4f4f4 } .footer .contacts__item { width: 100% !important } .footer.is-overflow { cursor: pointer; pointer-events: none } .footer.is-overflow:after { opacity: .5 } .footer--border-top { border-top: 1px solid hsla(0, 0%, 76.9%, .6) } .footer__bottom { background: #000; padding: 40px 0; color: #fff; font-size: 16px; line-height: 20px } .footer__bottom-item { flex-shrink: 0 } .footer__bottom-item.__description { display: flex; margin-top: 32px; color: rgba(149, 151, 153, .9) } @media (max-width: 1023.98px) { .footer__bottom-item.__description { flex-direction: column-reverse } } .footer__item-wrap { display: flex; flex-direction: column; justify-content: space-between; width: 100% } .footer__privacy-partners { display: -ms-grid; display: grid; -ms-grid-columns: 305px 30px 305px; grid-template-columns:305px 305px; grid-gap: 24px 30px } @media (max-width: 1919.98px) { .footer__privacy-partners { -ms-grid-columns: 280px 30px 280px; grid-template-columns:280px 280px } } @media (max-width: 1279.98px) { .footer__privacy-partners { grid-gap: 22px 25px; -ms-grid-columns: 232px 25px 232px; grid-template-columns:232px 232px } } @media (max-width: 1023.98px) { .footer__privacy-partners { -ms-grid-columns: 1fr; grid-template-columns:1fr; grid-gap: 16px 0; padding-bottom: 40px; border-bottom: 1px solid rgba(149, 151, 153, .5) } } .footer__privacy-partners-item { font-size: 16px; font-weight: 400; line-height: 20px } @media (max-width: 1023.98px) { .footer__privacy-partners-item { font-size: 14px; line-height: 20px } } .footer__privacy-partners-item-link { color: #fcfcfc; transition: .2s ease-in-out; text-decoration: none } .footer__privacy-partners-item-link:hover { color: #22b0f3 } .footer__privacy-partners-item-description { margin-top: 2px; font-weight: 400; color: #959799 } .footer__privacy-docs { margin-left: auto; display: flex; flex-direction: column } @media (max-width: 1023.98px) { .footer__privacy-docs { padding-top: 40px; margin-left: 0 } } .footer__data { min-width: 291px; margin-bottom: 32px; margin-left: auto } @media (max-width: 1023.98px) { .footer__data { margin-left: 0; margin-top: 24px } } .footer__privacy { display: flex; margin: 0 0 0 auto; padding-bottom: 24px; border-bottom: 1px solid rgba(149, 151, 153, .5) } @media (max-width: 1023.98px) { .footer__privacy { flex-direction: column } } .footer__privacy-link { font-weight: 500; white-space: nowrap; color: hsla(0, 0%, 100%, .9); text-decoration: none } .footer__privacy-link:not(:last-child) { margin-bottom: 16px } @media (max-width: 1023.98px) { .footer__privacy-link:not(:last-child) { margin-bottom: 16px } } .footer__privacy-link:visited { color: hsla(0, 0%, 100%, .9) } .footer__privacy-link:hover { color: hsla(0, 0%, 100%, .9); text-decoration: none } .footer__logo { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; width: 151px; height: auto; grid-area: logo } .footer__social { -ms-grid-row: 2; -ms-grid-column: 3; grid-area: social } .footer__menu { -ms-grid-row: 1; -ms-grid-column: 3; display: flex; justify-content: space-between; grid-area: menu; margin-right: 40px } .footer__contacts { -ms-grid-row: 1; -ms-grid-column: 5; grid-area: contacts } .footer__payment { -ms-grid-row: 3; -ms-grid-column: 3; grid-area: payment; margin-top: -30px } .footer__service { -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 5; grid-area: service; margin-top: 30px } .footer__service .contacts__service a { height: auto !important } .footer__service .contacts__caption { min-height: inherit !important } .footer__app { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 7; grid-area: app } .footer__body { padding: 60px 0; display: -ms-grid; display: grid; grid-template-areas:"logo menu contacts app" "logo social service app" "logo payment service app"; grid-auto-columns: 200px 1fr 320px 320px; -moz-column-gap: 30px; column-gap: 30px } .footer__menu-item { font-size: 18px; line-height: 20px; white-space: nowrap; margin-bottom: 25px } .footer__menu-link { color: #212121 !important } .footer__menu-link:hover { color: #22b0f3 !important } .footer__body, .footer__wrap { width: 100%; max-width: 1316px; margin: 0 auto } .footer__payment, .footer__social { position: relative } @media (max-width: 1480px) { .footer__body { padding: 50px 0; -moz-column-gap: 20px; column-gap: 20px; grid-auto-columns: 125px 1fr 320px 320px } .footer__logo { width: 105px } .footer__body, .footer__wrap { max-width: none } .footer__service { margin-top: 20px } } @media (max-width: 1365.98px) { .footer__logo { width: 125px } .footer__body { grid-template-areas:"logo contacts app" "menu service app" "menu payment social"; grid-auto-columns: 1fr 320px 320px } .footer__payment, .footer__social { margin-top: 30px } .footer__menu { position: relative; flex-direction: column; justify-content: flex-start; margin-right: 0; top: -150px } .footer__menu-item { margin-bottom: 20px } .footer__logo { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1 } .footer__social { -ms-grid-row: 3; -ms-grid-column: 3 } .footer__menu { -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 1 } .footer__contacts { -ms-grid-row: 1; -ms-grid-column: 2 } .footer__payment { -ms-grid-row: 3; -ms-grid-column: 2 } .footer__service { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 2 } .footer__app { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 3 } } @media (max-width: 1024px) { .footer__body, .footer__wrap { max-width: 864px } } @media (max-width: 1023.98px) { .footer__service { margin-top: 0 } .footer__service .contacts__item { height: 100% } .footer__payment, .footer__social { top: 0; margin-top: 0 } .footer__menu { top: 0 } .footer__logo { display: none } .footer__body { grid-template-areas:"logo logo" "menu payment" "menu service" "menu social" "app contacts"; grid-auto-columns: 1fr 1fr; gap: 30px } .footer__bottom { padding-bottom: 84px; font-size: 14px } .footer__item-wrap { flex-direction: column } .footer__privacy-link:not(:last-child) { margin-bottom: 16px } .footer__logo { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 3 } .footer__social { -ms-grid-row: 7; -ms-grid-column: 3 } .footer__menu { -ms-grid-row: 3; -ms-grid-row-span: 5; -ms-grid-column: 1 } .footer__contacts { -ms-grid-row: 9; -ms-grid-column: 3 } .footer__payment { -ms-grid-row: 3; -ms-grid-column: 3 } .footer__service { -ms-grid-row: 5; -ms-grid-row-span: 1; -ms-grid-column: 3 } .footer__app { -ms-grid-row: 9; -ms-grid-row-span: 1; -ms-grid-column: 1 } } @media (max-width: 767.98px) { .footer__body { grid-template-areas:"menu" "payment" "social" "app" "contacts" "service"; grid-auto-columns: 1fr; padding: 40px 0; gap: 20px } .footer__payment, .footer__social { margin-bottom: 20px } .footer__social { -ms-grid-row: 5; -ms-grid-column: 1 } .footer__menu { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1 } .footer__contacts { -ms-grid-row: 9; -ms-grid-column: 1 } .footer__payment { -ms-grid-row: 3; -ms-grid-column: 1 } .footer__service { -ms-grid-row: 11; -ms-grid-row-span: 1; -ms-grid-column: 1 } .footer__app { -ms-grid-row: 7; -ms-grid-row-span: 1; -ms-grid-column: 1 } } .button { position: relative; display: inline-block; vertical-align: baseline; text-align: center; height: 64px; padding: 0 10px; margin: 0; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 62px; border: 1px solid transparent; border-radius: 4px; background: transparent; text-decoration: none; cursor: pointer; transition-property: border-color, color, background-color, box-shadow; transition-duration: .25s; transition-timing-function: ease-in-out; -webkit-appearance: none; z-index: 1; opacity: 1 } .button:before { position: absolute; content: ""; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(/local/templates/haier/css/../images/icon-preloader-white.svg) no-repeat 50%; background-size: 36px; transition: opacity .3s; opacity: 0; visibility: hidden } .button--trs { border: 1px solid #afbbc6; border-radius: 8px; color: #212121; font-weight: 400 } .button--trs:hover { border-color: #22b0f3; color: #22b0f3 } .button--trs:active { border-color: #22b0f3; color: #fff; background: #22b0f3 } .button--trs-blue-text { color: #22b0f3 } .button--trs-blue-text:active { color: #fff } .button--primary { background: #22b0f3; color: #fff; border-radius: 8px; font-weight: 400; box-shadow: 0 20px 30px -18px #22b0f3 } .button--primary:hover { background: #0090d5 } .button--primary:active { background: #2354a5; box-shadow: 0 20px 30px -18px #2354a5 } @media (max-width: 1279.98px) { .button--too-big { min-width: 241px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } } .button.is-loading { pointer-events: none; color: hsla(0, 0%, 100%, .3); box-shadow: none } .button.is-loading:before { opacity: 1; visibility: visible; animation: rotate 1.5s linear infinite; width: 100%; height: 100% } .button.is-disabled, .button:disabled { background: #bfc1c2; color: #fff; box-shadow: none; cursor: auto; pointer-events: none } .button--bl { color: #fff; font-weight: 500 } .button--bl:hover { border-color: #fff; background: #fff; color: #22b0f3 } .button--sm { font-size: 18px; height: 56px; line-height: 54px; padding: 0 26px } .registration .button--sm { padding: 0 8px } @media (max-width: 767.98px) { .button--sm.v2 { height: 46px; line-height: 46px; font-size: 16px } } .button--xs { font-size: 16px; height: 46px; line-height: 46px; padding: 0 16px } .button--full { width: 100%; max-width: 100% } .button--semi-blue { background-color: #e1f4ff; color: #22b0f3; align-items: center; display: flex; justify-content: center; gap: 5px; font-size: 16px; line-height: 22px; font-weight: 450; height: 40px; padding: 0 10px } @media (max-width: 1023.98px) { .button--semi-blue { font-size: 14px; line-height: 12px; letter-spacing: -.02em; gap: 2px } } .button--semi-blue:hover { background: #bfe8ff; color: #00a0eb } .button--semi-blue-buy { background-color: #e1f4ff; color: #22b0f3; align-items: center; display: flex; justify-content: center; gap: 5px; padding: 0 10px; font-weight: 450 } .button--semi-blue-buy:hover { background: #bfe8ff; color: #00a0eb } .button--twice { display: flex; justify-content: space-between; align-items: center; padding: 0; border: none; z-index: 2 } .button--twice:active, .button--twice:hover { background: #22b0f3 } .button__link-away { color: #fff; font-size: 16px; line-height: 20px; text-decoration: none; flex: 100%; height: 100%; padding-left: 10px; padding-top: 8px; transition: background-color .25s ease-in-out; border-top-left-radius: 8px; border-bottom-left-radius: 8px } .button__link-away:hover { background: #0090d5 } .button__link-away:active { background: #2354a5 } .button__link-away--basket { padding-top: 8px } .button--basket { margin: 0 !important; max-width: 60px; padding: 0 10px 0 0; color: #fff; font-size: 16px !important; line-height: 18px !important; font-weight: 500; background: #00a0eb; border-radius: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px } .button--basket:hover { background: #0090d5 } .button--basket:active { background: #2354a5 } .button--basket:disabled { background: #bfc1c2; color: #959799; cursor: auto } .button--basket:disabled:hover ~ span { opacity: 1; z-index: 2 } .button.is-hidden { z-index: -1; opacity: 1 } .button__tooltip { background: #fff; font-size: 16px; text-align: center; position: absolute; box-shadow: -5px 4px 40px -9px #959799; border-radius: 4px; transition: opacity .25s ease-in-out, z-index .25s ease-in-out; opacity: 0; height: 40px; right: -120px; bottom: -30px; z-index: -1; color: #212121; line-height: 40px; padding: 0 13px } .button__tooltip:before { content: ""; position: absolute; border: 6px solid transparent; left: 10px; top: -14px; border-bottom: 8px solid #fff } .button--fz-small { font-size: 18px } .button--white { background-color: #fff; color: #22b0f3; font-weight: 400; text-align: center; padding: 0 40px; border: 1px solid #fff; border-radius: 8px } .button--white:before { background-image: url(/local/templates/haier/css/../images/icon-preloader.svg) } .button--white:hover { color: #22b0f3; border-color: #22b0f3 } .button--white:active { color: #fff; background-color: #22b0f3; border-color: #22b0f3 } .button--white.is-loading { color: rgba(34, 176, 243, .3) } .button--white-grey { border-color: #afbbc6 } .button--white-grey:active, .button--white-grey:hover { border-color: #22b0f3 } .button--white-grey-blue { background-color: #fff; border-color: #22b0f3; color: #22b0f3 } .button--white-grey-blue:hover { background-color: #fff; border-color: #0090d5; color: #0090d5 } .button--white-grey-blue:active { background-color: #fff; border-color: #2354a5; color: #2354a5 } .button--white-grey-blue:disabled { background-color: #fff; border-color: #bfc1c1; color: #bfc1c1 } .button--white-grey-blue.is-active, .button--white-grey-blue.is-active:active, .button--white-grey-blue.is-active:hover { background-color: #fff; border-color: #97a4af; color: #97a4af } .button--white-blue-gradient { display: flex; align-items: center; justify-content: center; margin: 0 !important; padding: 0 40px; width: 100% !important; height: 55px; line-height: 20px !important; font-size: 18px; font-weight: 500; text-align: center; color: #333; background-color: #fff; border-radius: 8px; border: 2px solid transparent; background-image: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), linear-gradient(90deg, #f805df, #22b0f3); background-origin: border-box; background-clip: content-box, border-box; box-shadow: inset 2px 1000px 1px #fff } .button--white-blue-gradient:hover { color: #22b0f3 } .button--white-blue { padding: 0 25px; height: 40px; line-height: 40px; background-color: #fff; color: #22b0f3; font-weight: 500; font-size: 16px; text-align: center; border: 1px solid #22b0f3; border-radius: 8px } @media (max-width: 768.98px) { .button--white-blue { height: 50px; line-height: 50px; font-size: 18px } } .button--white-blue:hover { color: #0090d5; border-color: #0090d5 } .button--white-blue:active { color: #fff; background-color: #22b0f3; border-color: #22b0f3 } .button--color-border { border-color: #22b0f3; color: #22b0f3; font-weight: 500; padding: 0 8px; border-radius: 8px; min-width: 160px } .button--color-border:hover { border-color: #0090d5; color: #0090d5 } .button--color-border:active { color: #2354a5; border-color: #2354a5 } .button--color-border:before { background-image: url(/local/templates/haier/css/../images/icon-preloader.svg) } .button--icon { display: inline-flex; align-items: center; justify-content: center } .button--icon svg { fill: currentColor; width: 20px; height: 20px } .button--icon svg:first-child { margin-right: 12px } .button--icon svg:last-child { margin-left: 12px } .button--disabled { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; border-radius: 8px; cursor: not-allowed; font-weight: 500; font-size: 18px; line-height: 23px; display: flex; align-items: center; justify-content: center; text-align: center; height: 56px; width: 100% } .button--disabled:-moz-focusring { outline: none } .button--disabled:focus { outline: none } .button--disabled:disabled { cursor: not-allowed } .button--disabled, .button--disabled:disabled { background: rgba(215, 221, 227, .6); color: #97a4af } .button--dark-shadow { box-shadow: 0 10px 35px hsla(0, 0%, 70.6%, .25) } .button--min-240 { min-width: 240px } .button--notification { width: 240px; margin: 33px auto 0; display: block } @media (max-width: 768.98px) { .button--notification { width: 100%; margin-top: 20px } } .top--mk2 .button { width: 300px; height: 64px; font-weight: 400; font-size: 20px; line-height: 62px } @media (max-width: 767.98px) { .top--mk2 .button { width: 100%; height: 50px; line-height: 48px } } .top--mk2 .button:active, .top--mk2 .button:hover { background: #fff; color: #22b0f3; box-shadow: 0 20px 30px -18px #fff } .top--mk2 .button:not(:first-child) { margin-top: 36px } @media (max-width: 767.98px) { .top--mk2 .button:not(:first-child) { margin-top: 8px } } .button--sbp { background-color: #1d1346; font-weight: 500; box-shadow: none } .button--sbp, .button--sbp > span { display: inline-flex; align-items: center; justify-content: center; gap: 10px } .button--sbp i { display: inline-block; width: 72px; height: 41px; background: url(/local/templates/haier/css/../images/icon-sbp-logo.svg) 50% no-repeat } .button--sbp:hover { background-color: #1d1346 } .button--nav { background: #22b0f3; color: #fff; border-radius: 8px; font-weight: 400; box-shadow: 0 20px 30px -18px #22b0f3; font-size: 12px; line-height: 14px; border-radius: 5px; padding: 11px 16px; border: none; height: 40px; font-weight: 500; font-family: Aeonik Pro, Arial, Helvetica, sans-serif; box-shadow: none; letter-spacing: normal; display: inline-flex; align-items: center } .button--nav:hover { background: #0090d5 } .button--nav:active { background: #2354a5; box-shadow: 0 20px 30px -18px #2354a5 } @media (max-width: 1365.98px) { .button--credit { padding: 0; white-space: nowrap } } @media (max-width: 767.98px) { .button--credit { height: 46px; line-height: 46px; font-size: 16px } } .button-v2 { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; font-weight: 500; font-size: 20px; line-height: 26px; display: inline-flex; align-items: center; text-align: center; color: #fff; height: 60px; background: #22b0f3; border-radius: 8px; padding: 0 24px; text-decoration: none; transition-property: background-color, color, border-color; transition-duration: .25s } .button-v2:-moz-focusring { outline: none } .button-v2:focus { outline: none } .button-v2:disabled { cursor: not-allowed } @media (max-width: 1023.98px) { .button-v2 { font-size: 16px; line-height: 21px; height: 40px; padding: 0 12px } } .button-v2:visited { color: #fff } @media (min-width: 1280px) { .button-v2:hover { background: #0090d5; color: #fff } } .button-v2:active { background: #0090d5; color: #fff } .button-v2--gray { background: #fff; color: #212121; border: 1px solid #afbbc6 } @media (max-width: 1023.98px) { .button-v2--gray { font-size: 20px; line-height: 26px; height: 60px; padding: 0 24px } } .button-v2--gray:visited { color: #212121 } @media (min-width: 1280px) { .button-v2--gray:hover { background: #fff; border-color: #22b0f3; color: #22b0f3 } } .button-v2--gray:active { background: #fff; border-color: #22b0f3; color: #22b0f3 } .button-v2--xl { padding: 0 46px; font-weight: 400 } @media (max-width: 1023.98px) { .button-v2--xl { font-size: 18px; line-height: 20px; height: 56px; padding: 0 12px } } .form { padding: 0 10px } .form--p-null { padding: 0 } .form__group { position: relative; margin-bottom: 32px } @media (max-width: 768.98px) { .form__group { margin-bottom: 23px } } .form__group--hidden { max-height: 0; overflow: hidden; transition: max-height .25s ease-in-out; padding: 0 10px 10px; margin-left: -10px; margin-right: -10px; margin-bottom: -10px } .form__group--hidden.is-active { margin-bottom: 35px } .form__group--small-mr { margin-bottom: 24px } .form__group.input-checkbox { margin-bottom: 16px } .form__group.input-checkbox--mb { margin-bottom: 24px } .form__group.input-checkbox--mb0 { margin-bottom: 0 } .form__group--data-select { width: 30.3333% } .form__group--btn { margin-top: 18px } @media (max-width: 768.98px) { .form__group--btn { margin-top: 0 } } .form__group--small { margin-bottom: 20px } @media (max-width: 768.98px) { .form__group--small { margin-bottom: 23px } } .form__group--mb0 { margin-bottom: 0 } .form__group--mb0 .error-message { bottom: -88px; left: 0 } @media (max-width: 768.98px) { .form__group--mb0 .error-message { bottom: -85px } } .form__group--rating .error-message { position: absolute; bottom: -27px } .form__group--notification { margin-bottom: 20px } .form__group--checkout-mb > .form__group { margin-bottom: 16px } .form__row { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } .form__row--al-center { align-items: center } .form__row--checkboxs { margin-bottom: 19px } .form__row--bottom { align-items: flex-end; margin-bottom: 15px } .form__row--no-mr { align-items: flex-end; margin-bottom: 0 } .form__row--reg-success { margin-left: -5px; margin-right: -5px } @media (max-width: 1023.98px) { .form__row--reg-success { display: block; margin-left: 0; margin-right: 0 } } .form__row-xs { padding: 0 5px } .form__footer { margin-bottom: 15px } @media (max-width: 768.98px) { .form__footer--restore { display: flex; flex-direction: column-reverse } } .form__col-auto { padding: 0 10px; width: auto; max-width: 100% } .form__col-1 { padding: 0 10px; width: 100%; max-width: 8.33333% } @media (max-width: 768.98px) { .form__col-1 { max-width: 100% } } .form__col-2 { padding: 0 10px; width: 100%; max-width: 16.66% } @media (max-width: 768.98px) { .form__col-2 { max-width: 100% } } .form__col-2-4 { padding: 0 10px; width: 100%; max-width: 20% } @media (max-width: 768.98px) { .form__col-2-4 { max-width: 100% } } .form__col-3 { padding: 0 10px; width: 100%; max-width: 25% } @media (max-width: 768.98px) { .form__col-3 { max-width: 100% } } .form__col-4 { padding: 0 10px; width: 100%; max-width: 33.33333% } @media (max-width: 768.98px) { .form__col-4 { max-width: 100% } } .form__col-5 { padding: 0 10px; width: 100%; max-width: 41.66666% } @media (max-width: 768.98px) { .form__col-5 { max-width: 100% } } .form__col-6 { padding: 0 10px; width: 100%; max-width: 50% } @media (max-width: 768.98px) { .form__col-6 { max-width: 100% } } @media (max-width: 1279.98px) { .form__col-md-6 { padding: 0 10px; width: 100%; max-width: 50% } } @media (max-width: 768.98px) { .form__col-md-6 { max-width: 100% } } @media (max-width: 768.98px) { .form__col-xs-6 { padding: 0 10px; width: 100%; max-width: 50% } } .form__col-8 { padding: 0 10px; width: 100%; max-width: 66.66666% } @media (max-width: 768.98px) { .form__col-8 { max-width: 100% } } .form__col-10 { padding: 0 10px; width: 100%; max-width: 83.33333% } @media (max-width: 768.98px) { .form__col-10 { max-width: 100% } } .form__col-12 { padding: 0 10px; width: 100%; max-width: 100% } @media (max-width: 1279.98px) { .form__col-md-12 { padding: 0 10px; width: 100%; max-width: 100% } } @media (max-width: 768.98px) { .form__col-xs-12 { padding: 0 10px; width: 100%; max-width: 100% } } @media (max-width: 768.98px) { .form__col-xs-s1 { padding: 0 10px; width: 100%; max-width: 35% } } @media (max-width: 768.98px) { .form__col-xs-s2 { padding: 0 10px; width: 100%; max-width: 27% } } @media (max-width: 768.98px) { .form__col-xs-s3 { padding: 0 10px; width: 100%; max-width: 38% } } .form__row--reg > .form__col-xs-s3 { padding: 0 18px } @media (max-width: 1365.98px) { .form__row--reg > .form__col-xs-s3 { padding: 0 15px } } @media (max-width: 1023.98px) { .form__row--reg > .form__col-xs-s3 { padding: 0 } } .form__row--reg > .form__col-xs-s3:first-child { transition: opacity .25s } .registration.is-locked .form__row--reg > .form__col-xs-s3:first-child { opacity: .4; pointer-events: none } @media (max-width: 1023.98px) { .registration.is-locked .form__row--reg > .form__col-xs-s3:first-child { display: none } } @media (max-width: 1023.98px) { .form__row--reg > .form__col-xs-s3:not(:first-child) { margin-top: 10px } } .form__row--code > .form__col-xs-s3 { flex-shrink: 0; padding: 0 5px } @media (max-width: 1023.98px) { .form__row--code > .form__col-xs-s3 { padding: 0 } } .form__row--code > .form__col-xs-s3:first-child { width: calc(100% - 180px) } @media (max-width: 1023.98px) { .form__row--code > .form__col-xs-s3:first-child { width: 100% } } .form__row--code > .form__col-xs-s3:nth-child(2) { width: 180px } @media (max-width: 1023.98px) { .form__row--code > .form__col-xs-s3:nth-child(2) { display: none } } .form__row--reg-success > .form__col-xs-s3 { padding: 0 5px } @media (max-width: 1023.98px) { .form__row--reg-success > .form__col-xs-s3 { padding: 0 } } @media (max-width: 1023.98px) { .form__row--reg-success > .form__col-xs-s3:not(:first-child) { margin-top: 10px } } .form__sub-text { font-size: 16px; line-height: 20px; color: #97a4af } @media (max-width: 768.98px) { .form__footer--restore .form__sub-text { margin-top: 0; margin-bottom: 22px } } .form__sub-text--checkout > .form__sub-text { line-height: 24px } @media (max-width: 768.98px) { .form__sub-text--checkout > .form__sub-text { margin-top: 15px; margin-bottom: 0 } } .form__select-group { display: flex; justify-content: space-between } .form__pswd-inner { max-height: 0; overflow: hidden; transition: max-height .35s ease-in, opacity .7s ease-in, margin-bottom .25s ease-in, margin .25s ease-in-out; min-height: 0; opacity: 0 } .form__pswd-inner.is-active { max-height: 2000px; min-height: 0; height: 100%; overflow: visible; opacity: 1 } @media (max-width: 1366.98px) { .form__pswd-inner.is-active { margin-top: 16px } } @media (max-width: 1279.98px) { .form__pswd-inner.is-active { margin-top: 23px; margin-bottom: 24px } } .form__pswd-wrap { padding-bottom: 32px; border-bottom: 1px solid #d7dde3; font-size: 18px; margin-bottom: 30px; transition: padding-bottom .35s ease-in-out; margin-top: 0 } @media (max-width: 768.98px) { .form__pswd-wrap { font-size: 18px; margin-top: -8px; padding-bottom: 24px; margin-bottom: 28px } } .form__pswd-wrap.is-active { padding-bottom: 30px } .form__pswd-wrap .form__group { margin-bottom: 0 } .form__pswd-wrap .form__col-12 { padding: 0 } .form__pswd-wrap .input-checkbox__label { line-height: 24px } .form__pswd-wrap .input-checkbox__label:before { width: 24px; height: 24px } .form__pswd-wrap .input-checkbox__label:after { width: 19px; height: 18px } .form__checkbox-wrap { padding-bottom: 32px; font-size: 18px; margin-top: 20px; transition: padding-bottom .35s ease-in-out } @media (max-width: 768.98px) { .form__checkbox-wrap { font-size: 18px; margin-top: -8px; padding-bottom: 24px; margin-bottom: 20px } } .form__checkbox-wrap-is-auth { max-width: 400px } .form__checkbox-wrap-is-contacts { margin-top: 24px } .form__checkbox-wrap.is-active { padding-bottom: 30px } .form__checkbox-wrap .form__group { margin-bottom: 0 } .form__global-error { padding: 25px 20px; margin-bottom: 35px; width: 100%; display: block; transition: opacity .25s ease-in-out } .form__global-error, .form__global-error--mt { font-size: 16px; line-height: 24px; letter-spacing: .01em; border-radius: 6px; background-color: rgba(250, 77, 98, .1) } .form__global-error--mt { padding: 25px 30px } .form.form--notification .form__global-error, .form__global-error--mt { margin-bottom: 0; margin-top: 35px } .location-select .form__global-error { margin-top: 24px } .form__global-error a { color: #22b0f3; text-decoration: none; position: relative; transition: all .25s ease } .form__global-error a.is-disabled { pointer-events: none } .form__global-error a:hover { color: #2354a5 } .form__global-success { width: 100%; font-size: 16px; line-height: 24px; letter-spacing: .01em; padding: 25px 20px; margin-bottom: 35px; border-radius: 6px; background-color: rgba(115, 160, 58, .1); transition: opacity .25s ease-in-out } .form__global-success a { color: #22b0f3; text-decoration: none; position: relative; transition: all .25s ease } .form__global-success a:hover { color: #2354a5 } .form__entry-btn, .form__registration-btn { margin-bottom: 14px } @media (min-width: 769px) and (max-width: 1279.98px) { .form__entry-btn, .form__registration-btn { margin-top: 24px } } @media (min-width: 1280px) { .form__entry-btn { max-width: 265px } } .form__registration-btn { min-width: 224px } @media (min-width: 769px) and (max-width: 1279.98px) { .form__registration-btn { margin-top: 0 } } @media (max-width: 768.98px) { .form__registration-btn { min-width: 100% } } .form--notification { margin-top: 30px } .registration--code { margin-bottom: 35px } @media (max-width: 1023.98px) { .registration--code { margin-bottom: 0 } } .form-global-success { display: none; font-size: 16px; line-height: 1.5; letter-spacing: .01em; padding: 25px 30px; margin-bottom: 36px; border-radius: 6px; background-color: rgba(115, 160, 58, .1); opacity: 0; transition: opacity .25s ease-in-out } .form-global-success.is-color-red { background-color: rgba(250, 77, 98, .1) } .form-global-success.is-active { display: flex } .delivery__success .form-global-success.is-active { display: block; white-space: pre-line } .form-global-success.is-visible { opacity: 1 } .tabs { display: inline-block; vertical-align: baseline; padding: 4px; border: 1px solid; border-radius: 4px; background: #fff; font-size: 0 } @media (max-width: 768.98px) { .tabs { width: 100% } } .tabs__list { display: flex; margin: 0; padding: 0; list-style-type: none } @media (max-width: 768.98px) { .tabs__item { width: 50% } } .tabs__button { position: relative; display: inline-block; vertical-align: baseline; text-align: center; height: 40px; padding: 0 20px; margin: 0; line-height: 40px; border: none; border-radius: 2px; background: transparent; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; transition: background .25s ease-in-out, color .25s ease-in-out, box-shadow .25s ease-in-out } @media (max-width: 1279.98px) { .tabs__button { height: 30px; font-size: 14px; line-height: 30px } } @media (max-width: 768.98px) { .tabs__button { width: 100%; padding: 0 5px } } .tabs__button:hover { color: #212121 } .tabs__button.is-active { color: #fff; background-color: #73a03a; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 0 10px 0 rgba(0, 0, 0, .05) } .tabs__button.is-active:hover { color: #fff } .tab-content { transition: opacity .25s ease } .tab-content.is-opacity { opacity: 0 } .select__tag { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 55px; display: block; width: 100%; max-width: 100%; height: 56px; padding: 0 15px; border-radius: 6px; color: #212121; border: 1px solid #d7dde3; background-color: #fcfcfc; transition: background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out; -webkit-appearance: none } .select__tag::-ms-expand { display: none } .select__tag:hover { border-color: #00a0eb } .select__tag:focus { outline: none; box-shadow: 0 0 0 1px #00a0eb; border: 1px solid #00a0eb; background-color: #fff } .select__label { font-size: 16px; font-weight: 500; display: inline-block; margin-bottom: 11px; color: #212121 } .select .choices:focus .choices__inner { box-shadow: 0 0 0 1px #00a0eb; border: 1px solid #00a0eb; background-color: #fff } .select .choices.is-disabled > .choices__inner { border: 1px solid #d7dde3; color: #959799; background-color: #f2f2f2 } .select .choices.is-disabled:focus .choices__inner { box-shadow: none; border: 1px solid #d7dde3 } .select .choices.is-disabled:hover:after { border-top-color: #afbbc6 !important } .select .choices[data-type*=select-one]:after { border-color: transparent; border-width: 0; margin-top: -2px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #afbbc6; transition: transform .25s ease-in-out, border-color .25s ease-in-out } .select .choices[data-type*=select-one]:hover:after { border-top-color: #22b0f3 } .select .choices[data-type*=select-one].is-open:after { transform: rotate(180deg) } .select .choices[data-type*=select-one].is-open:after:hover { border-top-color: #22b0f3 } .select .choices[data-type*=select-one] .choices__inner { padding-bottom: 0 } .select .choices__list--single { padding: 0 } .select .choices__inner { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 55px; display: block; width: 100%; max-width: 100%; height: 56px; padding: 0 15px; border-radius: 6px; color: #212121; border: 1px solid #d7dde3; background-color: #fcfcfc; transition: background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out; -webkit-appearance: none } .select .choices__inner:hover { border-color: #00a0eb } .select .choices__list--dropdown { top: 74px; padding: 8px 0; background-color: #fff; border: 0; border-radius: 6px; box-shadow: 1px 4px 20px rgba(9, 97, 172, .17); z-index: 9 } .select .choices__list--dropdown .choices__item { font-size: 20px; line-height: 20px; letter-spacing: .01em; padding: 8px 20px 12px; color: #212121 } .select .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: rgba(35, 84, 165, .1) } .select-container { width: 100% } .select-search.is-error .select-search__arrow { border-top-color: #fa4d62 } .select-search.is-error .select-search__button { border-color: #fa4d62; background-color: #fff3f5 } .select-search.is-error .error-message { position: relative; display: inline-block } .select-search.is-opened .select-search__text--gray { color: #212121; font-weight: 500 } .select-search__button { display: flex; align-items: center; background-color: #fcfcfc; border: 1px solid #d7dde3; border-radius: 6px; transition: background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out; -webkit-appearance: none; width: 100%; position: relative; z-index: 1; max-width: 100%; height: 56px; padding: 0 15px } .select-search__button:hover { border-color: #00a0eb } .select-search.is-opened.is-visible .select-search__button { border-color: #22b0f3; border-bottom: 1px solid #d4dde1; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select-search.is-opened.is-visible.is-reverted .select-search__button { border-bottom-color: #d7dde3; border-top-color: #d4dde1; border-radius: 0 0 6px 6px } .select-search.is-visible .select-search__button { z-index: 5 } .select-search.is-opened.is-visible.is-error .select-search__button { border-color: #fa4d62; background-color: #fcfcfc; border-bottom: 1px solid #d4dde1 } .select-search.is-opened.is-visible.is-error.is-reverted .select-search__button { border-color: #fa4d62; border-top-color: #d4dde1 } .select-search__button.is-disabled { background-color: #d7dde3; opacity: .5; pointer-events: none } .select-search__button.is-disabled:hover { border-color: #d7dde3 } .select-search__text { flex: 1 0 auto; text-align: left; font-size: 20px; font-weight: 500; line-height: 1.3; color: #212121 } @media (max-width: 768.98px) { .select-search__text { font-weight: 400; font-size: 18px } } .select-search__text--slim { font-weight: 400 } .select-search__text--gray, .select-search__text.is-default { color: #97a4af; font-weight: 400 } .select-search__text--overflow-hidden { max-width: calc(100% - 14px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .select-search__arrow { display: inline-block; width: 14px; margin-top: 3px; flex-shrink: 0; border-top: 8px solid #afbbc6; border-right: 7px solid transparent; border-left: 7px solid transparent; transition: transform .25s ease-in-out } .select-search.is-opened .select-search__arrow { transform: rotate(-180deg) } .select-search__dropdown { display: none; position: absolute; top: 0; left: 0; right: 0; padding-top: 56px; opacity: 0; background-color: #fcfcfc; box-shadow: 0 0 0 1px #22b0f3; border: 1px solid #22b0f3; border-radius: 6px; transition: opacity .25s ease-in-out, transform .25s ease-in-out; z-index: 4; overflow: hidden } .select-search.is-error .select-search__dropdown { border-color: #fa4d62; box-shadow: 0 0 0 1px #fa4d62 } .select-search.is-visible .select-search__dropdown { display: flex } .select-search.is-opened .select-search__dropdown { opacity: 1; transform: translateZ(0) } .select-search.is-reverted .select-search__dropdown { padding-top: 0; padding-bottom: 56px } .select-search__wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; max-height: 300px } @media (max-width: 768.98px) { .select-search__wrapper { max-height: 250px } } .select-search__wrapper:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff); height: 30px; border-radius: 4px; pointer-events: none } @media (max-width: 768.98px) { .select-search--intervals .select-search__wrapper { padding-top: 16px } } @media (max-width: 768.98px) { .select-search--intervals.is-reverted .select-search__wrapper { padding-top: 0; padding-bottom: 16px } } .select-search__list { display: flex; flex-flow: column; padding: 0 24px 16px; margin: 0; width: 100% } .select-search .input-text { position: relative; padding: 16px 16px 6px } .select-search .input-text__input { padding-left: 54px; padding-right: 54px } .select-search .input-text__input:hover { border-color: #d7dde3 } .select-search .input-text__input:focus { box-shadow: none; border-color: #d7dde3; background-color: #fcfcfc } .select-search .input-text .preloader { right: 21px; left: auto; width: 24px; height: 24px; transform: translate(-50%, -30%) } .select-search__input-icon { position: absolute; display: block; width: 23px; height: 23px; top: 50%; transform: translateY(-30%); left: 32px } .select-search__input-icon svg { width: 100%; height: 100%; fill: #c4c4c4; color: #afbbc6 } .select-search__clear { display: flex; position: absolute; opacity: 0; pointer-events: none; z-index: 5; padding: 5px; width: 28px; height: 28px; top: 50%; transform: translateY(-30%); right: 31px; transition: opacity .25s ease-in-out } .is-preloading .select-search__clear { opacity: 0; visibility: hidden } .select-search__clear:hover span { background-color: #00a0eb } .select-search__clear span { width: 18px; background-color: #afbbc6; display: flex; height: 2px; border-radius: 3px; transition: background-color .25s ease-in-out; transform: rotate(-45deg); position: absolute; top: 45% } .select-search__clear span:nth-child(2) { transform: rotate(45deg) } .input-text.is-full .select-search__clear, .input-text.is-visible .select-search__clear { opacity: 1; pointer-events: auto } .select-search--persistent-placeholder { padding-top: 0 } .select-search--persistent-placeholder .select-search__text { font-weight: 400 } .select-search--persistent-placeholder .input-text__label { cursor: pointer } .select-search--persistent-placeholder.is-opened .select-search__text { font-weight: 400 } .select-search--persistent-placeholder.is-opened .input-text__label { color: #97a4af } .select-search--persistent-placeholder.is-full .select-search__text { padding-top: 10px } .select-search--persistent-placeholder.is-full .input-text__label { top: 6px; padding-top: 0; color: #97a4af; font-weight: 400 } .content-area a:not(.button), .link { cursor: pointer; color: #22b0f3; text-decoration: none; position: relative; transition: all .25s ease } .content-area a.is-hidden:not(.button), .link.is-hidden { pointer-events: none; opacity: 0; visibility: hidden } .content-area a:hover:not(.button), .link:hover { color: #2354a5 } .link--nowrap { white-space: nowrap } .link--arrow:before { position: absolute; content: ""; width: 20px; height: 15px; background: url(/local/templates/haier/css/../images/icon-arrow.svg) no-repeat 50%; right: -25px; top: 7px; transition: all .25s ease } .link--arrow:hover { color: #22b0f3 } .link--arrow:hover:before { right: -29px } .link--arrow-inline { padding-right: 18px; display: block } .link--arrow-inline:after { content: ""; display: inline-block; vertical-align: middle; width: 14px; height: 7px; background: url(/local/templates/haier/css/../images/icon-arrow-2.svg) no-repeat 50%; transition: transform .3s; pointer-events: none; margin-left: 4px; margin-right: -18px } .link--arrow-inline:hover, .link--arrow-inline:visited { color: #22b0f3 } .link--arrow-inline:hover:after { transform: translate(4px) } .link--service { padding-right: 25px } .link--service:before { right: 0 } .link--service:hover:before { right: -4px } .link--arrow-back { padding-left: 25px } .link--arrow-back:before { position: absolute; content: ""; width: 12px; height: 6px; background: url(/local/templates/haier/css/../images/icon-arrow.svg) no-repeat 50%; left: 0; top: 50%; transform: translate3d(0, -50%, 0) rotate(180deg); transition: transform .25s ease } .link--arrow-back:hover:before { transform: translate3d(-4px, -50%, 0) rotate(180deg) } .link--footer { font-size: 20px; color: #212121; line-height: 1 } .link--black:hover, .link--footer:hover { color: #22b0f3 } .link--light { color: #fff; opacity: .9; font-size: 16px } .link--white { color: #fff } .link--white:hover { color: #22b0f3 } .header--white .link--white, .link--black, .link--black:hover { color: #212121 } .link--gray { color: #afbbc6 } .link--gray:hover { color: #22b0f3 } .link--icon span { vertical-align: middle } .link--icon [class^=icon] { width: 13px; height: 7px; vertical-align: middle; margin-right: 10px } .link--icon .icon-refresh { width: 14px; height: 15px; pointer-events: none } .link--v-middle { display: inline-flex; align-items: center } .catalog-dropdown__list-item.is-active .content-area a:not(.button), .catalog-dropdown__list-item.is-active .link, .content-area .catalog-dropdown__list-item.is-active a:not(.button), .content-area a:not(.button), .link--blue { color: #00a0eb; opacity: .9; font-size: 16px } .catalog-dropdown__list-item.is-active .link:hover, .content-area a:hover:not(.button), .link--blue:hover { color: #2354a5 } .link--blue-primary { color: #22b0f3; font-weight: 500; font-size: 14px; line-height: 24px; transition: color .25s; display: inline-flex; align-items: center; gap: 6px; text-decoration: none; margin-top: 0 } .link--blue-primary:hover { color: #fff } .link--theme-sale { font-size: 18px } .link--theme-sale:before { top: 5px } .link--underlined { display: inline-flex; padding-bottom: 2px; border-bottom: 1px solid #fff; transition: border-color .25s ease-in-out } .link--underlined:hover { color: #fff; border-bottom: 1px solid transparent } .link--icon-arrow { display: inline-block; padding-right: 20px } .link--icon-arrow i { position: relative; pointer-events: none } .link--icon-arrow i:before { content: ""; display: block; position: absolute; top: 0; left: 5px; bottom: 0; margin: auto 0; width: 14px; height: 7px; background: url(/local/templates/haier/css/../images/icon-arrow-2.svg) no-repeat 50%; transition: transform .25s } .link--icon-arrow:hover { color: #22b0f3 } .link--icon-arrow:hover i:before { transform: translate(4px) } .link--icon-arrow-2 { display: inline-block; padding-right: 25px } .link--icon-arrow-2 i { position: relative; pointer-events: none } .link--icon-arrow-2 svg { display: block; position: absolute; top: .1em; left: 10px; bottom: 0; margin: auto 0; transition: transform .25s } .link--icon-arrow-2:hover svg { transform: translate(4px) } .list--dash { position: relative; list-style: none; padding-left: 58px } @media (max-width: 768.98px) { .list--dash { padding-left: 18px } } .list--dash > li { font-size: 18px; line-height: 1.55556; margin-bottom: 28px } @media (max-width: 768.98px) { .list--dash > li { margin-bottom: 16px } } .list--dash > li:before { content: "\2014\A0"; position: absolute; left: 40px } @media (max-width: 768.98px) { .list--dash > li:before { left: 0 } } .tooltip__popup { padding: 8px 13px 8px; font-size: 14px; line-height: 20px; text-align: left; white-space: normal; box-shadow: -5px 4px 40px -9px #959799; border-radius: 4px; transition: opacity .25s ease-in-out; background: #fff; z-index: 10; max-width: 300px } .tooltip__popup:before { pointer-events: none } .tooltip__popup[data-popper-placement=bottom]:before { content: ""; position: absolute; border: 6px solid transparent; border-bottom: 8px solid #fff; left: calc(50% - 6px); bottom: 100% } .tooltip__popup[data-popper-placement=right]:before { content: ""; position: absolute; border: 6px solid transparent; border-right: 8px solid #fff; left: -13px; top: calc(50% - 5px) } .tooltip__popup[data-popper-placement=top]:before { content: ""; position: absolute; border: 6px solid transparent; border-top: 8px solid #fff; left: calc(50% - 6px); top: 100% } .tooltip-v2__popup { text-align: left; transition: opacity .25s; width: 420px; max-height: 300px; padding: 24px 20px; box-shadow: 0 0 32px rgba(134, 143, 168, .2); border-radius: 8px; background: #fff; display: flex; flex-direction: column; z-index: 1400 } .tooltip-v2__popup.is-visibly-hidden { opacity: 0 !important; pointer-events: none !important } .tooltip-v2__popup.is-simple { width: auto; max-width: 300px !important; padding: 8px 12px } .tooltip-v2__popup.is-mobile { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; transform: none !important; background: rgba(0, 0, 0, .5); box-shadow: none; width: auto; max-width: 100% !important; max-height: none; padding: 0; border-radius: 0 } .tooltip-v2__popup.is-mobile:before { display: none } .tooltip-v2__popup:before { content: ""; position: absolute; border: 13px solid transparent; pointer-events: none } .tooltip-v2__popup[data-popper-placement=bottom]:before { border-bottom: 12px solid #fff; left: calc(50% - 13px); top: -25px } .tooltip-v2__popup[data-popper-placement=right]:before { border-right: 12px solid #fff; left: -25px; top: calc(50% - 13px) } .tooltip-v2__popup[data-popper-placement=top]:before { border-top: 12px solid #fff; left: calc(50% - 13px); bottom: -25px } .tooltip-v2__popup.tooltip-v1 { padding: 8px 13px 8px; max-width: 300px } .tooltip-v2__popup.evo-warranty__tooltip { padding: 20px; max-width: 365px !important; max-height: none } @media (max-width: 1023.98px) { .tooltip-v2__popup.evo-warranty__tooltip { max-width: 320px !important } } .tooltip-v2__popup.is-mobile .tooltip-v2__container { position: fixed; bottom: 0; left: 0; background: #fff; border-radius: 24px 24px 0 0; width: 100%; max-height: calc(100% - 100px); padding: 40px 20px 25px; transition: transform .25s; display: flex; flex-direction: column } .tooltip-v2__popup.is-mobile.is-visibly-hidden .tooltip-v2__container { transform: translateY(100%) } .tooltip-v2__scrollable { position: relative } .tooltip-v2__popup.is-mobile .tooltip-v2__scrollable { flex: auto; -webkit-overflow-scrolling: touch } .tooltip-v2__scrollable .simplebar-track { z-index: 2 } .tooltip-v2__scrollable-after, .tooltip-v2__scrollable-before { content: ""; display: block; position: absolute; width: 100%; height: 40px; pointer-events: none; z-index: 1; transform: scaleY(0); transition: transform .25s } .tooltip-v2__scrollable-before { background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0)); top: 0; transform-origin: 50% 0 } .tooltip-v2__scrollable.is-gradient-top .tooltip-v2__scrollable-before { transform: scaleY(1) } .tooltip-v2__scrollable-after { background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff); bottom: 0; transform-origin: 50% 100% } .tooltip-v2__scrollable.is-gradient-bottom .tooltip-v2__scrollable-after { transform: scaleY(1) } .tooltip-v2__scrollable-inner { width: 100%; overflow-y: auto; max-height: 220px; scrollbar-width: thin; -webkit-overflow-scrolling: touch } .tooltip-v2__scrollable-inner::-webkit-scrollbar { width: 4px } .tooltip-v2__scrollable-inner::-webkit-scrollbar-thumb { background: rgba(151, 164, 175, .6); border-radius: 4px } .tooltip-v2__popup.is-mobile .tooltip-v2__scrollable-inner { font-size: 24px; line-height: 30px; max-height: calc(100vh - 246px); padding: 0 0 30px } .tooltip-v2__popup.is-mobile .tooltip-v2__scrollable-inner::-webkit-scrollbar { display: none } .tooltip-v2__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; font-size: 16px; line-height: 24px; margin-bottom: 8px; flex-shrink: 0 } @media (max-width: 1023.98px) { .tooltip-v2__title { font-size: 24px; line-height: 30px; margin-bottom: 16px } } .tooltip-v2__popup.is-mobile .tooltip-v2__title { flex: none } .tooltip-v2__text { font-weight: 300; font-size: 14px; line-height: 20px } @media (max-width: 1023.98px) { .tooltip-v2__text { font-size: 16px; line-height: 24px } } .tooltip-v2__scrollable .tooltip-v2__text { padding-right: 20px } .tooltip-v2__popup.is-mobile .tooltip-v2__text { padding-right: 0 } .tooltip-v2__close { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; display: none; transition: color .25s; color: #afbbc6 } @media (min-width: 1280px) { .tooltip-v2__close:hover { color: #22b0f3 } } @media (max-width: 1279.98px) { .tooltip-v2__close { top: -70px; right: -8px } } .tooltip-v2__close:active { color: #22b0f3 } .tooltip-v2__close .icon { pointer-events: none; width: 24px; height: 24px } .tooltip-v2__popup.is-mobile .tooltip-v2__close { display: block } @media (max-width: 1279.98px) { .tooltip-v2__popup.is-mobile .tooltip-v2__close { top: 16px; right: 16px } } .tooltip-v2__popup.evo-warranty__tooltip .tooltip-v2__close { top: 20px; right: 20px; display: block } @keyframes slideChangeIn { 0% { opacity: 0; transform: translateY(-15px) } to { opacity: 1; transform: translateY(0) } } @keyframes slideChangeOut { 0% { opacity: 0; transform: translateY(0) } to { opacity: 1; transform: translateY(15px) } } @keyframes slideChangeInBig { 0% { opacity: 0; transform: translateY(-40px) } to { opacity: 1; transform: translateY(0) } } @keyframes slideChangeOutBig { 0% { opacity: 0; transform: translateY(0) } to { opacity: 1; transform: translateY(40px) } } @keyframes slideFadeInLeft { 0% { opacity: 0; transform: translateX(75px) } to { opacity: 1; transform: translateX(0) } } @keyframes slideFadeOut { 0% { opacity: 1 } to { opacity: 0 } } .latest { position: relative; height: auto; margin: 0 } .latest__inner { width: 100%; height: 100%; display: flex } @media (max-width: 1279.98px) { .latest__inner { background: #fff; padding-left: calc(30px + 6.3%); padding-right: 6.3%; box-sizing: border-box } } @media (max-width: 768.98px) { .latest__inner { padding: 0 20px; flex-direction: column-reverse; min-height: 520px } } .latest__wrap { display: flex; flex-direction: column; background: #fff; padding-left: 17.5%; padding-left: 15.8%; border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding-top: 56px; padding-bottom: 100px; box-sizing: border-box; max-width: 79%; flex: 0 0 79% } @media (max-width: 1366.98px) { .latest__wrap { padding-left: 11.3%; max-width: 88.5%; flex: 0 0 88.5%; padding-top: 74px; padding-bottom: 60px } } @media (max-width: 1279.98px) { .latest__wrap { flex: 0 0 50%; border-radius: 0; padding-left: 0; padding-top: 47px; padding-bottom: 80px } } @media (max-width: 768.98px) { .latest__wrap { flex: 100%; max-width: 100%; text-align: center; padding-top: 12px; padding-bottom: 100px } } .latest__title { font-size: 20px; margin-bottom: 70px; line-height: 1.6 } @media (min-width: 769px) { .is-animated .swiper-slider .latest__title { opacity: 0; transition: opacity .25s ease-in-out } .is-animated .swiper-slide-active .latest__title { transition: opacity .25s ease-in-out; opacity: 1 } } @media (max-width: 1366.98px) { .latest__title { margin-bottom: 38px } } @media (max-width: 1279.98px) { .latest__title { margin-bottom: 44px } } @media (max-width: 768.98px) { .latest__title { position: absolute; top: 36px; right: 20px; font-size: 16px } } @media (max-width: 768.98px) { .latest__data { display: flex; flex-direction: column; align-items: center } } .latest__model { font-size: 48px; letter-spacing: .02em; font-weight: 700; display: flex; align-items: center } @media (min-width: 769px) { .is-animated .swiper-slide:not(.swiper-slide-active) .latest__model { animation-name: slideChangeOut; animation-timing-function: ease-out; animation-duration: .5s } .is-animated .swiper-slide-active .latest__model { animation-name: slideChangeIn; animation-timing-function: ease-out; animation-duration: .5s } } @media (max-width: 1279.98px) { .latest__model { font-size: 40px } } @media (max-width: 768.98px) { .latest__model { justify-content: center; font-size: 24px } } .latest__model .cart-add { margin-left: 25px; width: 48px; height: 48px } .latest__model .cart-add__cross { width: 11px; height: 12px; left: 12px; bottom: 10px } @media (max-width: 768.98px) { .latest__model .cart-add { position: absolute; right: 35px; bottom: 52px } } .latest__price { font-size: 32px; font-weight: 700; line-height: 1.33; margin-top: 11px; margin-bottom: 8px } .latest__price--old { margin-left: 16px; font-size: 14px; font-weight: 500; color: #7f8993; text-decoration: line-through } @media (min-width: 769px) { .is-animated .swiper-slide:not(.swiper-slide-active) .latest__price { animation-name: slideChangeOut; animation-timing-function: ease-out; animation-duration: .5s } .is-animated .swiper-slide-active .latest__price { animation-name: slideChangeIn; animation-timing-function: ease-out; animation-duration: .5s } } @media (max-width: 1279.98px) { .latest__price { font-size: 24px; margin-top: 10px } } @media (max-width: 768.98px) { .latest__price { font-size: 18px; margin: 0 0 32px } .latest__price--old { margin-left: 8px; font-size: 12px } } .latest__info { padding-left: 113px } @media (min-width: 769px) { .is-animated .swiper-slide:not(.swiper-slide-active) .latest__info { animation-name: slideChangeOutBig; animation-timing-function: ease-out; animation-duration: .5s } .is-animated .swiper-slide-active .latest__info { animation-name: slideChangeInBig; animation-timing-function: ease-out; animation-duration: .5s } } @media (max-width: 1366.98px) { .latest__info { padding-left: 78px; padding-left: 7.4% } } @media (max-width: 1279.98px) { .latest__info { padding-left: 0 } } .latest__list { list-style: none; max-width: 590px; padding-left: 0; margin-top: 57px; margin-bottom: 0 } @media (max-width: 1366.98px) { .latest__list { margin-top: 46px; max-width: 570px } } @media (max-width: 1279.98px) { .latest__list { margin-top: 40px } } @media (max-width: 768.98px) { .latest__list { display: none } } .latest__list-value-img { margin-left: -12px; width: 19px; height: 19px; position: relative; top: 5px } .latest__list-value-img:first-child { margin-left: 0 } .latest__list-item { font-size: 20px; margin-bottom: 30px; display: table } @media (max-width: 1279.98px) { .latest__list-item { font-size: 16px; margin-bottom: 16px } } @media (max-width: 768.98px) { .latest__list-item { margin: 16px auto } } @media (max-width: 1279.98px) { .latest__list-item--hidden-md { display: none } } .latest__list-value { padding-left: 111px; display: table-cell } @media (max-width: 1279.98px) { .latest__list-value { padding-left: 0 } } .latest__list-value--colors { display: flex; align-items: center } .latest__list-key { width: 224px; display: table-cell } @media (max-width: 1366.98px) { .latest__list-key { width: 198px } } .latest__img { position: absolute; left: 58.2%; padding: 176px 0 0 } @media (min-width: 769px) { .is-animated .swiper-slide:not(.swiper-slide-active) .latest__img { animation-name: slideFadeOut; animation-timing-function: ease-out; animation-duration: .5s !important } .is-animated .swiper-slide-active .latest__img { animation-name: slideFadeInLeft; animation-timing-function: ease-out; animation-duration: .5s !important } } @media (max-width: 1366.98px) { .latest__img { left: 57%; padding: 186px 0 0 } } @media (max-width: 1279.98px) { .latest__img { position: static; flex: 0 0 50%; padding-top: 176px } } @media (max-width: 768.98px) { .latest__img { flex: 100%; text-align: center; padding-top: 100px } } @media (max-width: 1366.98px) { .latest__img img { width: 121% } } @media (max-width: 1279.98px) { .latest__img img { width: auto; margin-left: -40px } } @media (max-width: 768.98px) { .latest__img img { margin: 0; max-width: 100% } } @media (max-width: 768.98px) { .content-area .latest a:not(.button):before, .latest .content-area a:not(.button):before, .latest .link:before { top: 4px } } .latest .link--arrow:before { top: 7px } @media (max-width: 1279.98px) { .latest .link--arrow:before { top: 4px } } .category-item { display: block; height: auto; text-decoration: none; margin: 0 auto; width: 100%; max-width: 416px } @media (max-width: 768.98px) { .category-item { max-width: none; transform: scale(.6); transition: transform .5s ease-in-out } } @media (max-width: 768.98px) { .swiper-slide.swiper-slide-active .category-item { transform: scale(1) } } .category-item__img { position: relative; margin-bottom: 40px; transition: all .5s ease } @media (max-width: 1366.98px) { .category-item__img { margin-bottom: 48px } } @media (max-width: 768.98px) { .category-item__img { margin-bottom: 44px } } .category-item:hover .category-item__img { transform: scale(1.05) } .category-item__img:before { content: ""; display: block; padding-top: 86.53846% } .category-item__img img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -o-object-fit: contain; object-fit: contain } @media (max-width: 768.98px) { .category-item__img img { max-width: 90% } } .category-item__title { font-size: 24px; color: #212121; text-align: center; padding: 0 20px; min-height: 95.76px; display: block } @media (max-width: 1366.98px) { .category-item__title { font-size: 20px; line-height: 1.4 } } @media (max-width: 1279.98px) { .category-item__title { font-size: 16px; line-height: 1.25 } } @media (max-width: 768.98px) { .category-item__title { font-size: 18px; line-height: 1.33333; opacity: 0; max-width: 280px; transition: opacity .25s ease; margin: 0 auto } .swiper-slide.swiper-slide-active .category-item__title { opacity: 1 } } .product-list { display: flex; flex-wrap: wrap; background: #fff; border-top-left-radius: 15px; padding: 112px 12.5% 112px 17.7%; position: relative } @media (max-width: 1366.98px) { .product-list { padding: 216px 6.5% 112px } } @media (max-width: 1279.98px) { .product-list { padding-left: calc(30px + 6.3%); padding-right: calc(30px + 6.3%); padding-top: 220px } } @media (max-width: 768.98px) { .product-list { padding-left: 20px; padding-right: 20px } } .product-list__wrap { display: flex; flex-wrap: wrap; margin: 0 -14px; max-width: calc(100% + 28px) } @media (max-width: 1279.98px) { .product-list__wrap { justify-content: space-between; margin-bottom: 20px } } .product-list__btn { margin: -26px auto 0; width: 306px } @media (max-width: 1366.98px) { .product-list__btn { width: 280px; margin-top: -20px } } @media (max-width: 1279.98px) { .product-list__btn { width: 260px; margin: -18px auto 0 } } .product-list__banner { position: absolute; right: 92.4%; width: 420px; max-width: 35% } @media (max-width: 1366.98px) { .product-list__banner { max-width: none; width: 115%; right: 7.4%; top: -191px; display: none } } @media (max-width: 1279.98px) { .product-list__banner { width: 100%; right: 0; top: -190px } } .product-list__product { width: 33.33333%; max-width: 33.33333%; padding: 0 14px; margin-bottom: 86px } @media (max-width: 1279.98px) { .product-list__product { margin-bottom: 60px } } @media (max-width: 767.98px) { .product-list__product { width: 100%; max-width: 100% } } .promo-banner { max-width: 1920px; margin: 0 auto; padding: 0 80px; position: relative } @media (max-width: 1279.98px) { .promo-banner { padding: 0 30px } } @media (max-width: 768.98px) { .promo-banner { padding: 0 20px } } .promo-banner:before { content: ""; background: rgba(0, 0, 0, .3); z-index: 1 } .promo-banner:before, .promo-banner__bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .promo-banner__bg { -o-object-fit: cover; object-fit: cover } .promo-banner__container { padding: 154px 0 146px; position: relative; z-index: 1 } @media (max-width: 1279.98px) { .promo-banner__container { padding: 80px 0 } } @media (max-width: 1023.98px) { .promo-banner__container { padding: 64px 0 44px } } .promo-banner--premium .promo-banner__container { min-height: 720px; padding: 140px 0 144px } @media (max-width: 1919.98px) { .promo-banner--premium .promo-banner__container { min-height: 480px; padding-bottom: 62px; padding-top: 115px } } @media (max-width: 1023.98px) { .promo-banner--premium .promo-banner__container { min-height: 384px; padding: 80px 0 52px } } @media (max-width: 768.98px) { .promo-banner--premium .promo-banner__container { padding-bottom: 24px } } .promo-banner__row { display: flex; align-items: flex-end; margin: 0 -8px } @media (max-width: 1023.98px) { .promo-banner__row { display: block } } .promo-banner__col { padding: 0 8px } .promo-banner__col:first-child { width: 50%; margin-left: 6.25% } @media (max-width: 1919.98px) { .promo-banner__col:first-child { width: 56.25%; margin-left: 0 } } @media (max-width: 1279.98px) { .promo-banner__col:first-child { width: 50% } } @media (max-width: 1023.98px) { .promo-banner__col:first-child { width: auto } } .promo-banner__col:nth-child(2) { width: 43.75% } @media (max-width: 1919.98px) { .promo-banner__col:nth-child(2) { width: 43.75% } } @media (max-width: 1279.98px) { .promo-banner__col:nth-child(2) { width: 50% } } @media (max-width: 1023.98px) { .promo-banner__col:nth-child(2) { width: auto } } .promo-banner__logo img { width: 197px; max-width: 100% } @media (max-width: 1919.98px) { .promo-banner__logo img { width: 184px } } @media (max-width: 1279.98px) { .promo-banner__logo img { width: 170px } } @media (max-width: 768.98px) { .promo-banner__logo img { width: 77px } } .promo-banner__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 115px; line-height: 1; margin-bottom: 0; margin-top: 24px; margin-left: -10px; color: hsla(0, 0%, 100%, .9) } @media (max-width: 1919.98px) { .promo-banner__title { font-size: 108px; margin-top: 16px; margin-left: -9px } } @media (max-width: 1279.98px) { .promo-banner__title { font-size: 100px; margin-left: -8px } } @media (max-width: 768.98px) { .promo-banner__title { font-size: 45px; margin-top: 8px; margin-left: -3px } } .promo-banner__text { font-weight: 500; font-size: 32px; line-height: 48px; color: hsla(0, 0%, 100%, .9); margin-bottom: 10px } @media (max-width: 1366.98px) { .promo-banner__text { margin-bottom: 11px } } @media (max-width: 1279.98px) { .promo-banner__text { font-size: 24px; line-height: 40px } } @media (max-width: 1023.98px) { .promo-banner__text br { content: "" } .promo-banner__text br:after { content: " " } } @media (max-width: 768.98px) { .promo-banner__text { line-height: 32px; margin-bottom: 0; margin-top: 20px } } .promo-banner--premium .breadcrumbs { width: 100%; margin-bottom: 218px } @media (max-width: 1366.98px) { .promo-banner--premium .breadcrumbs { margin-bottom: 100px } } @media (max-width: 1279.98px) { .promo-banner--premium .breadcrumbs { margin-bottom: 20px } } .promo-features { max-width: 1920px; margin: 0 auto; padding: 0 80px; background: #fff } @media (max-width: 1279.98px) { .promo-features { padding: 0 } } .promo-features__row { display: flex; margin: 0 -8px } @media (max-width: 1279.98px) { .promo-features__row { display: block; margin: 0 } } .promo-features__col { padding: 0 8px } @media (max-width: 1279.98px) { .promo-features__col { padding: 0 } } .promo-features__col:first-child { width: 50%; margin-left: 6.25% } @media (max-width: 1919.98px) { .promo-features__col:first-child { width: 56.25%; margin-left: 0 } } @media (max-width: 1279.98px) { .promo-features__col:first-child { width: auto } } .promo-features__col:nth-child(2) { width: 43.75% } @media (max-width: 1919.98px) { .promo-features__col:nth-child(2) { width: 43.75% } } @media (max-width: 1279.98px) { .promo-features__col:nth-child(2) { width: auto } } .promo-features__section { padding: 80px 0 } @media (max-width: 1279.98px) { .promo-features__section { padding: 40px 30px 50px } } @media (max-width: 768.98px) { .promo-features__section { padding: 40px 20px } } .promo-features__section--dark { background: #131313; color: #fff; height: 100% } @media (min-width: 1280px) { .promo-features__col:nth-child(2) .promo-features__section { margin-right: -80px; padding-right: 80px; padding-left: 14.28571% } } .promo-features__title { font-weight: 500; font-size: 32px; line-height: 40px; margin-bottom: 10px } @media (max-width: 1279.98px) { .promo-features__title { text-align: center } } @media (max-width: 768.98px) { .promo-features__title { font-size: 24px; line-height: 30px; text-align: left } } @media (max-width: 768.98px) { .promo-features__section--dark .promo-features__title { text-align: center } } .promo-features__list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; margin-left: -30px } .promo-features__list-item { flex-shrink: 0; width: 37.5%; margin-top: 30px; margin-left: 30px } @media (max-width: 1919.98px) { .promo-features__list-item { width: calc(44.44444% - 15px) } } @media (max-width: 1279.98px) { .promo-features__list-item { width: calc(25% - 30px) } } @media (max-width: 1023.98px) { .promo-features__list-item { width: calc(25% - 10px); margin-left: 10px } } @media (max-width: 768.98px) { .promo-features__list-item { width: calc(100% - 30px); margin-top: 10px; margin-left: 30px } } .promo-features__section--dark .promo-features__list-item { width: calc(100% - 46px) } @media (max-width: 1919.98px) { .promo-features__section--dark .promo-features__list-item { width: calc(100% - 30px) } } @media (max-width: 1279.98px) { .promo-features__section--dark .promo-features__list-item { width: calc(50% - 30px) } } @media (max-width: 1023.98px) { .promo-features__section--dark .promo-features__list-item { width: calc(50% - 30px); margin-left: 30px } } @media (max-width: 768.98px) { .promo-features__section--dark .promo-features__list-item { width: calc(100% - 30px); margin-top: 20px } } .promo-features__item { height: 100%; min-height: 240px; background: #fff; border-radius: 12px; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); padding: 30px; display: flex; flex-direction: column; align-items: flex-start; position: relative; text-decoration: none } @media (max-width: 1279.98px) { .promo-features__item { min-height: 200px; padding: 20px } } @media (max-width: 1023.98px) { .promo-features__item { padding-right: 10px } } @media (max-width: 768.98px) { .promo-features__item { height: auto; min-height: 100px; padding-left: 15px; flex-direction: row; align-items: center } } .promo-features__item.is-hoverable { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: box-shadow .25s } .promo-features__item.is-hoverable:hover { box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .5) } .promo-features__section--dark .promo-features__item { background: #212121; cursor: auto } @media (max-width: 1279.98px) { .promo-features__section--dark .promo-features__item { height: 100%; min-height: auto; padding: 40px } } @media (max-width: 768.98px) { .promo-features__section--dark .promo-features__item { padding: 30px 56px; flex-direction: column } } .promo-features__section--dark .promo-features__item, .promo-features__section--dark .promo-features__item:hover { box-shadow: none } .promo-features__item-col { display: block } @media (max-width: 768.98px) { .promo-features__item-col:first-child { flex-shrink: 0; margin-right: 20px } } .promo-features__item-icon { width: 60px; height: 60px; background: #f4f4f4; border-radius: 12px; display: flex; align-items: center; justify-content: center } .promo-features__section--dark .promo-features__item-icon { background: #2f2f2f } @media (max-width: 1279.98px) { .promo-features__section--dark .promo-features__item-icon { margin: 0 auto; background: transparent; width: auto; height: auto } } .promo-features__item-icon-image { display: block } .promo-features__item-title { font-weight: 500; font-size: 22px; line-height: 36px; margin-top: 20px; color: #212121; display: block } @media (max-width: 1279.98px) { .promo-features__item-title { font-size: 18px; line-height: 23px } } @media (max-width: 768.98px) { .promo-features__item-title { font-size: 16px; line-height: 22px; margin-top: 0 } } .promo-features__section--dark .promo-features__item-title { color: #fff } .promo-features__item-text { font-size: 22px; line-height: 28px; margin-top: 4px; color: #212121; display: block; max-width: 100% } @media (max-width: 1279.98px) { .promo-features__item-text { font-size: 16px; line-height: 20px; margin-top: 6px } } @media (max-width: 768.98px) { .promo-features__item-text { line-height: 18px } } .promo-features__section--dark .promo-features__item-text { line-height: 35px; color: #fff; margin-top: 24px } @media (max-width: 1279.98px) { .promo-features__section--dark .promo-features__item-text { font-size: 18px; line-height: 24px; margin-top: 30px; text-align: center } } @media (max-width: 768.98px) { .promo-features__section--dark .promo-features__item-text { font-size: 16px; margin-top: 16px } } .promo-features__item-text-blue { color: #22b0f3 } .promo-features__item-text span { display: block } @media (max-width: 1279.98px) { .promo-features__item-text span { display: inline } } .promo-features__item-arrow { width: 48px; height: 48px; border-radius: 100%; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); display: flex; align-items: center; justify-content: center; position: absolute; bottom: 15px; right: 15px; opacity: 0; transition: opacity .25s } @media (max-width: 1279.98px) { .promo-features__item-arrow { display: none } } .promo-features__item-arrow-icon { display: block } .promo-features__item:hover .promo-features__item-arrow { opacity: 1 } .promo-features__footer { font-size: 20px; line-height: 24px; margin-top: 40px } @media (max-width: 1279.98px) { .promo-features__footer { text-align: center } } @media (max-width: 768.98px) { .promo-features__footer { font-size: 16px; line-height: 24px; text-align: left } } @media (max-width: 768.98px) { .promo-features__section--dark .promo-features__footer { text-align: center } } .promo-features__footer-link { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none } .promo-features__footer-link, .promo-features__footer-link:hover, .promo-features__footer-link:visited { color: #00a0eb } .sale { position: relative } .sale__wrap { padding-left: 36px; overflow: hidden; display: flex } @media (max-width: 1366.98px) { .sale__wrap { overflow: inherit; padding-left: 0; flex-direction: column } } .sale__collumn { display: flex; flex-direction: row; justify-content: space-between; height: 100%; min-height: 1500px; max-width: 100%; width: 100% } @media (max-width: 1366.98px) { .sale__collumn { min-height: auto } } .sale__collumn .section-title { top: 45px; left: -25px } @media (max-width: 1366.98px) { .sale__collumn .section-title { top: 300px; left: 20px } } @media (max-width: 1279.98px) { .sale__collumn .section-title { top: 220px; left: -22px } } .sale__big-inner { flex: 0 0 75%; max-width: 75% } @media (max-width: 1366.98px) { .sale__big-inner { flex: 0 0 77%; max-width: 77% } } @media (max-width: 1279.98px) { .sale__big-inner { flex: 0 0 100%; max-width: 100% } } .sale__promo { flex-direction: column-reverse; display: flex; align-items: center; padding-bottom: 352px; width: 25%; flex: 0 0 25% } @media (max-width: 1366.98px) { .sale__promo { width: 23%; flex: 0 0 23%; padding-bottom: 340px } } @media (max-width: 1279.98px) { .sale__promo { display: none } } .sale__small-item { position: relative; right: -15% } .sale__banner { display: none } @media (max-width: 1366.98px) { .sale__banner { display: block; padding: 0 80px; margin-bottom: -130px } } @media (max-width: 1279.98px) { .sale__banner { padding: 0 } } @media (max-width: 767px) { .sale__banner { padding: 0 0 32px } } .sale .section-title { top: 43px } @media (max-width: 1366.98px) { .sale .section-title { top: 450px } } @media (max-width: 1279.98px) { .sale .section-title { top: 480px } } @media (max-width: 768.98px) { .sale .section-title { top: 360px } } @media screen and (max-width: 767.98px) { .sale .section-title { top: 800px } } .product { display: flex; flex-direction: column; text-decoration: none } .product--theme-ge { margin-bottom: 48px } @media (max-width: 1279.98px) { .product--theme-ge { margin-bottom: 20px } } .product--comparison { position: relative; padding-left: 72px; min-height: 86px } @media (max-width: 1023.98px) { .product--comparison { height: 100%; padding-left: 0; min-height: 0 } } .product--sale .product__img { background: #ffedef } @media (max-width: 1366.98px) { .product--hidden-lg { display: none } } .product__delete { position: absolute; left: 12px; top: 62px; width: 32px; height: 32px; padding: 8px; color: #afbbc6; box-sizing: border-box; transition-property: color, opacity; transition-duration: .25s; opacity: 0; pointer-events: none } @media (max-width: 1023.98px) { .product__delete { top: 26px; left: auto; right: 0; opacity: 1; pointer-events: auto } } @media (min-width: 1280px) { .product__delete:hover { color: #22b0f3 } } .product__delete:active { color: #22b0f3 } .product:hover .product__delete { opacity: 1; pointer-events: auto } .product__img { width: 100%; position: relative; top: 0; left: 0; display: flex; align-items: center; justify-content: center; background: #f4f4f4; border-radius: 15px; height: 331px; text-decoration: none; overflow: hidden } @media (max-width: 1366.98px) { .product__img { height: 276px } } @media (max-width: 1279.98px) { .product__img { height: 227px } } @media (max-width: 768.98px) { .product__img { height: 190px } } .product--comparison .product__img { background-color: transparent; width: 56px; height: 62px; flex-shrink: 0 } .product__img img { transition: all .25s ease-in-out; width: 100%; height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain } @media (max-width: 1279.98px) { .product__img img { margin-bottom: 20px } } @media (max-width: 768.98px) { .product__img img { margin-bottom: 30px } } .product--comparison .product__img img { margin-bottom: 0 } .product__img:hover picture img { transform: scale(1.05) } .product__picture { display: flex; max-height: calc(100% - 116px); max-width: calc(100% - 84px) } @media (max-width: 1279.98px) { .product__picture { max-width: calc(100% - 86px); max-height: calc(100% - 110px) } } @media (max-width: 768.98px) { .product__picture { max-width: calc(100% - 56px); max-height: calc(100% - 105px); margin-bottom: 24px } } .product--comparison .product__picture { max-height: 100%; margin-bottom: 0 } .product__picture picture, .product__picture picture img { max-width: 100%; max-height: 100% } .product__picture picture img { -o-object-fit: contain; object-fit: contain } .product__data { position: relative; display: flex; flex-direction: column; margin-top: 16px; padding-left: 6px } @media (max-width: 1279.98px) { .product__data { margin-top: 16px } } @media (max-width: 768.98px) { .product__data { margin-top: 12px } } .product--comparison .product__data { padding: 0; flex: 0 0 calc(100% - 128px); margin-top: 0 } .product--theme-ge .product__data { padding-left: 0 } .product__ad { width: 36px; height: 36px; border-radius: 100%; background: #22b0f3; margin-right: 20px; display: flex; align-items: center; justify-content: center } .product__meta { position: relative; flex: 1; margin-top: 6px; margin-left: 21px; margin-right: 5px; display: flex; flex-wrap: wrap } @media (max-width: 1366.98px) { .product__meta { margin-right: 0 } } @media (max-width: 768.98px) { .product__meta { margin-left: 0; margin-top: 6px } } .product--comparison .product__meta { margin-left: 0; margin-right: 0 } .product--theme-ge .product__meta { margin-left: 0 } .product__icon { width: 16px; height: 16px } .product__price { font-size: 20px; margin-bottom: 4px; font-weight: 700; color: #212121 } @media (max-width: 768.98px) { .product__price { font-size: 16px; margin-right: 15px } } .product__price--old { font-size: 16px; color: #afbbc6; text-decoration: line-through; white-space: nowrap; position: relative; margin-bottom: 4px } @media (max-width: 768.98px) { .product__price--old { font-size: 12px } } .product--comparison .product__price { font-size: 16px } .product__price-container { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-right: 21px; flex-wrap: wrap } @media (max-width: 768.98px) { .product__price-container { justify-content: flex-start; padding-right: 5px } .comparison-slider.is-sticky .product__price-container { display: none } } .product--comparison .product__price-container { align-items: flex-end } .product__title { font-size: 18px; font-weight: 400; line-height: 1.33; margin-top: 3px; width: 100% } @media (max-width: 1279.98px) { .product__title { margin-top: 1px } } @media (max-width: 768.98px) { .product__title { margin-top: 0; margin-bottom: 20px; font-size: 14px } } .product--comparison .product__title { font-size: 14px; font-weight: 500; line-height: 1.71429; margin-bottom: 10px } .product__param { position: absolute; right: 21px; top: 19px; font-size: 18px; color: #212121; font-weight: 500 } @media (max-width: 768.98px) { .product__param { font-size: 12px; top: 6px; right: 10px } } .product__mark { position: absolute; left: 16px; bottom: 16px } @media (max-width: 768.98px) { .product__mark { display: flex; left: 10px; bottom: 10px; width: 13px; height: 13px } } .product__mark--text { color: #afbbc6; font-size: 14px; font-weight: 500; left: 20px; bottom: 19px } @media (max-width: 768.98px) { .product__mark--text { font-size: 12px; bottom: 10px; left: 10px; width: 100% } } .product--theme-ge .product__img .product__mark { width: 26px; height: 24px; left: 16px; bottom: 16px } @media (max-width: 768.98px) { .product--theme-ge .product__img .product__mark { bottom: 16px; left: 18px } } .product__mark-icon { height: 17px; width: 30px } .product__status { position: absolute; top: 15px; left: 16px; width: 24px; height: 24px } @media (max-width: 768.98px) { .product__status { top: 10px; left: 10px; width: 15px; height: 15px } } .product--theme-ge .product__img .product__status { width: 24px; height: 24px } @media (max-width: 768.98px) { .product--theme-ge .product__img .product__status { left: 18px; top: 16px } } .product__status-icon { width: 26px; height: 26px } .product__compare { position: absolute; bottom: -30px; left: -5px; opacity: 0; transition: opacity .25s ease-in-out } @media (max-width: 1279.98px) { .product__compare { display: none } } .product:hover .product__compare, .product__compare:hover { opacity: 1 } .product__compare-btn { display: flex; align-items: center; font-size: 16px; padding: 5px; color: #22b0f3; transition: color .25s ease-in-out } .product__compare-btn > * { pointer-events: none } .product__compare-btn .icon-compare { width: 17px; height: 17px; fill: #afbbc6; margin-right: 8px } .product__compare-btn:hover { color: #2354a5 } .product__compare-btn.is-active svg { fill: #22b0f3 } .product__credit { position: absolute; display: flex; right: 16px; bottom: 16px; align-items: center } @media (max-width: 768.98px) { .product__credit { right: 10px; bottom: 10px } } .product__credit img { width: 26px; height: 24px } @media (max-width: 768.98px) { .product__credit img { width: 13px; height: 13px } } .product__credit span { font-size: 16px; color: #212121; font-weight: 500; margin-right: 12px } @media (max-width: 768.98px) { .product__credit span { font-size: 12px; top: 6px; right: 10px; margin-right: 8px } } .product--theme-ge .product__img .product__credit { right: 18px; bottom: 16px } @media (max-width: 768.98px) { .product--theme-ge .product__img .product__credit span { font-size: 14px; margin-right: 8px } } .product--theme-ge .product__img .product__credit img { width: 24px; height: 24px } @media (max-width: 1279.98px) { .product .cart-add { margin-top: 6px } } @media (max-width: 768.98px) { .product .cart-add { display: none } } .product .cart-add__cross { left: 6px; bottom: 5px } .product__label { position: absolute; bottom: 0; left: 0; display: block; text-decoration: none; width: 100% } .product--comparison .cart-add { margin-top: auto; margin-bottom: -5px } @media (max-width: 1279.98px) { .product--comparison .cart-add { margin-top: auto; min-width: 36px } } @media (max-width: 768.98px) { .product--comparison .cart-add { margin-top: auto; min-width: 36px } } .services { background: #fff; padding: 100px 0 } @media print { .services { display: none } } @media (max-width: 768.98px) { .services { background: transparent; padding: 30px 0 } } @media (max-width: 1279.98px) { .services > .container { padding-left: 16px; padding-right: 16px } } @media (max-width: 768.98px) { .services > .container { padding-left: 20px; padding-right: 20px } } .services__list { display: flex; margin: 0 auto; max-width: 1312px } @media (max-width: 1279.98px) { .services__list { margin: 0 -4px } } @media (max-width: 768.98px) { .services__list { margin: 0; display: block } } .services__item { padding: 0 8px; flex-grow: 1 } @media (max-width: 1279.98px) { .services__item { padding: 0 4px } } @media (max-width: 768.98px) { .services__item { padding: 0 } .services__item:not(:first-child) { margin-top: 10px } } .services-item { display: block; text-align: center; text-decoration: none } @media (max-width: 768.98px) { .services-item { display: flex; align-items: center; text-align: left; border-radius: 12px; padding: 16px 14px } } @media (min-width: 1280px) { .services-item.is-hoverable:hover .services-item__icon { transform: scale(1.1) } .services-item.is-hoverable:hover .services-item__title { color: rgba(0, 160, 235, .9) } } .services-item__col { display: block } @media (max-width: 768.98px) { .services-item__col:not(:last-child) { margin-right: 16px } } .services-item__icon { width: 64px; height: 64px; border-radius: 12px; background: #22b0f3; display: flex; align-items: center; justify-content: center; transition: transform .25s; transform-origin: center bottom; margin: 0 auto } @media (max-width: 1366.98px) { .services-item__icon { width: 60px; height: 60px } } @media (max-width: 1279.98px) { .services-item__icon { width: 56px; height: 56px } } @media (max-width: 768.98px) { .services-item__icon { width: 60px; height: 60px; box-shadow: 0 6px 16px 0 rgba(34, 176, 243, .34901960784313724) } } .services-item__icon-image { display: block; max-width: 100%; max-height: 100% } @media (max-width: 1366.98px) { .services-item:nth-child(4) .services-item__icon-image { width: 30px } } @media (max-width: 1279.98px) { .services-item:nth-child(4) .services-item__icon-image { width: 21px } } @media (max-width: 768.98px) { .services-item:nth-child(4) .services-item__icon-image { width: 24px } } .services-item__title { display: block; font-weight: 500; font-size: 18px; line-height: 23px; color: #212121; margin-top: 20px; transition: color .25s } @media (max-width: 1366.98px) { .services-item__title { color: rgba(0, 0, 0, .9) } } @media (max-width: 1279.98px) { .services-item__title { color: rgba(0, 0, 0, .9) } } @media (max-width: 768.98px) { .services-item__title { font-size: 16px; line-height: 21px; letter-spacing: .02em; color: #212121; margin-top: 0 } } .services-item__text { display: block; font-size: 18px; line-height: 26px; letter-spacing: .02em; color: rgba(86, 93, 100, .9); margin-top: 10px } @media (max-width: 1366.98px) { .services-item__text { font-size: 16px; line-height: 20px } } @media (max-width: 1279.98px) { .services-item__text { font-size: 14px } } @media (max-width: 768.98px) { .services-item__text { font-size: 14px; line-height: 20px; color: #858585; margin-top: 5px } } @media (max-width: 768.98px) { .services-item__text br { content: "" } .services-item__text br:after { content: " " } } .section-title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1; letter-spacing: .02em; transform: rotate(-90deg); transform-origin: left; position: absolute; top: 0; z-index: 2; text-transform: lowercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; left: 82px } @media (max-width: 1366.98px) { .section-title { left: 32px } } @media (max-width: 768.98px) { .section-title { transform: none; font-size: 16px } } .category { position: relative; margin-top: -150px } .category--landing { margin-top: 0 } .category__wrap { padding-top: 120px } @media (max-width: 1366.98px) { .category__wrap { padding-top: 88px } } @media (max-width: 1279.98px) { .category__wrap { padding-top: 104px } } @media (max-width: 768.98px) { .category__wrap { padding-top: 32px; padding-bottom: 66px } } .category--landing .category__wrap { padding-top: 76px } @media (max-width: 1366.98px) { .category--landing .category__wrap { padding-top: 40px } } @media (max-width: 1279.98px) { .category--landing .category__wrap { padding-top: 104px } } @media (max-width: 768.98px) { .category--landing .category__wrap { padding-top: 32px; padding-bottom: 66px } } .category__container { padding-bottom: 246px } @media (max-width: 1366.98px) { .category__container { padding-bottom: 180px } } @media (max-width: 1279.98px) { .category__container { padding-left: 0; padding-right: 0; padding-bottom: 156px } } @media (max-width: 768.98px) { .category__container { padding: 60px 0 60px } } .category--landing .category__container { padding-bottom: 180px } @media (max-width: 1366.98px) { .category--landing .category__container { padding-bottom: 116px } } @media (max-width: 1279.98px) { .category--landing .category__container { padding-left: 0; padding-right: 0; padding-bottom: 156px } } @media (max-width: 768.98px) { .category--landing .category__container { padding: 0 } } .category__button { display: none } @media (max-width: 768.98px) { .category__button { display: block; width: 280px; margin: 0 auto } } .category--landing .category__button { display: none } .category .arrow { bottom: 73px; top: auto } @media (max-width: 1366.98px) { .category .arrow { bottom: 80px } } @media (max-width: 768.98px) { .category .arrow { display: none } } .category .arrow--next { right: 50%; margin-right: -60px } .category .arrow--prev { left: 50%; margin-left: -66px } .category .section-title { top: 117px } @media (max-width: 1366.98px) { .category .section-title { top: 97px } } @media (max-width: 1279.98px) { .category .section-title { top: 61px } } @media (max-width: 768.98px) { .category .section-title { top: 31px } } .category .swiper-wrapper { padding-top: 16px; display: flex; height: auto } .category .swiper-slide { display: flex; height: auto; justify-content: center } @media (max-width: 768.98px) { .category .swiper-slide { display: flex; height: auto } } @media (max-width: 768.98px) { .category .container { padding: 0 } } .arrow { width: 48px; height: 48px; border-radius: 50%; background: #fff; display: flex; justify-content: center; align-items: center; outline: none; transition: all .5s ease; box-shadow: 0 20px 80px 4px #c4c4c4 } @media (min-width: 1280px) { .arrow:hover:not(.swiper-button-disabled) .arrow__icon { fill: #22b0f3 } } .arrow:active:not(.swiper-button-disabled) { background: #22b0f3 } .arrow:active:not(.swiper-button-disabled) .arrow__icon { fill: #fff } .arrow.swiper-button-disabled { border: 1px solid #afbbc6; box-shadow: none; opacity: 1 } .arrow.swiper-button-disabled .arrow__icon { fill: #afbbc6 } .arrow--alt { border: 1px solid #c4c4c4; box-shadow: none } .arrow--alt:hover { border: 1px solid #22b0f3 } .arrow--light { background: transparent; border: 1px solid #fff; box-shadow: none } .arrow--light .arrow__icon { fill: #fff } .arrow--light:hover { background: #fff; border: 1px solid #fff } .arrow--light:hover .arrow__icon { fill: #22b0f3 } .arrow--light.swiper-button-disabled { background: transparent; border: 1px solid #fff } .arrow--light.swiper-button-disabled .arrow__icon { fill: #fff } .arrow__icon { max-width: 100%; width: 10px; height: 16px; transition: all .5s ease } .arrow__icon--next { transform: rotate(180deg) } .latest-slider { position: relative; margin-bottom: 150px } @media (max-width: 768.98px) { .latest-slider { background-color: #fff } } .latest-slider .arrow { top: 48px; margin-top: 0 } @media (max-width: 1366.98px) { .latest-slider .arrow { top: 40px } } @media (max-width: 1279.98px) { .latest-slider .arrow { top: 44px } } @media (max-width: 768.98px) { .latest-slider .arrow { display: none } } .latest-slider .arrow--next { right: 26.7%; margin-right: -60px } @media (max-width: 1366.98px) { .latest-slider .arrow--next { right: 18.6% } } @media (max-width: 1279.98px) { .latest-slider .arrow--next { right: 9% } } .latest-slider .arrow--prev { left: 73%; margin-left: -60px } @media (max-width: 1366.98px) { .latest-slider .arrow--prev { left: 80.8% } } @media (max-width: 1279.98px) { .latest-slider .arrow--prev { left: 90% } } .latest-slider .section-title { top: 101px } @media (max-width: 1366.98px) { .latest-slider .section-title { top: 99px } } @media (max-width: 1279.98px) { .latest-slider .section-title { top: 57px } } @media (max-width: 768.98px) { .latest-slider .section-title { top: 39px } } .latest-slider .swiper-pagination { display: none } @media (max-width: 768.98px) { .latest-slider .swiper-pagination { display: block; margin-bottom: 20px } } .latest-slider .swiper-pagination-bullet-active { background: #22b0f3; transform: scale(1.5); outline: none } .latest-slider .swiper-container { z-index: 0 } .latest-slider .swiper-wrapper { align-items: stretch } .info-banner { position: relative; width: 100%; z-index: 2 } .info-banner .swiper-container { box-shadow: 0 30px 43px -8px #c4c4c4 } .info-banner__item { display: block; width: 100%; height: 672px; position: relative; box-sizing: border-box } @media (max-width: 1366.98px) { .info-banner__item { min-height: 320px; height: auto; align-items: flex-start; justify-content: center; padding: 0 64px } } @media (max-width: 1279.98px) { .info-banner__item { padding-left: calc(30px + 6.3%); padding-right: calc(30px + 6.3%) } } @media (max-width: 767px) { .info-banner__item { height: 690px; padding: 0; justify-content: flex-end } } .info-banner__progress-bar { background-color: rgba(175, 187, 198, .4); position: absolute; bottom: 0; right: 0; left: 0; z-index: 10 } @media (max-width: 1366.98px) { .info-banner__progress-bar { display: none } } .info-banner__progress { display: block; width: 0; height: 4px; background-color: #22b0f3 } .info-banner__data { top: 290px; position: relative; color: #fff; padding: 0 36px 100px } @media (max-width: 1366.98px) { .info-banner__data { top: 0; max-width: 548px; padding: 40px 0 100px; height: 100% } } @media (max-width: 767px) { .info-banner__data { top: 308px; height: calc(100% - 308px); padding: 0 20px 110px } } .info-banner__data .button { display: none } @media (max-width: 767px) { .info-banner__data .button { display: block; position: absolute; bottom: 40px; right: 20px; left: 20px } } .info-banner__category { display: block; font-size: 20px; line-height: 1; letter-spacing: .02em; color: #fff; margin-bottom: 10px } .info-banner__title { font-weight: 500; color: #fff; font-size: 40px; line-height: 46px; margin-bottom: 16px } @media (max-width: 1366.98px) { .info-banner__title { margin-bottom: 0 } } @media (max-width: 767px) { .info-banner__title { margin-bottom: 16px } } .info-banner__text { color: #fff; font-size: 18px; line-height: 28px; max-width: 330px } @media (max-width: 1366.98px) { .info-banner__text { max-width: 100% } } .info-banner__link { display: inline; text-decoration: none; font-weight: 500; color: #22b0f3; transition: color .2s ease } .info-banner__link:hover { text-decoration: underline; color: #fff } .info-banner__link:not(:last-child) { margin-right: 8px } @media (max-width: 767px) { .info-banner__link { display: none } } .info-banner__link svg { display: inline-block; fill: currentColor; transform: rotate(180deg); width: 9px; height: 9px } .info-banner img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1 } .info-banner__arrows { display: flex; align-items: center; position: absolute; z-index: 2; bottom: 40px; left: 36px } @media (max-width: 1366.98px) { .info-banner__arrows { left: 64px } } @media (max-width: 1279.98px) { .info-banner__arrows { left: calc(30px + 6.3%) } } @media (max-width: 767px) { .info-banner__arrows { display: none } } .info-banner__arrows .arrow { position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0 } .info-banner__arrows .arrow:not(:last-child) { margin-right: 24px } .info-banner .swiper-pagination { display: none; position: relative; top: 0; bottom: auto; left: auto; right: auto; align-items: center; justify-content: center; width: 100%; margin: 32px 0 0 } @media (max-width: 767px) { .info-banner .swiper-pagination { display: flex } } .info-banner .swiper-pagination-bullet { outline: 0; margin: 0 9px } .info-banner .swiper-pagination-bullet:first-child { margin-left: 0 } .info-banner .swiper-pagination-bullet:last-child { margin-right: 0 } .info-banner .swiper-pagination-bullet-active { width: 12px; height: 12px } .data-list { display: flex; flex-direction: column; align-items: flex-end; height: 100%; width: 337px } @media (max-width: 1279.98px) { .data-list { width: 100%; flex-direction: row; justify-content: space-between; align-items: flex-start } } @media (max-width: 768.98px) { .data-list { flex-wrap: wrap } } .data-list__item { margin-bottom: 60px; width: 100% } .data-list__item:last-child { margin-bottom: 0 } @media (max-width: 1279.98px) { .data-list__item { margin: 0; width: 30%; max-width: 226px } } @media (max-width: 768.98px) { .data-list__item { width: 100%; max-width: 100%; max-width: none; margin-bottom: 24px } } .data-list__title { font-size: 20px; font-weight: 500; margin-bottom: 16px } .data-list__text { font-size: 18px; line-height: 1.6 } @media (max-width: 1279.98px) { .data-list__text { font-size: 16px; line-height: 1.5 } } .icon-link-block { display: flex; align-items: center } .icon-link-block__title { font-size: 32px; line-height: 1.6; color: #fff; margin-left: 40px; margin-right: 23px } @media (max-width: 1279.98px) { .icon-link-block__title { font-size: 22px; margin-left: 22px } } @media (max-width: 768.98px) { .icon-link-block__title { font-size: 24px; margin-left: 15px } } .icon-link-block.icon-link-block--vertical .icon-link-block__title { margin-left: 0; font-size: 24px; line-height: 40px } .icon-link-block__icon { fill: #22b0f3; width: 33px; height: 33px } @media (max-width: 768.98px) { .icon-link-block__icon { width: 22px; height: 22px } } .icon-link-block__icon--expand { position: relative; width: 43px; margin: 0 -5px; right: -2.5px } @media (max-width: 768.98px) { .icon-link-block__icon--expand { width: 32px } } .icon-link-block.icon-link-block--vertical .icon-link-block__icon { width: 30px; height: 20px } @media (max-width: 1279.98px) { .icon-link-block.icon-link-block--vertical .icon-link-block__icon { width: 30px; height: 30px; width: 20px } } .icon-link-block--vertical { flex-direction: column; align-items: flex-start } .content-area .icon-link-block a:not(.button):before, .icon-link-block .content-area a:not(.button):before, .icon-link-block .link:before { top: 3px } .social { display: flex; flex-direction: column; padding-right: 8px } .social__item { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: #afbbc6; display: flex; align-items: center; justify-content: center; transition: all .25s ease-in-out } .social__item.is-active { position: relative } @media (min-width: 1280px) { .social__item--dz:hover { background: #000 } } .social--authorization .social__item--dz, .social--profile .social__item--dz.is-active, .social__item--dz:active { background: #000 } @media (min-width: 1280px) { .social__item--vk:hover { background: #476896 } } .social--authorization .social__item--vk, .social--profile .social__item--vk.is-active, .social__item--vk:active { background: #476896 } @media (min-width: 1280px) { .social__item--ok:hover { background: #f58433 } } .social--authorization .social__item--ok, .social--profile .social__item--ok.is-active, .social__item--ok:active { background: #f58433 } @media (min-width: 1280px) { .social__item--yt:hover { background: red } } .social--authorization .social__item--yt, .social--profile .social__item--yt.is-active, .social__item--yt:active { background: red } @media (min-width: 1280px) { .social__item--tg:hover { background: #2aabee } } .social--authorization .social__item--tg, .social--profile .social__item--tg.is-active, .social__item--tg:active { background: #2aabee } .social--authorization .social__item { width: 33px; height: 33px; margin-right: 17px } .social--authorization .social__item:last-child { margin-right: 0 } .social--profile .social__item { width: 43px; height: 43px; margin-right: 17px } .social--profile .social__item:last-child { margin-right: 0 } .social--blue .social__item { width: 48px; height: 48px; background: #22b0f3; box-shadow: 0 8px 30px rgba(34, 176, 243, .41); margin: 0 5px } @media (min-width: 1280px) { .social--blue .social__item:hover { background: #0090d5 } } .social--blue .social__item:active { background: #0090d5 } .social__icon { fill: #fff; width: 20px; height: 20px } .social--authorization .social__icon { width: 17px; height: 17px } .social__item--dz .social__icon, .social__item--yt .social__icon { width: 100%; height: 100% } .social__group { display: flex; justify-content: space-between; width: 100% } .social--authorization .social__group { justify-content: flex-start } @media (max-width: 768.98px) { .social--authorization .social__group { justify-content: center } } .social--profile .social__group { justify-content: flex-start } @media (max-width: 768.98px) { .social--profile .social__group { margin-bottom: 16px } } .social__mark { font-size: 16px; line-height: 20px; font-weight: 500; margin-bottom: 20px } .social--authorization .social__mark { margin-bottom: 15px } @media (max-width: 768.98px) { .social--authorization .social__mark { text-align: center } } .social--profile .social__mark { font-size: 16px; margin-bottom: 15px } @media (max-width: 768.98px) { .social--profile .social__mark { font-size: 18px; line-height: 24px; margin-bottom: 24px } } @media (max-width: 768.98px) { .social--authorization { padding-top: 20px } } .footer .social { padding-right: 0 } .footer .social__mark { display: none } @media (max-width: 1279.98px) { .footer .social__mark { display: block; margin-bottom: 15px } } .footer .social__group { justify-content: flex-start; margin: -10px 0 0 -20px } .footer .social__item { margin: 10px 0 0 20px } .footer .social__item:first-child { margin-left: 20px } .contacts { display: flex; align-items: center; color: #212121 } @media (max-width: 1366.98px) { .contacts { justify-content: space-between } } @media (max-width: 768.98px) { .contacts { flex-wrap: wrap } } .contacts--service { justify-content: space-between; margin-bottom: 7.5% } @media (max-width: 768.98px) { .contacts--service { display: block } } .contacts__item { display: flex; flex-direction: column; width: 25% } @media (max-width: 1366.98px) { .contacts__item { margin: 0 } } @media (max-width: 1279.98px) { .contacts__item { width: 33.3333%; min-width: 160px } } @media (max-width: 768.98px) { .contacts__item { width: 50%; min-width: auto } .contacts__item:not(:last-child) { margin-bottom: 30px } } .contacts__item:last-child { margin-right: 0 } @media (max-width: 1279.98px) { .contacts__item--service { display: none } } @media (max-width: 768.98px) { .contacts__item--feedback { width: 100% } } .contacts__item--feedback .button { align-self: flex-start; min-width: 210px; font-size: 20px } .contacts--service .contacts__item { width: 33.33333%; max-width: 200px } @media (max-width: 1366.98px) { .contacts--service .contacts__item:last-child { padding-left: 0 } } @media (max-width: 1279.98px) { .contacts--service .contacts__item:last-child { display: flex } } @media (max-width: 768.98px) { .contacts--service .contacts__item { margin-bottom: 15px } } .contacts__caption { font-size: 16px; margin-bottom: 16px; font-weight: 500 } .contacts--service .contacts__caption { font-weight: 400 } .contacts__phone { line-height: 20px; font-size: 20px; font-weight: 500; margin-bottom: 13px; color: #212121; text-decoration: none; white-space: nowrap } @media (max-width: 1279.98px) { .contacts__phone { margin-bottom: 2px } } @media (max-width: 768.98px) { .contacts__phone { font-size: 18px } } @media (max-width: 1279.98px) { .contacts--service .contacts__phone { margin-bottom: 13px } } .contacts__time { line-height: 20px; font-size: 14px } .contacts__mail { font-size: 20px; color: #212121; text-decoration: none } .footer .contacts, .menu-mobile .contacts { display: flex; align-items: flex-start; flex-shrink: 0 } @media (max-width: 1366.98px) { .footer .contacts, .menu-mobile .contacts { justify-content: flex-start } } @media (max-width: 768.98px) { .footer .contacts, .menu-mobile .contacts { display: block } } .footer .contacts__item, .menu-mobile .contacts__item { display: block; padding: 24px 30px 30px; border: 1px solid #d7dde3; border-radius: 12px; width: 320px; max-width: 100%; flex-shrink: 0 } @media (max-width: 1279.98px) { .footer .contacts__item, .menu-mobile .contacts__item { flex-shrink: 1 } } @media (max-width: 768.98px) { .footer .contacts__item, .menu-mobile .contacts__item { padding: 20px } } .footer .contacts__item--white, .menu-mobile .contacts__item--white { background: #fff; border-color: #fff } .footer .contacts__item--white .contacts__caption, .menu-mobile .contacts__item--white .contacts__caption { color: #00a0eb } .footer .contacts__item:not(:last-child), .menu-mobile .contacts__item:not(:last-child) { margin-right: 30px } @media (max-width: 768.98px) { .footer .contacts__item:not(:last-child), .menu-mobile .contacts__item:not(:last-child) { margin-right: 0; margin-bottom: 20px } } .footer .contacts__caption, .menu-mobile .contacts__caption { font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom: 15px; min-height: 40px } @media (max-width: 768.98px) { .footer .contacts__caption, .menu-mobile .contacts__caption { margin-bottom: 20px; min-height: 0 } } .footer .contacts__phones, .menu-mobile .contacts__phones { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -16px } @media (max-width: 768.98px) { .footer .contacts__phones, .menu-mobile .contacts__phones { justify-content: flex-start; margin-left: -32px } } .footer .contacts__phones-item, .menu-mobile .contacts__phones-item { flex-shrink: 0; padding-left: 16px } @media (max-width: 768.98px) { .footer .contacts__phones-item, .menu-mobile .contacts__phones-item { padding-left: 32px } } .footer .contacts__phones-label, .menu-mobile .contacts__phones-label { font-size: 14px; line-height: 20px; color: #97a4af; margin-bottom: 2px } .footer .contacts__phone, .menu-mobile .contacts__phone { font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom: 8px } .footer .contacts__phone a, .menu-mobile .contacts__phone a { color: #212121; text-decoration: none; white-space: nowrap } .footer .contacts__phone a:hover, .footer .contacts__phone a:visited, .menu-mobile .contacts__phone a:hover, .menu-mobile .contacts__phone a:visited { color: #212121 } .footer .contacts__time, .menu-mobile .contacts__time { font-size: 14px; line-height: 20px; margin-bottom: 18px } @media (max-width: 768.98px) { .footer .contacts__time, .menu-mobile .contacts__time { font-size: 12px; margin-bottom: 0 } } @media screen and (max-width: 359.98px) { .footer .contacts__time, .menu-mobile .contacts__time { margin-bottom: 18px } } .footer .contacts__feedback, .menu-mobile .contacts__feedback { width: 100%; height: 46px; line-height: 46px; max-width: 175px; font-size: 16px } @media (max-width: 768.98px) { .footer .contacts__feedback, .menu-mobile .contacts__feedback { margin-top: 16px; max-width: 136px; height: 40px; line-height: 40px; padding: 0 4px; font-size: 14px } } .footer .contacts__service, .menu-mobile .contacts__service { font-weight: 500; font-size: 18px; line-height: 24px } @media (max-width: 768.98px) { .footer .contacts__service, .menu-mobile .contacts__service { margin-top: 16px; font-size: 14px; line-height: 20px } } .footer .contacts__service a, .menu-mobile .contacts__service a { height: 46px; display: flex; align-items: center } @media (max-width: 768.98px) { .footer .contacts__service a, .menu-mobile .contacts__service a { height: auto } } .footer--white .contacts__item--white, .menu-mobile .contacts__item--white { box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25) } .menu-bottom { display: flex; flex-wrap: wrap } .menu-bottom__item { font-size: 18px; line-height: 20px; white-space: nowrap; margin-bottom: 25px; flex-basis: 50% } .menu-bottom__link { color: #212121 } .menu-bottom__link:hover { color: #22b0f3 } .header { color: #fff; position: absolute; z-index: 11; width: 100%; max-width: 1920px; min-width: 320px; transition-property: background-color, box-shadow, transform, opacity; transition-duration: .25s; transition-timing-function: ease-in-out } @media print { .header { display: none } } @media (max-width: 1279.98px) { .header:before { content: ""; position: absolute; bottom: 0; left: -100%; height: 100%; width: 100%; background: #fff; transition: left .25s ease; max-width: 100%; z-index: 11 } } @media (max-width: 768.98px) { .header:before { max-width: 100% } } .header.is-active { z-index: 1100 } @media (max-width: 1279.98px) { .header.is-active:before { left: 0; background: #fff; z-index: 1120 } } @media (max-width: 1023.98px) { .header.is-active .mobile-menu-btn { display: flex; margin-right: auto } } @media (max-width: 1279.98px) { .header.is-active .search__btn { right: 20px; top: 0 } } @media (max-width: 768.98px) { .header.is-active .search__btn { top: 2px; right: 23px } } @media (max-width: 1279.98px) { .header.is-active .search__input { right: 10px } } @media (max-width: 768.98px) { .header.is-active .search__input { padding: 0; width: 57px; height: 45px } } @media (max-width: 1023.98px) { .header.is-active .header__right-item--search { z-index: 9011; width: 57px; height: 45px; margin-left: auto } } .header.is-active-sublist { background: #fff } .header.is-fixed { position: fixed; top: 0; background: #fff; color: #212121; box-shadow: 0 8px 20px hsla(0, 0%, 76.9%, .2) } .is-bx-panel .header.is-fixed { top: 0 } .header.is-fixed .mobile-menu-btn__item { background: #afbbc6 } .header.is-fixed .location { color: #212121 } .header.is-fixed .location:hover { color: #22b0f3 } .header.is-fixed .search__btn { top: -2px } @media (max-width: 768.98px) { .header.is-fixed .search__btn { top: 2px } } .header.is-fixed .appeal-label__icon { fill: #afbbc6 } @media (max-width: 1023.98px) { .header.is-fixed .header__search-btn-input { background: #fcfcfc; color: #000; border: 1px solid #dce4e7 } } .header.is-fixed .header__search-btn .icon { color: #22b0f3 } .header.is-static { position: absolute } .header.is-compact .header__catalog { display: none } @media (min-width: 1024px) { .header.is-compact .header__catalog, .header.is-compact .header__right { transition: margin .25s; margin-top: -22px } } .header.is-compact .header__catalog-compact, .header.is-compact .header__reference-group-compact { display: flex } .header.is-compact .header__catalog-compact { font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: .32px; height: 44px } .header.is-compact .header__catalog-icon { margin-right: 10px } @media (max-width: 1279.98px) { .header.is-compact .catalog-dropdown { top: 74px } } .header.is-active.is-active-sublist, .header.is-active.is-fixed .mobile-menu-btn__item { background: #afbbc6 } .header.is-collapsed { transform: translateY(-100%); opacity: 0; pointer-events: none } .header.is-hidden-by-cart { opacity: 0; pointer-events: none; z-index: -1 } .header.is-compact.is-overflow, .header.is-fixed.is-overflow { background: #f4f4f4 } @media (max-width: 768.98px) { .header--transparent { border-bottom: 1px solid #d7dde3 } } @media (max-width: 768.98px) { .header--transparent.is-fixed { border-bottom: none } } @media (max-width: 501px) { .header--transparent-mobile { border-bottom: 1px solid #d7dde3 } .header--transparent-mobile.is-fixed { border-bottom: none } } .header--noborder { border: none } @media (min-width: 1280px) { .header--noborder-lg { border: none } } .header__wrap { display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 30px 0 16px; position: relative; transition: padding .25s ease-in-out, margin-top .25s ease-in-out; height: 120px } @media (max-width: 1366px) { .header__wrap { padding: 20px 0 16px; height: 100px } } @media (max-width: 1024px) { .header__wrap { padding: 20px 0 13px } } @media (max-width: 1023.98px) { .header__wrap { padding: 16px 0; height: 60px; justify-content: flex-start; gap: 10px } } .header__wrap:before { position: absolute; content: ""; width: 100%; height: 1px; background: #fff; opacity: .2; bottom: 0; left: 0 } .header.header--transparent .header__wrap:before { background: #f4f4f4; opacity: 1 } @media (max-width: 768.98px) { .header.header--transparent .header__wrap:before { display: none } } @media (max-width: 501px) { .header.header--transparent-mobile .header__wrap:before { display: none } } .header.header--transparent.is-fixed .header__wrap:before { display: none } @media (max-width: 501px) { .header.header--transparent-mobile.is-fixed .header__wrap:before { display: none } } .header.header--noborder .header__wrap:before { display: none } @media (min-width: 1280px) { .header.header--noborder-lg .header__wrap:before { display: none } } @media (max-width: 768.98px) { .header.header--persistent-border .header__wrap:before { display: block } } @media (max-width: 768.98px) { .header.is-active .header__wrap { width: auto; padding: 8px 0 7px 0; margin-right: -18px; margin-left: -18px } } .header.is-fixed .header__wrap { border: none } .header.is-compact .header__wrap { margin-top: -57px } @media (max-width: 1919.98px) { .header.is-compact .header__wrap { margin-top: -62px } } @media (max-width: 1365.98px) { .header.is-compact .header__wrap { margin-top: -46px } } @media (max-width: 1023.98px) { .header.is-compact .header__wrap { margin-top: 0 } } @media (max-width: 1279.98px) { .header--checkout .header__wrap { max-height: 21px; box-sizing: content-box; padding: 29px 0 34px } } @media (max-width: 768.98px) { .header--checkout .header__wrap { padding: 16px 0; height: 59px; box-sizing: border-box; min-height: 59px } } @media (max-width: 1279.98px) { .header.is-fixed.header--checkout .header__wrap { max-height: 21px; box-sizing: content-box; padding: 29px 0 34px } } @media (max-width: 768.98px) { .header.is-fixed.header--checkout .header__wrap { padding: 16px 0; height: 59px; max-height: 100%; box-sizing: border-box } } .header__wrap > :not(.header__right) { transition: opacity .25s ease-in-out; z-index: 1001 } .header__data-group { display: flex; align-items: center } @media (max-width: 1279.98px) { .header.is-active-sublist .header__data-group { display: none } } .header__func-group { display: flex; align-items: center; position: absolute; right: 0; bottom: 16px; z-index: 15; transition: bottom .25s !important } @media (max-width: 1919.98px) { .header__func-group { bottom: 10px } } @media (max-width: 1365.98px) { .header__func-group { bottom: 7px } } @media (max-width: 1023.98px) { .header__func-group { position: static; margin-left: auto } } .header.is-active .header__func-group { z-index: 1120 } .header.is-compact .header__func-group { height: 44px; bottom: 10px } @media (max-width: 1919.98px) { .header.is-compact .header__func-group { bottom: 7px } } @media (max-width: 1365.98px) { .header.is-compact .header__func-group { bottom: 6px } } @media (max-width: 1023.98px) { .header.is-compact .header__func-group { height: auto } } @media (max-width: 840px) { .header--checkout .header__func-group { width: 68% } } @media (max-width: 768.98px) { .header--checkout .header__func-group { flex: none; max-width: none; min-width: 0; width: auto; z-index: 12 } } .header__func-item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; font-size: 16px; line-height: 24px; letter-spacing: .02em; color: #fff; transition: color .25s; text-decoration: none } @media (max-width: 1365.98px) { .header__func-item { font-size: 12px; line-height: 16px } } .header__func-item:visited { color: #fff } @media (min-width: 1280px) { .header__func-item:hover { color: #22b0f3 } } .header__func-item:active { color: #22b0f3 } .header__func-item:not(:first-child) { margin-left: 18px } @media (max-width: 1365.98px) { .header__func-item:not(:first-child) { margin-left: 16px } } .header--transparent .header__func-item, .header.is-active-sublist .header__func-item, .header.is-active .header__func-item, .header.is-fixed .header__func-item { color: #afbbc6 } @media (min-width: 1024px) { .header--transparent-black .header__func-item { color: #000 } } @media (max-width: 501px) { .header--transparent-mobile .header__func-item { color: #afbbc6 } } @media (min-width: 1024px) { .header__func-item.header__cart { display: flex; align-items: center; gap: 5px; border-radius: 8px; padding: 6px 16px 6px 16px; background-color: #22b0f3; transition: background-color .25s ease-in-out } .header__func-item.header__cart:hover { background-color: #0090d5; color: #fff } } @media (max-width: 1023.98px) { .header.is-active .header__func-item.header__cart { width: 57px; height: 45px; margin-left: 1px; flex-shrink: 0; padding: 5px 0 0 12px } } @media (max-width: 1023.98px) { .header.is-active .header__func-item.header__cart .header__count { top: 20px; left: 27px } } @media (max-width: 1023.98px) { .header__func-item.header__cart { display: none } } .header--transparent .header__func-item.header__cart, .header.is-active-sublist .header__func-item.header__cart, .header.is-active .header__func-item.header__cart, .header.is-fixed .header__func-item.header__cart { color: #fff } @media (min-width: 1024px) { .header__func-item.header__cart--empty { display: block; border-radius: 0; padding: 0; background-color: inherit; color: #fff } .header__func-item.header__cart--empty:hover { background-color: inherit; color: #22b0f3 } } .header--transparent .header__func-item.header__cart--empty, .header.is-active-sublist .header__func-item.header__cart--empty, .header.is-active .header__func-item.header__cart--empty, .header.is-fixed .header__func-item.header__cart--empty { color: #afbbc6 } @media (max-width: 1023.98px) { .header__compare, .header__favorite { display: none } } .header__user { display: flex; align-items: center } @media (max-width: 1023.98px) { .header__user { display: none } } .header__user p { white-space: nowrap; overflow: hidden; max-width: 170px; text-overflow: ellipsis; margin-bottom: 0 } .header--checkout .header__cart { display: none } .header__cart_price { color: #fff; font-weight: 450; line-height: 20.5px } @media (max-width: 1023.98px) { .header__cart_price { display: none } } .header.header--transparent .header__cart-svg, .header.is-active .header__cart-svg, .header.is-fixed .header__cart-svg { fill: #afbbc6 } .header.header--transparent-black .header__cart-svg { fill: #000 } @media (max-width: 501px) { .header.header--transparent-mobile .header__cart-svg { fill: #afbbc6 } } .header.header--white .header__cart-svg { fill: #c4c4c4 } @media (max-width: 1279.98px) { .header.is-active-sublist .header__cart-svg { fill: #afbbc6 } } .header__icon { flex-shrink: 0; display: block; width: 32px; height: 32px } @media (max-width: 1023.98px) { .header__icon--desktop { display: none } } @media (min-width: 1024px) { .header__icon--mobile { display: none } } @media (max-width: 1023.98px) { .header__icon--cart { color: #afbbc6 } } .header__count { background: #22b0f3; border-radius: 100%; width: 16px; height: 16px; font-weight: 500; font-size: 10px; line-height: 1; text-align: center; color: #000; display: flex; align-items: center; justify-content: center; position: absolute; top: 16px; left: 14px } @media (max-width: 1365.98px) { .header__count { font-size: 9px } } @media (max-width: 1023.98px) { .header__count { width: 16px; height: 16px; font-size: 12px; top: 15px; left: 15px } } .header__favorite .header__count { left: 14px } .header__compare .header__count { left: 15px } .header__cart .header__count { position: static; border-radius: 8px; padding: 0 5px; height: 16px; width: -moz-fit-content; width: fit-content; margin-top: -16px; margin-left: 16px; background: #fff; color: #22b0f3 } .header--transparent .header__cart .header__count, .header.is-active-sublist .header__cart .header__count, .header.is-active .header__cart .header__count, .header.is-fixed .header__cart .header__count { color: #22b0f3 } @media (max-width: 1023.98px) { .header__cart .header__count { background: #22b0f3; color: #fff } .header--transparent .header__cart .header__count, .header.is-active-sublist .header__cart .header__count, .header.is-active .header__cart .header__count, .header.is-fixed .header__cart .header__count { color: #fff } } .header__icon--cart .header__count { left: 13px } @media (max-width: 1365.98px) { .header__icon--cart .header__count { left: 11px } } .header--transparent .header__count, .header.is-active-sublist .header__count, .header.is-active .header__count, .header.is-fixed .header__count { color: #fff } @media (min-width: 1024px) { .header--transparent-black .header__count { color: #000 } } @media (max-width: 501px) { .header--transparent-mobile .header__count { color: #fff } } .header__reference-group { display: none } .header--checkout .header__reference-group { max-width: 310px; width: 18% } @media (max-width: 768.98px) { .header--checkout .header__reference-group { width: auto; padding: 0 } } @media (max-width: 768.98px) { .header.is-active .header__reference-group { display: block } } .header__right { display: flex; align-items: center; width: 100% } @media (max-width: 1023.98px) { .header__right { width: 100% } } @media (max-width: 1279.98px) { .header--checkout .header__right { width: 52% } } @media (max-width: 840px) { .header--checkout .header__right { display: none } } .header__right > :not(.header__menu) { transition: opacity .25s ease-in-out } .header__right-item { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 22px; position: relative } @media (max-width: 1919.98px) { .header__right-item { font-size: 12px } } @media (max-width: 1365.98px) { .header__right-item { font-size: 11px } } .header__right-item:not(:last-child) { margin-right: 20px; padding-right: 20px } @media (max-width: 1919.98px) { .header__right-item:not(:last-child) { margin-right: 20px; padding-right: 24px } } @media (max-width: 1023.98px) { .header__right-item:not(:last-child) { margin-right: 0; padding-right: 0 } } .header__right-item:not(:last-child):before { content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 18px; background: hsla(0, 0%, 100%, .5) } @media (max-width: 1365.98px) { .header__right-item:not(:last-child):before { height: 14px } } @media (max-width: 1023.98px) { .header__right-item:not(:last-child):before { display: none } } @media (max-width: 1023.98px) { .header__right-item--search { position: static } } .header__right-item--delivery { letter-spacing: .01em } .header__right-item .appeal-label { font-size: 12px; line-height: 20px } @media (max-width: 1919.98px) { .header__right-item .appeal-label { font-size: inherit; line-height: inherit } } .header__right-item .appeal-label__icon { width: 18px; margin-right: 8px } @media (max-width: 1919.98px) { .header__right-item .appeal-label__icon { width: 18px; height: 18px; margin-right: 8px } } @media (max-width: 1365.98px) { .header__right-item .appeal-label__icon { width: 15px; height: 15px; margin-right: 6px } } .header__search { margin-left: 10px; transform: translateY(-13px) } @media (max-width: 1023.98px) { .header__search { margin: 0; width: 100%; transform: translateY(0) } } .header--checkout .header__search { display: none } @media (max-width: 768.98px) { .header--checkout .header__search { display: block } } .header__search:before { display: none !important } .header__search-btn { position: relative; display: flex; width: 1006px; align-items: center; color: inherit; font-size: inherit; line-height: inherit; pointer-events: auto } @media (max-width: 1919.98px) { .header__search-btn { width: 520px } } @media (max-width: 1365.98px) { .header__search-btn { width: 300px } } @media (max-width: 1023.98px) { .header__search-btn { width: 100%; transform: translateY(-8px); justify-content: center } } .header.is-fixed .header__search-btn { color: #afbbc6 } .header.is-active .header__search-btn { color: #fff } @media (max-width: 1279.98px) { .header.is-active .header__search-btn { color: #afbbc6 } } @media (max-width: 1023.98px) { .header.is-active .header__search-btn { transform: translate(0); height: 44px } } @media (max-width: 768.98px) { .header.is-active.header--transparent .header__search-btn { color: #afbbc6 } } @media (max-width: 501px) { .header.is-active.header--transparent-mobile .header__search-btn { color: #afbbc6 } } .header.is-active.is-active-sublist .header__search-btn { color: #c4c4c4 } .header.header--transparent-mobile .header__search-btn .icon, .header.header--transparent .header__search-btn .icon { color: #22b0f3 } @media (max-width: 501px) { .header.header--transparent-mobile .header__search-btn { color: #afbbc6 } } .header.header--white .header__search-btn { color: #c4c4c4 } .header__search-btn .icon { position: absolute; right: 10px; flex-shrink: 0; margin-top: 0; margin-right: 5px; pointer-events: none; width: 21px; height: 21px; color: #fff; cursor: pointer } @media (max-width: 1919.98px) { .header__search-btn .icon { width: 20px; height: 20px; margin-top: 0 } } @media (max-width: 1365.98px) { .header__search-btn .icon { width: 15px; height: 15px } } @media (max-width: 1023.98px) { .header__search-btn .icon { width: 19px; height: 19px; margin-right: 0; color: #fff } .header--transparent .header__search-btn .icon { color: #22b0f3 } } @media (max-width: 1023.98px) { .header.is-active .header__search-btn .icon { width: 19px; height: 19px; margin-right: 0; color: #afbbc6; top: 14px } } .header__search-btn.__open-catalog-menu .icon { color: #fff } .header__search-btn-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; background: none; outline: none; font-family: Futura PT, Arial, Helvetica, sans-serif; width: 100%; height: 100%; font-size: 18px; line-height: 24px; background: #1b1d22; color: #959799; border: 1px solid rgba(220, 228, 231, .5019607843137255); border-radius: 8px; padding: 8px 86px 8px 16px; transition: transform .25s; transform-origin: right center } .header--transparent-mobile .header__search-btn-input, .header--transparent .header__search-btn-input, .header.is-fixed .header__search-btn-input { background: #fcfcfc; border: 1px solid #dce4e7; color: #000 } @media (max-width: 1023.98px) { .header.is-active .header__search-btn-input { width: 57px; padding: 0; height: 45px; border: none } } @media (max-width: 1023.98px) { .header__search-btn-input { background: #1b1d22; color: #959799; border: 1px solid rgba(220, 228, 231, .5019607843137255) } .header--transparent .header__search-btn-input { background: #fcfcfc; border: 1px solid #dce4e7; color: #000 } } .header__phone { font-weight: 500; text-decoration: none; color: #fff; white-space: nowrap; font-size: 12px; line-height: 20px } @media (max-width: 1023.98px) { .header__phone { display: none } } .header.is-fixed .header__phone { color: #212121 } .header.is-fixed .header__phone:hover { color: #22b0f3 } .header--checkout .header__phone { display: none } .header.header--transparent .header__phone { color: #212121 } .header.header--transparent .header__phone:hover { color: #22b0f3 } @media (min-width: 1024px) { .header.header--transparent-black .header__phone { color: #000 } .header.header--transparent-black .header__phone:hover { color: #22b0f3 } } @media (max-width: 501px) { .header.header--transparent-mobile .header__phone { color: #212121 } .header.header--transparent-mobile .header__phone:hover { color: #22b0f3 } } .header__link-wrap { position: relative } .header__link { color: #fff; font-size: 16px; line-height: 20px; text-decoration: none; text-transform: uppercase; transition: color .5s ease; display: flex; align-items: center } .header__link:hover { color: #22b0f3 } .header__link--order { text-transform: none } @media (max-width: 1365.98px) { .header__link--order { font-size: 12px } } @media (max-width: 768.98px) { .header__link--order { display: none } } @media (max-width: 1279.98px) { .header.is-active .header__link--order { color: #212121 } } .header__link--checkout { display: none } .header--checkout .header__link--checkout { display: block; padding-right: 0; margin-right: 0 } @media (max-width: 768.98px) { .header--checkout .header__link--checkout { display: none } } .header--checkout .header__link--checkout.header__link--arrow { padding-right: 24px } .header__link--catalog { display: none; transition: opacity .25s ease-in-out } .header.is-active-sublist .header__link--catalog, .header.is-active .header__link--catalog { display: none; opacity: 0; z-index: -10 } @media (max-width: 768.98px) { .header__link--catalog { display: block; margin: 0 auto 0 -45px; font-weight: 500; font-size: 18px; position: absolute; left: 50%; width: 80px; text-align: center; top: 3px; z-index: 10; opacity: 1 } } .header__link--arrow { position: relative; padding-right: 24px } .header__link--arrow:before { content: ""; position: absolute; right: 8px; top: 6px; border: 4px solid transparent; border-top: 5px solid #afbbc6 } .header.is-fixed .header__link { color: #afbbc6 } .header.is-fixed .header__link:hover { color: #34beff } .header.is-fixed.is-active .header__link { color: #212121 } .header.is-fixed.is-active .header__link:hover { color: #22b0f3 } .header.header--transparent .header__link { color: #212121 } .header.header--transparent .header__link:hover { color: #22b0f3 } @media (max-width: 501px) { .header.header--transparent-mobile .header__link { color: #212121 } .header.header--transparent-mobile .header__link:hover { color: #22b0f3 } } .header.header--white .header__link { color: #212121 } .header.header--white .header__link:hover { color: #22b0f3 } .header__location { position: relative; font-size: 12px; color: #fff; text-decoration: none; margin-left: auto; margin-right: 20px; padding-right: 20px; z-index: 1400 } @media (max-width: 1919.98px) { .header__location { margin-right: 24px; padding-right: 20px } } @media (max-width: 1365.98px) { .header__location { margin-right: 22px; padding-right: 22px } } @media (max-width: 1023.98px) { .header__location { transform: none !important; margin: 0; padding: 0 } } .header__location:before { content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 18px; background: hsla(0, 0%, 100%, .5) } @media (max-width: 1023.98px) { .header__location:before { display: none } } .header.header--transparent .header__location, .header.is-fixed .header__location { color: #212121 } @media (max-width: 501px) { .header.header--transparent-mobile .header__location { color: #212121 } } @media (max-width: 1023.98px) { .header__location .location { display: none } } .header__logo { position: relative } .header__logo--mobile { display: none; position: absolute; left: calc(50% - 60px); top: 8px; width: 120px; height: 45px; transition: none .25s ease } @media (max-width: 1023.98px) { .header.is-active .header__logo--mobile { display: flex; justify-content: center; align-items: center } } @media (max-width: 1023.98px) { .header.is-active .header__logo, .header__data-group .header__logo { display: none } } .header__logo-svg { width: 68px; height: 21px; transition: fill .25s ease-in-out; fill: #fff; display: block } @media (max-width: 1919.98px) { .header__logo-svg { width: 59px; height: 19px } } @media (max-width: 1365.98px) { .header__logo-svg { width: 54px; height: 17px } } @media (min-width: 360px) { .header__logo-svg { width: 64px; height: 21px } } @media (max-width: 768.98px) { .header__logo-svg { width: 64px; height: 21px } } .header.is-fixed .header__logo-svg { fill: #212121 } .header.is-active .header__logo-svg { display: block; fill: #212121 } .header.header--transparent .header__logo-svg { fill: #212121 } @media (max-width: 501px) { .header.header--transparent-mobile .header__logo-svg { fill: #212121 } } .header.header--white .header__logo-svg { fill: #212121 } @media (max-width: 1023.98px) { .header__appeal-label { display: none } } .header--checkout .header__appeal-label { padding-left: 11.3%; display: flex } @media (max-width: 1279.98px) { .header--checkout .header__appeal-label { max-height: 21px; align-items: flex-start; max-height: 100% } } @media (max-width: 1279.98px) { .header__appeal-label .appeal-label__icon { margin-top: -2px } } .header__appeal-label .appeal-label { color: #fff; transition: color .25s } .header__appeal-label .appeal-label:hover { color: #22b0f3 } @media (max-width: 1279.98px) { .header--checkout .header__appeal-label .appeal-label { white-space: normal; align-items: flex-start } } @media (max-width: 1279.98px) { .header--checkout .header__appeal-label .appeal-label span:not(.appeal-label__icon) { max-width: 112px; font-size: 14px; line-height: 1.14286 } } @media (max-width: 1279.98px) { .header--checkout .header__appeal-label > .appeal-label span:not(.appeal-label__icon) { max-width: 147px; font-size: 14px; line-height: 1.14286 } } .header__appeal-label-checkout { display: none; margin-right: 9.5% } .header--checkout .header__appeal-label-checkout { display: block } .header__menu { position: absolute; left: 0; bottom: 16px; transition: bottom .25s } @media (max-width: 1024px) { .header__menu { bottom: 13px } } @media (max-width: 1023.98px) { .header__menu { display: none } } .header.is-compact .header__menu { bottom: 20px } @media (max-width: 1919.98px) { .header.is-compact .header__menu { bottom: 18px } } @media (max-width: 1365.98px) { .header.is-compact .header__menu { bottom: 16px } } .header--checkout .header__menu { display: none } .header--transparent { color: #212121; background: #fff } .header--transparent .mobile-menu-btn__item { background: #afbbc6 } .header--transparent .location { color: #212121 } .header--transparent .location:hover { color: #22b0f3 } .header--transparent .appeal-label { color: #212121 } .header--transparent .appeal-label:hover { color: #22b0f3 } .header--transparent .appeal-label__icon { fill: #afbbc6 } @media (min-width: 1024px) { .header--transparent-black { color: #000; background-color: transparent } .header--transparent-black .mobile-menu-btn__item { background: #000 } .header--transparent-black .location { color: #000 } .header--transparent-black .location:hover { color: #22b0f3 } .header--transparent-black .appeal-label { color: #000 } .header--transparent-black .appeal-label:hover { color: #22b0f3 } .header--transparent-black .appeal-label__icon, .header--transparent-black .header__logo-svg { fill: #000 } } @media (max-width: 501px) { .header--transparent-mobile { color: #212121; background: #fff } .header--transparent-mobile .mobile-menu-btn__item { background: #afbbc6 } .header--transparent-mobile .location { color: #212121 } .header--transparent-mobile .location:hover { color: #22b0f3 } .header--transparent-mobile .appeal-label { color: #212121 } .header--transparent-mobile .appeal-label:hover { color: #22b0f3 } .header--transparent-mobile .appeal-label__icon { fill: #afbbc6 } } .header--white { background-color: #fff } .header--white .header__wrap { padding: 26px 0 25px } @media (max-width: 1279.98px) { .header--white .header__wrap { padding: 29px 0 26px } } @media (max-width: 768.98px) { .header--white .header__wrap { padding: 16px 0; min-height: 59px } } .header--white .location { color: #212121 } .header--white .location:hover { color: #22b0f3 } @media (max-width: 768.98px) { .header--action { border-bottom: 1px solid rgba(175, 187, 198, .5) } } .header__catalog { display: flex; align-items: center; color: #fff; margin: 0 auto 0 40px; padding: 10px 16px; background: #4238f5; border-radius: 8px; transform: translateY(-13px); height: 44px; font-size: 16px; font-weight: 500; line-height: 20px; text-transform: uppercase } @media (max-width: 1023.98px) { .header__catalog { display: none } } .header__catalog-icon { pointer-events: none; width: 20px; height: 20px; margin-right: 10px } .header__catalog-compact, .header__reference-group-compact { display: none } .header__catalog-compact { padding: 10px 16px; align-items: center; transform: translateY(10px); margin: 0 40px } @media (max-width: 1279.98px) { .header__catalog-compact { margin: 0 20px } } .header__appeal-label, .header__location, .header__phone { transform: translateY(-15px) } @media (max-width: 1023.98px) { .header .mobile-menu-btn { margin-right: 20px } } @media (max-width: 768.98px) { .header.is-active .header .mobile-menu-btn { margin-right: 0; width: 56px; height: 45px; flex-shrink: 0 } } .header--configurator { z-index: 6 !important } .header-notice { position: relative; z-index: 10 } @media (max-width: 1279.98px) { body.is-catalog-mobile-open .header-notice, body.is-mobile-menu-open .header-notice { position: absolute } } .header-notice.is-black-background { background: #000 } .header-notice__inner { padding: 10px; display: flex; flex-direction: column; gap: 10px } @media (max-width: 1279.98px) { .header-notice__inner { padding: 5px 10px } } .menu { display: flex; align-items: center } @media (max-width: 1366.98px) { .menu { flex: 1 } } .menu:not(.is-adjusted) { opacity: 0; pointer-events: none } .menu__list { margin: 0; padding: 0; list-style: none; display: flex } .menu__item { position: relative; margin-right: 20px } @media (max-width: 1919.98px) { .menu__item { margin-right: 15px } } @media (max-width: 1365.98px) { .menu__item { margin-right: 10px } } .menu__item--highlight .menu__link { background: #fff; color: #212121; transition: color .25s, background .25s; padding: 2px 8px; border-radius: 3px } .menu__item--highlight .menu__link:hover { background: #22b0f3; color: #fff } .header--transparent .menu__item--highlight .menu__link, .header--white .menu__item--highlight .menu__link, .header.is-fixed .menu__item--highlight .menu__link { background: #212121; color: #fff } .header--transparent .menu__item--highlight .menu__link:hover, .header--white .menu__item--highlight .menu__link:hover, .header.is-fixed .menu__item--highlight .menu__link:hover { background-color: #22b0f3; color: #fff } .menu__item--hidden { display: none } .menu__link { color: #fff; font-size: 13px; text-decoration: none; text-transform: uppercase; transition: color .25s; letter-spacing: .02em; white-space: nowrap; position: relative; font-weight: 500; outline: none; cursor: pointer } @media (max-width: 1365.98px) { .menu__link { font-size: 10px } } .header--transparent .menu__link, .header--white .menu__link, .header.is-fixed .menu__link { color: #212121 } @media (min-width: 1024px) { .header--transparent-black .menu__link { color: #000 } } .header--transparent .menu__link:hover, .header--white .menu__link:hover, .header.is-fixed .menu__link:hover, .menu__link:hover { color: #22b0f3 } .menu__link-is-pad { border-radius: 3px; background-color: #fff !important; color: #212121 !important; padding: 6px } .menu__link-is-pad:hover { background-color: #1045ff !important; color: #fff !important } .header.is-compact .menu__link-is-pad, .header.is-fixed .menu__link-is-pad { background-color: #212121 !important; color: #fff !important } .header.is-compact .menu__link-is-pad:hover, .header.is-fixed .menu__link-is-pad:hover { background-color: #0090d5 !important; color: #fff !important } .menu__link--parent { padding-right: 20px; margin-right: -6px } @media (max-width: 1365.98px) { .menu__link--parent { padding-right: 18px; margin-right: -5px } } .menu__link--parent:before { content: ""; position: absolute; right: 6px; top: 6px; border: 4px solid transparent; border-top: 5px solid #fff; opacity: .6 } @media (max-width: 1365.98px) { .menu__link--parent:before { right: 5px; top: 3px } } .header--transparent .menu__link--parent:before, .header--white .menu__link--parent:before, .header.is-fixed .menu__link--parent:before { border-top-color: #afbbc6; opacity: 1 } @media (min-width: 1024px) { .header--transparent-black .menu__link--parent:before { border-top-color: #000; opacity: 1 } } .menu__link--w-icon { padding-left: 22px } .header--transparent .menu__link--w-icon:hover, .header--white .menu__link--w-icon:hover, .header.is-fixed .menu__link--w-icon:hover, .menu__link--w-icon:hover { color: #00effa } .header--transparent .menu .menu__link-is-pad, .header--white .menu .menu__link-is-pad, .header.is-fixed .menu .menu__link-is-pad { background-color: #212121 !important; color: #fff !important } .header--transparent .menu .menu__link-is-pad:hover, .header--white .menu .menu__link-is-pad:hover, .header.is-fixed .menu .menu__link-is-pad:hover { background-color: #22b0f3 !important; color: #fff !important } .menu__sublist { position: absolute; left: -24px; top: 50px; background: #fff; list-style: none; padding: 16px 0; display: none; margin: 0; transition: all .25s ease-in-out } @media (max-width: 1919.98px) { .menu__sublist { padding: 17px 0 } } @media (max-width: 1365.98px) { .menu__sublist { padding: 20px 0 } } .menu__sublist--catalog, .menu__sublist.is-active { display: block } .menu__sublist--right { left: auto; right: 0 } .header--transparent-black .menu__sublist, .header--transparent .menu__sublist, .header.is-fixed .menu__sublist { box-shadow: 0 10px 35px hsla(0, 0%, 70.6%, .25) } @media (min-width: 1920px) { .menu__sub-item.is-hidden-fhd { display: none } } .menu__sub-link { text-decoration: none; color: #212121; font-weight: 500; font-size: 13px; line-height: 20px; letter-spacing: .02em; padding: 8px 44px 8px 24px; display: block; text-transform: uppercase; transition: color .25s; white-space: nowrap } @media (max-width: 1919.98px) { .menu__sub-link { padding: 7px 44px 7px 24px } } @media (max-width: 1365.98px) { .menu__sub-link { font-size: 10px; padding: 4px 36px 4px 24px } } .menu__sub-link:hover { color: #00a0eb } .menu__icon { width: 11px; height: 16px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); transition: color .25s; color: #22b0f3 } @media (max-width: 1365.98px) { .menu__icon { width: 10px; height: 15px } } .menu__link:hover .menu__icon { color: #00effa } .search__results .scrollbar-track-x { display: none } .search__results .scrollbar-track-y, .search__results .scrollbar-track-y.show { width: 4px; background: rgba(215, 221, 227, .2); border-radius: 5px; right: 5px; opacity: 0; transition: opacity .25s } .search__results.is-scrollable:hover .scrollbar-track-y, .search__results.is-scrollable:hover .scrollbar-track-y.show { opacity: 1 } .search__results .scrollbar-thumb { width: 100%; background: #d7dde3; border-radius: 5px } .search { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: opacity .25s; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 2000; max-width: 1920px; margin: 0 auto } .search:not(.is-focused) { pointer-events: none } .search:not(.is-active) { opacity: 0 } .search.is-simple { position: static; z-index: auto; opacity: 1 } .search.is-default { position: relative; z-index: auto; opacity: 1 } .search.is-default.is-focused { z-index: 2000 } .search.is-warranty { position: relative; z-index: 2; opacity: 1 } .search__background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: rgba(0, 0, 0, .25); transition: opacity .25s } .search:not(.is-focused) .search__background { opacity: 0 } .search.is-default .search__background, .search.is-warranty .search__background { position: fixed } .search.is-warranty .search__background { background: none } .search__form, .search__results { position: absolute; width: 655px; pointer-events: auto } @media (max-width: 1919.98px) { .search__form, .search__results { width: 520px } } @media (max-width: 1365.98px) { .search__form, .search__results { width: 300px } } @media (max-width: 1023.98px) { .search__form, .search__results { width: auto } } .search.is-default .search__form, .search.is-default .search__results, .search.is-simple .search__form, .search.is-simple .search__results, .search.is-warranty .search__form, .search.is-warranty .search__results { width: 100% } .search__form { display: block; height: 44px; overflow: hidden; border-radius: 8px } .search__form.is-loading { pointer-events: none } .search.is-default .search__form, .search.is-simple .search__form, .search.is-warranty .search__form { position: relative } .search.is-default .search__form { height: 56px } @media (max-width: 1919.98px) { .search.is-default .search__form { height: 54px } } @media (max-width: 1365.98px) { .search.is-default .search__form { height: 44px } } @media (max-width: 767.98px) { .search.is-default .search__form { height: 56px } } .search.is-warranty .search__form { height: 56px; display: flex; gap: 10px } @media (max-width: 767.98px) { .search.is-warranty .search__form { height: auto; flex-direction: column } } .search__input-container { position: relative; width: 100%; height: 100% } .search__input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; outline: none; font-family: Futura PT, Arial, Helvetica, sans-serif; width: 100%; height: 100%; font-size: 18px; line-height: 24px; background: #fcfcfc; border: 1px solid #dce4e7; border-radius: 8px; padding: 10px 86px 10px 16px; color: #000; transition: transform .25s; transform-origin: right center } .search__input:-moz-focusring { outline: none } .search__input:focus { outline: none } .search__input::-ms-clear, .search__input::-ms-reveal { display: none } .search__input[type=number] { -moz-appearance: textfield !important } .search__input[type=number]::-webkit-inner-spin-button, .search__input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .search__input--no-animation { transition: 0ms } .search__input::-moz-placeholder { font-family: inherit; font-size: inherit; color: #959799 } .search__input:-ms-input-placeholder { font-family: inherit; font-size: inherit; color: #959799 } .search__input::placeholder { font-family: inherit; font-size: inherit; color: #959799 } @media (max-width: 1365.98px) { .search__input { padding-right: 78px } } .search:not(.is-active) .search__input { transform: scaleX(0) } .search.is-default .search__input::-webkit-input-placeholder, .search.is-warranty .search__input::-webkit-input-placeholder { font-size: 16px; color: rgba(33, 33, 33, .5) } @media (max-width: 1365.98px) { .search.is-default .search__input::-webkit-input-placeholder, .search.is-warranty .search__input::-webkit-input-placeholder { font-size: 14px } } @media (max-width: 767.98px) { .search.is-default .search__input::-webkit-input-placeholder, .search.is-warranty .search__input::-webkit-input-placeholder { font-size: 16px; letter-spacing: -.01em } } @media (max-width: 1365.98px) { .search.is-default .search__input::-moz-placeholder, .search.is-warranty .search__input::-moz-placeholder { font-size: 14px } } @media (max-width: 767.98px) { .search.is-default .search__input::-moz-placeholder, .search.is-warranty .search__input::-moz-placeholder { font-size: 16px; letter-spacing: -.01em } } .search.is-default .search__input:-moz-placeholder, .search.is-warranty .search__input:-moz-placeholder { font-size: 16px; color: rgba(33, 33, 33, .5) } @media (max-width: 1365.98px) { .search.is-default .search__input:-moz-placeholder, .search.is-warranty .search__input:-moz-placeholder { font-size: 14px } } @media (max-width: 767.98px) { .search.is-default .search__input:-moz-placeholder, .search.is-warranty .search__input:-moz-placeholder { font-size: 16px; letter-spacing: -.01em } } @media (max-width: 1365.98px) { .search.is-default .search__input:-ms-input-placeholder, .search.is-warranty .search__input:-ms-input-placeholder { font-size: 14px } } @media (max-width: 767.98px) { .search.is-default .search__input:-ms-input-placeholder, .search.is-warranty .search__input:-ms-input-placeholder { font-size: 16px; letter-spacing: -.01em } } .search.is-default .search__input::-moz-placeholder, .search.is-warranty .search__input::-moz-placeholder { font-size: 16px; color: rgba(33, 33, 33, .5) } .search.is-default .search__input:-ms-input-placeholder, .search.is-warranty .search__input:-ms-input-placeholder { font-size: 16px; color: rgba(33, 33, 33, .5) } .search.is-default .search__input::placeholder, .search.is-warranty .search__input::placeholder { font-size: 16px; color: rgba(33, 33, 33, .5) } @media (max-width: 1365.98px) { .search.is-default .search__input::-moz-placeholder, .search.is-warranty .search__input::-moz-placeholder { font-size: 14px } .search.is-default .search__input:-ms-input-placeholder, .search.is-warranty .search__input:-ms-input-placeholder { font-size: 14px } .search.is-default .search__input::placeholder, .search.is-warranty .search__input::placeholder { font-size: 14px } } @media (max-width: 767.98px) { .search.is-default .search__input::-moz-placeholder, .search.is-warranty .search__input::-moz-placeholder { font-size: 16px; letter-spacing: -.01em } .search.is-default .search__input:-ms-input-placeholder, .search.is-warranty .search__input:-ms-input-placeholder { font-size: 16px; letter-spacing: -.01em } .search.is-default .search__input::placeholder, .search.is-warranty .search__input::placeholder { font-size: 16px; letter-spacing: -.01em } } .search.is-default .search__input { padding-left: 48px; padding-right: 168px } @media (max-width: 1365.98px) { .search.is-default .search__input { padding-right: 140px } } @media (max-width: 767.98px) { .search.is-default .search__input { padding-left: 20px; padding-right: 64px } } .search.is-warranty .search__input { background: #f4f4f4; color: transparent; border-width: 0; padding-left: 48px; padding-right: 10px } @media (max-width: 767.98px) { .search.is-warranty .search__input { height: 56px } } .search.is-warranty.is-focused .search__input { color: #000; padding-right: 54px } @media (max-width: 767.98px) { .search.is-warranty.is-focused .search__input { padding-right: 44px } } .search__input-icon { position: absolute; top: 0; bottom: 0; margin: auto 0; left: 16px; pointer-events: none; width: 21px; height: 21px; color: #afbbc6 } @media (max-width: 1919.98px) { .search__input-icon { width: 20px; height: 20px } } @media (max-width: 1365.98px) { .search__input-icon { width: 19px; height: 19px } } @media (max-width: 767.98px) { .search__input-icon { display: none } } @media (max-width: 767.98px) { .search.is-warranty .search__input-icon { margin: 18px 0; width: 20px; height: 20px; display: block } } .search__buttons { position: absolute; top: 0; right: 0; height: 100%; padding: 0 11px; display: flex; align-items: center; transition: opacity .25s } @media (max-width: 1365.98px) { .search__buttons { padding: 0 9px } } .search:not(.is-active) .search__buttons { opacity: 0 } .search.is-default:not(.is-focused) .search__buttons { padding: 0 } .search.is-warranty .search__buttons { position: static; padding: 0; flex-shrink: 0 } .search__button { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; transition: color .25s; cursor: pointer } .search__button:not(:last-child) { margin-right: 4px } @media (max-width: 1365.98px) { .search__button:not(:last-child) { margin-right: 0 } } .search__button--submit, .search__button--submit:hover { color: #22b0f3 } .search.is-default .search__button--submit, .search.is-warranty .search__button--submit { background: #22b0f3; box-shadow: 0 10px 20px rgba(34, 176, 243, .35); border-radius: 8px; width: 160px; height: 100%; color: #fff; transition-property: color, background-color, box-shadow; transition-duration: .25s } @media (max-width: 1365.98px) { .search.is-default .search__button--submit, .search.is-warranty .search__button--submit { width: 132px } } @media (max-width: 767.98px) { .search.is-default .search__button--submit, .search.is-warranty .search__button--submit { width: 56px } } .search.is-default .search__button--submit:hover, .search.is-warranty .search__button--submit:hover { color: #fff; background: #0090d5; box-shadow: 0 20px 25px -12px rgba(34, 176, 243, .5) } .search.is-default .search__button--submit:active, .search.is-warranty .search__button--submit:active { color: #fff; background: #2354a5; box-shadow: 0 20px 30px -18px #2354a5 } .search.is-default.is-focused .search__button--submit { display: none } .search.is-warranty .search__button--submit { display: flex; width: 190px } @media (max-width: 767.98px) { .search.is-warranty .search__button--submit { width: 100%; height: 56px } } .search__button--close { color: #afbbc6 } .search__button--close:hover { color: #22b0f3 } .search.is-default:not(.is-focused) .search__button--close, .search.is-warranty:not(.is-focused) .search__button--close { display: none } .search.is-warranty .search__button--close { position: absolute; width: 54px; height: 56px; top: 0; right: 200px } @media (max-width: 767.98px) { .search.is-warranty .search__button--close { width: 44px; right: 0 } } .search__button--result { color: #afbbc6 } .search__button.is-loading { pointer-events: auto } .search__button.is-loading .icon { display: none } .search__item .search__button { position: absolute; top: 5px; right: 8px } .search__button .icon { flex-shrink: 0; pointer-events: none } .search__button .icon-close-3 { width: 14px; height: 14px } .search__button .icon-search-2 { width: 21px; height: 21px } @media (max-width: 1919.98px) { .search__button .icon-search-2 { width: 20px; height: 20px } } @media (max-width: 1365.98px) { .search__button .icon-search-2 { width: 15px; height: 15px } } @media (max-width: 1023.98px) { .search__button .icon-search-2 { width: 19px; height: 19px } } .search.is-default .search__button .icon-search-2 { display: none } @media (max-width: 767.98px) { .search.is-default .search__button .icon-search-2 { display: block } } .search.is-warranty .search__button .icon-search-2 { display: none } .search__button .icon-arrow-tip-7 { width: 7px; height: 12px } .search__button--submit .search__button-text { font-weight: 500; font-size: 16px; line-height: 20px; color: #fff } @media (max-width: 1365.98px) { .search__button--submit .search__button-text { font-size: 14px } } @media (max-width: 767.98px) { .search.is-default .search__button--submit .search__button-text { display: none } } @media (max-width: 767.98px) { .search.is-warranty .search__button--submit .search__button-text { display: inline } } .search__form-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none } @media (max-width: 1023.98px) { .search__form-overlay { display: block } } .search.is-warranty .search__form-overlay { display: none } .search__presets { margin-top: 20px; font-size: 16px; line-height: 26px; color: #fff; display: flex; align-items: center; justify-content: center; pointer-events: auto } @media (max-width: 1919.98px) { .search__presets { margin-top: 16px } } @media (max-width: 1365.98px) { .search__presets { margin-top: 14px; font-size: 12px } } @media (max-width: 767.98px) { .search__presets { margin-top: 8px; margin-left: -8px; font-size: 16px; flex-wrap: wrap; justify-content: flex-start } } .search__presets--black { color: #000 } .search__presets-item, .search__presets-label { flex-shrink: 0 } @media (max-width: 767.98px) { .search__presets-item, .search__presets-label { margin: 8px 0 0 8px } } .search__presets-label { margin-right: 15px } @media (max-width: 1365.98px) { .search__presets-label { margin-right: 12px } } @media (max-width: 767.98px) { .search__presets-label { margin: 0 0 -8px 8px; width: calc(100% - 8px) } } .search__presets-item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 34px; border: 1px solid #dadada; border-radius: 4px; padding: 0 12px; display: flex; align-items: center; color: inherit; font-size: inherit; transition-property: color, background-color, border-color; transition-duration: .25s } @media (max-width: 1365.98px) { .search__presets-item { height: 28px } } @media (max-width: 767.98px) { .search__presets-item { height: 34px } } .search__presets-item:hover { color: #22b0f3; border-color: #22b0f3 } .search__presets-item:active { color: #fff; border-color: #22b0f3; background-color: #22b0f3 } .search__presets-item:not(:last-child) { margin-right: 10px } @media (max-width: 1365.98px) { .search__presets-item:not(:last-child) { margin-right: 8px } } @media (max-width: 767.98px) { .search__presets-item:not(:last-child) { margin-right: 0 } } .search__results { background: #fff; border-radius: 8px; font-size: 18px; line-height: 24px; color: #212121; position: absolute; transition-property: opacity, transform; transition-duration: .25s; overflow: hidden } .search__results:not(.is-active) { opacity: 0; transform: translateY(20px) } .search.is-mobile .search__results { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .search.is-warranty .search__results { background: #f4f4f4 } .search__results-inner { padding: 16px 8px; overflow: hidden auto } .search__loader { position: relative } .search__loader:before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: none; width: 24px; height: 24px; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat 50%; background-size: 100%; pointer-events: none; animation: rotate 1.5s linear infinite } .search__loader.is-loading { opacity: 1 !important } .search__loader.is-loading:before { display: block } .search__loader.search__results-inner { min-height: 80px } .search__divider { position: relative; display: flex } .search__divider:before { content: ""; display: block; background: #e1e1e1; height: 1px; position: absolute; top: 0; bottom: 0; right: 8px; left: 8px; margin: auto 0 } .search__divider-text { padding: 8px; background: #fff; position: relative; font-size: 12px; line-height: 18px; letter-spacing: .01em; text-transform: uppercase; color: #a9a9a9 } .search.is-warranty .search__divider-text { background: #f4f4f4 } .search__item { padding: 8px 38px 8px 16px; display: flex; position: relative; transition-property: background-color, color; transition-duration: .25s; border-radius: 6px; text-decoration: none; color: inherit; width: 100%; text-align: left; cursor: pointer } .search__item:not(.search__item--empty):visited { color: inherit } .search__item:not(.search__item--empty):hover { background: rgba(215, 221, 227, .2); color: #00a0eb } .search__item--product, .search__item--support { padding-right: 16px; padding-left: 80px; flex-wrap: wrap; min-height: 64px } .search__item--support { font-size: 16px; line-height: 20px; padding-top: 12px; padding-bottom: 12px } @media (max-width: 1365.98px) { .search__item--support { font-size: 14px } } @media (max-width: 1023.98px) { .search__item--support { font-size: 16px } } .search__item-caption { position: relative; padding-right: 9px; -ms-hyphens: auto; hyphens: auto } .search__item-caption:after { content: ""; margin-left: 8px; display: inline-block; right: 0; top: 50%; width: 1px; height: 8px; background-color: #c4c4c4 } .search__item-tag { color: #22b0f3 } .search__caption { position: absolute; left: 48px; right: 54px; top: 0; height: 100%; pointer-events: none; touch-action: none } .search.is-focused .search__caption { display: none } .search__caption-wrapper { display: flex; align-items: center; height: 100%; width: 100%; font-size: 18px; line-height: 24px } .search__caption-text { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .search__caption-tag { color: #22b0f3; display: inline-block; position: relative; margin-left: 9px; padding-left: 9px } .search__caption-tag:after { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 8px; transform: translateY(-50%); background-color: #c4c4c4 } .search__title { letter-spacing: .02em } .search__item--product .search__title, .search__item--support .search__title { width: 100% } .search__img-container { position: absolute; top: 8px; left: 16px; width: 48px; height: 48px } .search__img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; display: block } .search__price { font-weight: 600; white-space: nowrap; color: #212121 } .search__price:not(:last-child) { margin-right: 8px } .search__item--sale .search__price { color: #fa4d62 } .search__price-old { color: #959799; text-decoration: line-through; white-space: nowrap } .search__link-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .search__link { position: relative } .search__link:not(:last-child) { margin-right: 8px; padding-right: 8px } .search__link:not(:last-child):after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0; width: 1px; height: 8px; background: #e1e1e1 } .search mark { background: none; color: inherit; font-weight: 600 } .top-block { color: #fff; overflow: hidden; position: relative } .top-block__wrap { position: absolute; top: 170px; left: 156px; right: 156px; z-index: 1 } @media (max-width: 1919.98px) { .top-block__wrap { top: 200px; left: 80px; right: 80px } } @media (max-width: 1366px) { .top-block__wrap { top: 180px } } @media (max-width: 1366.98px) { .top-block__wrap { left: 30px; right: 30px } } @media (max-width: 1365.98px) { .top-block__wrap { top: 120px } } @media (max-width: 1023.98px) { .top-block__wrap { top: 146px; left: 0; right: 0 } } .top-block__header { display: none; font-size: 24px; line-height: 1.33 } @media (max-width: 1023.98px) { .top-block__header { display: block; font-weight: 450; line-height: 31.92px; letter-spacing: .02em } } .top-block__logo { display: none } @media (max-width: 767.98px) { .top-block__logo { display: block } .top-block__logo .logo-haier-mobile { width: 92px; height: 28px; margin-top: 8px } } .top-block__column-first { display: none } @media (max-width: 1023.98px) { .top-block__column-first { display: flex; flex-direction: column; width: 100%; text-align: center; justify-content: center; align-items: center; gap: 10px } } .top-block__column-second { padding-bottom: 44px } @media (max-width: 1023.98px) { .top-block__column-second { display: none } } .top-block__video { position: relative; height: 640px } @media (max-width: 1919.98px) { .top-block__video { height: 570px } } @media (max-width: 1365.98px) { .top-block__video { height: 450px } } @media (max-width: 767.98px) { .top-block__video { height: 410px } } .top-block__video:before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); left: 0; top: 0 } .catalog-list { display: flex; justify-content: space-between; margin: 0 -20px } @media (max-width: 1919.98px) { .catalog-list { margin: 0 -15px } } @media (max-width: 767.98px) { .catalog-list { margin: 0 } } .catalog-list__section { width: 20%; padding: 0 20px; display: flex; flex-direction: column; gap: 50px } @media (max-width: 1919.98px) { .catalog-list__section { padding: 0 15px; gap: 34px } } @media (max-width: 1365.98px) { .catalog-list__section { gap: 30px } } @media (max-width: 767.98px) { .catalog-list__section { padding: 0 } } .catalog-list__section .catalog-list__items-container { background-color: #f4f4f4 } .catalog-list__group { display: flex; flex-direction: column; gap: 34px } @media (max-width: 1919.98px) { .catalog-list__group { gap: 24px } } @media (max-width: 1365.98px) { .catalog-list__group { gap: 12px } } .catalog-list__caption { color: hsla(0, 0%, 100%, .5); letter-spacing: .02em; text-transform: uppercase; font-weight: 500; font-size: 12px; line-height: 20px; text-decoration: none; transition: color .25s ease-in-out; display: inline-flex; align-items: center; gap: 10px } @media (max-width: 1365.98px) { .catalog-list__caption { font-size: 8px; line-height: 12px; min-height: 12px } } .catalog-list__caption:hover { color: #22b0f3 } .catalog-list__icon { flex-shrink: 0 } .catalog-list__icon--thunderobot { width: 11px; height: 16px } @media (max-width: 1365.98px) { .catalog-list__icon--thunderobot { width: 7px; height: 10px } } .catalog-list__icon--candy { width: 64px; height: 14px; margin-top: 20px } @media (max-width: 1919.98px) { .catalog-list__icon--candy { margin-top: 0 } } @media (max-width: 1365.98px) { .catalog-list__icon--candy { width: 49px; height: 10px } } .catalog-list__items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 24px } @media (max-width: 1919.98px) { .catalog-list__items { gap: 16px } } @media (max-width: 1365.98px) { .catalog-list__items { gap: 8px } } .catalog-list__item { font-size: 20px; line-height: 22px; letter-spacing: .04em } @media (max-width: 1919.98px) { .catalog-list__item { font-size: 16px; line-height: 20px; letter-spacing: .03em } } @media (max-width: 1365.98px) { .catalog-list__item { font-size: 13px; line-height: 16px; letter-spacing: .03em } } .catalog-list__link { color: #fff; text-decoration: none; transition: color .25s ease-in-out } .catalog-list__link:hover { color: #22b0f3 } .catalog-list__reference { font-weight: 500; font-size: 16px; line-height: 21px; letter-spacing: .003px; color: #22b0f3; text-decoration: none } @media (max-width: 1365.98px) { .catalog-list__reference { font-size: 11px; line-height: 20px; letter-spacing: .002px } } .catalog-list__filter { font-size: 16px; line-height: 1; letter-spacing: .02em; font-weight: 500; color: rgba(33, 33, 33, .5); text-transform: uppercase; background-color: #fff; padding: 17px 20px } .catalog-list__filter:first-child { margin-top: 18px } .catalog-list__action { padding: 20px 20px 0; background-color: #fff; position: relative; z-index: 0 } .catalog-list--mobile { background: #fff; width: 100%; z-index: 11; display: block; margin: 0 } .catalog-list--mobile.is-active { left: 0 } .catalog-list--mobile .catalog-list__close { display: block } .catalog-list--mobile .catalog-list__items-container { width: 100%; max-height: 0; overflow: hidden; transition: max-height .25s ease-in, opacity .5s ease-in, margin-bottom .25s ease-in; min-height: 0; opacity: 0; justify-content: unset } .catalog-list--mobile .catalog-list__items-container.is-active { max-height: 1000px; min-height: 0; height: 100%; overflow: visible; opacity: 1 } .catalog-list--mobile .catalog-list__items-container.is-has-filters { background-color: #fff } .catalog-list--mobile .catalog-list__items-container.is-has-filters .banner-menu { bottom: unset } .catalog-list--mobile .catalog-list__group { padding-bottom: 32px; display: block } .catalog-list--mobile .catalog-list__items { display: block } @media (max-width: 1279.98px) { .catalog-list--mobile .catalog-list__items { background-color: #f4f4f4; padding: 26px 20px; margin-top: 32px } } .catalog-list--mobile .catalog-list__item { margin-bottom: 20px } .catalog-list--mobile .catalog-list__item:last-child { margin-bottom: 0 } .catalog-list--mobile .catalog-list__link { color: #212121; font-size: 20px; line-height: 1.4; display: block } .catalog-list--mobile .catalog-list__link:active, .catalog-list--mobile .catalog-list__link:hover { color: #22b0f3 } .catalog-list--mobile .catalog-list__caption { color: #212121; font-size: 16px; line-height: 1.375; opacity: 1; display: block; position: relative; letter-spacing: .02em; font-weight: 600 } @media (max-width: 1279.98px) { .catalog-list--mobile .catalog-list__caption { position: relative; margin: 0 20px; padding-right: 25px } } .catalog-list--mobile .catalog-list__caption:before { content: ""; position: absolute; right: 4px; top: 8px; border: 7px solid transparent; border-top: 7px solid #afbbc6; transition: all .25s ease-in } .catalog-list--mobile .catalog-list__caption.is-active { color: #22b0f3 } .catalog-list--mobile .catalog-list__caption.is-active:before { top: 0; transform: rotate(180deg); border-top-color: #22b0f3 } .catalog-list--mobile .catalog-list__caption.is-empty:before { display: none } .catalog-list--mobile .catalog-list__section { padding: 0 } .catalog-list--mobile .catalog-list__items--col, .catalog-list--mobile .catalog-list__items--row { display: flex; margin: 0; padding: 13px 20px } .catalog-list--mobile .catalog-list__items--col .catalog-list__item, .catalog-list--mobile .catalog-list__items--row .catalog-list__item { margin-bottom: 0 } .catalog-list--mobile .catalog-list__items--row { flex-direction: row; gap: 32px } .catalog-list--mobile .catalog-list__items--col { flex-direction: column; gap: 30px } .logo img { max-width: 100%; width: 195px } @media (max-width: 1366.98px) { .logo img { width: 144px } } .progress-circle { width: 26px; height: 26px; min-width: 26px; min-height: 26px; fill: transparent; transform: rotate(-90deg) } .progress-circle__value { stroke-dashoffset: 360; stroke-dasharray: 360; animation-duration: 100s; animation: box ease-in-out } .progress-circle__value.is-animate { stroke-dashoffset: 0 } @keyframes box { 0% { stroke-dashoffset: 360 } to { stroke-dashoffset: 0 } } .awards { max-width: 160px; display: flex; flex-direction: column; margin: 0 auto } .awards__pic { filter: grayscale(100%); opacity: .2; transition: all .5s ease } .awards__pic:hover { filter: grayscale(0); opacity: 1 } .awards__link { margin-bottom: 65px } @media (max-width: 1366.98px) { .awards__link { margin-bottom: 36px } } .awards__link:last-child { margin-bottom: 0 } @media (max-width: 1366.98px) { .awards img { max-width: 125px; height: auto } } .catalog-similar .add-to-basket, .catalog .add-to-basket, .sale .add-to-basket { flex-grow: 1; max-width: calc(100% - 88px) } @media (min-width: 768px) and (max-width: 1279.98px) { .catalog[data-view=list] .add-to-basket { width: 100%; max-width: 100% } } .card--v2 .add-to-basket { flex-grow: 1; max-width: calc(100% - 88px) } .latest .add-to-basket { max-width: 200px } .add-to-basket__button { display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; width: 100%; height: 40px; padding: 0 14px; box-shadow: none; font-size: 16px; line-height: 1; font-weight: 500; box-sizing: border-box } .add-to-basket__button:active, .add-to-basket__button:active:after { box-shadow: none } .add-to-basket__button--white { border: 1px solid #afbbc6; border-radius: 8px; font-weight: 500; color: #22b0f3 } .add-to-basket__button--white:hover { border-color: #3f8ed0; color: #212121 } .comparison-slider .add-to-basket__button, .journal-products .add-to-basket__button, .modal-products .add-to-basket__button, .product-recommendations .add-to-basket__button { width: 132px } @media (max-width: 767.98px) { .comparison-slider .add-to-basket__button, .journal-products .add-to-basket__button, .modal-products .add-to-basket__button, .product-recommendations .add-to-basket__button { width: 100% } } .add-to-basket.is-not-available .add-to-basket__button { display: none } .add-to-basket__button.is-loading:before { width: 30px; height: 30px; background-size: 100%; left: calc(50% - 15px); top: calc(50% - 15px) } .add-to-basket__icon { margin-left: 8px; opacity: 1; transition: opacity .25s ease-in-out } .add-to-basket__icon svg { width: 27px; height: 22px } .add-to-basket__button.is-loading .add-to-basket__icon { opacity: 0 } .add-to-basket__added { width: 100%; height: 100%; display: inline-flex; align-items: center } .latest .add-to-basket__added { width: auto } .comparison-slider .add-to-basket__added, .journal-products .add-to-basket__added, .modal-products .add-to-basket__added, .product-recommendations .add-to-basket__added { width: 132px } @media (max-width: 767.98px) { .comparison-slider .add-to-basket__added, .journal-products .add-to-basket__added, .modal-products .add-to-basket__added, .product-recommendations .add-to-basket__added { width: 100% } } .add-to-basket.is-not-available .add-to-basket__added { display: none } .card__add .add-to-basket__to-basket { display: inline-flex; align-items: center; font-size: 16px; font-weight: 600; line-height: 1; color: #212121; height: 41px; padding: 0 14px; border-radius: 8px 0 0 8px; background-color: #fff; border: 1px solid #bcc2cc } .add-to-basket__added:hover .add-to-basket__to-basket { border-color: #3f8ed0 } .add-to-basket.is-ended .add-to-basket__to-basket { display: none } .add-to-basket__button-more { display: inline-flex; align-items: center; font-size: 16px; font-weight: 600; line-height: 1; color: #22b0f3; height: 41px; padding: 0; background-color: #fff; border-radius: 0 8px 8px 0; border: 1px solid #bcc2cc; border-left: none; justify-content: center; width: 44px } .add-to-basket__button-more:before { background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat 50% } .add-to-basket__button-more.is-loading:before { width: 30px; height: 30px; top: 4px; left: 6px } .add-to-basket__button-more:hover { color: #3f8ed0 } .add-to-basket__added:hover .add-to-basket__button-more { border-color: #3f8ed0 } .add-to-basket.is-ended .add-to-basket__button-more, .add-to-basket__ended { display: none } .add-to-basket.is-ended .add-to-basket__ended { display: block } .add-to-basket__watch { display: none } .add-to-basket__watch-button { height: 41px; padding: 0 8px; font-size: 16px; line-height: 1; font-weight: 500; box-sizing: border-box } @media (max-width: 1365.98px) { .add-to-basket__watch-button { padding: 0 4px; font-size: 14px } } .journal-products .add-to-basket__watch-button, .modal-products .add-to-basket__watch-button, .product-recommendations .add-to-basket__watch-button { font-size: 14px } .card__footer .add-to-basket__watch-button { font-size: 14px; letter-spacing: -.02em } .add-to-basket.is-not-available .add-to-basket__watch { display: block } .add-to-basket__not-available { display: flex; font-size: 16px; height: 40px; align-items: center; line-height: 1.3125; font-weight: 600; color: #7f8993 } .add-to-basket:not(.is-not-available) .add-to-basket__not-available { display: none } .video { position: relative; height: 900px; overflow: hidden } @media (max-width: 1365.98px) { .video { height: 540px } } @media (max-width: 1023.98px) { .video { height: 410px } } .video > .container { height: 100% } .video__item { max-width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .video__btn-container { position: absolute; display: flex; gap: 10px; bottom: 20px } @media (max-width: 1919.98px) { .video__btn-container { bottom: 80px } } @media (max-width: 1365.98px) { .video__btn-container { bottom: 30px } } @media (max-width: 1023.98px) { .video__btn-container { bottom: 30px; left: 50%; transform: translateX(-50%) } } .video__btn { display: block; width: 48px; height: 48px; border-radius: 50%; cursor: pointer; transition: all .5s ease; z-index: 3; position: relative } .video__btn:not(.is-current):before { opacity: .5; border-radius: 50% } .video__btn.is-current { border: 2px solid #22b0f3 } .video__btn.is-current:after { background: conic-gradient(#22b0f3 0 var(--percent), #fff 0 100%); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #fff 0); z-index: 100; transform: rotate(90deg) } .video__btn.is-current.is-active { background: #22b0f3 } .video__btn.is-current.is-active:before { border: 6px solid transparent; border-left: 10px solid #fff; background: transparent; width: 0; height: 0; margin-left: -3px } .video__btn.is-current.is-active:hover { background: #0090d5; border-color: #0090d5 } .video__btn:before { position: absolute; content: ""; width: 10px; height: 10px; background: #fff; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; transition: all .25s ease-in-out } .video__btn:after { content: ""; position: absolute; top: -2px; left: -2px; right: 0; bottom: 0; width: calc(100% + 4px); height: calc(100% + 4px); border-radius: 50% } .video__btn:hover { background: #22b0f3 } .catalog-dropdown { display: none; position: absolute; top: 53px; left: 0; right: 15vw; width: 70vw; max-width: 1312px; background-color: #f4f4f4; color: #212121; opacity: 0; transition: opacity .25s ease-in-out, transform .25s ease-in-out, top .25s ease-in-out; transform: translate3d(0, -10px, 0); z-index: 20 } @media (max-width: 1279.98px) { .catalog-dropdown { position: fixed; top: 175px; left: 0; right: 0; margin: 0 auto; width: calc(100% - 40px); max-width: none } } .dropdown.is-opened .catalog-dropdown { display: block } .dropdown.is-visible .catalog-dropdown { opacity: 1; transform: translateZ(0) } .catalog-dropdown__wrapper { display: flex } .catalog-dropdown__tabs { display: flex; width: 100% } .catalog-dropdown__level-1 { display: flex; flex-flow: column; background-color: #fff; height: 100%; width: 326px; padding: 50px 0 50px 40px } @media (max-width: 1366.98px) { .catalog-dropdown__level-1 { width: 280px } } .catalog-dropdown__level-1, .catalog-dropdown__level-sub { overflow-x: hidden } @media (max-height: 850px) { .catalog-dropdown__level-1, .catalog-dropdown__level-sub { height: 77vh; overflow-y: scroll } } .catalog-dropdown__list { padding: 0; margin: 0 0 6px 0; list-style: none } .catalog-dropdown__list-item { position: relative; display: flex; align-items: center } .catalog-dropdown__list-item:first-child { margin-top: -17px } .catalog-dropdown__list-item:last-child { margin-bottom: 17px } .catalog-dropdown__list-item:after { content: ""; display: none; position: absolute; width: 20px; height: 17px; right: -8px; top: calc(50% - 10px); background: #fff; border-radius: 1px; transform: rotate(29deg) skew(-24deg, 3deg) } .catalog-dropdown__list-item.is-active:after { display: block } .catalog-dropdown__list-item.is-active .content-area a:not(.button), .catalog-dropdown__list-item.is-active .link, .content-area .catalog-dropdown__list-item.is-active a:not(.button) { font-size: 14px; line-height: 1.57143 } .catalog-dropdown__list-item.is-active .content-area a:hover:not(.button), .catalog-dropdown__list-item.is-active .link:hover, .content-area .catalog-dropdown__list-item.is-active a:hover:not(.button) { color: #22b0f3 } .catalog-dropdown__list-item.is-empty:after { display: none } .catalog-dropdown__list-item svg { margin-right: 12px } .catalog-dropdown__list-link { display: block; text-transform: uppercase; font-size: 14px; line-height: 1.57143; font-weight: 600; letter-spacing: .04em; padding: 17px 40px 17px 0 } .catalog-dropdown__level-1-footer { padding-top: 50px; margin-right: 40px; border-top: 1px solid #f4f4f4 } .catalog-dropdown__level-sub { width: calc(100% - 326px); padding: 47px 109px 47px 79px } @media (max-width: 1600px) { .catalog-dropdown__level-sub { padding-right: 47px; padding-left: 47px } } @media (max-width: 1366.98px) { .catalog-dropdown__level-sub { width: calc(100% - 280px); padding: 47px 40px } } .catalog-dropdown__list-sub { padding: 0; margin: 0; list-style: none; height: 100% } .catalog-dropdown__sub-row { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap; margin: 0 -25px } @media (max-width: 1600px) { .catalog-dropdown__sub-row { margin: 0 -10px } } .catalog-dropdown__sub-row-filter { font-size: 12px; line-height: 20px; letter-spacing: .02em; font-weight: 500; color: rgba(0, 0, 0, .5); text-transform: uppercase; margin-bottom: 28px } @media (max-width: 1919.98px) { .catalog-dropdown__sub-row-filter { margin-bottom: 17px } } .catalog-dropdown__sub-action { margin: 10px 0 } @media (max-width: 1919.98px) { .catalog-dropdown__sub-action { margin: 10px 0 } } .catalog-dropdown__sub-group { width: 33.33333%; padding: 0 25px } .catalog-dropdown__sub-group:only-child { width: 100% } @media (max-width: 1600px) { .catalog-dropdown__sub-group { padding: 0 10px } } .catalog-dropdown__sub-row-item { margin-bottom: 20px } .catalog-dropdown__list-block { background-color: #fff; border-radius: 12px; padding: 20px; margin-left: -25px; margin-top: 33px; font-size: 18px; line-height: 25px; font-weight: 400; letter-spacing: .02em } @media (max-width: 1600px) { .catalog-dropdown__list-block { margin-left: -10px; margin-top: 17px; margin-right: -31px; padding: 15px 60px 15px 15px } } .catalog-dropdown__list-sub-item { height: 100%; display: flex; flex-direction: column; font-size: 18px; line-height: 1.55556; letter-spacing: .02em } .catalog-dropdown__list-sub-item .content-area a:hover:not(.button), .catalog-dropdown__list-sub-item .link:hover, .content-area .catalog-dropdown__list-sub-item a:hover:not(.button) { color: #22b0f3 } .catalog-dropdown__list-sub-item .banner-menu, .catalog-dropdown__list-sub-item .banner-menu-carousel { margin-top: auto } .catalog-dropdown__label .appeal-label { font-size: 15px } @media (max-width: 1366.98px) { .catalog-dropdown__label .appeal-label { white-space: normal } } .catalog-dropdown__label .appeal-label__icon { fill: #22b0f3 !important } .catalog-dropdown__close { position: absolute; right: 40px; top: 40px; width: 20px; height: 20px; border: none; background: none; cursor: pointer } @media (max-width: 1600px) { .catalog-dropdown__close { right: 20px; top: 20px } } .catalog-dropdown__close:before { transform: rotate(-45deg) } .catalog-dropdown__close:after, .catalog-dropdown__close:before { position: absolute; content: ""; width: 19px; height: 2px; left: 0; top: 10px; background: #c4c4c4; transition: all .25s ease-in-out } .catalog-dropdown__close:after { transform: rotate(45deg) } .catalog-dropdown__close:hover:after, .catalog-dropdown__close:hover:before { background: #22b0f3 } .mobile-menu-btn { position: fixed; background: #fff; opacity: 0; width: 32px; height: 33px; text-align: center; display: none; top: 22px; padding: 0; align-items: center; justify-content: center; z-index: 14 } .mobile-menu-btn.is-active { left: 20px; opacity: 1; transition: opacity .25s ease-in-out, left .25s ease-in-out; display: flex } @media (max-width: 768.98px) { .mobile-menu-btn.is-active { top: 13px } } .header.is-active .mobile-menu-btn { z-index: 1120 } .location { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; letter-spacing: .02em; text-decoration: none; display: flex; align-items: center } @media (max-width: 1919.98px) { .location { font-size: 12px; line-height: 14px } } @media (max-width: 1365.98px) { .location { font-size: 11px } } @media (max-width: 768.98px) { .location { font-weight: 500; font-size: 20px; line-height: 20px } } .location__icon { flex-shrink: 0; width: 12px; height: 16px; margin-right: 8px; color: #34beff } @media (max-width: 768.98px) { .location__icon { width: 14px; height: 20px; margin-right: 12px } } .header__location .location__icon { width: 13px; height: 16px } @media (max-width: 1919.98px) { .header__location .location__icon { width: 13px; height: 14px } } .header--location-white .location__icon { color: #fff } .location__text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } @media (max-width: 768.98px) { .location__text { width: auto } } .header__location .location__text { color: #34beff } .header--location-white .location__text { color: #fff } .location-popup { background: #fff; border-radius: 12px; padding: 40px 30px 30px; position: absolute; top: calc(100% + 10px); right: 0; width: 438px; transition-property: transform, opacity; transition-duration: .25s; color: #212121; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); z-index: 20 } @media print { .location-popup { display: none } } @media (max-width: 1023.98px) { .location-popup { padding: 12px 20px 20px; position: fixed; top: 0; bottom: 0; right: 0; width: 100%; border-radius: 0; box-shadow: none } } .location-popup:not(.is-visible) { display: none } .location-popup:not(.is-active) { transform: translateY(10px); opacity: 0 } @media (max-width: 1023.98px) { .location-popup:not(.is-active) { transform: none } } .location-popup__close { position: absolute; top: 12px; right: 12px; width: 28px; height: 28px; padding: 8px; z-index: 1 } .location-popup__close [class^=icon] { width: 12px; height: 12px; fill: #afbbc6; display: block } .location-popup__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 20px; line-height: 32px; letter-spacing: .01em } @media (max-width: 1023.98px) { .location-popup__title { font-size: 24px; line-height: 30px; letter-spacing: normal; min-height: 60px; display: flex; flex-direction: column; justify-content: center } } .location-confirm .location-popup__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 20px; line-height: 24px; padding-right: 40px; letter-spacing: normal; min-height: 0; display: block } @media (max-width: 1919.98px) { .location-confirm .location-popup__title { font-size: 18px } } @media (max-width: 1365.98px) { .location-confirm .location-popup__title { font-size: 16px; line-height: 20px } } .location-confirm { width: 395px; padding: 0 } @media (max-width: 1919.98px) { .location-confirm { width: 365px } } @media (max-width: 1365.98px) { .location-confirm { width: 330px } } @media (max-width: 1023.98px) { .location-confirm { background: rgba(0, 0, 0, .5); padding: 10px; display: flex; flex-direction: column; width: 100%; left: 0 } } .location-confirm__content { position: relative; padding: 30px } @media (max-width: 1919.98px) { .location-confirm__content { padding: 24px } } @media (max-width: 1365.98px) { .location-confirm__content { padding: 20px } } @media (max-width: 1023.98px) { .location-confirm__content { background: #fff; border-radius: 12px; padding: 20px; width: 100%; max-width: 330px; margin: auto } } .location-confirm__buttons { margin: 24px -7.5px 0; display: flex } @media (max-width: 1919.98px) { .location-confirm__buttons { margin-top: 20px } } @media (max-width: 1365.98px) { .location-confirm__buttons { margin-top: 16px } } .location-confirm__button { flex: 1 1 0; height: 40px; line-height: 40px; margin: 0 7.5px; padding: 0 8px; font-size: 18px } @media (max-width: 1919.98px) { .location-confirm__button { font-size: 16px } } @media (max-width: 1365.98px) { .location-confirm__button { font-size: 14px } } .location-select { z-index: 20 } .location-select.is-loading { opacity: 1 !important; pointer-events: auto } .location-select.is-loading .location-select__content { opacity: .7; pointer-events: none } .location-select.is-loading .location-select__content:after { opacity: 1 } .header.is-active .location-select { z-index: 1200 } .location-select__content { transition: opacity .25s; display: flex; flex-direction: column; height: 100% } .location-select__content:after { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; width: 36px; height: 36px; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat 50%; background-size: 100%; transition: opacity .25s; opacity: 0; animation: rotate 1.5s linear infinite; pointer-events: none } .location-select__header { flex-shrink: 0 } .location-select__body { flex-grow: 1; max-height: 320px; overflow-y: auto; margin-top: 24px } @media (max-width: 1023.98px) { .location-select__body { max-height: none } } .location-select__form { margin-top: 12px } .location-select__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; align-items: flex-start } .location-select__list-item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 20px; line-height: 40px; color: #212121; transition: color .25s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; flex-shrink: 0 } .location-select__list-item:hover { color: #22b0f3 } .location-select .dropdown-select--simple .dropdown-select__wrapper { max-height: calc(100vh - 162px) } .location-select .error-message { bottom: 0 } .menu-mobile { display: none } @media (max-width: 1279.98px) { .menu-mobile { display: block } } .menu-mobile__inner { display: none } @media (max-width: 1279.98px) { .menu-mobile__inner { display: block; background: #fff; padding: 80px 0 110px; position: fixed; left: -100%; width: 100%; max-width: 100%; z-index: 10; height: 100%; overflow: auto; transition: left .25s ease; top: 0 } .menu-mobile.is-active .menu-mobile__inner { left: 0 } .menu-mobile.is-active .menu-mobile__inner:before { left: 311px } .menu-mobile__inner .header.is-fixed { padding-top: 71px } .header.is-active .menu-mobile__inner { z-index: 1120 } } @media (max-width: 768.98px) { .menu-mobile__inner { max-width: 100%; padding-top: 59px } .menu-mobile__inner:before { display: none } } .menu-mobile__list { padding-left: 0; list-style: none; display: flex; flex-direction: column; margin-top: 21px } @media (max-width: 768.98px) { .menu-mobile__list { margin-top: 20px } } .menu-mobile__item { margin-bottom: 24px } .menu-mobile__sublist { position: fixed; left: -100%; width: 100%; max-width: 311px; z-index: 15; height: 100%; overflow: auto; transition: left .25s ease; background: #fff; top: 0 } @media (max-width: 1279.98px) { .menu-mobile__sublist { max-width: 100% } } .menu-mobile.is-active-sublist .menu-mobile__sublist { left: 0 } .header.is-active .menu-mobile__sublist { z-index: 1130 } .menu-mobile__sublist-item { background: #fff; width: 100%; z-index: 10; transition: all .25s ease-in-out; padding: 32px 0 0; display: none } .menu-mobile__sublist-item.is-active { display: block } .menu-mobile__sublist-item .banner-menu { margin: 0 20px; position: absolute; bottom: 24px } @media (max-width: 768.98px) { .menu-mobile__sublist-item { top: 57px } } .menu-mobile__close-sublist { position: fixed; background: #fff; opacity: 0; z-index: -1; width: 32px; height: 33px; text-align: center; display: none; top: 22px; padding: 0; align-items: center; justify-content: center } .menu-mobile__close-sublist.is-active { left: 20px; z-index: 2; opacity: 1; transition: opacity .25s ease-in-out, left .25s ease-in-out; display: flex } @media (max-width: 768.98px) { .menu-mobile__close-sublist.is-active { top: 13px } } .menu-mobile__icon { width: 19px; height: 16px; fill: #c4c4c4 } .menu-mobile__link { color: #212121; font-size: 16px; text-decoration: none; text-transform: uppercase; display: flex; align-items: center; position: relative; font-weight: 600; letter-spacing: .02em } .menu-mobile__link--parent:before { content: ""; position: absolute; right: 0; top: 5px; border: 7px solid transparent; border-left: 9px solid #afbbc6 } .menu-mobile__link--order { margin-top: 14px; padding: 24px 30px; border-top: 1px solid rgba(215, 221, 227, .5); border-bottom: 1px solid rgba(215, 221, 227, .5); display: block } @media (max-width: 768.98px) { .menu-mobile__link--order { padding: 24px 20px } } .menu-mobile__link--w-icon { padding-left: 30px } .menu-mobile__link.is-blocked { pointer-events: none; color: #afbbc6 } .menu-mobile__link-icon { width: 15px; height: 23px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #22b0f3 } .menu-mobile__sublist-items { list-style: none; padding: 0; display: flex; flex-direction: column } .menu-mobile__sublist-el { margin-bottom: 16px } @media (max-width: 1279.98px) { .menu-mobile__sublist-el { padding: 0 20px } } .menu-mobile__sublist-link { display: block; font-size: 16px; color: #212121; text-transform: uppercase; text-decoration: none } .menu-mobile__sublist-link:active, .menu-mobile__sublist-link:hover { color: #22b0f3 } .menu-mobile__sublist-caption { position: fixed; height: 82px; line-height: 82px; text-align: center; font-size: 18px; font-weight: 500; text-transform: uppercase; color: #212121; top: 0; background: #fff; width: 100%; left: 0; border-bottom: 1px solid #d7dde3; z-index: 1; max-width: 100% } @media (max-width: 768.98px) { .menu-mobile__sublist-caption { height: 58px; line-height: 58px; max-width: 100% } } .menu-mobile__sublist-top { height: 73px; line-height: 73px } @media (max-width: 1279.98px) { .menu-mobile__sublist-top { height: 83px; line-height: 83px } } @media (max-width: 768.98px) { .menu-mobile__sublist-top { height: 58px; line-height: 58px } } @media (max-width: 1279.98px) { .menu-mobile__account-menu { position: fixed; left: -100%; width: 100%; z-index: 15; height: 100%; overflow: auto; transition: left .25s ease; top: 0; padding: 0; max-width: 311px } } @media (max-width: 768.98px) { .menu-mobile__account-menu { max-width: 100% } } .menu-mobile__account-menu.is-active { left: 0; z-index: 1130 } .menu-mobile__account-menu .account-menu { margin: 0; max-width: none } .menu-mobile__account-menu .account-menu__link { color: #212121 } .menu-mobile__account-menu .account-menu__link.is-active:before { display: none } .menu-mobile__account-menu .account-menu__item { margin-bottom: 26px } .menu-mobile__account-menu .account-menu__cont { font-size: 20px } .menu-mobile__account-caption { height: 82px; line-height: 82px; text-align: center; font-size: 15px; font-weight: 500; text-transform: uppercase; color: #212121; top: 0; background: #fff; width: 100%; left: 0; border-bottom: 1px solid #d7dde3; z-index: 1; max-width: 311px } @media (max-width: 768.98px) { .menu-mobile__account-caption { height: 58px; line-height: 58px; max-width: 100% } } .menu-mobile__account-menu-wrap { padding: 40px 30px } .menu-mobile__location { border: 1px solid rgba(215, 221, 227, .5); border-left: 0; border-right: 0 } .menu-mobile__location .location { padding: 24px 0 } .menu-mobile__phone { border: 1px solid rgba(215, 221, 227, .5); border-left: 0; border-right: 0 } .menu-mobile__phone_link { padding: 24px 0; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 18px; letter-spacing: .02em; text-decoration: none; display: flex; align-items: center; color: #212121; white-space: nowrap } @media (max-width: 1919.98px) { .menu-mobile__phone_link { font-size: 12px; line-height: 14px } } @media (max-width: 1365.98px) { .menu-mobile__phone_link { font-size: 11px } } @media (max-width: 768.98px) { .menu-mobile__phone_link { font-weight: 500; font-size: 20px; line-height: 20px } } .menu-mobile__phone_icon { flex-shrink: 0; width: 12px; height: 16px; margin-right: 8px; color: #34beff } @media (max-width: 768.98px) { .menu-mobile__phone_icon { width: 14px; height: 20px; margin-right: 12px } } .menu-mobile__phone_text { width: 140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } @media (max-width: 768.98px) { .menu-mobile__phone_text { width: auto } } .menu-mobile .contacts { margin-top: 30px } .menu-mobile .social { margin-top: 70px; margin-bottom: 28px } @media (max-width: 1279.98px) { .menu-mobile .social { display: flex; align-items: center; padding-right: 0 } } .menu-mobile .social__item { width: 48px; height: 48px; background: #22b0f3; box-shadow: 0 8px 30px rgba(34, 176, 243, .41); margin: 0 16px } @media (max-width: 1279.98px) { .menu-mobile .social__item { margin: 0 5px } } .menu-mobile .social__mark { display: none } .menu-mobile .social__group { justify-content: center } .menu-mobile .appeal-label { color: #212121 } .menu-mobile .appeal-label__icon { fill: #22b0f3 } .menu-mobile .copyright { color: #212121; text-align: center; width: 100%; margin-bottom: 48px } @media (max-width: 1279.98px) { .menu-mobile .copyright { margin-bottom: 0 } } .menu-mobile .catalog-list { margin: 0 } .menu-mobile .catalog-list__section { margin-right: 0; width: auto; padding: 0 } .menu-mobile .catalog-list__section--footer { margin: 0 20px 0 20px; padding-top: 40px; border-top: 1px solid #f4f4f4 } .content-area .menu-mobile .catalog-list__section--footer a:not(.button), .menu-mobile .catalog-list__section--footer .content-area a:not(.button), .menu-mobile .catalog-list__section--footer .link { display: flex; margin-bottom: 16px } .menu-mobile .catalog-list__group { max-width: none } .menu-mobile .catalog-list__items-container { background-color: #f4f4f4 } .menu-mobile__count { margin-left: 12px; background: #22b0f3; width: 17px; height: 17px; color: #fff; font-size: 12px; margin-top: -1px; line-height: 1; display: flex; align-items: center; justify-content: center; border-radius: 100%; position: relative; font-weight: 600 } .is-blocked .menu-mobile__count { display: none } .menu-mobile.is-active ~ .header__wrap { z-index: 1120; background: #fff } .menu-mobile.is-active ~ .header__wrap .header__search-btn-input { opacity: 0 } .menu-mobile.is-active ~ .header__wrap .icon.icon-search-2 { width: 22px; height: 22px; top: 18px; transform: translateY(-50%); color: #c4c4c4 } .catalog-mobile { display: none } @media (max-width: 1279.98px) { .catalog-mobile { display: block } } .catalog-mobile__inner { display: none } @media (max-width: 1279.98px) { .catalog-mobile__inner { display: block; background: #fff; padding: 80px 0 62px; position: fixed; left: -100%; width: 100%; max-width: 100%; z-index: 1120; height: 100%; overflow: auto; transition: left .25s ease; top: 0 } .catalog-mobile.is-active .catalog-mobile__inner { left: 0 } .catalog-mobile.is-active .catalog-mobile__inner:before { left: 311px } } @media (max-width: 768.98px) { .catalog-mobile__inner { max-width: 100%; padding-top: 59px } .catalog-mobile__inner:before { display: none } } .catalog-mobile__benefit { padding: 30px 20px; border-top: 1px solid #ededed; margin-top: 20px } .catalog-mobile__benefit--delivery { display: flex; align-items: center; gap: 15px; font-size: 15px; line-height: 22px; letter-spacing: .01em; text-decoration: none; color: #212121 } .catalog-mobile__benefit--delivery:visited { color: #212121 } .catalog-mobile__benefit--delivery svg { fill: #22b0f3; width: 20px; height: 20px } .catalog-mobile__list { margin-top: 30px; padding: 0 20px } .catalog-mobile__list, .catalog-mobile__sub-list { display: flex; align-items: flex-start; align-content: flex-start; align-items: stretch; justify-content: center; flex-wrap: wrap; gap: 10px } .catalog-mobile__sub-list { margin-top: 0; padding: 0 } .catalog-mobile__sub-list_mod-title { margin-top: 20px } .catalog-mobile__item { display: flex; flex-direction: column; align-items: center; flex: 1; gap: 10px; padding: 15px 10px; border-radius: 10px; background: #fff; max-width: 163px; box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06); text-decoration: none } .catalog-mobile__item:visited { color: #353436 } .catalog-mobile__image { width: 128px; height: 80px } .catalog-mobile__text { max-width: 139px; padding: 0 2px; color: #353436; text-align: center; font-family: Futura PT; font-size: 14px; font-weight: 450; line-height: 18px; letter-spacing: .14px } .catalog-mobile__text:after { content: "" } .catalog-mobile__count { font-weight: 400; color: #b3b4b5; display: inline-block } .catalog-mobile__arrow { flex-shrink: 0; width: 9px; height: 9px; color: #353436 } .catalog-mobile__sublist { position: fixed; left: -100%; width: 100%; max-width: 311px; z-index: 1130; height: 100%; overflow: auto; transition: left .25s ease; background: #fff; top: 0 } @media (max-width: 1279.98px) { .catalog-mobile__sublist { max-width: 100%; padding: 57px 0 72px } } .catalog-mobile.is-active-sublist .catalog-mobile__sublist { left: 0 } .catalog-mobile__sublist-title { padding: 15px 20px; color: rgba(33, 33, 33, .5); font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: .32px; text-transform: uppercase } .catalog-mobile__sublist-title:first-child { padding: 30px 20px 15px } .catalog-mobile__sublist-top { position: fixed; height: 82px; line-height: 82px; top: 0; background: #fff; width: 100%; left: 0; border-bottom: 1px solid #d7dde3; z-index: 1130; max-width: 100%; display: none } @media (max-width: 768.98px) { .catalog-mobile__sublist-top { height: 58px; line-height: 58px; max-width: 100% } } .catalog-mobile.is-active .catalog-mobile__sublist-top { display: block } .catalog-mobile__sublist-item { background: #fff; width: 100%; z-index: 10; transition: all .25s ease-in-out; padding: 32px 0 0; display: none } .catalog-mobile__sublist-item.is-active { display: block } .catalog-mobile__sublist-item .banner-menu { margin: 0 20px; position: absolute; bottom: 24px } @media (max-width: 768.98px) { .catalog-mobile__sublist-item { top: 57px } } .catalog-mobile__sublist-caption { font-size: 18px; font-weight: 500; text-transform: uppercase; color: #212121; display: flex; align-items: center; justify-content: center } .catalog-mobile__close { position: fixed; background: #fff; width: 32px; height: 33px; text-align: center; top: 11px; padding: 0; display: flex; align-items: center; justify-content: center } .catalog-mobile__icon { width: 19px; height: 16px; fill: #c4c4c4 } .catalog-mobile__caption { font-size: 18px; font-weight: 500; text-transform: uppercase; color: #212121; display: flex; align-items: center; justify-content: center } .catalog-mobile__top { position: fixed; height: 82px; line-height: 82px; top: 0; background: #fff; width: 100%; left: 0; border-bottom: 1px solid #d7dde3; z-index: 1140; max-width: 100%; display: none } @media (max-width: 768.98px) { .catalog-mobile__top { height: 58px; line-height: 58px; max-width: 100% } } .catalog-mobile.is-active .catalog-mobile__top { display: block } .catalog-mobile-slider { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff } .catalog-mobile-slider__wrapper { padding: 30px 0 0 } .catalog-mobile-slider__wrapper .slider-pagination { height: 30px } .catalog-mobile-slider__slide { position: relative; box-sizing: border-box } .catalog-mobile-slider__slide:before { content: ""; display: block } @media (max-width: 1023.98px) { .catalog-mobile-slider__slide:before { height: 180px } } .catalog-mobile-slider__slide:after { content: ""; height: 100%; width: 50%; pointer-events: none; z-index: 1; position: absolute; left: 0; bottom: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .7), transparent); display: none } @media (max-width: 1023.98px) { .catalog-mobile-slider__slide:after { display: none } } .catalog-mobile-slider__slide.swiper-slide { height: 180px } .catalog-mobile-slider__arrow { flex-shrink: 0; width: 9px; height: 9px } .catalog-mobile-slider__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; pointer-events: none; -o-object-fit: cover; object-fit: cover } .catalog-mobile-slider__content { flex-shrink: 0; max-width: 200px; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 20px; box-sizing: content-box } .catalog-mobile-slider__title { font-weight: 400; font-size: 16px; line-height: 28px; letter-spacing: .02em; color: #fff; text-transform: uppercase; margin: 0 } .catalog-mobile-slider__text { font-size: 12px; line-height: 21px; color: #fff; margin: 0; font-weight: 400 } .catalog-mobile-slider__text:not(:first-child) { margin-top: 30px } @media (max-width: 1023.98px) { .catalog-mobile-slider__text:not(:first-child) { margin-top: 14px } } .catalog-mobile-slider__text:before { content: "" } .catalog-mobile-slider__highlight { white-space: nowrap; display: inline-block; position: relative; box-sizing: border-box; padding: 0 18px; font-weight: 400; color: #fff } @media (max-width: 1023.98px) { .catalog-mobile-slider__highlight { padding: 0 7px } } .catalog-mobile-slider__text .catalog-mobile-slider__highlight { padding: 0 10px; font-weight: 500 } @media (max-width: 1023.98px) { .catalog-mobile-slider__text .catalog-mobile-slider__highlight { padding: 0 3px } } .catalog-mobile-slider__highlight:before { content: ""; position: absolute; inset: -2px 0; background: #4238f5; border-radius: 12px; pointer-events: none; z-index: -1 } @media (max-width: 1023.98px) { .catalog-mobile-slider__highlight:before { inset: -1px 0; border-radius: 6px } } @media (max-width: 767.98px) { .catalog-mobile-slider__highlight:before { border-radius: 4px } } .catalog-mobile-slider__text .catalog-mobile-slider__highlight:before { border-radius: 8px; inset: -6px 0 } @media (max-width: 1023.98px) { .catalog-mobile-slider__text .catalog-mobile-slider__highlight:before { inset: 0; border-radius: 4px } } .header-sidebar { display: none; position: fixed; z-index: 1300; bottom: 0; left: 0; width: 100%; height: 66px; padding: 0 15px; background: #fff; box-shadow: 0 0 16px 0 rgba(0, 0, 0, .0784313725490196) } @media (max-width: 1023.98px) { .header-sidebar { display: block } } .header-sidebar__body { display: flex; justify-content: space-between; gap: 10px; height: 100% } .header-sidebar__item { width: 61px; height: 100% } .header-sidebar__item-body { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 8px; padding-bottom: 8px; text-decoration: none } .header-sidebar__item-body.is-active .header-sidebar__icon svg, .header-sidebar__item-body.is-active .header-sidebar__title { color: #22b0f3 } .header-sidebar__icon { position: relative; width: 32px; height: 32px } .header-sidebar__icon svg { flex-shrink: 0; display: block; color: #afbbc6; width: 32px; height: 32px } .header-sidebar__count { background: #22b0f3; border-radius: 8px; min-width: 16px; width: auto; height: 16px; padding: 2px; font-weight: 500; font-size: 12px; line-height: 1; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; top: 16px; left: 16px } .header-sidebar__title { font-weight: 500; font-style: normal; margin: 4px 0 0 0; text-align: center; letter-spacing: .02em; color: #212121; font-size: 10px; line-height: 12px; text-transform: uppercase } .header-sidebar.is-hidden-by-cart { opacity: 0; pointer-events: none; z-index: -1 } .copyright { color: #fff; font-size: 14px; line-height: 1.25; opacity: .9 } .appeal-label { font-size: 16px; letter-spacing: .03em; line-height: 22px; display: flex; align-items: center; white-space: nowrap } @media (max-width: 1919.98px) { .appeal-label { font-size: 12px; letter-spacing: .01em; line-height: 20px } } @media (max-width: 1365.98px) { .appeal-label { font-size: 11px } } .header.is-fixed .appeal-label { color: #212121 } .header.is-fixed .appeal-label:hover { color: #22b0f3 } .appeal-label__icon { fill: #fff; width: 19px; height: 19px; margin-right: 10px; position: static !important } @media (max-width: 1919.98px) { .appeal-label__icon { width: 18px; height: 18px } } @media (max-width: 1365.98px) { .appeal-label__icon { width: 15px; height: 15px } } .appeal-label__icon.icon-defence { height: 22px } .tingle-modal { opacity: 0; transition: opacity .3s ease-in-out, transform .3s ease-in-out; display: flex !important; z-index: -1; -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(2, 11, 26, .5) } .tingle-modal--visible { opacity: 1; z-index: 1400; overflow: auto } .tingle-modal--hidden { opacity: 0 } .tingle-modal.modal.modal--auth .close-icon { top: 24px; right: 24px } .tingle-modal.modal.modal--auth .close-icon:after, .tingle-modal.modal.modal--auth .close-icon:before { height: 19px; width: 2px; border-radius: 80px; top: 0; left: auto; right: 8px } .tingle-modal__close { color: #c4c4c4; font-size: 43px; outline: none; width: 35px; height: 35px; display: none } @media (max-width: 768.98px) { .tingle-modal__close { right: 10px; top: 15px } } .tingle-modal .tingle-modal-box { width: auto; max-width: 90%; top: 96px; margin: 0 0 50px; border-radius: 0; transform: scale(1); transition: transform .5s ease-in-out } @media (max-width: 1279.98px) { .tingle-modal .tingle-modal-box { top: 0 } } .tingle-modal .tingle-modal-box__content { padding: 57px 50px 49px 50px } .tingle-modal .tingle-modal-box__footer { height: 0; padding: 0 } .tingle-modal .close-icon { position: absolute; right: 10px; top: 20px; width: 30px; height: 20px; border: none; background: none; cursor: pointer; z-index: 10; } .tingle-modal .close-icon:before { transform: rotate(-45deg) } .tingle-modal .close-icon:after, .tingle-modal .close-icon:before { position: absolute; content: ""; width: 19px; height: 2px; left: 0; top: 10px; background: #c4c4c4; transition: all .25s ease-in-out } .tingle-modal .close-icon:after { transform: rotate(45deg) } .tingle-modal .close-icon:hover:after, .tingle-modal .close-icon:hover:before { background: #22b0f3 } .close-icon__icon { width: 18px; height: 18px; fill: #c4c4c4; transition: all .25s ease } .close-icon__icon:hover { fill: #22b0f3 } .top { display: flex; position: relative; padding: 124px 0 32px; max-height: 360px; min-height: 310px } @media (max-width: 1366px) { .top { padding-top: 112px; min-height: 265px; max-height: 316px; padding-bottom: 29px } } @media (max-width: 1024px) { .top { min-height: 242px; max-height: 300px; padding-bottom: 15px } } @media (max-width: 1023.98px) { .top { padding-top: 76px } } @media (max-width: 501px) { .top { padding-top: 0; /*height: 350px;*/ height: 242px; min-height: 242px; /*min-height: 350px;*/ } } .top--sale .top__text-container { height: -moz-min-content; height: min-content; display: flex; align-items: flex-end } @media (max-width: 501px) { .top--sale { height: 460px; min-height: 440px; background: #fff; border-bottom: 1px solid rgba(175, 187, 198, .5); padding-top: 76px } .top--sale .top__image-container { height: 180px !important; top: 116px; left: 20px; width: calc(100% - 40px); border-radius: 10px; overflow: hidden } .top--sale .top__text, .top--sale .top__title { color: #000 } .top--sale .top__breadcrumbs .breadcrumbs__arrow svg { fill: #000 } .content-area .top--sale .top__breadcrumbs a.breadcrumbs__link.link--white:not(.button), .top--sale .top__breadcrumbs .breadcrumbs__link.link.link--white, .top--sale .top__breadcrumbs .content-area a.breadcrumbs__link.link--white:not(.button) { color: #212121 } } .top--sale > .container { height: auto !important; position: relative !important } @media (max-width: 501px) { .top--sale > .container { padding-top: 0 !important; padding-bottom: 0 !important } } .top--brandshop { padding-bottom: 69px; max-height: 440px } @media (max-width: 1366.98px) { .top--brandshop { min-height: 300px; max-height: 386px; padding-bottom: 46px } } @media (max-width: 1279.98px) { .top--brandshop { padding-bottom: 40px } } @media (max-width: 501px) { .top--brandshop { padding: 0; min-height: 248px } } @media (max-width: 501px) { .top--brandshop.top > .container.mobile-absolute { padding-bottom: 16px } } .top--store { padding-bottom: 16px } @media (max-width: 501px) { .top--store { padding-bottom: 0 } } @media (max-width: 501px) { .top--store.top > .container.mobile-absolute { padding-bottom: 16px } } .top--installment { min-height: 440px; padding-top: 210px; padding-bottom: 24px } @media (max-width: 1366.98px) { .top--installment { min-height: 415px; padding-top: 164px } } @media (max-width: 1279.98px) { .top--installment { padding-top: 170px } } @media (max-width: 1023.98px) { .top--installment { min-height: 68.88889vw; padding-top: 27.22222% } } @media (max-width: 359.98px) { .top--installment { min-height: 248px; padding-top: 98px } } .top--mk2 { padding-bottom: 30px; min-height: 440px } @media (max-width: 767.98px) { .top--mk2 { padding: 0; min-height: 248px } } .top--mk2.top > .container.mobile-absolute { pointer-events: none } @media (max-width: 767.98px) { .top--mk2.top > .container.mobile-absolute { position: absolute; padding-top: 76px; padding-bottom: 20px; height: 100% } } .top--theme-ge { padding-bottom: 78px } @media (max-width: 1366.98px) { .top--theme-ge { padding-bottom: 58px } } @media (max-width: 1279.98px) { .top--theme-ge { padding-bottom: 20px } } @media (max-width: 501px) { .top--theme-ge { padding-top: 79px } } .top--theme-ge .perks__label { font-size: 24px } .top--theme-ge .top__label { margin-bottom: 22px } .top--theme-ge .top__perks { margin-top: 64px } .top--theme-ge .top__title { font-size: 56px; line-height: 1.2; max-width: 860px } @media (max-width: 1366.98px) { .top--theme-ge .top__title { font-size: 48px; max-width: 552px } } @media (max-width: 1279.98px) { .top--theme-ge .top__title { font-size: 40px; line-height: 1.2; max-width: 505px } } @media (max-width: 768.98px) { .top--theme-ge .top__title { font-size: 28px; line-height: 1.25; max-width: 324px } } .top--theme-ge .icon-label__image { width: 75px; height: 75px } @media (max-width: 1366.98px) { .top--theme-ge .icon-label__image { width: 60px; height: 60px } } @media (max-width: 1279.98px) { .top--theme-ge .icon-label__image { width: 36px; height: 36px } } @media (max-width: 768.98px) { .top--theme-ge .icon-label__image { width: 40px; height: 40px } } .top--theme-ge .icon-ge { width: 100%; height: 100% } @media (max-width: 768.98px) { .top--theme-ge .top__perks { display: block } } .top--black .top__link, .top--black .top__link:hover, .top--black .top__text-container .top__text, .top--black .top__title, .top--black .top__title:hover { color: #000 } .top--black .link--arrow:before { filter: brightness(0) } .top--black .perks__item:after { background-color: #212121 } .top--black .perks__icon { filter: brightness(0) } .top--black .perks__label { color: #000 } .top > .container { display: flex } @media (max-width: 501px) { .top > .container.mobile-absolute { position: absolute; padding-top: 76px; padding-bottom: 20px; /*height: 100%*/ } } @media (max-width: 501px) { .brandshop-store .top > .container { position: relative } } .top__wrapper { position: relative; display: flex; flex-flow: column; justify-content: space-between; z-index: 2; max-width: 100%; width: 100% } .top__wrapper--vsegdada { margin: 0 auto; height: auto } .top--landing .top__wrapper { height: 516px } @media (max-width: 1366.98px) { .top--landing .top__wrapper { height: 292px } } @media (max-width: 1279.98px) { .top--landing .top__wrapper { height: auto; min-height: auto } } .top--sale .top__wrapper { gap: 16px } .top--brandshop .top__wrapper { width: 85.7%; min-height: 243px } @media (max-width: 1366.98px) { .top--brandshop .top__wrapper { width: 95.1%; min-height: 220px; justify-content: space-between } } @media (max-width: 1279.98px) { .top--brandshop .top__wrapper { min-height: inherit } } @media (max-width: 1023.98px) { .top--installment .top__wrapper { justify-content: flex-end } } @media (max-width: 767.98px) { .top--mk2 .top__wrapper { width: 100% } } .top__breadcrumbs { margin-bottom: 18px } .top__breadcrumbs--category { margin-bottom: 78px } @media (max-width: 1366px) { .top__breadcrumbs { margin-bottom: 3px } .top__breadcrumbs--category { margin-bottom: 63px } .top__breadcrumbs .breadcrumbs__item { font-size: 14px } } @media (max-width: 1024px) { .top__breadcrumbs { margin-bottom: 13px } .top__breadcrumbs--category { margin-bottom: 74px } .top__breadcrumbs .breadcrumbs__item { font-size: 12px } } @media (max-width: 1023.98px) { .top__breadcrumbs { margin-bottom: 47px } .top__breadcrumbs--category { margin-bottom: 108px } } @media (max-width: 501px) { .top__breadcrumbs { margin-bottom: 11px } } .top--theme-ge .top__breadcrumbs { margin-bottom: 82px } @media (max-width: 1366.98px) { .top--theme-ge .top__breadcrumbs { margin-bottom: 48px } } @media (max-width: 1279.98px) { .top--theme-ge .top__breadcrumbs { margin-bottom: 22px } } @media (max-width: 768.98px) { .top--theme-ge .top__breadcrumbs { margin-bottom: 28px } } .top--mk2 .top__breadcrumbs { pointer-events: auto } .top--sale .top__breadcrumbs { margin-bottom: 31px } @media (max-width: 1366px) { .top--sale .top__breadcrumbs { margin-bottom: 16px } } @media (max-width: 1024px) { .top--sale .top__breadcrumbs { margin-bottom: 27px } } @media (max-width: 1023.98px) { .top--sale .top__breadcrumbs { margin-bottom: 61px } } @media (max-width: 501px) { .top--sale .top__breadcrumbs { margin-bottom: 11px } } .top__image-container { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; min-height: 310px } @media (max-width: 1366px) { .top__image-container { min-height: 265px; padding-top: 115px; padding-bottom: 29px } } @media (max-width: 1024px) { .top__image-container { padding-top: 80px; min-height: 242px; padding-bottom: 24px } } @media (max-width: 501px) { .top__image-container { position: relative; height: 350px; padding-top: 113.9%; padding-top: var(--paddingXS) } } @media (max-width: 501px) { .brandshop-store .top__image-container { position: absolute } } .top--mk2 .top__image-container { min-height: 0 } @media (max-width: 767.98px) { .top--mk2 .top__image-container { position: relative; padding-top: 68.88889% } } @media (max-width: 501px) { .top--theme-ge .top__image-container { position: absolute } } .top__image-container:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000206; opacity: .3 } .top--brandshop .top__image-container:after { background: linear-gradient(180deg, #16171a 9.9%, rgba(22, 23, 26, 0) 78.44%); mix-blend-mode: multiply; opacity: .8 } @media (max-width: 1279.98px) { .top--brandshop .top__image-container:after { background-color: #737d83 } } .top--installment .top__image-container:after, .top--mk2 .top__image-container:after, .top__image-container--overlay-hide:after { display: none } @media (max-width: 1024px) { .top__image-container--vsegdada { min-height: 100%; padding-top: 0 } } @media (max-width: 501px) { .top__image-container--vsegdada { position: relative; min-height: 450px; padding-top: 113.9%; padding-top: var(--paddingXS) } } .top--landing .top__image-container:after { opacity: .1 } @media (max-width: 501px) { .top--brandshop .top__image-container { min-height: 248px; padding-top: 0 } } .top--installment .top__image-container { padding-top: 0; min-height: 0; height: 100%; position: absolute } @media (max-width: 1024px) { .top--sale .top__image-container { height: 100%; min-height: 0; padding-top: 0 } } @media (max-width: 501px) { .top--sale .top__image-container { position: absolute } } @media not all and (min-resolution: 0.001dpcm) { .top__image-container picture { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0 } } .top__img { position: absolute; display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; top: 0; left: 0 } .top__installment-logo { width: 255px } @media (max-width: 1024px) { .top__installment-logo { max-width: 180px } } @media (max-width: 501px) { .top__installment-logo { max-width: 136px } } .top__installment-logo:not(:last-child) { margin-bottom: 32px } @media (max-width: 1024px) { .top__installment-logo:not(:last-child) { margin-bottom: 20px } } @media (max-width: 501px) { .top__installment-logo:not(:last-child) { margin-bottom: 18px } } .top__installment-logo > img { display: block; max-width: 100% } .top__title-block { display: flex; flex-direction: column; justify-content: flex-end; position: relative } .top--mk2 .top__title-block { pointer-events: auto } .top__title-block--vsegdada { display: flex; align-items: flex-start; padding-top: 100px; padding-bottom: 50px; height: 100% } @media (max-width: 1366.98px) { .top__title-block--vsegdada { padding-top: 80px; padding-bottom: 40px } } @media (max-width: 1279.98px) { .top__title-block--vsegdada { padding-top: 60px; padding-bottom: 10px } } @media (max-width: 768.98px) { .top__title-block--vsegdada { align-items: flex-end; padding-top: 80px; padding-bottom: 80px } } .top__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 40px; font-weight: 900; line-height: 50.5px; color: #fff; margin-top: 2.08px; margin-bottom: 2px; max-width: 800px } @media (max-width: 1366px) { .top__title { font-size: 30px; line-height: normal; max-width: 589px } } @media (max-width: 1024px) { .top__title { font-size: 24px; max-width: 472px } } @media (max-width: 501px) { .top__title { font-size: 30px; line-height: 34px; max-width: unset } } .top--brandshop .top__title { font-size: 56px; line-height: 64px; letter-spacing: .02em; max-width: 100% } @media (max-width: 1279.98px) { .top--brandshop .top__title { font-size: 40px; line-height: 48px; letter-spacing: .02em } } @media (max-width: 768.98px) { .top--brandshop .top__title { font-size: 32px; line-height: 40px } } .top--store .top__title { font-size: 48px; line-height: 52px; letter-spacing: -.01em } @media (max-width: 1279.98px) { .top--store .top__title { font-size: 32px; line-height: 40px; letter-spacing: normal } } @media (max-width: 768.98px) { .top--store .top__title { font-size: 24px; line-height: 32px } } .top--landing .top__title { font-size: 56px; line-height: 1.2 } @media (max-width: 1366.98px) { .top--landing .top__title { font-size: 48px } } @media (max-width: 1279.98px) { .top--landing .top__title { font-size: 40px; line-height: 1.2 } } .top--vsegdada .top__title { max-width: 100%; font-size: 230px; line-height: 52px; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 700 } @media (max-width: 1366.98px) { .top--vsegdada .top__title { font-size: 182px } } @media (max-width: 1279.98px) { .top--vsegdada .top__title { font-size: 135px } } @media (max-width: 768.98px) { .top--vsegdada .top__title { font-size: 60px } } .top--installment .top__title, .top--sale .top__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .top--installment .top__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 40px; line-height: 1.2 } @media (max-width: 1279.98px) { .top--installment .top__title { font-size: 32px; line-height: 40px } } @media (max-width: 1023.98px) { .top--installment .top__title { font-size: 24px; line-height: 32px } } @media (min-width: 1920px) { .top--installment .top__title br { content: "" } .top--installment .top__title br:after { content: " " } } .top--mk2 .top__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 40px; line-height: 48px; margin-bottom: 0 } @media (max-width: 767.98px) { .top--mk2 .top__title { font-size: 24px; line-height: 32px; padding-right: 80px } } @media (max-width: 501px) { .top__title.is-shrinked-1 { font-size: 24px; line-height: 32px } } @media (max-width: 501px) { .top__title.is-shrinked-2 { font-size: 16px; line-height: 24px } } .top__text-container { max-width: 800px } @media (max-width: 1366px) { .top__text-container { max-width: 589px } } @media (max-width: 1024px) { .top__text-container { font-size: 24px; max-width: 472px } } @media (max-width: 501px) { .top__text-container { max-width: unset } } .top__text-container:not(:first-child) { margin-top: 5px } @media (max-width: 767.98px) { .top__text-container:not(:first-child) { margin-top: 2px } } .top__text { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.5; font-weight: 400 } .top__text:not(:first-child) { margin-top: 12px } .top__text:last-child { margin-bottom: 32px } @media (max-width: 767.98px) { .top__text:last-child { margin-bottom: 0 } } .top--brandshop .top__text { color: #fff } .top--mk2 .top__text { font-weight: 400; font-size: 20px; line-height: 24px; color: #fff } @media (max-width: 767.98px) { .top--mk2 .top__text { display: none } } .top--mk2 .top__text:not(:first-child) { margin-top: 16px } .top--sale .top__text { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; font-size: 16px; line-height: 26px; color: #fff } @media (max-width: 1366px) { .top--sale .top__text { font-size: 14px } } .top__text-container .top__text { display: inline } .top__text-container .top__text:not(:first-child) { margin-top: 0 } .top__text-container .top__text:not(:last-child) { margin-right: 6px } .top__label { margin-bottom: 12px; margin-left: 2px; position: absolute; top: -27px } @media (max-width: 1279.98px) { .top__label { margin-bottom: 4px } } @media (max-width: 768.98px) { .top__label { margin-bottom: 20px } } .top__subtitle { color: #fff; font-size: 28px; line-height: 2; margin-top: 8px; display: inline-block; vertical-align: top } @media (max-width: 1366.98px) { .top__subtitle { margin-top: 0 } } @media (max-width: 1279.98px) { .top__subtitle { font-size: 20px; line-height: 2 } } @media (max-width: 768.98px) { .top__subtitle { line-height: 1.6; margin-top: 10px } } .top--landing { min-height: 728px; padding-bottom: 84px } @media (max-width: 1919.98px) { .top--landing { padding-top: 115px } } @media (max-width: 1366.98px) { .top--landing { min-height: 480px; padding-bottom: 60px } } @media (max-width: 1279.98px) { .top--landing { min-height: auto; height: 385px } } @media (max-width: 1023.98px) { .top--landing { padding-top: 80px } } @media (max-width: 501px) { .top--landing { padding: 0 } } @media (max-width: 768.98px) { .top--landing { height: 410px } } .top--vsegdada { padding-bottom: 95px } @media (max-width: 501px) { .top--vsegdada { padding: 0 0 50px } } @media (max-width: 768.98px) { .top--vsegdada { padding-top: 0; padding-bottom: 0 } } .top__perks { margin-top: 14px; height: 32px } @media (max-width: 768.98px) { /*.top__perks { display: none }*/ } @media (max-width: 501px) { .top__perks { display: none } } .top--sale .top__perks { margin-bottom: 16px } @media (max-width: 1919.98px) { .top__perks { margin-top: 8px } } .top__badge { display: block; width: 93px; height: 112px; position: absolute; bottom: 46px; right: 78px } @media (max-width: 1366.98px) { .top__badge { right: 50%; margin-right: -604px } } @media (max-width: 1279.98px) { .top__badge { right: 30px; margin-right: 0 } } @media (max-width: 767.98px) { .top__badge { width: 58px; height: 70px; bottom: 84px; right: 15px } } .top__link { font-size: 16px; color: #fff; white-space: nowrap; display: flex; height: 18px; width: -moz-fit-content; width: fit-content; margin-bottom: 3px } @media (max-width: 768.98px) { .top__link { max-width: 90%; vertical-align: top; margin-top: -5px; display: inline; height: auto; line-height: 16px; white-space: normal } } .top__link:hover { color: #fff } .top__link:before { top: 4px; background: url(/local/templates/haier/css/../images/icon-arrow-white.svg) 0 no-repeat } @media (max-width: 768.98px) { .top__link:before { top: 50%; transform: translateY(-50%) } } .top--sale .top__link { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; font-size: 14px; line-height: 24px; transition: color .25s; display: inline-flex; align-items: center; gap: 6px; text-decoration: none; margin-top: 0; max-width: none } @media (max-width: 767.98px) { .top--sale .top__link { font-size: 16px } } .top--sale .top__link, .top--sale .top__link:visited { color: #22b0f3 } .top--sale .top__link:hover { color: #fff } .top--sale .top__link:before { display: none } .top__link-icon { width: 6px; height: 10px; margin-top: 2px } @media (max-width: 767.98px) { .top__link-icon { width: 8px; height: 12px; margin-top: 0 } } .top__banner-link { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1 } @media (max-width: 768.98px) { .top__banner-link { pointer-events: none } } @media (max-width: 768.98px) { .top--mk2 .top__banner-link { pointer-events: auto } } .breadcrumbs { display: flex; font-size: 16px; line-height: 1.3125 } @media (max-width: 1279.98px) { .section-breadcrumbs--product-details .breadcrumbs { font-size: 12px } } @media (max-width: 1023.98px) { .section-breadcrumbs--product-details .breadcrumbs { font-size: 16px } } .support .breadcrumbs { padding-top: 20px } .breadcrumbs__item { position: relative } @media (max-width: 1366.98px) { .breadcrumbs__item { font-size: 14px } } @media (max-width: 1279.98px) { .breadcrumbs__item { font-size: 12px } } @media (max-width: 768.98px) { .breadcrumbs__item { display: none } } @media (max-width: 767.98px) { .breadcrumbs__item:nth-last-child(2) { display: flex; flex-flow: row-reverse; font-size: 16px; line-height: 24px } } @media (max-width: 767.98px) { .breadcrumbs__item:nth-last-child(2) .breadcrumbs__arrow { display: flex; -ms-grid-row-align: center; align-self: center; margin-right: 10px; margin-left: 0; transform: rotate(180deg) } } .section-breadcrumbs .breadcrumbs__link { color: #22b0f3 } .section-breadcrumbs .breadcrumbs__link:hover { color: #2354a5 } .section-breadcrumbs--product-details .breadcrumbs__link { color: #212121 } .section-breadcrumbs--product-details .breadcrumbs__link:hover { color: #22b0f3 } .support .breadcrumbs__link { color: #212121 } .support .breadcrumbs__link:hover { color: #22b0f3 } .breadcrumbs__arrow { margin: 0 9px 0 7px } .breadcrumbs__arrow .icon-shevron { width: 5px; height: 8px; fill: #fff; display: inline } .section-breadcrumbs .breadcrumbs__arrow .icon-shevron, .support .breadcrumbs__arrow .icon-shevron { fill: #d7dde3 } @media (max-width: 767.98px) { .section-breadcrumbs .breadcrumbs__arrow .icon-shevron, .support .breadcrumbs__arrow .icon-shevron { fill: #afbbc6 } } .breadcrumbs__text { color: #fff; opacity: .5 } .section-breadcrumbs .breadcrumbs__text { color: #212121; opacity: 1 } .section-breadcrumbs--product-details .breadcrumbs__text { color: #97a4af; opacity: 1 } .support .breadcrumbs__text { color: #afbbc6; opacity: 1 } .icon-label { display: flex; align-items: center; text-decoration: none } .icon-label__image { margin-right: 11px } .icon-label__image, .icon-label__image svg { width: 24px; height: 24px } .icon-label__title { font-size: 20px; line-height: 1.33; color: #fff; text-decoration: none; transition: color .25s ease-in-out } .icon-label:hover .icon-label__title { color: #22b0f3 } @media (max-width: 1366.98px) { .icon-label__title { font-size: 16px; line-height: 1.33 } } .catalog-category { padding-bottom: 122px } @media (max-width: 1279.98px) { .catalog-category { padding-bottom: 32px } } .catalog-category__top { position: relative; display: flex; min-height: 440px } @media (max-width: 1279.98px) { .catalog-category__top { min-height: 330px } } @media (max-width: 768.98px) { .catalog-category__top { min-height: auto } } .catalog-category__banner { position: absolute; display: flex; top: 0; bottom: 0; z-index: 0; width: 100% } .catalog-category__banner img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } .catalog-category__banner:after { content: ""; position: absolute; top: 0; left: 0; background-color: #000206; opacity: .6; width: 100%; height: 100% } .catalog-category__container { position: relative; display: flex; z-index: 1; max-width: 1513px; width: 100%; margin: 0 auto; padding: 0 20px } @media (max-width: 1366.98px) { .catalog-category__container { max-width: 1248px } } @media (max-width: 1279.98px) { .catalog-category__container { max-width: 1000px } } .catalog-category__head { display: flex; flex-flow: column; justify-content: flex-end; width: 100%; padding: 106px 80px 193px } @media (max-width: 1366.98px) { .catalog-category__head { padding-top: 68px; padding-bottom: 211px } } @media (max-width: 1279.98px) { .catalog-category__head { padding-bottom: 147px; padding-left: 6.25%; padding-right: 6.25% } } @media (max-width: 768.98px) { .catalog-category__head { padding: 44px 0 } } .catalog-category__body { width: 100%; background-color: #fff; padding: 80px 80px 96px 80px; border-radius: 12px; margin-top: -137px } @media (max-width: 1366.98px) { .catalog-category__body { margin-top: -159px } } @media (max-width: 1279.98px) { .catalog-category__body { padding: 64px 6.25%; margin-top: -107px } } @media (max-width: 768.98px) { .catalog-category__body { margin-top: 0; padding: 32px 20px 48px; border-radius: 0; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px) } } .catalog-category__body._empty { padding: 0 } .catalog-category__title { font-family: Futura PT, Arial, Helvetica, sans-serif; line-height: 1.25; color: #fff; max-width: 530px; margin-bottom: 32px } @media (max-width: 1366.98px) { .catalog-category__title { margin-bottom: 48px } } @media (max-width: 1279.98px) { .catalog-category__title { font-size: 32px; margin-bottom: 32px } } @media (max-width: 768.98px) { .catalog-category__title { font-size: 24px } } .catalog-category__body-btn { text-align: center } .catalog-category__body-btn .button { padding: 0 20px } .catalog-category__list { display: flex; margin: 0 -14px 96px } @media (max-width: 1279.98px) { .catalog-category__list { flex-flow: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: 30px } } @media (max-width: 768.98px) { .catalog-category__list { margin-bottom: 40px } } .catalog-category__product { width: 25%; max-width: 25%; padding: 0 14px } @media (max-width: 1279.98px) { .catalog-category__product { padding: 0 8px; min-width: 215px; margin-bottom: 30px } } @media (max-width: 1365.98px) { .catalog-category__product { width: 33.33333%; max-width: 33.33333% } .catalog-category__product:nth-child(4) { display: none } } @media (max-width: 1023.98px) { .catalog-category__product { width: 50%; max-width: 50% } .catalog-category__product:nth-child(4) { display: block } } @media (max-width: 767.98px) { .catalog-category__product { width: 100%; max-width: 100% } } @media (max-width: 1279.98px) { .catalog-category__product .card__container-picture { height: 202px } } .perks { display: flex; margin-left: 4px } @media (max-width: 1279.98px) { .perks { flex-wrap: wrap } } @media (max-width: 768.98px) { .perks { flex-flow: column } } .perks__item { text-decoration: none; position: relative; display: flex; align-items: center; padding-right: 37px; margin-right: 30px } @media (max-width: 1366.98px) { .perks__item { padding-right: 30px } } @media (max-width: 1279.98px) { .perks__item { margin-bottom: 15px } } @media (max-width: 768.98px) { .perks__item { margin-bottom: 20px; margin-right: 0; padding-right: 0 } } .perks__item:after { content: ""; position: absolute; top: calc(50% - 10px); right: 0; height: 20px; width: 1px; background-color: #fff; opacity: .5 } @media (max-width: 768.98px) { .perks__item:after { display: none } } @media (max-width: 768.98px) { .perks__item:last-child { margin-bottom: 0 } } .perks__item:last-child:after { display: none } .perks__item[href]:hover .perks__label { color: #22b0f3 } @media (max-width: 768.98px) { .perks--without-border .perks__item { margin-bottom: 26px } } .perks--without-border .perks__item:after { display: none } .perks__icon { display: flex; margin-right: 20px } @media (max-width: 1366.98px) { .perks--without-border .perks__icon { width: 40px; height: 40px } } @media (max-width: 1279.98px) { .perks--without-border .perks__icon { width: 36px; height: 36px } } .perks--without-border .perks__icon img { margin-left: auto; margin-right: auto; max-height: 100%; max-width: 100%; height: auto; width: auto } .perks__item--inverted .perks__icon { filter: invert(1) } .perks__label { font-size: 16px; line-height: 1.2; color: #fff; max-width: 253px; transition: color .2s } @media (max-width: 1366.98px) { .perks__label { font-size: 14px; line-height: 20px } } @media (max-width: 1366.98px) { .perks--without-border .perks__label { font-size: 16px; line-height: 1.25 } } @media (max-width: 1279.98px) { .perks--without-border .perks__label { font-size: 14px; line-height: 1.067 } } .top--sale-new .perks__label { max-width: 290px } .perks__item--inverted .perks__label { color: #000 } .catalog { display: flex; flex-flow: row; background-color: #fff; overflow: hidden } @media (max-width: 1365.98px) { .catalog { min-height: 1px; height: auto } } .installment .catalog { display: block; overflow: visible } .installment .catalog:not(:last-child) { margin-bottom: 90px } @media (max-width: 1365.98px) { .installment .catalog:not(:last-child) { margin-bottom: 70px } } @media (max-width: 767.98px) { .installment .catalog:not(:last-child) { margin-bottom: 50px } } .catalog--sale .input-checkbox__input:checked:disabled + .input-checkbox__label { color: #212121 } .catalog--sale .input-checkbox__input:checked:disabled + .input-checkbox__label:before { background-color: #22b0f3; border-color: #22b0f3 } .catalog__container { width: 100%; max-width: 1472px; padding: 0 80px; margin: 0 auto; display: flex; position: relative } @media (max-width: 1365.98px) { .catalog__container { max-width: 1266px; padding-left: 0; padding-right: 30px } } @media (max-width: 1023.98px) { .catalog__container { padding: 0 20px } } @media (max-width: 1365.98px) { .catalog--no-filter .catalog__container, .catalog.is-full-opened .catalog__container, .catalog.is-full .catalog__container { padding-left: 30px } } @media (max-width: 1023.98px) { .catalog--no-filter .catalog__container, .catalog.is-full-opened .catalog__container, .catalog.is-full .catalog__container { padding-left: 20px } } .catalog__container:before { content: ""; display: block; background: rgba(0, 0, 0, .6); opacity: 0; transition: opacity .25s; pointer-events: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99 } .catalog.is-filter-active .catalog__container:before { opacity: 1; pointer-events: auto } .catalog__listing { padding-top: 16px; padding-left: 256px; width: 100% } @media (max-width: 1023.98px) { .catalog__listing { padding-left: 0 } } .catalog--no-filter .catalog__listing, .catalog.is-full-opened .catalog__listing, .catalog.is-full .catalog__listing { padding-left: 0 } .catalog__listing-container { padding-left: 80px; min-height: 600px } @media (max-width: 1365.98px) { .catalog__listing-container { padding-left: 24px } } @media (max-width: 1023.98px) { .catalog__listing-container { padding-left: 0 } } .catalog--no-filter .catalog__listing-container, .catalog.is-full-opened .catalog__listing-container, .catalog.is-full .catalog__listing-container { padding-left: 0 } .catalog__filter { flex-shrink: 0; width: 256px; margin-right: -256px; position: relative; background-color: #f4f4f4; opacity: 1; transition-property: opacity, transform; transition-duration: .25s } @media (max-width: 1023.98px) { .catalog__filter { display: block; position: fixed; transform: translateX(-100%); background: #fff; right: 0; top: 0; left: 0; bottom: 0; z-index: 1400; overflow: hidden; width: 100%; pointer-events: none; margin-right: 0 } } .catalog__filter:before { content: ""; position: absolute; top: 0; height: 100%; width: 200%; margin-left: -200%; background-color: #f4f4f4 } @media (max-width: 1365.98px) { .catalog__filter:before { display: none } } @media (max-width: 1023.98px) { .catalog__filter.is-active { transform: translateX(0); pointer-events: auto } } .catalog.is-full-opened .catalog__filter:not(.is-active) { opacity: 0; transform: translateX(-100%); pointer-events: none } .catalog__filter-container { height: 100%; position: relative; padding: 0 8px; margin: 0 -8px } @media (max-width: 1023.98px) { .catalog__filter-container { padding: 0; margin: 0; overflow: hidden scroll } } .catalog__filter-container.is-loading:after { opacity: 1; visibility: visible } .catalog__filter-container:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 36px; height: 36px; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat 50%; background-size: 100%; animation: rotate 1.5s linear infinite; pointer-events: none; z-index: 10; opacity: 0; visibility: hidden; transition: opacity .25s ease-in-out, visibility .25s ease-in-out } .catalog__filter-mobile { display: none } @media (max-width: 1023.98px) { .catalog__filter-mobile { display: block } } .catalog__filter-button { opacity: 0; width: 0; overflow: hidden; transition: opacity .25s ease-in-out } @media (max-width: 1023.98px) { .catalog__filter-button { display: none } } .catalog--no-filter .catalog__filter-button, .catalog.is-full-opened .catalog__filter-button, .catalog.is-full .catalog__filter-button { opacity: 1; width: auto } .catalog__header { display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #d7dde3; padding-bottom: 16px; margin-bottom: 16px } @media (min-width: 768px) { .catalog[data-view=list] .catalog__header { margin-bottom: 0 } } @media (max-width: 767.98px) { .catalog__left { display: none } } .catalog__count { font-size: 16px; line-height: 1; color: #97a4af; margin-top: 8px } .catalog__right { display: flex; align-items: center } @media (max-width: 767.98px) { .catalog__right { width: 100%; justify-content: space-between } } .catalog__sort { font-size: 16px; line-height: 1.3125; color: #97a4af; z-index: 3; display: flex; align-items: center; height: 32px } @media (max-width: 767.98px) { .catalog__sort { height: 24px } } .catalog__sort > span { margin-right: 4px } @media (max-width: 767.98px) { .catalog__sort > span { display: none } } .catalog__sort .dropdown__title { margin-left: 0; margin-right: 4px } .catalog__view { display: flex; align-items: center; margin-left: 28px } @media (max-width: 767.98px) { .catalog__view { display: none } } .catalog__view-items { padding: 2px; background: #ebedf2; border-radius: 10px; display: flex; margin-left: 16px; position: relative } .catalog__view-items:before { content: ""; display: block; position: absolute; width: 40px; height: 28px; background: #fff; box-shadow: 0 4px 10px hsla(0, 0%, 70.6%, .25); border-radius: 8px; transition: transform .25s } .catalog__view[data-active=list] .catalog__view-items:before { transform: translateX(100%) } .catalog__view-item { position: relative; flex-shrink: 0; width: 40px; height: 28px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #5d6672; transition: color .25s } .catalog__view-item.is-active { color: #000 } .catalog__view-item .icon { flex-shrink: 0; pointer-events: none } .catalog__list { display: -ms-grid; display: grid; -ms-grid-columns:(33.333%) [ 3 ]; grid-template-columns:repeat(3, 33.333%); margin: 0 -15px } @media (max-width: 1365.98px) { .catalog__list { margin: 0 -12px } } @media (max-width: 1023.98px) { .catalog__list { -ms-grid-columns:(50%) [ 2 ]; grid-template-columns:repeat(2, 50%); margin: 0 -8px } } @media (max-width: 767.98px) { .catalog__list { -ms-grid-columns: 100%; grid-template-columns:100%; margin: 0; padding-bottom: 30px } } .catalog--no-filter .catalog__list, .catalog.is-full-opened .catalog__list, .catalog.is-full .catalog__list { -ms-grid-columns:(25%) [ 4 ]; grid-template-columns:repeat(4, 25%) } @media (max-width: 1365.98px) { .catalog--no-filter .catalog__list, .catalog.is-full-opened .catalog__list, .catalog.is-full .catalog__list { -ms-grid-columns:(33.333%) [ 3 ]; grid-template-columns:repeat(3, 33.333%) } } @media (max-width: 767.98px) { .catalog--no-filter .catalog__list, .catalog.is-full-opened .catalog__list, .catalog.is-full .catalog__list { -ms-grid-columns: 100%; grid-template-columns:100% } } @media (min-width: 768px) { .catalog[data-view=list] .catalog__list { -ms-grid-columns: 100%; grid-template-columns:100%; margin: 0 } } .catalog.is-empty .catalog__list, .catalog.is-empty .catalog__section-list { display: none } .catalog__section-list-buttons { max-width: 200px; margin: 0 auto; margin-bottom: 24px } @media (min-width: 768px) { .catalog[data-view=list] .catalog__section-list-buttons { margin: 24px auto } } @media (min-width: 768px) and (max-width: 767.98px) { .catalog[data-view=list] .catalog__section-list-buttons { max-width: 100%; margin: 16px 0 } } @media (max-width: 767.98px) { .catalog__section-list-buttons { max-width: 100%; margin-bottom: 16px } } .catalog__section-list-buttons-button { width: 100% } .catalog__item { padding: 16px 15px 0; margin-bottom: 30px; box-shadow: 0 0 0 rgba(134, 143, 168, 0); transition-property: background-color, box-shadow; transition-duration: .25s } @media (max-width: 1365.98px) { .catalog__item { padding-left: 12px; padding-right: 12px } } @media (max-width: 1023.98px) { .catalog__item { padding: 8px 8px 0 } } @media (max-width: 767.98px) { .catalog__item { margin-bottom: 16px; padding: 0 } } @media (min-width: 768px) { .catalog[data-view=list] .catalog__item { padding: 0; margin: 0 } } .catalog__item.is-timer { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1/span 3; padding-top: 0; padding-bottom: 0 } @media (max-width: 1023.98px) { .catalog__item.is-timer { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/span 2 } } @media (max-width: 767.98px) { .catalog__item.is-timer { -ms-grid-column: 1; grid-column: 1 } } .catalog--no-filter .catalog__item.is-timer, .catalog.is-full-opened .catalog__item.is-timer, .catalog.is-full .catalog__item.is-timer { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1/span 4 } @media (max-width: 1365.98px) { .catalog--no-filter .catalog__item.is-timer, .catalog.is-full-opened .catalog__item.is-timer, .catalog.is-full .catalog__item.is-timer { -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1/span 3 } } @media (max-width: 767.98px) { .catalog--no-filter .catalog__item.is-timer, .catalog.is-full-opened .catalog__item.is-timer, .catalog.is-full .catalog__item.is-timer { -ms-grid-column: 1; grid-column: 1 } } .catalog[data-view=list] .catalog__item.is-timer { -ms-grid-column: 1; grid-column: 1 } .catalog__item.is-banner { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 3; grid-column: 3; padding-top: 0; padding-bottom: 0 } @media (max-width: 1023.98px) { .catalog__item.is-banner { -ms-grid-column: 2; grid-column: 2 } } @media (max-width: 767.98px) { .catalog__item.is-banner { -ms-grid-row: 3; grid-row: 3; -ms-grid-column: 1; grid-column: 1 } } .catalog--no-filter .catalog__item.is-banner, .catalog.is-full-opened .catalog__item.is-banner, .catalog.is-full .catalog__item.is-banner { -ms-grid-column: 4; grid-column: 4 } @media (max-width: 1365.98px) { .catalog--no-filter .catalog__item.is-banner, .catalog.is-full-opened .catalog__item.is-banner, .catalog.is-full .catalog__item.is-banner { -ms-grid-column: 3; grid-column: 3 } } @media (max-width: 767.98px) { .catalog--no-filter .catalog__item.is-banner, .catalog.is-full-opened .catalog__item.is-banner, .catalog.is-full .catalog__item.is-banner { -ms-grid-column: 1; grid-column: 1 } } .catalog[data-view=list] .catalog__item.is-banner { -ms-grid-row: 3; grid-row: 3; -ms-grid-column: 1; grid-column: 1 } .catalog__button-filter, .catalog__mobile-btn { display: flex; flex-flow: row; align-items: center; font-weight: 400; padding: 0; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 16px; border: none; background: 0; cursor: pointer; color: #97a4af; margin-left: 28px } .catalog__button-filter:hover, .catalog__mobile-btn:hover { color: #00a0eb } .catalog__button-icon { display: flex; margin-right: 10px } .catalog__mobile-btn .catalog__button-icon { margin-right: 0; margin-left: 8px } .catalog__button-svg { width: 16px; height: 13px } .catalog__mobile-btn, .catalog__mobile-btn:hover { color: #212121 } .catalog__empty { display: none } .catalog.is-empty .catalog__empty { display: flex } .catalog__empty-container { display: flex; width: 100%; flex-flow: column; align-items: center } .catalog__empty-title { font-size: 24px; line-height: 1.66667; font-weight: 500; margin-bottom: 8px; text-align: center } @media (max-width: 1365.98px) { .catalog__empty-title { font-size: 20px } } .catalog__empty-text { font-size: 16px; line-height: 1.5; letter-spacing: .02em; text-align: center } .catalog__recommend { margin-top: 72px; margin-bottom: 40px } @media (max-width: 767.98px) { .catalog__recommend { margin-top: 40px } } .catalog__recommend-title { font-size: 20px; line-height: 1.4; text-align: center; margin-bottom: 40px } @media (max-width: 1365.98px) { .catalog__recommend-title { font-size: 16px } } .catalog__recommend-block { display: flex; margin: 0 -14px; flex-wrap: wrap } @media (max-width: 767.98px) { .catalog__recommend-block { margin: 0 -10px } } .catalog__recommend-item { flex: 0 0 33.33%; max-width: 33.33%; padding: 0 14px } @media (max-width: 1365.98px) { .catalog__recommend-item { flex: 0 0 50%; max-width: 50% } } @media (max-width: 767.98px) { .catalog__recommend-item { padding: 0 10px } } @media (max-width: 1365.98px) { .catalog.is-full .catalog__recommend-item { flex: 0 0 33.33%; max-width: 33.33% } } .catalog__bottom-buttons { text-align: center } .catalog__bottom-buttons .button { min-width: 230px } .catalog-pagination { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-bottom: 90px } @media (max-width: 1023.98px) { .catalog-pagination { padding-bottom: 20px } } .catalog[data-view=list] .catalog-pagination { margin-top: 30px } .catalog-pagination__button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 16px; line-height: normal; text-decoration: none } .catalog-pagination__button:-moz-focusring { outline: none } .catalog-pagination__button:focus { outline: none } .catalog-pagination__button:disabled { cursor: not-allowed } .catalog-pagination__more { width: 100%; max-width: 306px; height: 40px; border: 1px solid #22b0f3; border-radius: 8px; background: #22b0f3; color: #fff; font-weight: 500; position: relative; transition-property: background-color, opacity; transition-duration: .3s } @media (max-width: 1023.98px) { .catalog-pagination__more { max-width: 336px } } .catalog-pagination__more:hover { background: #0090d5 } .catalog-pagination__more:before { content: ""; display: block; position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); width: 30px; height: 30px; background: url(/local/templates/haier/css/../images/icon-preloader-white.svg) no-repeat 50%/contain; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s } .catalog-pagination__more.is-loading:before { opacity: 1; visibility: visible; animation: rotate 1.5s linear infinite } .catalog-pagination__list { display: flex; gap: 10px } .catalog-pagination__item { width: 42px; height: 40px; border: 1px solid #e6e6e6; border-radius: 4px; background: #fff; color: #212121; transition-property: color, border-color, background-color; transition-duration: .3s } @media (max-width: 1023.98px) { .catalog-pagination__item { width: 40px } } .catalog-pagination__item:visited { color: #212121 } .catalog-pagination__item:hover { border-color: #22b0f3 } .catalog-pagination__item.is-dots { pointer-events: none; border-color: transparent } .catalog-pagination__item.is-active { border: 1px solid #22b0f3; background: #22b0f3; color: #fff } .catalog-pagination__item.is-active:visited { color: #fff } .catalog-pagination__item.is-active:hover { background: #0090d5 } .catalog-pagination__item.is-arrow-left, .catalog-pagination__item.is-arrow-right { width: 30px; border-color: transparent; color: #22b0f3 } @media (max-width: 1023.98px) { .catalog-pagination__item.is-arrow-left, .catalog-pagination__item.is-arrow-right { display: none } } .catalog-pagination__item.is-arrow-left.is-disabled, .catalog-pagination__item.is-arrow-right.is-disabled { pointer-events: none; visibility: hidden } .catalog-pagination__item.is-arrow-left svg, .catalog-pagination__item.is-arrow-right svg { width: 10px; height: 10px } .catalog-pagination__item.is-arrow-left svg { transform: rotate(180deg) } .filter { padding-right: 20px; font-family: Futura PT, Arial, Helvetica, sans-serif } @media (max-width: 1365.98px) { .catalog__filter .filter { padding-right: 0 } } .filter__wrapper { width: 100% } .catalog__filter .filter__wrapper { padding-top: 28px; padding-bottom: 36px } @media (max-width: 1365.98px) { .catalog__filter .filter__wrapper { padding-left: 24px; padding-right: 24px } } @media (max-width: 1023.98px) { .catalog__filter .filter__wrapper { padding: 56px 20px 88px } } .filter__header { display: flex; justify-content: space-between } @media (max-width: 1023.98px) { .filter__header { align-items: center; position: fixed; top: 0; left: 0; right: 0; height: 56px; z-index: 1400; padding: 16px 20px; background: #fff } } .filter__header-col { flex-shrink: 0 } @media (max-width: 1023.98px) { .filter__header-col:first-child, .filter__header-col:nth-child(3) { width: 64px } .filter__header-col:nth-child(2) { width: calc(100% - 128px) } } .filter__header-back { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; background: url(/local/templates/haier/css/../images/icon-arrow-back.svg) no-repeat 50%; width: 24px; height: 24px; margin-left: -4px; display: none } .filter__header-back:-moz-focusring { outline: none } .filter__header-back:focus { outline: none } .filter__header-back:disabled { cursor: not-allowed } @media (max-width: 1023.98px) { .filter__header-back { display: block } } .filter__header-title { font-weight: 500; font-size: 24px; line-height: 28px; text-align: center; letter-spacing: .02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: none } @media (max-width: 1023.98px) { .filter__header-title { display: block; font-size: 16px; line-height: 24px } } .filter__header-reset { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; width: 100%; font-weight: 500; font-size: 16px; line-height: 24px; text-align: right; color: #00a0eb; position: relative } .filter__header-reset:-moz-focusring { outline: none } .filter__header-reset:focus { outline: none } .filter__header-reset:disabled { cursor: not-allowed } .filter__header-reset:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat; width: 36px; height: 36px; animation: rotate 1.5s linear infinite; pointer-events: none; opacity: 0; transition: opacity .25s } .filter__header-reset.is-preloading { color: rgba(0, 160, 235, .7); pointer-events: none } .filter__header-reset.is-preloading:after { opacity: 1 } .filter__button-container { display: flex; flex-flow: row wrap; align-items: center } @media (max-width: 1023.98px) { .filter__button-container { display: none } } .filter__button { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 16px; border: none; background: 0; cursor: pointer; display: flex; flex-flow: row; align-items: center; font-weight: 500; padding: 0; transition: color .25s ease-in-out } .filter__button:hover { color: #00a0eb } .filter__button-icon { display: flex; margin-left: 10px } .filter__button-svg { width: 16px; height: 13px } @media (max-width: 1023.98px) { .filter__body { position: relative; transition: transform .25s } .filter__body.is-submenu { transform: translateX(-100%) } .filter__body.is-submenu .filter__body-inner { position: absolute; top: 0; left: 0; width: 100% } .filter__body.is-submenu .filter-submenu { position: static } .filter__body.is-submenu-active .filter__body-inner { display: none } } .filter__item .range__input { font-weight: 500 } @media (max-width: 1023.98px) { .filter__footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1400; padding: 16px 20px; background: #fff } } .filter__promo-link { margin-top: 20px } @media (max-width: 1023.98px) { .filter__promo-link { display: none } } .filter__footer-mobile { display: none } @media (max-width: 1023.98px) { .filter__footer-mobile { display: flex } } .filter .input-checkbox, .filter .input-radio { display: flex; align-items: flex-start } .filter .input-checkbox__label, .filter .input-radio__label { display: flex; padding-left: 28px; font-size: 14px; font-weight: 300; line-height: 20px } @media (max-width: 1023.98px) { .filter .input-checkbox__label, .filter .input-radio__label { padding-right: 4px; font-weight: 450 } } @media (max-width: 1023.98px) { .filter .input-checkbox__label:before, .filter .input-radio__label:before { top: -1px } } @media (max-width: 1023.98px) { .filter .input-checkbox__label:after, .filter .input-radio__label:after { top: 2px } } .filter .input-checkbox__tooltip-icon, .filter .input-radio__tooltip-icon { flex-shrink: 0; margin-top: 2px; margin-left: 8px } @media (max-width: 1023.98px) { .filter .input-checkbox__tooltip-icon, .filter .input-radio__tooltip-icon { margin-left: auto } } .filter .input-checkbox__tooltip-title, .filter .input-radio__tooltip-title { color: #808093; margin-left: 6.5px } @media (max-width: 1023.98px) { .filter .input-radio__label:before { top: -1px } } @media (max-width: 1023.98px) { .filter .input-radio__label:after { top: 5px } } .filter__link { font-size: 16px; line-height: 20px } .filter__link:hover .link--arrow:before { right: -29px } .filter__link .link--arrow { position: relative } .filter__link .link--arrow:before { top: 4px } .filter__reset { width: 100%; box-shadow: none; height: 40px; line-height: 40px; font-size: 16px; font-weight: 500 } @media (max-width: 1023.98px) { .filter__reset { display: none } } .filter__apply { width: 100%; box-shadow: none; height: 56px; line-height: 56px; display: none } @media (max-width: 1023.98px) { .filter__apply { display: block } } .filter-switcher__input { visibility: hidden; position: absolute; z-index: -1 } .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:before { background-color: #22b0f3 } .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:after { transform: translateX(100%) } .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label .switch__shadow { opacity: 1 } .filter-switcher__input.is-reversed + .filter-switcher__label .installation__input:checked + .installation__label .switch__label:before, .filter-switcher__input.is-reversed + .filter-switcher__label .installation__input:checked ~ .installation__meta .installation__label .switch__label:before, .filter-switcher__input.is-reversed + .filter-switcher__label .payment-options__input:checked + .payment-options__label .switch__label:before, .filter-switcher__input.is-reversed + .filter-switcher__label .radio-block__input:checked + .radio-block__label .switch__label:before, .filter-switcher__input.is-reversed + .filter-switcher__label .radio-block__input:checked + .radio-block__sub-label .switch__label:before, .filter-switcher__input.is-reversed + .filter-switcher__label .switch-tabs__tab.is-active .switch__label:before, .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label.is-active:before, .installation__input:checked + .installation__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:before, .installation__input:checked ~ .installation__meta .installation__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:before, .payment-options__input:checked + .payment-options__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:before, .popup-club-discount__radio .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label.is-active:before, .radio-block__input:checked + .radio-block__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:before, .radio-block__input:checked + .radio-block__sub-label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:before, .switch-tabs__tab.is-active .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:before { background: #d7dde3 } @media (max-width: 768.98px) { .filter-switcher__input.is-reversed + .filter-switcher__label .installation__input:checked + .installation__label .switch__label:before, .filter-switcher__input.is-reversed + .filter-switcher__label .installation__input:checked ~ .installation__meta .installation__label .switch__label:before, .filter-switcher__input.is-reversed + .filter-switcher__label .payment-options__input:checked + .payment-options__label .switch__label:before, .filter-switcher__input.is-reversed + .filter-switcher__label .radio-block__input:checked + .radio-block__label .switch__label:before, .filter-switcher__input.is-reversed + .filter-switcher__label .radio-block__input:checked + .radio-block__sub-label .switch__label:before, .filter-switcher__input.is-reversed + .filter-switcher__label .switch-tabs__tab.is-active .switch__label:before, .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label.is-active:before, .installation__input:checked + .installation__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:before, .installation__input:checked ~ .installation__meta .installation__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:before, .payment-options__input:checked + .payment-options__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:before, .popup-club-discount__radio .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label.is-active:before, .radio-block__input:checked + .radio-block__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:before, .radio-block__input:checked + .radio-block__sub-label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:before, .switch-tabs__tab.is-active .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:before { background: #f2f2f2 } } .filter-switcher__input.is-reversed + .filter-switcher__label .installation__input:checked + .installation__label .switch__label:after, .filter-switcher__input.is-reversed + .filter-switcher__label .installation__input:checked ~ .installation__meta .installation__label .switch__label:after, .filter-switcher__input.is-reversed + .filter-switcher__label .payment-options__input:checked + .payment-options__label .switch__label:after, .filter-switcher__input.is-reversed + .filter-switcher__label .radio-block__input:checked + .radio-block__label .switch__label:after, .filter-switcher__input.is-reversed + .filter-switcher__label .radio-block__input:checked + .radio-block__sub-label .switch__label:after, .filter-switcher__input.is-reversed + .filter-switcher__label .switch-tabs__tab.is-active .switch__label:after, .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label.is-active:after, .installation__input:checked + .installation__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:after, .installation__input:checked ~ .installation__meta .installation__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:after, .payment-options__input:checked + .payment-options__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:after, .popup-club-discount__radio .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label.is-active:after, .radio-block__input:checked + .radio-block__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:after, .radio-block__input:checked + .radio-block__sub-label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:after, .switch-tabs__tab.is-active .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label:after { transform: none } .filter-switcher__input.is-reversed + .filter-switcher__label .installation__input:checked + .installation__label .switch__label .switch__shadow, .filter-switcher__input.is-reversed + .filter-switcher__label .installation__input:checked ~ .installation__meta .installation__label .switch__label .switch__shadow, .filter-switcher__input.is-reversed + .filter-switcher__label .payment-options__input:checked + .payment-options__label .switch__label .switch__shadow, .filter-switcher__input.is-reversed + .filter-switcher__label .radio-block__input:checked + .radio-block__label .switch__label .switch__shadow, .filter-switcher__input.is-reversed + .filter-switcher__label .radio-block__input:checked + .radio-block__sub-label .switch__label .switch__shadow, .filter-switcher__input.is-reversed + .filter-switcher__label .switch-tabs__tab.is-active .switch__label .switch__shadow, .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label.is-active .switch__shadow, .installation__input:checked + .installation__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label .switch__shadow, .installation__input:checked ~ .installation__meta .installation__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label .switch__shadow, .payment-options__input:checked + .payment-options__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label .switch__shadow, .popup-club-discount__radio .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label.is-active .switch__shadow, .radio-block__input:checked + .radio-block__label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label .switch__shadow, .radio-block__input:checked + .radio-block__sub-label .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label .switch__shadow, .switch-tabs__tab.is-active .filter-switcher__input.is-reversed + .filter-switcher__label .switch__label .switch__shadow { opacity: 0 } .filter-switcher__label { display: flex; align-items: center; cursor: pointer; margin: -20px 0; padding: 20px 0 } .filter-switcher__input:disabled + .filter-switcher__label { opacity: .5 } .filter-switcher__text { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: .01em } .filter-switcher__tooltip-icon { flex-shrink: 0; margin-top: 2px; margin-left: 8px; width: 20px; height: 20px } .filter-switcher__switch { flex-shrink: 0; margin-left: auto } .filter-switcher .switch { position: relative; top: 0; left: 0; width: 38px; height: 22px } .filter-switcher .switch__label { width: 100%; height: 100% } .filter-switcher .switch__label:before { width: 100%; height: 100%; background: #d7dde3; border-radius: 22px } @media (max-width: 1023.98px) { .filter-switcher .switch__label:before { background: #f2f2f2 } } .filter-switcher .switch__label:after { width: 16px; height: 16px; top: 3px; left: 3px } .filter-switcher .installation__input:checked + .installation__label .switch__label:after, .filter-switcher .installation__input:checked ~ .installation__meta .installation__label .switch__label:after, .filter-switcher .payment-options__input:checked + .payment-options__label .switch__label:after, .filter-switcher .radio-block__input:checked + .radio-block__label .switch__label:after, .filter-switcher .radio-block__input:checked + .radio-block__sub-label .switch__label:after, .filter-switcher .switch-tabs__tab.is-active .switch__label:after, .filter-switcher .switch__label.is-active:after, .installation__input:checked + .installation__label .filter-switcher .switch__label:after, .installation__input:checked ~ .installation__meta .installation__label .filter-switcher .switch__label:after, .payment-options__input:checked + .payment-options__label .filter-switcher .switch__label:after, .radio-block__input:checked + .radio-block__label .filter-switcher .switch__label:after, .radio-block__input:checked + .radio-block__sub-label .filter-switcher .switch__label:after, .switch-tabs__tab.is-active .filter-switcher .switch__label:after { transform: translateX(100%) } .filter-switcher .switch__shadow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: none; filter: none; border-radius: 22px; box-shadow: 0 4px 10px rgba(34, 176, 243, .25); opacity: 0 } .installation__input:checked + .installation__label .switch__label .filter-switcher .switch__shadow, .installation__input:checked ~ .installation__meta .installation__label .switch__label .filter-switcher .switch__shadow, .payment-options__input:checked + .payment-options__label .switch__label .filter-switcher .switch__shadow, .radio-block__input:checked + .radio-block__label .switch__label .filter-switcher .switch__shadow, .radio-block__input:checked + .radio-block__sub-label .switch__label .filter-switcher .switch__shadow, .switch-tabs__tab.is-active .switch__label .filter-switcher .switch__shadow, .switch__label.is-active .filter-switcher .switch__shadow { opacity: 1 } .filter-submenu { position: absolute; top: 0; left: 0; margin-left: 100%; width: 100% } .filter-submenu__item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid rgba(215, 221, 227, .5) } .filter-submenu__item:not(.is-checked) .filter-submenu__item-checkbox:before { opacity: 0 } .filter-submenu__item.is-disabled { cursor: not-allowed; pointer-events: none } .filter-submenu__item.is-disabled .filter-submenu__item-checkbox, .filter-submenu__item.is-disabled .filter-submenu__item-image, .filter-submenu__item.is-disabled .filter-submenu__item-text { opacity: .2 } .filter-submenu__item-image { flex-shrink: 0; width: 24px; height: 24px; margin-right: 10px } .filter-submenu__item-text { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: .02em; margin-right: 5px; display: flex; align-items: center } .filter-submenu__item .input-checkbox__tooltip-title { font-weight: 300; margin-left: 5px; margin-right: 5px } .filter-submenu__item-checkbox { flex-shrink: 0; width: 24px; height: 24px; margin-left: auto } .filter-submenu__item-checkbox:before { content: ""; display: block; width: 100%; height: 100%; background: url(/local/templates/haier/css/../images/icon-check-2.svg) no-repeat 50%; pointer-events: none; transition: opacity .25s } .filter-submenu__colors { width: 24px; height: 24px; border-radius: 50%; flex: none; margin-right: 12px; border: 1px solid #f4f4f4 } @media (max-width: 1023.98px) { .filter-tooltip-popup .tooltip-v2__text { font-weight: 400 } } .filter-stars { display: inline-flex } .filter-stars:not(:first-child) { margin-left: 4px } .filter-stars__item { flex-shrink: 0; width: 16px; height: 20px; color: #ebedf2 } .filter-stars__item.is-active { color: #ffb800 } .filter-section { position: relative; border-bottom: 1px solid rgba(175, 187, 198, .5); padding: 20px 0 } @media (max-width: 768.98px) { .filter-section.is-submenu { display: flex; align-items: center; cursor: pointer } .filter-section.is-submenu > :first-child { margin-right: auto } .filter-section.is-submenu:after { content: ""; width: 0; height: 0; border-top: 4px solid #afbbc6; border-right: 4px solid #afbbc6; border-bottom: 4px solid transparent; border-left: 4px solid transparent; border-radius: 1px; transform: translateX(-2px) rotate(45deg) } .filter-section.is-submenu .filter-section__preview { display: block } } @media (max-width: 768.98px) { .filter-section.is-submenu .filter-section__item { display: none } } @media (max-width: 768.98px) { .filter-section.is-mobile-switchers { padding: 40px 0 0; border-bottom: 0 } .filter-section.is-mobile-switchers .filter-section__title { font-size: 24px; line-height: 28px; margin-bottom: 10px } .filter-section.is-mobile-switchers .filter-section__item { margin-top: 0; border-bottom: 1px solid rgba(175, 187, 198, .5) } .filter-section.is-mobile-switchers .filter-section__item.is-disabled .filter-switcher, .filter-section.is-mobile-switchers .filter-section__item.is-disabled .input-checkbox, .filter-section.is-mobile-switchers .filter-section__item.is-disabled .input-radio { opacity: .2; cursor: not-allowed; pointer-events: none } .filter-section.is-mobile-switchers .input-checkbox, .filter-section.is-mobile-switchers .input-radio { display: none } } .filter-section.is-mobile-switchers .filter-switcher { display: none } @media (max-width: 768.98px) { .filter-section.is-mobile-switchers .filter-switcher { display: block } } .filter-section.is-mobile-switchers .filter-switcher__label { margin: 0 } .filter-section.is-mobile-switchers .filter-switcher .filter-switcher__tooltip { display: flex; align-items: center } .filter-section.is-mobile-switchers .filter-switcher .filter-switcher__tooltip .icon { width: 12px; height: 12px } .filter-section__title { font-weight: 450; font-size: 16px; line-height: 24px; letter-spacing: .01em; margin-bottom: 14px; display: flex } @media (max-width: 768.98px) { .filter-section__title { margin-bottom: 0 } } .filter-section__tooltip { margin-top: 4px; margin-left: auto; flex-shrink: 0 } @media (max-width: 1023.98px) { .filter-section__tooltip { margin-left: 4px } } .filter-section__tooltip-btn { color: #afbbc6; transition: color .25s; border-radius: 100%; width: 12px; height: 12px } .filter-section__tooltip-btn .icon-info-stroke { width: 100%; height: 100% } @media (min-width: 1280px) { .filter-section__tooltip-btn:hover { color: #22b0f3 } } .filter-section__tooltip-btn.is-active, .filter-section__tooltip-btn:active { color: #22b0f3 } .input-checkbox .filter-section__tooltip { margin-top: 0; margin-left: 0 } .filter-section__tooltip--evo { display: inline-block; position: relative; top: 4px; margin: 0 } .filter-section__preview { display: none; max-width: 38%; margin-bottom: 0; margin-right: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #00a0eb } .filter-section__preview > span:not(:last-child):after { content: ", " } .filter-section__preview-stars { display: flex; align-items: center } .filter-section__preview-stars .filter-stars { margin-left: 4px } .filter-section__item { margin-top: 10px } .filter-section__item_hidden { width: 100%; position: absolute; top: 0; left: 0; height: 100%; cursor: pointer; opacity: 0 } .filter-section > .filter-section__item:first-child { margin-top: 0 } .filter-section__hidden { display: block; max-height: 0; overflow: hidden; transition: max-height .25s; opacity: 0 } @media (max-width: 768.98px) { .filter-section__hidden { max-height: none; opacity: 1; margin-top: 0 } } .filter-section__hidden.is-active { opacity: 1 } .filter-section__show-more { color: #22b0f3; font-weight: 500; font-size: 14px; line-height: 16px; margin-top: 15px; transition: color .25s } @media (max-width: 768.98px) { .filter-section__show-more { display: none } } .filter-section__show-more--theme-2.is-active .filter-section__show-more-txt-1 { display: none } .filter-section__show-more--theme-2.is-active .filter-section__show-more-txt-2 { display: inline-block } .filter-section__show-more-txt-2 { display: none } .filter-section__show-more:hover { color: #2354a5 } .filter-section__show-more .collapse-text_hide { display: inline } .filter-section__show-more .collapse-text_show { display: none } .filter-section__show-more.is-active .filter-section__show-more-icon { transform: rotate(180deg) } .filter-section__show-more.is-active .collapse-text_hide { display: none } .filter-section__show-more.is-active .collapse-text_show { display: inline } .filter-section__show-more-icon { pointer-events: none; transition: transform .25s } .filter-section__preloader { width: 36px; height: 36px } .accordion-parent__title { position: relative; align-items: center; gap: 4px; cursor: pointer; color: #212121; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } @media (max-width: 1023.98px) { .accordion-parent__title { font-weight: 450; line-height: 40px } } .accordion-parent__count { font-size: 14px; color: #b3b4b5 } @media (max-width: 1023.98px) { .accordion-parent__count { font-size: 16px; font-style: normal; font-weight: 450; line-height: 40px } } .accordion-parent__icon { min-width: 30px; transition: all .15s linear } .accordion-parent__icon.is-active { transform: rotate(180deg) } .accordion-parent__label { width: 100% } .accordion-child { padding: 0 10px 10px 0; display: none } .accordion-child[data-is-open=true] { display: block } .accordion-word-wrapper { text-wrap: balance } .filter-evo { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; border-bottom: 0; padding: 20px 0 } .filter-evo:last-child { border-bottom: 1px solid rgba(175, 187, 198, .5); padding-bottom: 20px !important } .filter-evo ~ .filter-evo { padding: 0 } .filter-evo ~ .filter-evo ~ .filter-evo { margin-top: 10px } .filter-evo + .filter__item:not(.filter-evo) { margin-top: 20px; border-top: 1px solid rgba(175, 187, 198, .5) } .filter-evo .filter-section { border-bottom: 0; padding: 0 } .filter-evo .filter-switcher__label { padding: 0; margin: 0; transition: opacity .3s } .filter-section.is-preloading .filter-evo .filter-switcher__label { opacity: .5; pointer-events: none } .filter-evo__big-item:before { content: ""; display: block; padding-top: 47.45763% } .filter-evo__big-item .filter-section__tooltip-btn { display: block; width: 16px; height: 16px } .filter-evo__big-item .filter-section__tooltip-btn .icon { width: 100%; height: 100% } .filter-evo__big-item .filter-switcher__img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right bottom; object-position: right bottom; border-radius: 12px } .filter-evo__big-item .filter-switcher__wrap { position: absolute; inset: 0; padding: 16px } .filter-evo__big-item .filter-switcher__label { height: 100%; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 10px } .filter-evo__big-item .filter-switcher__text { color: #fff; line-height: 20px; letter-spacing: .01em; max-width: 130px } @media (max-width: 1023.98px) { .filter-evo__big-item .filter-switcher__text { line-height: 24px } } .filter-evo__big-item .filter-switcher__switch { margin-left: 0 } .filter-evo__item .filter-switcher__text { font-weight: 300; font-size: 14px; line-height: 16px; letter-spacing: .01em } @media (max-width: 1023.98px) { .filter-evo__item .filter-switcher__text { font-weight: 500; font-size: 16px; line-height: 20px } } .filter-evo__item .filter-switcher__icon { display: block; width: 16px; height: 16px; -o-object-fit: contain; object-fit: contain; margin-left: 5px } @media (max-width: 1023.98px) { .filter-evo__item .filter-switcher__icon { margin-left: 8px } } .range { overflow: visible; display: flex; flex-wrap: wrap; margin: 0 -5px } @media (max-width: 768.98px) { .range { padding-top: 15px; padding-bottom: 10px } } .range__item { overflow: visible; flex-shrink: 0; margin: 0 5px 24px; width: calc(50% - 10px); position: relative; font-size: 14px; line-height: 24px; background: #fcfcfc; transition: background-color .25s; border-radius: 6px } @media (max-width: 768.98px) { .range__item { margin-bottom: 30px; font-size: 16px } } .range__item.is-focused { background: #fff } .range__item--slide { height: 2px; flex: 1 1 auto; margin: 0 13px; width: auto; background: none } @media (max-width: 768.98px) { .range__item--slide { height: 3px } } .range__placeholder { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 9px 4px 7px 0; color: #afbbc6; width: 28px; text-align: right; pointer-events: none } @media (max-width: 1365.98px) { .range__placeholder { top: 1px; bottom: 1px } } @media (max-width: 768.98px) { .range__placeholder { padding: 11px 4px 9px 0; width: 30px; font-size: 16px } } .range__input { display: block; height: 40px; width: 100%; padding: 9px 10px 7px 28px; border-radius: 6px; font-size: inherit; line-height: inherit; border: 1px solid #d7dde3; background: transparent; position: relative } @media (max-width: 768.98px) { .range__input { height: 46px; padding: 11px 15px 9px 30px } } .range__input:focus { background: transparent } .range .noUi { margin-top: 24px } .range .noUi-target { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #d8f2ff; border-radius: 4px; border: 0; box-shadow: none } .range .noUi-horizontal .noUi-origin { height: 100% } .range .noUi-horizontal .noUi-handle { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 16px; height: 16px; background: #fcfcfc; border: 2px solid #22b0f3; border-radius: 100%; right: -8px; top: 50%; transform: translateY(-50%); box-shadow: none } @media (max-width: 768.98px) { .range .noUi-horizontal .noUi-handle { width: 20px; height: 20px; border-width: 3px; right: -10px } } .range .noUi-horizontal .noUi-handle:after, .range .noUi-horizontal .noUi-handle:before { display: none } .range .noUi-horizontal .noUi-handle:focus, .range .noUi-horizontal .noUi-touch-area:focus { outline: none } .range .noUi-connect { background: #22b0f3 } .colors-input { padding-bottom: 10px } @media (max-width: 768.98px) { .colors-input { padding-bottom: 28px; padding-top: 10px } } .colors-input__row { display: flex; flex-flow: row wrap; margin: 0 -8px } .colors-input__item { display: flex; padding: 8px } .colors-input__item.is-active .colors-input__label:after { opacity: 1 } .colors-input__input { position: absolute !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; height: 1px !important; width: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important } .colors-input__input:checked + .colors-input__label:after { opacity: 1 } .colors-input__input:disabled + .colors-input__label { opacity: .5; pointer-events: none } .colors-input__label { cursor: pointer; display: flex; position: relative; width: 24px; height: 24px } .colors-input__label > * { pointer-events: none } .colors-input__label:hover:before { opacity: 1 } .colors-input__label:before { border-radius: 100%; border: 1px solid #c4c4c4 } .colors-input__label:after, .colors-input__label:before { content: ""; position: absolute; top: -6px; left: -6px; right: -6px; bottom: -6px; opacity: 0; transition: opacity .25s ease-in-out, border-color .25s ease-in-out; z-index: 2 } .colors-input__label:after { border-radius: 100%; border: 2px solid #22b0f3 } .colors-input__image { width: 24px; height: 24px; border-radius: 50% } .colors-input__text { display: flex; align-items: center; margin-left: 10px; font-size: 14px; line-height: 16px; color: #212121 } .dropdown { position: relative } .dropdown__btn { font-size: 16px; line-height: 1.3125; font-weight: 400; height: auto; padding: 0; transition: color .25s ease-in-out } .dropdown__btn:hover { color: #00a0eb } .dropdown__btn:hover .dropdown__svg svg { fill: #00a0eb } .dropdown__btn > * { pointer-events: none } .dropdown__svg, .dropdown__svg svg { width: 8px; height: 5px } .dropdown__svg svg { transform: none; fill: #afbbc6; transition: fill .25s ease-in-out, transform .25s ease-in-out; margin-bottom: 2px } .dropdown.is-visible .dropdown__svg svg { fill: #00a0eb; transform: rotate(180deg) } .dropdown__title { margin: 0 8px 0 4px } .dropdown__wrapper { position: absolute; display: none; z-index: 2; left: 0; top: calc(100% + 15px); width: 220px; background-color: #fff; box-shadow: 1px 4px 20px rgba(9, 97, 172, .17); opacity: 0; transition: opacity .25s ease-in-out, transform .25s ease-in-out; transform: translate3d(0, -10px, 0); border-radius: 6px } .dropdown__wrapper:after { content: ""; position: absolute; left: 16px; top: -4px; width: 11px; height: 11px; background: #fff; border-radius: 2px; box-shadow: 0 1px 1px 0 rgba(9, 97, 172, .17), 0 0 14px 0 rgba(9, 97, 172, .17); transform: rotate(45deg) skew(15deg, 15deg) } .dropdown.is-opened .dropdown__wrapper { display: block } .dropdown.is-visible .dropdown__wrapper { opacity: 1; transform: translateZ(0) } .dropdown__content { z-index: 2; position: relative; background-color: #fff; display: flex; flex-flow: column; padding: 6px 0; border-radius: 6px; overflow: hidden } .dropdown__item { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.3; text-align: left; padding: 9px 23px 11px; cursor: pointer; color: #212121; transition: background-color .25s ease-in-out; background-color: transparent; border: 0 } .dropdown__item:hover { background-color: rgba(35, 84, 165, .1) } .dropdown__item.is-active { font-weight: 500 } .blur-promo { position: relative; display: flex; align-items: center; min-height: 520px; padding: 50px 0 } @media (max-width: 1366.98px) { .blur-promo { min-height: 432px } } @media (max-width: 1279.98px) { .blur-promo { min-height: 392px } } @media (max-width: 768.98px) { .blur-promo { min-height: 0; align-items: flex-start; padding: 40px 0 64px } } .blur-promo__background { position: absolute; top: 0; right: 0; left: 0; bottom: 0 } .blur-promo__background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .blur-promo__block { position: relative; display: flex; width: 100% } @media (max-width: 1366.98px) { .blur-promo__block { max-width: 1238px; padding: 0 90px } } @media (max-width: 768.98px) { .blur-promo__block { padding: 0 20px } } .blur-promo__container { padding: 0 13%; width: 100% } @media (max-width: 1366.98px) { .blur-promo__container { padding: 0 } } .blur-promo__title { font-size: 32px; line-height: 1.13; color: #fff; font-weight: 500; margin-bottom: 32px } @media (max-width: 768.98px) { .blur-promo__title { font-size: 24px; line-height: 1.33333; margin-bottom: 8px; display: flex } } .blur-promo__text { font-size: 24px; line-height: 1.66667; color: #fff; max-width: 906px; margin-bottom: 52px; opacity: .9 } @media (max-width: 1279.98px) { .blur-promo__text { font-size: 20px; line-height: 1.8; margin-bottom: 36px } } @media (max-width: 768.98px) { .blur-promo__text { font-size: 18px; line-height: 1.77778; margin-bottom: 36px } } .blur-promo__icon { margin-right: 10px } @media (max-width: 768.98px) { .blur-promo__icon { display: flex; -ms-grid-row-align: center; align-self: center } } .blur-promo__svg { width: 22px; height: 30px } @media (max-width: 768.98px) { .blur-promo__svg { width: 16px; height: 21px } } @media (max-width: 768.98px) { .blur-promo__footer { text-align: center } } .blur-promo__footer .button { min-width: 220px; box-shadow: none } @media (max-width: 768.98px) { .blur-promo__footer .button { font-size: 18px; width: 100%; max-width: 320px } } .product-cat { background: #fff; padding: 80px 0 60px } @media (max-width: 1366.98px) { .product-cat { padding: 64px 0 84px } } @media (max-width: 1279.98px) { .product-cat { padding: 46px 0 62px } } @media (max-width: 768.98px) { .product-cat { padding-top: 32px; padding-bottom: 0 } } .product-cat--pb-24 { padding-bottom: 24px } .product-cat__wrap { display: flex; justify-content: center } @media (max-width: 768.98px) { .product-cat__wrap { flex-wrap: wrap } } @media (max-width: 1366.98px) { .product-cat__wrap--wrap-lg { flex-wrap: wrap } } .product-cat__product { max-width: 306px; width: 100%; margin: 0 15px } @media (max-width: 1366.98px) { .product-cat__product { max-width: 278px } } @media (max-width: 1279.98px) { .product-cat__product { max-width: 257px } } @media (max-width: 768.98px) { .product-cat__product { max-width: 318px; min-width: 280px; margin: 0 1%; margin-bottom: 28px } } .product-cat .section-title { top: 120px } @media (max-width: 1279.98px) { .product-cat .section-title { display: none } } @media (max-width: 768.98px) { .product-cat .cart-add { display: block; margin-right: 17px; margin-top: 10px } } @media (max-width: 768.98px) { .product-cat .product__img { height: 326px } } .product-cat .product__price { font-size: 20px } .product-cat .product__title { font-size: 18px } .product-cat .product__param { font-size: 18px; right: 17px } @media (max-width: 1279.98px) { .product-cat .product__param { right: 20px } } @media (max-width: 768.98px) { .product-cat .product__param { right: 17px; top: 15px } } .product-cat .product__data { margin-top: 20px } .product-cat .product__mark { width: 18px; height: 18px; left: 22px; bottom: 20px } @media (max-width: 768.98px) { .product-cat .product__mark { left: 13px } } .product-cat .product__status { top: 15px; left: 16px; width: 24px; height: 24px } .product-cat .product__meta { margin-right: 0 } @media (max-width: 1279.98px) { .product-cat .product .cart-add { margin-top: 1px } } .vsegdada-products { background-color: #fff; font-family: Futura PT } .vsegdada-products__container { max-width: 1470px } @media (max-width: 1366.98px) { .vsegdada-products__container { max-width: 1200px } } .vsegdada-products__title { margin: 0; padding: 60px 0 30px; font-weight: 500; font-size: 40px; font-family: Futura PT; line-height: 52px; text-align: center } @media (max-width: 1366.98px) { .vsegdada-products__title { padding: 50px 0 20px; font-size: 36px } } @media (max-width: 1279.98px) { .vsegdada-products__title { padding: 50px 0 10px; font-size: 28px } } @media (max-width: 768.98px) { .vsegdada-products__title { padding: 30px 0 20px; font-size: 24px; line-height: 32px; text-align: left } } .vsegdada-products__subtitle { margin: 0 auto; padding: 0 0 70px; font-weight: 500; font-size: 32px; line-height: 42px; text-align: center } @media (max-width: 1366.98px) { .vsegdada-products__subtitle { padding: 0 0 50px; max-width: 1045px; font-size: 24px; line-height: 36px } } @media (max-width: 1279.98px) { .vsegdada-products__subtitle { max-width: 835px; font-size: 20px; line-height: 32px } } @media (max-width: 768.98px) { .vsegdada-products__subtitle { padding: 0 0 50px; max-width: 100%; font-size: 18px; text-align: left } } .vsegdada-products__blue { color: #22b0f3; text-transform: uppercase } .vsegdada-products__wrap { display: flex; flex-direction: row; justify-content: center } @media (max-width: 768.98px) { .vsegdada-products__wrap { flex-direction: column } } .vsegdada-products__product { height: 100% } @media (max-width: 768.98px) { .vsegdada-products__product { margin: 0 } } .vsegdada-products__explanation-wrap { display: flex; flex-direction: column; margin: 0; padding: 0 0 160px; font-size: 20px; line-height: 36px } @media (max-width: 1279.98px) { .vsegdada-products__explanation-wrap { margin: 0; padding: 0 0 140px; font-size: 18px; line-height: 32px } } @media (max-width: 768.98px) { .vsegdada-products__explanation-wrap { flex-direction: column; margin: 0; padding: 0 0 90px; font-size: 16px; line-height: 24px } } @media (max-width: 768.98px) { .vsegdada-products__explanation { margin: 0 0 20px } } .vsegdada-products__explanation-link { display: inline-flex; align-items: center; font-size: 20px; line-height: 36px } @media (max-width: 1279.98px) { .vsegdada-products__explanation-link { font-size: 18px; line-height: 32px } } @media (max-width: 768.98px) { .vsegdada-products__explanation-link { font-size: 16px; line-height: 24px } } .vsegdada-products__explanation-link svg { transform: rotate(180deg); margin-left: 10px; margin-right: 0 } .vsegdada-product { display: flex; margin: 0 30px 0 0; width: 33.3333%; flex-grow: 1 } @media (max-width: 1279.98px) { .vsegdada-product { margin: 0 20px 0 0 } } @media (max-width: 768.98px) { .vsegdada-product { width: 100% } } .vsegdada-product:last-child { margin: 0 } .vsegdada-product__inner { width: 100% } .vsegdada-product__picture-wrap { border-radius: 8px; margin: 0 0 30px } @media (max-width: 768.98px) { .vsegdada-product__picture-wrap { margin: 0 0 20px } } .vsegdada-product__picture-link { position: relative; display: block; width: 100%; height: auto; text-decoration: none } .vsegdada-product__title { position: absolute; top: 30px; left: 30px; max-width: 90px; text-decoration: none; color: #fff; font-size: 24px; line-height: 28px } @media (max-width: 1279.98px) { .vsegdada-product__title { font-size: 18px; line-height: 22px } } .vsegdada-product__img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; -o-object-fit: contain; object-fit: contain } .vsegdada-product__param-list { margin: 0; padding: 0 } .vsegdada-product__param-item { display: flex; align-items: center; justify-content: flex-start; margin: 0 0 20px } @media (max-width: 1279.98px) { .vsegdada-product__param-item { margin: 0 0 10px } } .vsegdada-product__param-item:last-child { margin: 0 0 40px } @media (max-width: 1279.98px) { .vsegdada-product__param-item:last-child { margin: 0 0 30px } } @media (max-width: 768.98px) { .vsegdada-product__param-item:last-child { margin: 0 0 25px } } .vsegdada-product__param-item-img { display: block; margin: 0 25px 0 0; width: 36px; height: 36px } .vsegdada-product__param-item-text { font-size: 20px; line-height: 16px } @media (max-width: 1279.98px) { .vsegdada-product__param-item-text { font-size: 18px; line-height: 16px } } @media (max-width: 768.98px) { .vsegdada-product__param-item-text { font-size: 16px; line-height: 16px } } .vsegdada-product__btn { margin: 0 0 55px; padding: 0 30px; font-weight: 500; font-size: 18px } @media (max-width: 1279.98px) { .vsegdada-product__btn { margin: 0 0 40px; padding: 0 10px } } @media (max-width: 768.98px) { .vsegdada-product__btn { height: 45px; width: 100%; line-height: 45px; font-size: 16px } } .specification { margin-bottom: 132px } @media (max-width: 1366.98px) { .specification { margin-bottom: 100px } } @media (max-width: 1279.98px) { .specification { margin-bottom: 88px } } @media (max-width: 768.98px) { .specification { margin-bottom: 18px } } .specification--product-list { margin-bottom: 54px } @media (max-width: 1366.98px) { .specification--product-list { margin-bottom: 96px } } @media (max-width: 1279.98px) { .specification--product-list { margin-bottom: 32px } } .specification__wrap { display: flex; justify-content: flex-end; width: 1330px; max-width: 100%; margin: 0 auto } .specification--left .specification__wrap { flex-direction: row } @media (max-width: 768.98px) { .specification--left .specification__wrap { flex-direction: column; align-items: center; margin: 0; width: 100% } } .specification--right .specification__wrap { flex-direction: row-reverse; align-items: center; justify-content: flex-start } @media (max-width: 768.98px) { .specification--right .specification__wrap { flex-direction: column; align-items: center; margin: 0; width: 100% } } @media (max-width: 1366.98px) { .specification__wrap { width: 1085px } } @media (max-width: 1279.98px) { .specification__wrap { width: 835px } } @media (max-width: 768.98px) { .specification__wrap { flex-direction: column; align-items: center; margin: 0; width: 100% } } @media (min-width: 769px) { .specification--vertical-center .specification__wrap { justify-content: center } } .specification__data { max-width: 530px; width: 100% } @media (min-width: 769px) { .specification--vertical-center .specification__wrap .specification__data { margin-top: 0; margin-bottom: 8px } } @media (max-width: 1279.98px) { .specification__data { max-width: 400px } } @media (max-width: 768.98px) { .specification__data { max-width: 98% } } .specification--left .specification__data { margin-left: 20.777%; display: flex; flex-direction: column; justify-content: center } @media (max-width: 768.98px) { .specification--left .specification__data { margin: 0 } } .specification--left .specification__data--outside { margin: 0 } @media (max-width: 1366.98px) { .specification--product-list.specification--left .specification__data { margin-left: 10.777%; margin-left: 22.777% } } @media (max-width: 768.98px) { .specification--product-list.specification--left .specification__data { margin-left: 0 } } .specification--right .specification__data { margin-right: 16.7%; margin-top: -64px } @media (max-width: 1366.98px) { .specification--right .specification__data { max-width: 430px; margin-right: 11.9%; margin-top: -119px } } @media (max-width: 1279.98px) { .specification--right .specification__data { max-width: 430px; margin-right: 11.9%; margin-top: -84px } } @media (max-width: 768.98px) { .specification--right .specification__data { margin: 0; max-width: 97% } } .specification--right .specification__data--outside { margin: 0 } .specification--product-list.specification--right .specification__data { margin-right: 8.7%; margin-top: -18px } @media (max-width: 1366.98px) { .specification--product-list.specification--right .specification__data { margin-right: 9.2%; margin-top: 0 } } @media (max-width: 768.98px) { .specification--product-list.specification--right .specification__data { margin-right: 0 } } .specification__title { font-size: 40px; line-height: 1.4; font-family: Futura PT, Arial, Helvetica, sans-serif; margin-bottom: 24px } @media (max-width: 1366.98px) { .specification__title { line-height: 1.5; font-size: 32px; margin-bottom: 28px } } @media (max-width: 1279.98px) { .specification__title { margin-bottom: 20px } } @media (max-width: 768.98px) { .specification__title { font-size: 24px; margin-bottom: 10px } } @media (max-width: 768.98px) { .specification__title br { display: none } } @media (max-width: 1366.98px) { .specification--product-list .specification__title { line-height: 40px; margin-bottom: 20px } } .specification__text { font-size: 24px; line-height: 1.5 } @media (max-width: 1366.98px) { .specification__text { font-size: 20px; line-height: 1.6 } } @media (max-width: 1279.98px) { .specification__text { font-size: 18px; line-height: 1.77 } } @media (max-width: 768.98px) { .specification__text { line-height: 1.8 } } .specification--left .specification__img { margin-top: 20px; margin-left: 30px } @media (max-width: 1279.98px) { .specification--left .specification__img { margin-left: 0; margin-top: 32px } } @media (max-width: 768.98px) { .specification--left .specification__img { margin-top: 40px } } .specification--left .specification__img--outside { position: absolute; right: 54.8%; margin-top: -10px } @media (max-width: 1366.98px) { .specification--left .specification__img--outside { right: 63.4%; margin-top: 40px } } @media (max-width: 1279.98px) { .specification--left .specification__img--outside { right: 62.2% } } @media (max-width: 768.98px) { .specification--left .specification__img--outside { right: 50.2% } } @media (max-width: 359.98px) { .specification--left .specification__img--outside { right: 19.2% } } .specification__img--shadow { box-shadow: 0 38px 73px -18px #c4c4c4 } @media (max-width: 1279.98px) { .specification__img { margin-left: 0 } } @media (max-width: 768.98px) { .specification__img { margin-left: 0; margin-bottom: 48px; max-width: 100% } } .specification__img-wrap { max-width: 50% } @media (max-width: 768.98px) { .specification__img-wrap { max-width: none } } .specification--siblings { margin-bottom: 204px } @media (max-width: 1366.98px) { .specification--siblings { margin-bottom: 178px } } @media (max-width: 1279.98px) { .specification--siblings { margin-bottom: 114px } } @media (max-width: 768.98px) { .specification--siblings { margin-bottom: 62px } } .catalog-slider { padding-top: 100px; padding-bottom: 116px } @media (max-width: 1366.98px) { .catalog-slider { padding-top: 108px; padding-bottom: 138px } } @media (max-width: 1279.98px) { .catalog-slider { padding-top: 56px; padding-bottom: 110px } } @media (max-width: 768.98px) { .catalog-slider { padding-bottom: 0; padding-top: 48px } } .catalog-slider__wrap { width: 1310px; margin: 0 auto; max-width: 100% } @media (max-width: 1366.98px) { .catalog-slider__wrap { width: 1064px } } @media (max-width: 1279.98px) { .catalog-slider__wrap { width: 835px } } @media (max-width: 768.98px) { .catalog-slider__wrap { width: 320px } } .catalog-slider__item { color: inherit; text-decoration: none; outline: none; max-width: 416px } @media (max-width: 1366.98px) { .catalog-slider__item { height: 391px; max-width: 338px } } @media (max-width: 1279.98px) { .catalog-slider__item { height: 305px; max-width: 266px } } @media (max-width: 768.98px) { .catalog-slider__item { max-width: 320px; height: 367px } } .catalog-slider__item:last-child { margin-right: 0 !important } .catalog-slider__item:hover .catalog-slider__img { opacity: 1; z-index: 1 } .catalog-slider__item:hover .catalog-slider__img:before { opacity: 1 } .catalog-slider__item:hover .catalog-slider__data { color: #fff } .catalog-slider__title { line-height: 1.2; font-size: 28px; text-align: center; font-weight: 500; display: inline-block; vertical-align: top; margin-bottom: 23px } @media (max-width: 1279.98px) { .catalog-slider__title { font-size: 24px; line-height: 1.33; margin-bottom: 26px } } @media (max-width: 768.98px) { .catalog-slider__title { font-size: 28px; line-height: 1.13 } } .catalog-slider__text { line-height: 1.4; font-size: 20px; max-width: 330px; margin: 0 auto } @media (max-width: 1279.98px) { .catalog-slider__text { font-size: 16px; line-height: 1.75 } } @media (max-width: 768.98px) { .catalog-slider__text { font-size: 20px; line-height: 1.4 } } .catalog-slider__data { width: 100%; margin: 0 auto; text-align: center; position: absolute; top: 166px; padding: 0 20px; box-sizing: border-box; z-index: 2; color: #212121; transition: color .25s ease-in-out } @media (max-width: 1366.98px) { .catalog-slider__data { top: 125px } } @media (max-width: 1279.98px) { .catalog-slider__data { top: 80px; padding: 0 6px } } @media (max-width: 768.98px) { .catalog-slider__data { color: #fff; top: 116px } } .catalog-slider__img { opacity: 0; z-index: -1; transition: opacity .35s ease-in-out; position: relative; height: 100% } .catalog-slider__img:before { position: absolute; content: ""; width: 100%; height: 99%; background: rgba(0, 0, 0, .1); top: 0; left: 0; opacity: 0; transition: opacity .25s ease-in-out } @media (max-width: 1366.98px) { .catalog-slider__img:before { height: 100% } } @media (max-width: 768.98px) { .catalog-slider__img:before { opacity: 1 } } @media (max-width: 768.98px) { .catalog-slider__img { opacity: 1; z-index: 1 } } @media (max-width: 768.98px) { .catalog-slider__container { padding-bottom: 83px } } .catalog-slider__pagination { display: none } @media (max-width: 768.98px) { .catalog-slider__pagination { display: block; bottom: 42px !important } } .catalog-slider .swiper-pagination-bullet-active { transform: scale(1.5) } .catalog-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px } .catalog-slider .swiper-wrapper { justify-content: space-between; padding-left: 10px } @media (max-width: 1366.98px) { .catalog-slider .swiper-wrapper { padding-left: 0 } } .catalog-slider img { width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: cover; object-fit: cover } .advantages { color: #fff } .advantages--collumn { padding-bottom: 15px } @media (max-width: 1366.98px) { .advantages--collumn { padding-bottom: 32px } } @media (max-width: 1279.98px) { .advantages--collumn { padding-bottom: 72px; padding-top: 4px } } @media (max-width: 768.98px) { .advantages--collumn { padding-bottom: 0 } } .advantages--collumn .section-title { top: 53px; left: 82px } @media (max-width: 1366.98px) { .advantages--collumn .section-title { top: 22px; left: 30px } } @media (max-width: 1279.98px) { .advantages--collumn .section-title { top: 132px; left: 37px } } .advantages--light { padding-top: 117px; padding-bottom: 110px; color: #333; background-color: #fff } @media (max-width: 1366.98px) { .advantages--light { padding-bottom: 132px } } @media (max-width: 1279.98px) { .advantages--light { padding: 96px 0 116px } } @media (max-width: 768.98px) { .advantages--light { padding: 56px 0 20px } } .advantages--light .advantages__text { margin-top: 30px; line-height: 1.29167; color: #0d0312 } @media (max-width: 1366.98px) { .advantages--light .advantages__text { margin-top: 24px } } @media (max-width: 1279.98px) { .advantages--light .advantages__text { line-height: 1.4; font-size: 20px; margin-top: 20px } } @media (max-width: 768.98px) { .advantages--light .advantages__text { font-size: 18px; width: auto; margin-top: 16px; text-align: center } } .advantages--light .advantages__item { width: calc(33.33333% - 30px); flex: 0 0 auto; margin-top: 95px } @media (max-width: 768.98px) { .advantages--light .advantages__item { padding: 0; flex-basis: calc(50% - 30px) !important; max-width: calc(50% - 30px) !important; align-items: center } } .advantages--light .advantages__item:nth-child(-n+3) { margin-top: 0 } .advantages__bg { background: #212121; padding: 115px 0 107px } @media (max-width: 1366.98px) { .advantages__bg { padding-bottom: 132px } } @media (max-width: 1279.98px) { .advantages__bg { padding: 80px 0 84px } } @media (max-width: 768.98px) { .advantages__bg { padding: 56px 0 20px } } .advantages__wrap { display: flex; justify-content: space-between; padding: 0 11.5%; flex-wrap: nowrap } @media (max-width: 1366.98px) { .advantages__wrap { padding: 0 5.5% } } @media (max-width: 1279.98px) { .advantages__wrap { padding: 0 } } .advantages--light .advantages__wrap { flex-wrap: wrap } @media (max-width: 1366.98px) { .advantages--light .advantages__wrap { padding: 0 11.4% } } @media (max-width: 1279.98px) { .advantages--light .advantages__wrap { padding: 0 5.6% !important } } @media (max-width: 768.98px) { .advantages--light .advantages__wrap { padding: 0 !important } } @media (max-width: 768.98px) { .advantages__wrap { flex-direction: column; align-items: center; padding: 0 } } @media (max-width: 1279.98px) { .advantages.advantages--collumn .advantages__wrap { padding: 0 12.6% } } @media (max-width: 768.98px) { .advantages.advantages--collumn .advantages__wrap { flex-direction: row; align-items: flex-start; padding: 56px 0 14px } } .advantages__wrap--count-four .advantages__item { flex-basis: 50% } .advantages__text { font-size: 18px; line-height: 24px; max-width: 250px; text-align: center; opacity: .6 } .advantages.advantages--collumn .advantages__text { margin-top: 24px } @media (max-width: 1366.98px) { .advantages.advantages--collumn .advantages__text { max-width: 150px } } @media (max-width: 1279.98px) { .advantages.advantages--collumn .advantages__text { line-height: 18px; margin-top: 18px; max-width: 120px } } @media (max-width: 768.98px) { .advantages.advantages--collumn .advantages__text { font-size: 16px; line-height: 26px; margin-top: 12px } } @media (max-width: 1366.98px) { .advantages.advantages--collumn .advantages__text br { display: none } } @media (max-width: 1366.98px) { .advantages__text { font-size: 16px; margin-top: 0 } } @media (max-width: 1279.98px) { .advantages__text { font-size: 12px; line-height: 1.4 } } @media (max-width: 768.98px) { .advantages__text { width: auto; margin-top: 4px; text-align: left } } .has-blue-advantages .advantages__text { line-height: 32px; opacity: 1; font-weight: 400; letter-spacing: .02em } @media (max-width: 1366.98px) { .has-blue-advantages .advantages__text { line-height: 1 } } .advantages__item { position: relative; display: flex; flex: 1; margin: 0 10px; flex-direction: column; align-items: center; word-break: break-word } .advantages__item:before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 110px; height: 110px; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 50%; box-sizing: border-box } @media (max-width: 1366.98px) { .advantages__item:before { width: 88px; height: 88px } } @media (max-width: 768.98px) { .advantages__item:before { left: 0; top: 50%; transform: translateY(-50%) } } .advantages.advantages--collumn .advantages__item { width: 32%; margin-bottom: 112px } @media (max-width: 1366.98px) { .advantages.advantages--collumn .advantages__item { margin-bottom: 72px } } @media (max-width: 1279.98px) { .advantages.advantages--collumn .advantages__item { margin-bottom: 0; margin-top: 92px } } @media (max-width: 768.98px) { .advantages.advantages--collumn .advantages__item { margin: 0 0 40px; width: 46% } } @media (max-width: 1366.98px) { .advantages__item { margin: 0 10px } } @media (min-width: 769px) and (max-width: 1279.98px) { .advantages__item:first-child { margin-left: 0 } .advantages__item:last-child { margin-right: 0 } } @media (max-width: 768.98px) { .advantages__item { position: relative; width: 288px; min-height: 88px; align-items: flex-start; justify-content: center; padding: 0 0 0 138px; margin-bottom: 40px } } @media (max-width: 359.98px) { .advantages__item { width: 280px; padding-left: 130px } } .advantages__icon { height: 110px; padding: 25px 0 } .advantages.advantages--collumn .advantages__icon { width: 64px; height: 64px; -o-object-fit: scale-down; object-fit: scale-down; margin: 0 } @media (max-width: 768.98px) { .advantages.advantages--collumn .advantages__icon { width: 43px; height: 43px } } @media (max-width: 1366.98px) { .advantages__icon { height: 88px; padding: 20px 0 } } @media (max-width: 768.98px) { .advantages__icon { position: absolute; width: 48px; height: auto; margin-bottom: 0; padding: 0; top: 50%; left: 20px; transform: translateY(-50%) } } .advantages__icon--abt { width: 76px; height: 65px } .has-blue-advantages .advantages__item:before { display: none } .has-blue-advantages .advantages__img { width: 110px; height: 110px; display: flex; align-items: center; justify-content: center; margin: 0 0 30px; border-radius: 50%; border: 1px solid hsla(0, 0%, 100%, .1) } @media (max-width: 1366.98px) { .has-blue-advantages .advantages__img { width: 88px; height: 88px; margin-bottom: 25px } } @media (max-width: 768.98px) { .has-blue-advantages .advantages__img { position: absolute; left: 0; top: 0 } } .has-blue-advantages .advantages__icon { margin-bottom: 0; height: auto; padding: 0 } @media (max-width: 1366.98px) { .has-blue-advantages .advantages__icon { max-height: 40%; max-width: 50% } } @media (max-width: 768.98px) { .has-blue-advantages .advantages__icon { position: static; transform: none } } .advantages__svg-icon { width: 56px; height: 56px } .advantages__title { margin: 30px 0 24px; font-size: 24px; line-height: 24px; font-weight: 500; text-align: center } @media (max-width: 1366.98px) { .advantages__title { margin: 30px 0 15px; font-size: 20px } } @media (max-width: 768.98px) { .advantages__title { min-height: auto; margin: 0 0 5px; font-size: 18px; text-align: left } } .advantages .section-title { color: #fff; top: 60px; left: 68px } @media (max-width: 1366.98px) { .advantages .section-title { top: 38px; left: 30px } } @media (max-width: 1279.98px) { .advantages .section-title { top: 41px; left: 34px } } @media (max-width: 768.98px) { .advantages .section-title { display: none } } .has-blue-advantages .advantages__title { min-height: auto; margin-bottom: 0; line-height: 38px; margin: 0 -5px; font-weight: 450; color: #00effa } @media (max-width: 1366.98px) { .has-blue-advantages .advantages__title { font-size: 18px; line-height: 26px; margin: 5px 0 0 } } @media (max-width: 1279.98px) { .has-blue-advantages .advantages__title { font-size: 13px; line-height: 20px } } @media (max-width: 768.98px) { .has-blue-advantages .advantages__title { margin: 5px 0 0; line-height: 26px } } @media (min-width: 1280px) and (max-width: 1366.98px) { .advantages.advantages--adapt-default { padding-top: 112px; padding-bottom: 123px } .advantages.advantages--adapt-default .advantages__wrap { padding: 0 } .advantages.advantages--adapt-default .advantages__container { max-width: none; padding: 0 15px } } @media (min-width: 769px) and (max-width: 1279.98px) { .advantages.advantages--adapt-default { padding-top: 100px; padding-bottom: 112px } .advantages.advantages--adapt-default .advantages__wrap { padding: 0; margin-left: -12px; margin-right: -12px } .advantages.advantages--adapt-default .advantages__container { max-width: none; padding: 0 } .advantages.advantages--adapt-default .advantages__item { margin-top: 70px } .advantages.advantages--adapt-default .advantages__item:nth-child(-n+3) { margin-top: 0 } .advantages.advantages--adapt-default .advantages__text { font-size: 24px; line-height: 1.29167 } } @media (max-width: 768.98px) { .advantages.advantages--adapt-default { padding-top: 36px; padding-bottom: 36px } .advantages.advantages--adapt-default .advantages__wrap { flex-direction: row; align-items: flex-start; margin-bottom: -24px } .advantages.advantages--adapt-default .advantages__item { flex-basis: 50%; max-width: 50%; margin-top: 0; margin-bottom: 18px } .advantages.advantages--adapt-default .advantages__container { padding-left: 12px; padding-right: 12px } .advantages.advantages--adapt-default .advantages__text { margin-top: 10px; font-size: 16px; max-width: 160px; margin-left: auto; margin-right: auto; line-height: 1.25 } } .gallery { position: relative; overflow: hidden } .gallery.gallery--simple .gallery__wrap { padding: 0 } .gallery.gallery--simple .gallery__container { padding: 0 0 70px } @media (max-width: 768.98px) { .gallery.gallery--simple .gallery__container { padding-bottom: 40px } } .gallery.gallery--simple .gallery__pagination { position: absolute; display: block; left: 50%; bottom: 0 !important; transform: translateX(-50%); font-size: 14px; line-height: 34px; pointer-events: none } .gallery.gallery--simple .arrow { bottom: 0; width: 40px; height: 40px; box-shadow: none; border: 1px solid rgba(175, 187, 198, .6) } .gallery.gallery--simple .arrow:active { border-color: #22b0f3 } .gallery.gallery--simple .arrow--prev { margin-left: -55px; left: 50%; transform: translateX(-50%) } .gallery.gallery--simple .arrow--next { margin-right: -55px; right: 50%; transform: translateX(50%) } .gallery__wrap { padding: 165px 0 156px; max-width: 1696px; margin: 0 auto } .gallery.gallery--product .gallery__wrap { padding: 109px 0 0 } @media (max-width: 1366.98px) { .gallery.gallery--product .gallery__wrap { padding: 80px 0 0 } } @media (max-width: 1366.98px) { .gallery__wrap { padding: 136px 0 132px } } @media (max-width: 1279.98px) { .gallery__wrap { padding: 112px 0 122px } } @media (max-width: 768.98px) { .gallery__wrap { padding: 56px 0 } } @media (max-width: 1366.98px) { .gallery.gallery--brandshop .gallery__wrap { padding: 155px 0 141px } } @media (max-width: 1279.98px) { .gallery.gallery--brandshop .gallery__wrap { padding: 136px 0 85px } } @media (max-width: 768.98px) { .gallery.gallery--brandshop .gallery__wrap { padding: 8px 0 66px } } .gallery__img { display: block; max-width: 100%; width: 100%; border-radius: 15px } .gallery__item { width: 100%; text-align: center } .gallery__container { padding-bottom: 154px } @media (max-width: 1366.98px) { .gallery.gallery--product .gallery__container { padding-bottom: 88px } } @media (max-width: 1279.98px) { .gallery.gallery--product .gallery__container { padding-bottom: 102px } } @media (max-width: 768.98px) { .gallery.gallery--product .gallery__container { padding-bottom: 74px } } @media (max-width: 1366.98px) { .gallery__container { max-width: 1050px; padding-bottom: 150px } } @media (max-width: 1279.98px) { .gallery__container { padding-bottom: 132px } } @media (max-width: 768.98px) { .gallery__container { padding-bottom: 64px } } .gallery__button { width: 272px; display: block; margin: 0 auto 0 } @media (max-width: 1366.98px) { .gallery__button { margin: 2px auto 0 } } .gallery__pagination { display: none } @media (max-width: 768.98px) { .gallery__pagination { display: block; bottom: 31px !important } } @media (max-width: 768.98px) { .gallery.gallery--product .gallery__pagination { bottom: 41px !important } } .gallery .section-title { top: 125px; left: 69px } @media (max-width: 1366.98px) { .gallery .section-title { top: 113px; left: 33px } } @media (max-width: 1279.98px) { .gallery .section-title { top: 99px; left: 35px } } @media (max-width: 768.98px) { .gallery .section-title { display: none } } .gallery--brandshop .section-title { top: 211px; left: 82px } @media (max-width: 1366.98px) { .gallery--brandshop .section-title { top: 200px; left: 32px } } @media (max-width: 1279.98px) { .gallery--brandshop .section-title { top: 180px } } @media (max-width: 1366.98px) { .gallery.gallery--product .arrow { bottom: 9px; box-shadow: 0 -15px 80px -3px #c4c4c4 } } @media (max-width: 1279.98px) { .gallery.gallery--product .arrow { bottom: 24px } } .gallery .arrow { bottom: 73px; top: auto } @media (max-width: 1279.98px) { .gallery .arrow { bottom: 56px } } @media (max-width: 768.98px) { .gallery .arrow { display: none } } .gallery .arrow--prev { left: 50%; margin-left: -55px } @media (max-width: 1366.98px) { .gallery .arrow--prev { margin-left: -63px } } @media (max-width: 1279.98px) { .gallery .arrow--prev { margin-left: -63px } } .gallery .arrow--next { right: 50%; margin-right: -71px } @media (max-width: 1366.98px) { .gallery .arrow--next { margin-right: -65px } } .gallery .swiper-pagination-bullet-active { transform: scale(1.5) } .gallery .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px } .point-block { position: relative } @media (max-width: 768.98px) { .point-block { padding: 38px 20px 40px } } .point-block__inner { position: relative } .point-block__inner picture { display: block; height: 0; padding-bottom: 42.91667%; position: relative; overflow: hidden } @media (max-width: 1366.98px) { .point-block__inner picture { padding-bottom: 45.75403% } } @media (max-width: 1279.98px) { .point-block__inner picture { padding-bottom: 35.48387% } } @media (max-width: 768.98px) { .point-block__inner picture { padding-bottom: 112.5%; max-width: 100%; margin: 0 auto; border-radius: 8px } } .point-block__img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; top: 0; left: 0; opacity: 1; transition: opacity .3s ease-in-out; transition-delay: 0s } .point-block__img.is-hidden { display: block !important; opacity: 0; z-index: -1; transition-delay: .15s } .point-block__img-hover { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; top: 0; left: 0; display: block; opacity: 0; z-index: -1; transition: opacity .3s ease-in-out; transition-delay: .15s } .point-block__img-hover.is-active { opacity: 1; z-index: 1; transition-delay: 0s } .point-block__item-point { position: absolute; z-index: 1; width: 40px; height: 40px; border-radius: 100%; background: hsla(0, 0%, 100%, .6); box-shadow: inset 0 0 20px 20px rgba(34, 176, 243, .3), 0 0 43px 18px rgba(34, 176, 243, .8), 0 0 20px 3px rgba(34, 176, 243, .4); transition: box-shadow .1s ease-in-out, opacity .1s ease-in-out; cursor: pointer } .point-block__item-point.is-active, .point-block__item-point:hover { box-shadow: inset 0 0 20px 20px rgba(34, 176, 243, .3), 0 0 20px 9px rgba(34, 176, 243, .6), 0 0 20px 3px rgba(34, 176, 243, .4); opacity: .8; transition: box-shadow .1s ease-in-out, opacity .1s ease-in-out } @media (max-width: 768.98px) { .point-block__item-point { width: 30px; height: 30px } } .point-block__item-point:before { position: absolute; content: ""; width: 18px; height: 18px; left: 11px; top: 11px; background: #fff; border-radius: 100% } @media (max-width: 768.98px) { .point-block__item-point:before { width: 14px; height: 14px; left: 8px; top: 8px } } .point-block__item-point:after { position: absolute; content: ""; width: 200px; height: 200px; top: -81px; left: -81px; z-index: -1; transition: bacground-size .25s } @media (max-width: 768.98px) { .point-block__item-point:after { top: -28px; left: -28px; width: 80px; height: 80px; background-size: contain } } .point-block__item-point:hover:after { background-size: 75% } .point-block__data { position: absolute; right: 55.5%; color: #fff; max-width: 530px; opacity: 0; z-index: -1; top: 50%; transform: translateY(-50%); transition: opacity .4s ease-in-out, top .3s ease-in-out } @media (max-width: 1366.98px) { .point-block__data { right: 49.6%; margin-left: 30px } } @media (max-width: 1279.98px) { .point-block__data { right: 53%; margin-left: 30px; max-width: 384px } } @media (max-width: 768.98px) { .point-block__data { position: static; transform: none; transition: opacity .4s ease-in-out; bottom: 0; background: none; width: 100%; margin: 0; left: 0; max-width: 100%; padding: 35px 0 0; z-index: 1; display: none; color: #000 } .point-block__data[data-color-mobile=white] .point-block__text, .point-block__data[data-color-mobile=white] .point-block__title { color: #fff !important } .point-block__data[data-color-mobile=black] .point-block__text, .point-block__data[data-color-mobile=black] .point-block__title { color: #212121 !important } } .point-block__data.is-active { opacity: 1; z-index: 9; top: 50%; display: block } .point-block__data[data-color=white] .point-block__text, .point-block__data[data-color=white] .point-block__title { color: #fff } .point-block__data[data-color=black] .point-block__text, .point-block__data[data-color=black] .point-block__title { color: #212121 } .point-block__title { line-height: 1.5; font-size: 32px; font-weight: 500; letter-spacing: 1px } @media (max-width: 1279.98px) { .point-block__title { letter-spacing: .8px } } @media (max-width: 768.98px) { .point-block__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 700; line-height: 32px; margin-bottom: 4px; color: #212121 !important; letter-spacing: .2px } } .point-block__text { font-size: 24px; line-height: 1.5; margin-top: 20px } @media (max-width: 1366.98px) { .point-block__text { margin-top: 24px } } @media (max-width: 1279.98px) { .point-block__text { font-size: 20px; line-height: 1.6; margin-top: 20px } } @media (max-width: 768.98px) { .point-block__text { font-size: 18px; line-height: 28px; margin-top: 0; letter-spacing: .2px; color: #212121 !important } } .point-block__wrap { padding: 0 15.5% } @media (max-width: 1279.98px) { .point-block__wrap { pointer-events: none } } @media (max-width: 768.98px) { .point-block__wrap { padding: 0 } } @media (max-width: 1279.98px) { .point-block__wrap.is-active { pointer-events: auto } } .point-block__button { margin: 80px auto 0; display: block; max-width: 272px } @media (max-width: 1279.98px) { .point-block__button { margin: 54px auto 0 } } @media (max-width: 768.98px) { .point-block__button { display: none } } .point-block__group { display: none } .point-block__group--big { display: block } @media (max-width: 1366.98px) { .point-block__group--big { display: none } } @media (max-width: 1366.98px) { .point-block__group--large { display: block } } @media (max-width: 1279.98px) { .point-block__group--large { display: none } } @media (max-width: 1279.98px) { .point-block__group--medium { display: block } } @media (max-width: 768.98px) { .point-block__group--medium { display: none } } @media (max-width: 768.98px) { .point-block__group--small { display: block } } .tech { padding: 164px 0 0 } @media (max-width: 1366.98px) { .tech { padding: 124px 0 0 } } @media (max-width: 1279.98px) { .tech { padding: 96px 0 0 } } @media (max-width: 768.98px) { .tech { padding: 56px 0 0 } } .tech .section-title { top: -18px } @media (max-width: 1366.98px) { .tech .section-title { top: 6px; top: 18px } } @media (max-width: 768.98px) { .tech .section-title { display: none } } @media (max-width: 1279.98px) { .tech .specification { margin-bottom: 20px } } @media (max-width: 1366.98px) { .tech .specification__title { line-height: 1.22; margin-bottom: 24px } } @media (max-width: 1279.98px) { .tech .specification__title { font-size: 28px; line-height: 1.4; margin-bottom: 9px } } @media (max-width: 768.98px) { .tech .specification__title { font-size: 24px; margin-bottom: 16px } } @media (max-width: 1279.98px) { .tech .specification__wrap { width: 785px; max-width: 100% } } @media (max-width: 768.98px) { .tech .specification__wrap { flex-direction: column; align-items: center; margin: 0; width: 100% } } @media (max-width: 1279.98px) { .tech .specification__img { margin-top: 6px; margin-left: 15px } } @media (max-width: 768.98px) { .tech .specification__img { margin-bottom: 49px; margin-left: 0 } } .tech .specification--left .specification__data { justify-content: flex-start } @media (max-width: 1279.98px) { .tech .specification--left .specification__data { margin-left: 18.777% } } @media (max-width: 768.98px) { .tech .specification--left .specification__data { margin-left: 0 } } .tech--product { padding-top: 254px } @media (max-width: 1366.98px) { .tech--product { padding-top: 152px } } @media (max-width: 1279.98px) { .tech--product { padding-top: 88px } } .tech--product .specification { margin-bottom: 122px } @media (max-width: 1366.98px) { .tech--product .specification { min-height: 212px } } @media (max-width: 1279.98px) { .tech--product .specification { margin-bottom: 76px } } @media (max-width: 768.98px) { .tech--product .specification { margin-bottom: 12px } } @media (max-width: 1279.98px) { .tech--product .specification__data { max-width: 316px } } @media (max-width: 768.98px) { .tech--product .specification__data { max-width: 100% } } @media (max-width: 1279.98px) { .tech--product .specification__title { line-height: 40px; font-size: 32px; margin-bottom: 16px } } @media (max-width: 768.98px) { .tech--product .specification__title { font-size: 24px } } .tech--product .specification__img--outside { margin-top: -8px } @media (max-width: 1366.98px) { .tech--product .specification__img--outside { margin-top: 40px } } @media (max-width: 768.98px) { .tech--product .specification__img--outside { position: relative; margin-top: 48px; margin-bottom: 80px } } .tech--product .section-title { top: -105px } @media (max-width: 1366.98px) { .tech--product .section-title { top: -35px } } @media (max-width: 1279.98px) { .tech--product .section-title { top: 27px; left: 40px } } .fixed-card-info { display: flex; align-content: center; justify-content: center; width: 100%; max-width: 1920px; background-color: #fff; box-shadow: 0 8px 20px hsla(0, 0%, 76.9%, .2); height: 0; max-height: 0; opacity: 0; padding: 0; visibility: hidden; transition: opacity .25s ease-in-out; top: 0 } @media (max-width: 1279.98px) { .fixed-card-info { flex-wrap: nowrap; overflow: scroll; justify-content: flex-start } } @media (max-width: 767.98px) { .fixed-card-info { opacity: 1; position: fixed; z-index: 12; height: 90px; visibility: visible; max-height: 100%; padding: 11px 0; top: auto; bottom: 60px } } @media (max-width: 767.98px) and (max-width: 1919.98px) { .fixed-card-info { height: 78px } } @media (max-width: 767.98px) and (max-width: 767.98px) { .fixed-card-info { height: auto; padding: 10px 0; margin-bottom: 5px } } .fixed-card-info.is-no-x-scroll { overflow: initial } .fixed-card-info.is-fixed:not(.is-hidden-menu) { opacity: 1; position: fixed; z-index: 12; height: 90px; visibility: visible; max-height: 100%; padding: 11px 0 } @media (max-width: 1919.98px) { .fixed-card-info.is-fixed:not(.is-hidden-menu) { height: 78px } } @media (max-width: 767.98px) { .fixed-card-info.is-fixed:not(.is-hidden-menu) { height: auto; padding: 10px 0; margin-bottom: 5px } } .fixed-card-info > .container { display: flex; align-items: center } .fixed-card-info__wrap { display: flex; justify-content: space-between; width: 100% } @media (max-width: 767.98px) { .fixed-card-info__wrap { flex-direction: column; gap: 10px } } .fixed-card-info__data { display: flex; flex-wrap: nowrap; align-items: center; width: 66.66666% } @media (max-width: 1919.98px) { .fixed-card-info__data { width: 58% } } @media (max-width: 1279.98px) { .fixed-card-info__data { width: 53% } } @media (max-width: 767.98px) { .fixed-card-info__data { display: none } } .fixed-card-info__data-img { display: flex; align-items: center; justify-content: center; margin-right: 19px; width: 72px; max-height: 58px; padding: 4px 0 4px 0; background: #f4f4f4; border-radius: 4px } @media (max-width: 767.98px) { .fixed-card-info__data-img { display: none } } .fixed-card-info__data-img img { max-height: 50px } .fixed-card-info__data-info { width: 100% } .fixed-card-info__data-info-moves { display: flex; margin-top: 7px; font-size: 16px; line-height: 20px } @media (max-width: 1279.98px) { .fixed-card-info__data-info-moves { font-size: 14px; line-height: 18px } } @media (max-width: 767.98px) { .fixed-card-info__data-info-moves { display: none } } .fixed-card-info__data-info-moves .pd__compare:not(:last-child), .fixed-card-info__data-info-moves .pd__reviews:not(:last-child) { margin-right: 16px } .fixed-card-info__data-info-moves .pd__compare-text, .fixed-card-info__data-info-moves .pd__favorite-text, .fixed-card-info__data-info-moves .pd__reviews-text { font-size: 18px; margin-left: 5px } @media (max-width: 1919.98px) { .fixed-card-info__data-info-moves .pd__compare-text, .fixed-card-info__data-info-moves .pd__favorite-text, .fixed-card-info__data-info-moves .pd__reviews-text { font-size: 16px; line-height: 20px } } @media (max-width: 1279.98px) { .fixed-card-info__data-info-moves .pd__compare-text, .fixed-card-info__data-info-moves .pd__favorite-text, .fixed-card-info__data-info-moves .pd__reviews-text { font-size: 14px; line-height: 20px; font-weight: 400 } } .fixed-card-info__called { margin-right: 30px; font-size: 24px; font-weight: 600; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } @media (max-width: 1919.98px) { .fixed-card-info__called { font-size: 22px } } @media (max-width: 1365.98px) { .fixed-card-info__called { font-size: 20px } } @media (max-width: 767.98px) { .fixed-card-info__called { display: none } } .fixed-card-info__prices { display: flex; align-items: center; margin-left: auto; margin-right: 24px } @media (max-width: 767.98px) { .fixed-card-info__prices { display: none } } .fixed-card-info__price { color: #212121; font-size: 28px; font-weight: 600; line-height: 35.9px } @media (max-width: 1279.98px) { .fixed-card-info__price { font-weight: 600; font-size: 24px; line-height: 1 } } .fixed-card-info__price-old { font-weight: 600 !important } @media (max-width: 1279.98px) { .fixed-card-info__price-old { font-size: 12px !important } } .fixed-card-info__price.fixed-card-info__price--red { color: #fa4d62 } .fixed-card-info__btn { width: 33.33333%; min-width: 180px; max-width: 230px; height: 56px; line-height: 36px; font-size: 18px; padding: 0 10px } @media (max-width: 1919.98px) { .fixed-card-info__btn { font-size: 16px; font-weight: 500; line-height: 20px; max-width: 213px } } @media (max-width: 767.98px) { .fixed-card-info__btn { width: 100%; max-width: 100%; height: 46px; font-size: 16px; line-height: 36px; display: flex; align-items: center; justify-content: center; padding: 0 8px } } @media (max-width: 767.98px) { .fixed-card-info__btn .__desktop-text { display: none } } .fixed-card-info__btn .__mobile-text { display: none } @media (max-width: 767.98px) { .fixed-card-info__btn .__mobile-text { display: block } } .fixed-card-info__link-away { display: flex; align-items: center; padding: 0 10px !important; font-size: 18px; line-height: 21px } @media (max-width: 1919.98px) { .fixed-card-info__link-away { font-size: 16px; font-weight: 450; line-height: 20px } } @media (max-width: 1279.98px) { .fixed-card-info__link-away { font-size: 16px; line-height: 20px } } @media (max-width: 767.98px) { .fixed-card-info__link-away { justify-content: center; padding-left: 5px; padding-right: 5px } } .fixed-card-info__added { position: relative; z-index: 13 !important } @media (max-width: 767.98px) { .fixed-card-info__added { max-height: 46px; width: 100% } } .fixed-card-info__more { max-width: 85px; white-space: nowrap; padding-left: 10px; padding-right: 10px } @media (max-width: 767.98px) { .fixed-card-info__more { max-height: 46px; padding-left: 5px; padding-right: 5px } } @media (min-width: 768px) { .fixed-card-info__credit { display: none } } .product-slider { position: relative; height: 100%; width: 100% } .product-slider__inner { display: flex; justify-content: space-between } @media (max-width: 1279.98px) { .product-slider__inner { flex-direction: column-reverse } } .product-slider__img-thumbs { width: 100%; height: 100%; max-height: inherit; display: flex; align-items: center } .product-slider__img-thumbs picture { position: static; box-sizing: border-box; padding: 4px; width: inherit; height: inherit; max-width: inherit; max-height: inherit; display: flex; flex-direction: row; align-items: center; justify-content: center } .product-slider__img-thumbs picture img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } @media (max-width: 1279.98px) { .product-slider__img-thumbs picture img { max-height: inherit; max-width: inherit; padding: 4px } } .product-slider__item-thumbs { max-height: 65px; width: 100%; border-radius: 4px; transition: background .25s ease-in-out; cursor: pointer } @media (max-width: 1366.98px) { .product-slider__item-thumbs { min-width: 65px } } @media (max-width: 1279.98px) { .product-slider__item-thumbs { max-width: 75px } } @media (max-width: 768.98px) { .product-slider__item-thumbs { min-width: 65px; margin-right: 10px } } .product-slider__item-thumbs.swiper-slide-thumb-active, .product-slider__item-thumbs:hover { background: #f4f4f4 } .product-slider__item-thumbs--background-red.swiper-slide-thumb-active, .product-slider__item-thumbs--background-red:hover { background: #ffedef } .product-slider__video-btn { position: relative; left: 0; top: 0; width: 34px; height: 34px; margin-left: auto; margin-right: auto; margin-bottom: 20px; background: #22b0f3 } .product-slider__video-btn.is-disabled { pointer-events: none } .product-slider__video-btn:hover { background: #0090d5; border-color: #0090d5 } @media (max-width: 1279.98px) { .product-slider__video-btn { margin: unset; margin-top: 26px } } @media (max-width: 768.98px) { .product-slider__video-btn { margin-top: 6px } } .product-slider__video-container { z-index: 2; position: absolute; top: 0; background: #fff; opacity: 0; left: -2000px; transition: opacity .5s ease-in-out 0s, left 0s ease-in-out .5s, width 0s ease-in-out .5s, height 0s ease-in-out .5s; pointer-events: none; width: 0; height: 0; border-radius: 8px; overflow: hidden } .product-slider__video-container.is-active { width: 100%; height: 100%; transition: opacity .5s ease-in-out, left 0s ease-in-out 0s; opacity: 1; left: 0; pointer-events: all } .product-slider__pic-thumbs { max-width: 100%; width: 100%; height: auto } .product-slider__thumbs { height: 280px; margin-top: 60px; margin-bottom: 60px; position: relative } @media (max-width: 1366.98px) { .product-slider__thumbs { margin-top: 20px; margin-bottom: 49px } } @media (max-width: 1279.98px) { .product-slider__thumbs { height: auto; margin: 32px 0 0 24px; width: 75% } } @media (max-width: 768.98px) { .product-slider__thumbs { margin-top: 16px; width: 80% } .product-slider__thumbs:before { position: absolute; content: ""; width: 35px; height: 100%; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 80%); top: 0; right: -1px; z-index: 5; pointer-events: none } } .product-slider__thumbs--width-100 { width: 100%; margin-left: 0; margin-right: 0 } @media (max-width: 1279.98px) { .product-slider__thumbs--width-100:before { position: absolute; content: ""; width: 35px; height: 100%; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 80%); top: 0; right: -1px; z-index: 5; pointer-events: none } } @media (max-width: 1279.98px) { .product-slider__thumbs--width-100 ~ .arrow { display: none } } @media (max-width: 1279.98px) { .product-slider__thumbs--full { width: 100%; margin-left: 0 } } @media (max-width: 768.98px) { .product-slider__thumbs--full { width: 100% } } .product-slider__thumbs--full .product-slider__item-thumbs:last-child { margin-right: 0 !important } @media (min-width: 1280px) { .product-slider__thumbs--max-size { margin-top: 0; margin-bottom: 0 } } .product-slider__collumn { margin-right: 80px; margin-left: 9px; width: 65px; min-width: 65px; text-align: center } @media (max-width: 1366.98px) { .product-slider__collumn { margin-left: 0; margin-right: 34px } } @media (max-width: 1279.98px) { .product-slider__collumn { width: 100%; max-width: 100%; display: flex; align-items: center; justify-content: space-between } } @media (max-width: 768.98px) { .product-slider__collumn { flex-direction: row-reverse } } @media (max-width: 1279.98px) { .product-slider.product-slider--full .product-slider__collumn { max-width: 90%; margin: 0 auto } } @media (max-width: 768.98px) { .product-slider.product-slider--full .product-slider__collumn { max-width: 100% } } .product-slider__big { width: 100%; background: #f4f4f4; border-radius: 8px } .product-slider__big--background-red { background: #ffedef } .product-slider__big-pic { max-width: 100% } .product-slider__big-item { position: relative; border-radius: 8px; cursor: grab } .product-slider__big-item:before { content: ""; display: block; padding-top: 62.7% } @media (max-width: 1366.98px) { .product-slider__big-item:before { padding-top: 64.55% } } @media (max-width: 1279.98px) { .product-slider__big-item:before { padding-top: 62.5% } } .product-slider__big-img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; max-width: 100% } .product-slider__big-img picture { box-sizing: border-box; pointer-events: none } .product-slider__big-img picture img { max-width: calc(100% - 16px); max-height: calc(100% - 16px); transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; position: absolute; -o-object-fit: contain; object-fit: contain } .product-slider__wrap { width: 100%; position: relative; top: auto; transition: top .25s ease-in-out, bottom .25s ease-in-out, position .7s ease-in-out } @media (max-width: 768.98px) { .product-slider__wrap { width: 100% !important } } .product-slider__wrap.is-fixed { position: fixed; top: 90px; transition: top .25s ease-in-out, bottom .25s ease-in-out, position .7s ease-in-out } @media (max-width: 768.98px) { .product-slider__wrap.is-fixed { position: static; width: 100% !important } } .product-slider__wrap.is-absolute { position: absolute; top: auto; bottom: 0; transition: top .7s ease-in-out, bottom .7s ease-in-out, position .7s ease-in-out } @media (max-width: 768.98px) { .product-slider__wrap.is-absolute { position: static; width: 100% !important } } @media (max-width: 1279.98px) { .product-slider.product-slider--full .swiper-button-next { left: 92.5% } } .product-slider .swiper-button-next, .product-slider .swiper-button-prev { left: 18px } @media (max-width: 1366.98px) { .product-slider .swiper-button-next, .product-slider .swiper-button-prev { left: 8px } } .product-slider .swiper-button-prev { top: 40px; transform: rotate(90deg) } @media (max-width: 1366.98px) { .product-slider .swiper-button-prev { top: 0 } } @media (max-width: 1279.98px) { .product-slider .swiper-button-prev { top: auto; bottom: 7px; left: -22px; transform: rotate(0deg) } } .product-slider .swiper-button-next { top: 356px; transform: rotate(90deg) } @media (max-width: 1366.98px) { .product-slider .swiper-button-next { top: 317px } } @media (max-width: 1279.98px) { .product-slider .swiper-button-next { top: auto; bottom: 7px; left: 79.5%; transform: rotate(0deg) } } .product-slider .arrow { box-shadow: none; background: none } .product-slider .arrow:active { fill: #22b0f3; background: none } .product-slider .arrow__icon { width: 8px } @media (max-width: 768.98px) { .product-slider .arrow { display: none } } .product-slider .picture-magnifier:not(.cursor-disabled) { cursor: url(/local/templates/haier/css/../images/magnifier-cursor.svg), zoom-in } .product-slider .picture-magnifier.cursor-disabled { cursor: grabbing } .product-tabs { position: relative } .product-tabs__item { opacity: 0; height: 0; transition: opacity .35s ease-in-out; overflow: hidden } .product-tabs__item section:last-child > .product-feature-wide { padding-bottom: 38px } .product-tabs__item.is-active { opacity: 1; height: auto } .product-tabs__header { margin-top: 38px; font-size: 24px; font-weight: 450; line-height: 36px; text-align: left } .product-tabs__btn { font-size: 20px; color: #afbbc6; text-decoration: none; font-weight: 500; transition: color .25s ease-in-out; cursor: pointer; flex-shrink: 0; position: relative } .product-tabs__btn .btn__counter { color: #afbbc6 } .product-tabs__btn:not(:last-child) { margin-right: 50px } @media (max-width: 1919.98px) { .product-tabs__btn:not(:last-child) { margin-right: 45px } } .product-tabs__btn:before { content: ""; display: block; background: #22b0f3; transform: scaleY(0); transform-origin: 50% 100%; transition: transform .25s ease-in-out; pointer-events: none; position: absolute; bottom: -24px; left: 0; width: 100%; height: 2px } .product-tabs__btn.is-active, .product-tabs__btn:hover { color: #22b0f3 } .product-tabs__btn.is-active:before { transform: scaleY(1) } .product-tabs__inner { display: flex; justify-content: center; padding: 12px 0 24px; background: #fff } @media (max-width: 1023.98px) { .product-tabs__inner { justify-content: flex-start; padding: 12px 30px 24px; overflow: auto hidden } } @media (max-width: 768.98px) { .product-tabs__inner { padding: 12px 20px 24px } } @media (max-width: 1366.98px) { .product-tabs .specification__text { font-size: 24px; line-height: 1.5 } } @media (max-width: 1279.98px) { .product-tabs .specification__text { font-size: 18px; line-height: 28px } } @media (max-width: 768.98px) { .product-tabs .specification__text { line-height: 32px } } .catalog-similar { padding-bottom: 116px; background: #fff } @media (max-width: 1366.98px) { .catalog-similar { padding-bottom: 72px } } @media (max-width: 1279.98px) { .catalog-similar { padding-bottom: 0 } } .catalog-similar__container { position: relative; display: flex; z-index: 1; max-width: 1513px; width: 100%; margin: 0 auto; padding: 0 20px } @media (max-width: 1366.98px) { .catalog-similar__container { max-width: 1248px } } @media (max-width: 1279.98px) { .catalog-similar__container { max-width: 1000px } } @media (max-width: 1366.98px) { .catalog-similar.catalog-similar--full .catalog-similar__container { max-width: 100%; padding: 0 } } @media (max-width: 1279.98px) { .catalog-similar.catalog-similar--full .catalog-similar__container { max-width: 1000px } } .catalog-similar__body { width: 100%; background-color: #fff; padding: 144px 69px 0 87px; border-radius: 12px } @media (max-width: 1366.98px) { .catalog-similar__body { padding: 108px 77px 0 } } @media (max-width: 1279.98px) { .catalog-similar__body { padding: 104px 6.25% 0 } } @media (max-width: 768.98px) { .catalog-similar__body { margin-top: 0; padding: 24px 20px 0; border-radius: 0; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px) } } @media (max-width: 1366.98px) { .catalog-similar.catalog-similar--full .catalog-similar__body { padding: 144px 0 0; padding-left: 30px; padding-right: 30px; max-width: 1266px; margin: 0 auto } } @media (max-width: 1279.98px) { .catalog-similar.catalog-similar--full .catalog-similar__body { padding: 104px 6.25% 0 } } @media (max-width: 768.98px) { .catalog-similar.catalog-similar--full .catalog-similar__body { margin-top: 0; padding: 40px 20px 0; border-radius: 0; width: calc(100% + 40px) } } .catalog-similar.catalog-similar--search .catalog-similar__body { padding: 60px 69px 70px 87px } @media (max-width: 1366.98px) { .catalog-similar.catalog-similar--search .catalog-similar__body { padding-left: 30px; padding-right: 30px; max-width: 1266px; margin: 0 auto } } @media (max-width: 1279.98px) { .catalog-similar.catalog-similar--search .catalog-similar__body { padding: 72px 6.25% 36px } } @media (max-width: 768.98px) { .catalog-similar.catalog-similar--search .catalog-similar__body { margin-top: 0; padding: 32px 20px 24px; border-radius: 0; width: 100% } } .catalog-similar__list { display: flex; flex-wrap: wrap; margin: 0 -14px } @media (max-width: 1279.98px) { .catalog-similar__list { flex-flow: wrap; margin-left: -10px; margin-right: -10px } } @media (max-width: 768.98px) { .catalog-similar__list { margin-bottom: 30px } } @media (max-width: 1279.98px) { .catalog-similar.catalog-similar--search .catalog-similar__list { justify-content: flex-start; margin-bottom: 0 } } .catalog-similar__product { width: 25%; max-width: 25%; padding: 0 14px; margin-bottom: 88px } @media (max-width: 1366.98px) { .catalog-similar__product { padding: 0 12px } } @media (max-width: 1279.98px) { .catalog-similar__product { padding: 0 10px; width: 32%; max-width: none } } @media (max-width: 768.98px) { .catalog-similar__product { min-width: 170px; width: 100%; max-width: 100%; margin-bottom: 30px } } @media (max-width: 768.98px) { .catalog-similar__product:last-child { display: flex } } .catalog-similar.catalog-similar--search .catalog-similar__product { margin-bottom: 60px } @media (max-width: 1366.98px) { .catalog-similar.catalog-similar--search .catalog-similar__product { margin-bottom: 18px } } @media (max-width: 1279.98px) { .catalog-similar.catalog-similar--search .catalog-similar__product { padding: 0 15px; width: 33%; margin-bottom: 72px } } @media (max-width: 1023.98px) { .catalog-similar.catalog-similar--search .catalog-similar__product { min-width: 170px; width: 50%; max-width: 50%; margin-bottom: 30px } } @media (max-width: 767.98px) { .catalog-similar.catalog-similar--search .catalog-similar__product { width: 100%; max-width: 100%; padding: 0 10px; margin-bottom: 40px } } @media (max-width: 1279.98px) { .catalog-similar.catalog-similar--search .catalog-similar__product:last-child { display: flex } } .catalog-similar__product .card { width: 100% } .catalog-similar .section-title { top: 241px } @media (max-width: 1366.98px) { .catalog-similar .section-title { top: 205px } } @media (max-width: 1279.98px) { .catalog-similar .section-title { top: 212px; left: 14px } } @media (max-width: 768.98px) { .catalog-similar .section-title { display: none } } .catalog-similar--full { padding-bottom: 28px } @media (max-width: 1279.98px) { .catalog-similar--full { padding-bottom: 0 } } @media (max-width: 1366.98px) { .catalog-similar--full .section-title { display: none } } @media (max-width: 1279.98px) { .catalog-similar--full .section-title { display: block } } @media (max-width: 768.98px) { .catalog-similar--full .section-title { display: none } } .catalog-similar--search { padding-bottom: 0 } @media (max-width: 1279.98px) { .catalog-similar--search { padding-bottom: 0 } } .catalog-similar--search .product { margin-bottom: 110px } @media (max-width: 1366.98px) { .catalog-similar--search .product { margin-bottom: 92px } } @media (max-width: 1279.98px) { .catalog-similar--search .product { margin-bottom: 48px } } @media (max-width: 768.98px) { .catalog-similar--search .product { margin-bottom: 0 } } @media (max-width: 1366.98px) { .catalog-similar--search .product__img { height: 276px } } @media (max-width: 768.98px) { .catalog-similar--search .product__img { height: 160px } } .catalog-similar--search .section-title { top: 200px } .characteristic-list { position: relative; width: 920px; margin: 0 auto; padding-top: 64px; padding-left: 35px; max-width: 100% } @media (max-width: 1366.98px) { .characteristic-list { padding-top: 66px; padding-left: 30px; padding-bottom: 40px; width: 810px } } @media (max-width: 1279.98px) { .characteristic-list { width: 688px; padding-right: 2% } } @media (max-width: 768.98px) { .characteristic-list { padding-top: 36px; padding-left: 19px; padding-bottom: 16px } } .characteristic-list__caption { font-size: 24px; line-height: 64px; margin-bottom: 8px; display: block; width: 100%; position: relative; transition: color .25s ease-in-out; cursor: pointer; color: #212121 } @media (max-width: 1366.98px) { .characteristic-list__caption { line-height: 32px; margin-bottom: 28px } } @media (max-width: 1279.98px) { .characteristic-list__caption { font-size: 20px; margin-bottom: 22px } } @media (max-width: 768.98px) { .characteristic-list__caption { padding-right: 40px; line-height: 24px; margin-bottom: 20px } } .characteristic-list__caption.is-active { color: #22b0f3 } .characteristic-list__caption.is-active:before { border-top: 12px solid #22b0f3; transform: rotate(540deg); top: 21px } @media (max-width: 1366.98px) { .characteristic-list__caption.is-active:before { top: 6px; border-top: 10px solid #22b0f3 } } @media (max-width: 1279.98px) { .characteristic-list__caption.is-active:before { top: 3px } } @media (max-width: 768.98px) { .characteristic-list__caption.is-active:before { border-top: 8px solid #22b0f3 } } .characteristic-list__caption:hover { color: #22b0f3 } .characteristic-list__caption:hover:before { border-top: 12px solid #22b0f3 } @media (max-width: 1366.98px) { .characteristic-list__caption:hover:before { border-top: 10px solid #22b0f3 } } @media (max-width: 768.98px) { .characteristic-list__caption:hover:before { border-top: 8px solid #22b0f3 } } .characteristic-list__caption:before { content: ""; position: absolute; right: 13px; top: 29px; border: 8px solid transparent; border-top: 12px solid #afbbc6; transition: border-color .25s ease-in, transform .2s ease-in, top .2s ease-in; transform: rotate(1turn) } @media (max-width: 1366.98px) { .characteristic-list__caption:before { border-top: 10px solid #afbbc6; right: 33px; top: 12px } } @media (max-width: 1279.98px) { .characteristic-list__caption:before { right: 66px; top: 10px } } @media (max-width: 768.98px) { .characteristic-list__caption:before { right: 15px; top: 3px; border: 6px solid transparent; border-top: 8px solid #afbbc6 } } .characteristic-list__item { font-size: 18px; margin-bottom: 25px; display: flex; justify-content: space-between; width: 100%; padding-left: 12.5% } @media (max-width: 1366.98px) { .characteristic-list__item { padding-left: 10.5% } } @media (max-width: 1279.98px) { .characteristic-list__item { font-size: 16px; margin-bottom: 16px; padding-left: 9.8% } } @media (max-width: 768.98px) { .characteristic-list__item { padding-left: 0; margin-bottom: 20px } } .characteristic-list--text .characteristic-list__item { padding-left: 0; margin-bottom: 0 } .characteristic-list__items { width: 100%; max-height: 0; overflow: hidden; transition: max-height .25s ease-in, opacity .5s ease-in, margin-bottom .25s ease-in, margin .25s ease-in-out; min-height: 0; opacity: 1 } .characteristic-list__items.is-active { max-height: 2000px; min-height: 0; height: 100%; overflow: visible; opacity: 1; margin-bottom: 24px; margin-top: 24px } @media (max-width: 1366.98px) { .characteristic-list__items.is-active { margin-top: 16px } } @media (max-width: 1279.98px) { .characteristic-list__items.is-active { margin-top: 23px; margin-bottom: 24px } } .characteristic-list__key { width: 55%; display: flex; align-items: baseline } @media (max-width: 768.98px) { .characteristic-list__key { width: 42%; line-height: 19px } } .characteristic-list__key .icon-question-circle { flex-shrink: 0; margin-left: 4px } .characteristic-list__key .icon-question-circle:hover { background: #22b0f3; border-color: #22b0f3; color: #fff } .characteristic-list__val { width: 27.5% } @media (max-width: 1366.98px) { .characteristic-list__val { width: 30% } } @media (max-width: 1279.98px) { .characteristic-list__val { width: 35% } } @media (max-width: 768.98px) { .characteristic-list__val { width: 49% } } .characteristic-list__group-caption { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; color: hsla(0, 0%, 40%, .6); padding-left: 12px; position: relative } @media (max-width: 768.98px) { .characteristic-list__group-caption { margin-bottom: 24px; font-size: 12px; line-height: 1.33; padding-left: 11px } } .characteristic-list__group-caption:before { content: "*"; font-size: inherit; line-height: inherit; letter-spacing: .02em; color: inherit; position: absolute; left: 0; top: 0 } .characteristic-certificates { border-radius: 12px; background: #fff; margin-top: 80px } @media (max-width: 1365.98px) { .characteristic-certificates { margin-top: 60px } } @media (max-width: 1279.98px) { .characteristic-certificates { margin-top: 50px } } @media (max-width: 1023.98px) { .characteristic-certificates { margin-top: 30px; margin-bottom: 30px } } .characteristic-certificates__content { display: flex; flex-direction: column; padding: 35px 40px; font-size: 24px; font-weight: 400; line-height: 34px } @media (max-width: 1279.98px) { .characteristic-certificates__content { padding: 30px 35px; font-size: 20px; line-height: 28px } } @media (max-width: 1023.98px) { .characteristic-certificates__content { padding: 20px 24px; font-size: 20px; line-height: 30px } } .characteristic-certificates__text { padding-bottom: 35px } @media (max-width: 1279.98px) { .characteristic-certificates__text { padding-bottom: 30px } } @media (max-width: 1023.98px) { .characteristic-certificates__text { padding-bottom: 20px } } .characteristic-certificates__text-empty { padding-bottom: 0 } .characteristic-certificates__links { border-top: 1px solid rgba(175, 187, 198, .5019607843137255); display: flex; flex-direction: column; gap: 8px; padding-top: 35px; font-size: 20px; font-weight: 400; line-height: 28px } @media (max-width: 1279.98px) { .characteristic-certificates__links { font-size: 16px; line-height: 20px; padding-top: 30px } } @media (max-width: 1023.98px) { .characteristic-certificates__links { padding-top: 20px } } .size-label { display: flex; flex-wrap: wrap } @media (max-width: 1279.98px) { .size-label { justify-content: space-between; width: 100% } } .size-label__item { display: flex; min-width: 46px; height: 46px; margin-right: 20px; margin-bottom: 20px; align-items: center; justify-content: center; border: 1px solid #afbbc6; border-radius: 23px; transition: border .25s ease-in-out; font-size: 16px; font-weight: 500; color: #212121; text-decoration: none; cursor: pointer; padding: 0 8px } @media (max-width: 1279.98px) { .size-label__item { min-width: 40px; height: 40px; margin-right: 0; font-size: 14px; border-radius: 20px } } @media (max-width: 768.98px) { .size-label__item { min-width: 47px; height: 47px; border-radius: 24px } } .size-label__item.is-active, .size-label__item.is-active:hover { border: 2px solid #22b0f3 } .size-label__item:hover { border: 1px solid #22b0f3 } .size-label__item > * { pointer-events: none } .size-label__item:last-child { margin-right: 0 } @media (max-width: 1279.98px) { .product-galery__sizes .size-label__item { margin-right: 20px } .product-galery__sizes .size-label__item:last-child { margin-right: 0 } } @media (max-width: 1279.98px) { .product-galery__sizes .size-label { justify-content: flex-start } } .simplebar-scrollbar:before { width: 5px; border-radius: 2.5px; background-color: rgba(33, 33, 33, .21); cursor: pointer } .simplebar-horizontal .simplebar-scrollbar:before { height: 5px; width: inherit } .error { position: fixed; z-index: 100; top: 85px; right: 36px; display: block; padding: 24px 32px; max-width: 500px; opacity: 0; font-weight: 500; border-radius: 4px; box-shadow: 1px 4px 20px rgba(9, 97, 172, .17); background: #fff; color: #f61c40; transform: translate3d(0, -10px, 0); transition: opacity .25s ease-in-out, transform .25s ease-in-out } @media (max-width: 1366.98px) { .error { top: 75px } } @media (max-width: 1279.98px) { .error { right: 20px } } @media (max-width: 768.98px) { .error { right: 15px; top: 80px; max-width: calc(100% - 30px); padding: 10px } } body.is-modal-visible .error { top: 25px } @media (max-width: 768.98px) { body.is-modal-visible .error { top: 15px } } body:not(.is-fixed) .error { top: 112px } .error.is-visible { opacity: 1; transform: translateZ(0) } .error a { padding: 0; text-decoration: none; color: #22b0f3; background: none; border: none; border-radius: 0; cursor: pointer; font-family: inherit; font-size: inherit; line-height: inherit; transition: color .25s ease-in-out } .error-message { font-size: 16px; margin-top: 5px; color: #f61c40; opacity: .9 } .page-header { padding: 184px 0 32px } @media (max-width: 1919.98px) { .page-header { padding-top: 164px } } @media (max-width: 1365.98px) { .page-header { padding-top: 140px } } @media (max-width: 1023.98px) { .page-header { padding: 84px 0 8px } } .page-header h1 { font-size: 32px; line-height: 1.3 } @media (max-width: 768.98px) { .page-header h1 { font-size: 24px } } .comparison .page-header h1 { font-weight: 800 } .content-wrap { width: 100%; max-width: 1295px; margin: 0 auto } @media (min-width: 1024px) { .comparison__title .content-wrap { display: flex; justify-content: space-between; align-items: baseline } } .auth { width: 100%; max-width: 936px; padding: 34px 40px 40px 40px; border-radius: 8px; background-color: #fff; position: relative } .modal.modal--auth .auth { padding: 0 } .feedback .auth { padding: 40px; border-radius: 0; background-color: transparent; max-width: 490px } @media (max-width: 767.98px) { .feedback .auth { padding: 40px 20px; max-width: 100% } } @media (max-width: 768.98px) { .auth { padding: 20px 15px 40px } } .auth--checkout-promotions { margin: 0 0 70px; padding: 25px 25px 10px; max-width: 100%; background-color: #f8f9fa } @media (max-width: 1279.98px) { .auth--checkout-promotions { margin: 0 0 65px } } @media (max-width: 768.98px) { .auth--checkout-promotions { margin: 0 0 20px } } .auth--checkout-contacts { margin-bottom: 10px } @media (max-width: 768.98px) { .auth--checkout-contacts { margin-bottom: 0 } } .auth_gray-full { padding: 25px; margin: 0 0 70px; max-width: 100%; background-color: #f8f9fa } @media (max-width: 1279.98px) { .auth_gray-full { margin: 0 0 65px; padding: 20px } } @media (max-width: 768.98px) { .auth_gray-full { margin: 0 0 20px } } .auth_reset { padding: 0; margin: 0 0 70px; max-width: 100%; background-color: transparent } @media (max-width: 1279.98px) { .auth_reset { margin: 0 0 65px } } @media (max-width: 768.98px) { .auth_reset { margin: 0 0 20px } } @media (max-width: 768.98px) { .layout-lk__blocks .auth__wrapper { padding: 0 20px } } .auth__content { font-size: 18px; line-height: 28px; margin-bottom: 38px } .auth--popup .auth__content { margin-bottom: 0 } .auth__content p { font-size: 18px; line-height: 28px } .auth__content--checkout { margin-bottom: 24px } .auth--popup .auth__content--pull-up { margin-top: -10px; margin-bottom: 20px } .auth__content--error { color: #f61c40 } .auth__content-text { margin: 0 0 40px } .auth__tabs-list { display: flex; margin-bottom: 25px; gap: 30px } @media (max-width: 1023.98px) { .auth__tabs-list { gap: 20px } } .auth__tabs-button { font-size: 32px; line-height: 40px; font-weight: 500; color: #afbbc6 } @media (max-width: 1365.98px) { .auth__tabs-button { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 24px; line-height: 24px; letter-spacing: .02em } } @media (max-width: 1023.98px) { .auth__tabs-button { font-weight: 700; font-size: 20px; letter-spacing: normal } } .auth__tabs-button.is-active { color: #212121; order: -1 } .auth__tabs-container-mr-top { margin: 30px 0 0 } @media (max-width: 768.98px) { .auth__tabs-container-mr-top { margin: 25px 0 0 } } .auth__tabs-container-auth { display: block; height: 0; opacity: 0; transition: height .3s ease, opacity .3s ease } .auth__tabs-container-auth.is-active { height: 100%; opacity: 1 } .auth__goback { font-size: 18px; line-height: 1.27778 } .feedback .auth__goback { margin-bottom: 16px } .auth__form-title { font-size: 32px; line-height: 40px; margin-bottom: 25px; font-weight: 500 } @media (max-width: 768.98px) { .auth__form-title { font-size: 20px } } .auth__form-title--small-mb { margin-bottom: 24px; font-size: 18px; line-height: 23px } .feedback .auth__form-title { margin-bottom: 16px } .auth__form-text { font-size: 18px; line-height: 28px; margin-bottom: 24px } @media (max-width: 768.98px) { .auth:not(.auth--popup) .authorization { padding-bottom: 0 } } .auth:not(.auth--popup) .authorization .omnichannel__icon { max-width: 100px; max-height: 15px } .auth__confirm { margin-top: 20px; max-width: 400px } .auth-yandex { border-top: 1px solid #d7dde3; padding-top: 30px; margin-top: 30px; margin-bottom: 12px; position: relative; z-index: 1 } @media (max-width: 1365.98px) { .auth-yandex { margin-top: 20px; padding-top: 20px; margin-bottom: 20px } } .auth-yandex-container[data-type=auth] { max-width: 400px } @media (max-width: 767.98px) { .auth-yandex-container[data-type=auth] { max-width: 100% } } .auth-yandex__inner { height: 56px; border-radius: 8px; position: relative; overflow: hidden } .auth-yandex__outer { font-weight: 400; font-size: 16px; line-height: 22px } @media (max-width: 767.98px) { .auth-yandex__outer { font-size: 18px; line-height: 24px } } .auth-yandex__outer a { text-decoration: none; color: #22b0f3 } .auth-yandex__skeleton { box-sizing: border-box; border-radius: 8px; width: 100%; margin: 0; opacity: 1; display: flex; justify-content: space-between; align-items: center; font-family: YS Text, Helvetica Neue, Arial, sans-serif; color: #fff; cursor: pointer; border: none; outline: 0; background-color: #000; transition: opacity .6s, background-color .3s; height: 56px; min-width: 194px; padding: 14px 16px; font-size: 16px; line-height: 20px; position: absolute; inset: 0 } .auth-yandex__skeleton-logo { width: 26px; height: 26px; position: relative; flex-shrink: 0; border-radius: 50%; background-size: contain; background-repeat: no-repeat; background-position: 50%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FC3F1D' d='M0 0h44v44H0z'/%3E%3Cpath d='M24.74 33.978h4.349V9.044h-6.33c-6.366 0-9.705 3.259-9.705 8.074 0 4.155 2.165 6.498 6 9.043l2.33 1.538-2.991-2.508-5.926 8.787h4.715l6.33-9.446-2.202-1.465c-2.66-1.794-3.963-3.185-3.963-6.206 0-2.654 1.871-4.448 5.43-4.448h1.945v21.565h.019z' fill='%23fff'/%3E%3C/svg%3E") } .auth-yandex__skeleton-loader { display: block; width: 26px; height: 26px; transition: transform .25s } .auth-yandex__skeleton-loader:before { content: ""; display: block; width: 100%; height: 100%; animation: rotate 1.5s linear infinite; background: url(/local/templates/haier/css/../images/icon-preloader-white.svg) no-repeat } .comparison { background: #fff } .comparison.is-difference [data-is-difference=false] { display: none } .comparison__title { background: #f4f4f4 } .comparison__head { position: relative } .comparison__head:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(215, 221, 227, .6); height: 1px; z-index: 1 } .comparison__select-wrap { width: 320px } @media (max-width: 359.98px) { .comparison__select-wrap { width: 100% } } .comparison__select-wrap.select .choices__inner { height: 48px; line-height: 48px } .comparison__select-wrap.select .choices__list--dropdown { top: 60px } @media (max-width: 1023.98px) { .comparison__clean { padding: 20px 0 } } .comparison__clean-link { font-size: 16px; color: #00a0eb } @media (max-width: 1023.98px) { .comparison__title .comparison__clean { display: none } } @media (min-width: 1024px) { .comparison__top .comparison__clean { display: none } } .comparison__tabs-slider { position: relative; z-index: 1; width: 100%; height: 100%; overflow: hidden } @media (min-width: 1024px) { .comparison__tabs-slider { margin-bottom: -1px } } .comparison__tabs-slider:not(.swiper-container-initialized) .arrow { display: none } .comparison__tabs-slider.has-padding { padding: 0 80px } .comparison__tabs-slider.has-padding:after, .comparison__tabs-slider.has-padding:before { content: ""; display: block; position: absolute; top: 0; width: 80px; z-index: 11 } .comparison__tabs-slider.has-padding:before { left: 0; background-image: linear-gradient(90deg, #fff 80%, hsla(0, 0%, 100%, 0)) } .comparison__tabs-slider.has-padding:after { right: 0; background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 80%) } .comparison__tabs-slider .arrow { border: 1px solid #d7dde3; z-index: 12 } .comparison__tabs-slider .arrow--prev { box-shadow: -20px 0 30px 30px #fff } .comparison__tabs-slider .arrow--next { box-shadow: 20px 0 30px 30px #fff } .comparison__tabs-slider .swiper-slide { width: auto } .comparison__tabs { list-style: none; padding: 0; margin: 0 } .comparison__tabs-slider:not(.swiper-container-initialized) .comparison__tabs > li:not(:last-child) { margin-right: 60px } .comparison__tab { min-height: 78px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; line-height: 1.3; font-weight: 400; color: #afbbc6; text-decoration: none; border-bottom: 2px solid transparent } .comparison__tab:not(.is-selected):focus, .comparison__tab:not(.is-selected):hover { color: #22b0f3 } .comparison__tab.is-selected { color: #22b0f3; border-bottom-color: #22b0f3 } .comparison .counter__container { background: none; padding: 0 } .comparison .counter__container .input-text { border: 1px solid #d7dde3; border-radius: 6px; min-width: 78px } .comparison .counter__container .counter__button { width: 26px; background: none } .comparison .counter__container .counter__button:hover span { background: #5e5c5c } .comparison .counter__container .counter__button span { width: 12px; background: #afbbc6; transition: .2s ease-in-out; border-radius: 3px } .comparison .counter__container .counter__button.counter__button--plus span:nth-child(2) { left: calc(50% - 6px) } .comparison-acco { margin-bottom: 10px } .comparison-acco.is-active .comparison-acco__trigger:before { transform: rotate(0deg); top: 50% } .comparison-acco__slider { flex: 1 } @media (max-width: 1279.98px) { .comparison-acco__slider:after { content: ""; position: absolute; right: 0; bottom: 0; top: 0; width: 20%; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff); z-index: 15 } } @media (max-width: 768.98px) { .comparison-acco__slider:after { content: none } } .comparison-acco__spec-title { width: 25%; padding-right: 26px } @media (max-width: 1279.98px) { .comparison-acco__spec-title { width: 100%; margin-bottom: 16px } } .comparison-acco__spec-title .comparison-acco__item { color: #97a4af } .comparison-acco__trigger { cursor: pointer; display: inline-block; position: relative; margin-bottom: 10px } .comparison-acco__trigger:hover .comparison-acco__title { color: #22b0f3 } .comparison-acco__trigger:hover:before { border-top-color: #22b0f3 } .comparison-acco__trigger:before { content: ""; position: absolute; left: 100%; top: 33%; margin-left: 10px; margin-top: -5px; border: 6px solid transparent; border-top: 8px solid #22b0f3; transition: border-color .25s ease-in, transform .2s ease-in, top .2s ease-in; transform: rotate(180deg) } .comparison-acco__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; transition: color .25s ease-in-out; color: #22b0f3 } @media (max-width: 1279.98px) { .comparison-acco__title { font-size: 20px } } .comparison-acco__row { transition: background-color .25s ease-in-out; padding: 21.5px 0 } .comparison-acco__row .icon-question-circle { position: relative; display: inline-flex; transition: opacity .25s; opacity: 0; margin-left: 4px; box-sizing: border-box } @media (max-width: 768.98px) { .comparison-acco__row .icon-question-circle { display: none } } .comparison-acco__row .icon-question-circle:hover .comparison-acco__tooltip { opacity: 1; pointer-events: auto } @media (min-width: 1280px) { .comparison-acco__row:hover { background: #d7dde3 } } .comparison-acco__row:hover .icon-question-circle { opacity: 1 } .comparison-acco__box { display: flex } @media (max-width: 1279.98px) { .comparison-acco__box { display: block } } .comparison-acco__item { font-size: 16px; line-height: 24px; box-sizing: content-box; position: relative; word-break: break-word } @media (max-width: 1023.98px) { .comparison-acco__item { font-size: 14px } } .comparison-acco__content { max-height: 0; overflow-y: hidden; transition: max-height .25s ease-in-out } .comparison-acco__content.is-active { transition: max-height .5s ease-in-out; max-height: 4000px } .comparison-acco__content .comparison-acco { margin-bottom: 0 } .comparison-acco__tooltip { font-size: 16px; text-align: center; width: 130px; position: absolute; left: 100%; top: -7px; margin-left: 15px; box-shadow: -5px 4px 40px -9px #959799; padding: 8px 13px 12px; border-radius: 4px; background-color: #fff; transition: all .25s ease-in-out; opacity: 0; visibility: hidden; z-index: 2; pointer-events: none; cursor: auto } .comparison-acco__tooltip:before { content: ""; position: absolute; border: 6px solid transparent; border-right: 8px solid #fff; left: -14px; top: 11px } .comparison-spec { padding-top: 34px; padding-bottom: 7% } .comparison-slider { background-color: #fff } .comparison-slider.is-sticky { position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 15; box-shadow: 0 0 32px rgba(134, 143, 168, .2) } .comparison-slider.is-sticky .comparison-slider__row { border-bottom: none } .comparison-slider__row { padding: 24px 0 0; border-bottom: 1px solid rgba(215, 221, 227, .6); position: relative } @media (max-width: 768.98px) { .comparison-slider__row { padding: 16px 0 } } .comparison-slider__controls { width: 25%; position: absolute; top: 24px; bottom: 0; left: 0; z-index: 2 } @media (max-width: 1279.98px) { .comparison-slider__controls { margin-bottom: 24px; width: auto; position: static } } .comparison-slider__count { text-align: center; font-size: 12px; line-height: 24px; letter-spacing: .02em; color: #afbbc6; position: absolute; top: 0; right: 0; display: none } @media (max-width: 768.98px) { .comparison-slider__count { display: block } } .comparison-slider__list { padding-left: 25%; padding-bottom: 24px } @media (max-width: 1279.98px) { .comparison-slider__list { padding-left: 0; padding-bottom: 8px } .comparison-slider__list.is-blur:after { content: ""; position: absolute; right: 0; bottom: 0; top: 0; width: 20%; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff); z-index: 15; pointer-events: none } .comparison-slider__list.is-blur.is-last-slide:after { opacity: 0 } } @media (max-width: 768.98px) { .comparison-slider__list { padding-bottom: 5px } .comparison-slider__list:after { display: none } } .comparison-slider__list:before { content: ""; position: absolute; z-index: 5; top: 0; bottom: 0; left: 0; width: 25%; background-color: #fff } @media (max-width: 1279.98px) { .comparison-slider__list:before { display: none } } .comparison-slider .arrow { margin-top: 0; top: auto; right: auto; bottom: 22px } @media (max-width: 1279.98px) { .comparison-slider .arrow { display: none } } .comparison-slider .arrow--prev { left: 0 } .comparison-slider .arrow--next { left: 70px } .comparison-slider .swiper-slide { display: flex; height: auto; box-sizing: border-box } @media (max-width: 768.98px) { .comparison-slider .swiper-slide { flex-flow: column } } .comparison-slider .card__container-card { margin-bottom: 0 } .comparison-slider .card__container-actions { margin-top: 0 } .comparison-slider .card__body { margin-bottom: auto } .comparison-slider .card__footer { margin: auto 0 16px } .comparison-slider .add-to-basket { width: 100%; margin-right: 1px } .comparison-slider .add-to-basket__button { width: 100% } @media (max-width: 1023.98px) { .header.is-fixed + main .comparison-slider__row .card__footer, .header.is-fixed .comparison-slider__row .card__container-actions { display: block } } @media (max-width: 1023.98px) { .header.is-fixed.is-compact + main .comparison-slider__row .card__container-actions, .header.is-fixed.is-compact + main .comparison-slider__row .card__footer { display: none } } .modal--small .tingle-modal-box { width: auto; max-width: 400px; top: 120px; border-radius: 8px; background-color: #fff } @media (max-width: 768.98px) { .modal--small .tingle-modal-box { max-width: calc(100% - 40px); top: 10px } } .modal--small .tingle-modal-box__content { padding: 30px 40px 56px } @media (max-width: 768.98px) { .modal--small .tingle-modal-box__content { padding: 20px 15px 40px } } .modal--middle.modal--payment .modal__title { line-height: 1.33333 } @media (max-width: 768.98px) { .modal--middle.modal--payment .modal__title { padding-right: 25px } } .modal--middle.modal--payment .modal__desc { font-size: 18px; line-height: 1.33333 } .modal--middle .tingle-modal-box { width: auto; max-width: 590px; top: 120px; border-radius: 8px; background-color: #fff } @media (max-width: 768.98px) { .modal--middle .tingle-modal-box { max-width: calc(100% - 40px); top: 10px } } .modal--middle .tingle-modal-box__content { padding: 47px 40px 56px } @media (max-width: 768.98px) { .modal--middle .tingle-modal-box__content { padding: 20px 15px 40px } } .modal--v-middle { padding: 24px 0 } @media (max-width: 768.98px) { .modal--v-middle { padding: 0 } } .modal--v-middle .tingle-modal-box { top: 0; margin: auto 0; border-radius: 12px } @media (max-width: 768.98px) { .modal--v-middle .tingle-modal-box { border-radius: 0; min-height: 100vh; display: flex; flex-direction: column } } .modal--v-middle .tingle-modal-box__content { overflow-y: visible } @media (max-width: 768.98px) { .modal--v-middle .tingle-modal-box__content { margin: auto 0 } } .modal--credit-notice .tingle-modal-box { width: 100%; max-width: 720px } @media (max-width: 768.98px) { .modal--credit-notice .tingle-modal-box { max-width: 100% } } .modal--credit-notice .tingle-modal-box__content { padding: 80px 60px } @media (max-width: 768.98px) { .modal--credit-notice .tingle-modal-box__content { padding: 40px 20px } } .modal--credit .tingle-modal-box { width: 100%; max-width: 790px } @media (max-width: 768.98px) { .modal--credit .tingle-modal-box { max-width: none } } .modal--credit .tingle-modal-box__content { padding: 63px 60px 60px } @media (max-width: 768.98px) { .modal--credit .tingle-modal-box__content { padding: 40px 20px } } .modal--basket-reset .tingle-modal-box { width: 100%; max-width: 510px } @media (max-width: 768.98px) { .modal--basket-reset .tingle-modal-box { max-width: none } } .modal--basket-reset .tingle-modal-box__content { padding: 60px } @media (max-width: 768.98px) { .modal--basket-reset .tingle-modal-box__content { padding: 40px 20px } } .modal--basket-external .tingle-modal-box { width: 100%; max-width: 960px; border-radius: 8px } @media (max-width: 1279.98px) { .modal--basket-external .tingle-modal-box { max-width: 572px } } @media (max-width: 768.98px) { .modal--basket-external .tingle-modal-box { min-height: inherit; margin-top: 20px; max-width: calc(100vw - 40px) } } .modal--basket-external .tingle-modal-box__content { padding: 40px } @media (max-width: 768.98px) { .modal--basket-external .tingle-modal-box__content { padding: 24px; margin: 0 } } .modal--basket-external .basket-reset-modal__text { font-size: 16px; line-height: 24px; text-align: left; margin-bottom: 40px } @media (max-width: 768.98px) { .modal--basket-external .basket-reset-modal__text { margin-bottom: 20px } } .modal--basket-external .basket-reset-modal__button { max-width: 270px } @media (max-width: 768.98px) { .modal--basket-external .basket-reset-modal__button { max-width: none } } @media (max-width: 768.98px) { .modal--basket-external .basket-reset-modal__title { width: 100%; max-width: 455px } } @media (max-width: 480px) { .modal--basket-external .basket-reset-modal__title { max-width: 290px } } .modal--big { padding: 0 } .modal--big .tingle-modal-box { width: auto; max-width: 900px; padding: 40px; border-radius: 8px; background-color: #fff } @media (max-width: 1279.98px) { .modal--big .tingle-modal-box { padding: 40px 30px; top: 55px } } @media (max-width: 768.98px) { .modal--big .tingle-modal-box { padding: 40px 0; top: 30px } } .modal--big .tingle-modal-box__content { padding: 0; overflow: hidden } .modal--auth { z-index: 1400 } .modal--auth .tingle-modal-box { border-radius: 8px } @media (max-width: 767.98px) { .modal--auth .tingle-modal-box { border-radius: 8px 8px 0 0; margin: auto 0 0; max-width: 100%; width: 100%; min-height: 85px } } .modal--auth .tingle-modal-box__content { padding: 50px 40px } @media (max-width: 1279.98px) { .modal--auth .tingle-modal-box__content { padding: 30px } } @media (max-width: 767.98px) { .modal--auth .tingle-modal-box__content { padding: 40px 16px } } @media (max-width: 1023.98px) { .modal--auth .form__row--reg { display: flex } } @media (max-width: 1023.98px) { .modal--auth .form__row--reg > .form__col { padding: 0 15px } } @media (max-width: 767.98px) { .modal--auth .form__row--reg > .form__col { padding: 0 } } @media (max-width: 1023.98px) { .modal--auth .form__row--reg > .form__col:not(:first-child) { margin-top: 0 } } @media (max-width: 767.98px) { .modal--auth .close-icon { top: 43px !important; right: 15px !important } } .modal--set-email { z-index: 1400 } @media (max-width: 768.98px) { .modal--set-email { padding-top: 0 } } .modal--set-email .tingle-modal-box { width: 100%; max-width: 590px; background-color: #fff } @media (max-width: 768.98px) { .modal--set-email .tingle-modal-box { max-width: 100% } } .modal--set-email .tingle-modal-box__content { padding: 30px 40px 56px } @media (max-width: 768.98px) { .modal--set-email .tingle-modal-box__content { padding: 20px 15px 40px } } @media (max-width: 1279.98px) { .modal--full { padding-top: 60px } } .modal--full .tingle-modal-box { border-radius: 8px; overflow: hidden; background: rgba(240, 248, 255, 0) } .modal--full .tingle-modal-box__content { padding: 0 } .modal--full .tingle-modal-box__footer .close-icon { width: 31px; height: 31px; top: 27px; right: 27px; z-index: 20 } @media (max-width: 768.98px) { .modal--full .tingle-modal-box__footer .close-icon { top: 20px; right: 20px } } .modal--full .tingle-modal-box__footer .close-icon:after, .modal--full .tingle-modal-box__footer .close-icon:before { width: 32px; color: hsla(0, 0%, 100%, .5) } .modal--basket-simple .tingle-modal-box { width: 504px; max-width: 504px } @media (max-width: 768.98px) { .modal--basket-simple .tingle-modal-box { max-width: calc(100% - 40px); top: 10px } } .modal--basket-simple .tingle-modal-box__content { padding: 40px } @media (max-width: 768.98px) { .modal--basket-simple .tingle-modal-box__content { padding: 20px } } .modal--basket .tingle-modal-box { width: 984px; max-width: 100%; border-radius: 8px } @media (max-width: 1023.98px) { .modal--basket .tingle-modal-box { width: 100%; border-radius: 0; background: none; min-height: 0; margin-bottom: 0; max-height: calc(100% - 60px) } } .modal--basket .tingle-modal-box__content { padding: 60px } @media (max-width: 1023.98px) { .modal--basket .tingle-modal-box__content { padding: 44px 20px 16px; background: #fff; border-radius: 12px 12px 0 0 } } .modal--white-button .tingle-modal-box__content:after { content: ""; pointer-events: none; position: absolute; width: 100px; height: 100px; right: -13px; top: -14px; background: radial-gradient(circle, #040404 0, rgba(0, 212, 255, 0) 44%); opacity: .5 } @media (max-width: 768.98px) { .modal--white-button .tingle-modal-box__content:after { opacity: .3 } } .modal--white-button .close-icon:after, .modal--white-button .close-icon:before { background: #fff } .modal--no-filter { -webkit-backdrop-filter: none; backdrop-filter: none } .modal--notification { z-index: 1450 } .modal--notification .tingle-modal-box { width: 100%; max-width: 590px } @media (max-width: 768.98px) { .modal--notification .tingle-modal-box { max-width: 100%; top: auto; width: 100%; border-radius: 24px 24px 0 0; min-height: 0; margin-bottom: 0 } } .modal--notification .tingle-modal-box__content { padding: 70px } @media (max-width: 768.98px) { .modal--notification .tingle-modal-box__content { padding: 32px 20px } } .modal--discounted { z-index: 1400 } .modal--discounted .tingle-modal-box { width: 100%; max-width: 761px } @media (max-width: 768.98px) { .modal--discounted .tingle-modal-box { max-width: 100%; top: auto; width: 100%; border-radius: 24px 24px 0 0; min-height: 0; margin-bottom: 0 } } .modal--discounted .tingle-modal-box .modal-discounted__title { margin-bottom: 0; font-size: 30px; font-weight: 600; line-height: 40px; letter-spacing: -.6px } @media (max-width: 768.98px) { .modal--discounted .tingle-modal-box .modal-discounted__title { font-size: 24px; font-weight: 450; line-height: 30px; letter-spacing: -.48px } } .modal--discounted .tingle-modal-box__content { padding: 40px 40px 35px 40px } .modal--discounted .tingle-modal-box__content .discounted-text { font-size: 20px; line-height: 28px; letter-spacing: .2px } .modal--discounted .tingle-modal-box__content .discounted-text:first-child { margin: 30px 0 } @media (max-width: 768.98px) { .modal--discounted .tingle-modal-box__content .discounted-text { font-size: 16px; line-height: 24px; letter-spacing: .16px } .modal--discounted .tingle-modal-box__content .discounted-text:first-child { margin: 20px 0 } } .modal--discounted .tingle-modal-box__content .discounted-card { display: flex; align-items: flex-start; gap: 20px; margin-top: 15px; padding: 20px; border-radius: 20px; background: #f5f4f4 } .modal--discounted .tingle-modal-box__content .discounted-card__percent { display: flex; justify-content: center; align-items: center; min-width: 80px; padding: 10px 8px; border-radius: 8px; background: #4036ee; font-size: 30px; line-height: 28px; color: #fff } @media (max-width: 768.98px) { .modal--discounted .tingle-modal-box__content .discounted-card { padding: 10px; gap: 10px; border-radius: 10px } .modal--discounted .tingle-modal-box__content .discounted-card__percent { min-width: 65px; padding: 5px 4px; font-size: 24px } } .content-area .modal--discounted .tingle-modal-box__content a:not(.button), .modal--discounted .tingle-modal-box__content .content-area a:not(.button), .modal--discounted .tingle-modal-box__content .link { margin-top: 30px; font-size: 20px; line-height: 28px; letter-spacing: .2px } @media (max-width: 768.98px) { .content-area .modal--discounted .tingle-modal-box__content a:not(.button), .modal--discounted .tingle-modal-box__content .content-area a:not(.button), .modal--discounted .tingle-modal-box__content .link { margin-top: 20px; font-size: 16px; line-height: 24px; letter-spacing: .16px } } @media (max-width: 768.98px) { .modal--discounted .tingle-modal-box__content { padding: 24px 20px } } .modal--gift .tingle-modal-box { width: 590px; max-width: 590px } @media (max-width: 768.98px) { .modal--gift .tingle-modal-box { top: 10px; max-width: calc(100% - 40px) } } .modal--gift-empty .tingle-modal-box { width: 400px; max-width: 400px } @media (max-width: 768.98px) { .modal--gift-empty .tingle-modal-box { top: 10px; max-width: calc(100% - 40px) } } .modal--promo .tingle-modal-box { width: 960px; max-width: 960px; border-radius: 8px } @media (max-width: 768.98px) { .modal--promo .tingle-modal-box { max-width: calc(100% - 40px) } } .modal--promo .tingle-modal-box__content { padding: 90px 120px 70px 90px } @media (max-width: 768.98px) { .modal--promo .tingle-modal-box__content { padding: 30px 29px 20px 20px } } .modal--feedback { z-index: 1400 } @media (max-width: 768.98px) { .modal--feedback { padding-top: 0 } } .modal--feedback .tingle-modal-box { max-width: 760px; border-radius: 12px; background-color: #fff } @media (max-width: 768.98px) { .modal--feedback .tingle-modal-box { width: 100%; max-width: 100%; border-radius: 0; margin: 0; min-height: 100vh } } .modal--feedback .tingle-modal-box__content { padding: 0; overflow-y: visible } .modal--code .tingle-modal-box { width: 480px; border-radius: 8px } @media (max-width: 768.98px) { .modal--code .tingle-modal-box { width: calc(100% - 40px) } } .modal--code .tingle-modal-box__content { padding: 30px 40px 56px } @media (max-width: 768.98px) { .modal--code .tingle-modal-box__content { padding: 20px 15px 40px } } .modal--video .tingle-modal-box { background: transparent } @media (max-width: 768.98px) { .modal--video .tingle-modal-box { width: 100%; max-width: 100% } } @media (max-width: 768.98px) { .modal--video .tingle-modal-box__content { padding-left: 0; padding-right: 0 } } .modal--catalog .tingle-modal-box { width: 90%; max-width: 1060px; border-radius: 8px } @media (max-width: 768.98px) { .modal--catalog .tingle-modal-box { width: 100%; border-radius: 0 } } .modal--catalog .tingle-modal-box__content { padding: 60px 140px } @media (max-width: 768.98px) { .modal--catalog .tingle-modal-box__content { padding: 40px 20px 20px } } .modal__video { position: relative; max-width: 100%; margin: 0 auto } .modal__video iframe { display: block; position: absolute; top: 0; left: 0 } .modal__close { position: absolute; top: 23px; right: 23px; width: 14px; height: 14px; color: #afbbc6 } @media (min-width: 1280px) { .modal__close:hover { color: #00a0eb } } .modal__close:active { color: #00a0eb } .modal__close [class^=icon] { width: 14px; height: 14px; fill: currentColor } .modal__title-icon .icon-envelope-sent { width: 98px; height: 45px; display: block; margin: 0 auto 24px } .modal__title-icon .icon-success { width: 54px; height: 54px; display: block; margin: 0 auto 40px } @media (max-width: 768.98px) { .modal__title-icon .icon-success { margin-bottom: 10px } } .modal__title { font-size: 32px; line-height: 1.66667; margin-bottom: 16px; font-weight: 500 } @media (max-width: 768.98px) { .modal__title { font-size: 24px } } .modal__title--no-wrap { white-space: nowrap } @media (max-width: 768.98px) { .modal__title--no-wrap { white-space: normal } } .modal__title--centered { text-align: center } .modal--small .modal__title { font-size: 24px; line-height: 1.66667; margin-bottom: 20px; font-weight: 500 } .modal--middle .modal__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 24px; line-height: 1; margin-bottom: 24px } .modal--basket-simple .modal__title { max-width: calc(100% - 20px) } .modal--basket .modal__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 24px; line-height: 24px; text-align: center; letter-spacing: .01em; margin-bottom: 0 } @media (max-width: 1023.98px) { .modal--basket .modal__title { font-size: 20px; line-height: 28px } } .modal--notification .modal__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 24px; line-height: 32px; letter-spacing: .01em; margin: 0 0 10px } @media (max-width: 768.98px) { .modal--notification .modal__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 24px; line-height: 30px; letter-spacing: normal; margin-bottom: 20px } .modal--notification .modal__title span { display: block } } .modal-add-to-basket .modal--notification .modal__title, .modal__text--centered { text-align: center } .modal--small .modal__text { font-size: 18px; line-height: 1.55556; margin-bottom: 20px; max-width: 100% } .modal--notification .modal__text { font-size: 20px; line-height: 28px } @media (max-width: 768.98px) { .modal--notification .modal__text { font-size: 16px; line-height: 24px } } .modal__inner--centered { display: flex; flex-flow: column; justify-content: center; align-items: center } .modal__success { padding: 40px 0 } .modal--small .modal__link { font-size: 16px; margin-bottom: 36px } .modal__button-centered { width: 200px } .modal__buttons-container { margin-top: 46px } @media (max-width: 1023.98px) { .modal__buttons-container { display: block; text-align: center; margin-top: 40px } } .modal--basket .modal__buttons-container { margin-top: 30px; display: flex; justify-content: center } @media (max-width: 1023.98px) { .modal--basket .modal__buttons-container { display: block; margin-top: 20px } } .modal__button-basket { font-size: 18px } .modal--basket .modal__button-basket { flex-shrink: 0; width: 200px; height: 40px; line-height: 38px; border-radius: 8px } @media (max-width: 1023.98px) { .modal--basket .modal__button-basket { font-size: 16px; width: 100%; border-radius: 6px } } .modal__button-escape { font-size: 18px } .modal--basket-simple .modal__button-escape { margin-left: 33px } @media (max-width: 1023.98px) { .modal--basket-simple .modal__button-escape { margin-top: 20px; width: auto; display: block; margin-left: auto; margin-right: auto } } .modal--basket .modal__button-escape { flex-shrink: 0; width: 200px; height: 40px; line-height: 38px; border-radius: 8px; margin-left: 16px } @media (max-width: 1023.98px) { .modal--basket .modal__button-escape { font-size: 16px; width: 100%; border-radius: 6px; margin-left: 0; margin-top: 10px } } .modal__counter { font-size: 32px; line-height: 1.5; font-weight: 500; margin-bottom: 12px } .modal__product { margin: 24px 0 } @media (max-width: 1023.98px) { .modal__product { margin: 20px 0 } } .modal__products { margin-top: 60px } @media (max-width: 1023.98px) { .modal__products { margin-top: 40px } } .modal__products.is-no-margin { margin-top: 0 } .modal .rating { margin-bottom: 38px } .modal-sbp-qr .modal__inner { gap: 24px } .modal-sbp-qr__icon { height: 56px; width: auto } .modal-sbp-qr__icon img { height: 100%; width: auto } .modal-sbp-qr__text { font-size: 20px; line-height: 1.6; font-family: Futura PT, Arial, Helvetica, sans-serif; text-align: center } .modal-sbp-qr__code { width: 265px; height: 265px } .modal-sbp-qr__code img { width: 100%; height: auto } .modal-sbp-qr__summ { margin: 0; text-align: center; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 32px; line-height: 1.25; letter-spacing: .01em } .modal-sbp-qr .tingle-modal-box { max-width: 465px; top: 50%; transform: translateY(-50%); border-radius: 12px; animation: none } .modal-sbp-qr .tingle-modal-box__content { padding: 40px } .account { padding-top: 184px; background: #f4f4f4; max-width: 100%; width: 1456px; margin: 0 auto } @media (max-width: 1365.98px) { .account { max-width: 100%; width: 1270px; padding-top: 140px } } @media (max-width: 1023.98px) { .account { padding-top: 84px } } .account__caption { font-family: Futura PT, Arial, Helvetica, sans-serif; margin-bottom: 42px; font-weight: 800; font-size: 32px; line-height: 24px; /*margin-left: 260px;*/ } .account__caption.profile { position: absolute; /*top: -66px;*/ top: 0; } .account__wrap { padding-top: 42px; } @media (max-width: 1279.98px) { .account__caption { margin-bottom: 32px } /*.account__caption.profile { top: -56px }*/ .account__wrap { padding-top: 32px; } } @media (max-width: 768.98px) { .account__caption { font-size: 24px; margin-bottom: 20px } .account__wrap { padding-top: 20px; } /*.account__caption.profile { top: -44px }*/ } .account__wrap { display: flex; justify-content: space-between } .account__wrap > :first-child:not(.account__area) { position: relative; flex: 1 } .account__wrap--db { display: block } .account__area { flex: 1 } @media (max-width: 1023.98px) { .account__area { width: 100% } .account__caption { margin-left: 0; } } @media (max-width: 768.98px) { .account__area .form { padding: 0 20px } } .account__column { width: 24%; margin-left: 50px; padding-left: 20px } @media (max-width: 1366.98px) { .account__column { margin-left: 55px } } @media (max-width: 1279.98px) { .account__column { margin-left: 35px } } @media (max-width: 1023.98px) { .account__column { display: none } } .account__msg { background: #fff; border-radius: 12px; padding: 50px 50px 56px; text-align: center; margin-top: 4px } @media (max-width: 1366.98px) { .account__msg { padding: 56px 50px 50px } } @media (max-width: 1279.98px) { .account__msg { padding: 46px 50px 60px; margin-bottom: 16px } } @media (max-width: 768.98px) { .account__msg { padding: 46px 20px 52px } } .comparison--empty .account__msg { padding-top: 192px; margin-top: 0 } @media (max-width: 1023.98px) { .comparison--empty .account__msg { padding-top: 92px } } .account__msg-title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 32px; line-height: 24px; margin-bottom: 24px } @media (max-width: 768.98px) { .account__msg-title { margin-bottom: 16px } } .account__msg-text { font-size: 20px; line-height: 26px; margin-bottom: 24px } .account__msg-button { width: 175px; height: 48px; font-size: 16px; line-height: 46px } @media (max-width: 768.98px) { .account__msg-button { max-width: 100% } } .account__link { font-size: 16px } .account--points { padding-bottom: 105px } @media (max-width: 1366.98px) { .account--points { padding-bottom: 60px } } @media (max-width: 1279.98px) { .account--points { padding-bottom: 65px } } @media (max-width: 768.98px) { .account--points { padding-bottom: 0 } } .account--data { padding: 162px 0 258px } @media (max-width: 1366.98px) { .account--data { padding: 162px 0 104px } } @media (max-width: 1279.98px) { .account--data { padding: 140px 0 128px } } @media (max-width: 768.98px) { .account--data { padding: 96px 0 0 } } .account-menu { display: flex; flex-direction: column; list-style: none; padding: 0; margin: 20px 0 32px; max-width: 226px } .account-menu__item { margin-bottom: 22px; position: relative } .account-menu__link { color: #97a4af; font-size: 20px; text-decoration: none; font-weight: 400; position: relative; transition: color .25s ease-in-out; display: flex; align-items: baseline; justify-content: space-between } .account-menu__link:hover { color: #00a0eb } .account-menu__link.is-active { color: #212121 } .account-menu__link.is-active:before { position: absolute; content: ""; width: 2px; height: 24px; background: #22b0f3; left: -21px; top: 1px } .account-menu__count { font-size: 16px; font-weight: 500 } .account-info { display: flex; flex-direction: column } .account-info__caption { font-size: 24px; line-height: 24px; margin-bottom: 20px; font-weight: 500 } .account-info .button { width: 201px; height: 56px; line-height: 56px; font-size: 18px } .account-help { display: flex; flex-direction: column; max-width: 240px; margin-bottom: 12px } .account-help__link { color: #00a0eb; font-size: 16px; line-height: 20px; margin-bottom: 13px; text-decoration: none; letter-spacing: .02em; transition: color .25s ease-in-out } .account-help__link:hover { color: #2354a5 } .order { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-bottom: 40px; border-radius: 12px; background: #fff } .order__top { position: relative; padding: 24px 40px } @media (max-width: 1023.98px) { .order__top { padding: 16px } } .order__top .button { height: 40px; font-weight: 500; font-size: 18px; line-height: 38px; padding: 0 32px } @media (max-width: 1023.98px) { .order__top .button { display: block; font-size: 14px; padding: 0 8px; width: 100% } } .order__top-row { display: flex; justify-content: space-between; margin: 0 -10px } @media (max-width: 1023.98px) { .order__top-row { flex-wrap: wrap; margin: 0 -5px } } .order__top-row:not(:first-child) { margin-top: 16px } @media (max-width: 1023.98px) { .order__top-row:last-of-type { margin-bottom: 40px } } .order__top-row--links { justify-content: flex-start; margin: 0 -15px; font-size: 0 } @media (max-width: 1023.98px) { .order__top-row--links { display: block } } .order__top-row--footer { align-items: center; justify-content: flex-start; min-height: 40px } .order__top-row--footer:not(:first-child) { margin-top: 32px } @media (max-width: 1023.98px) { .order__top-row--footer:last-of-type { margin-bottom: 0 } } .order__top-col { padding: 0 10px } @media (max-width: 1023.98px) { .order__top-col { padding: 0 5px } } @media (max-width: 359.98px) { .order__top-row--header .order__top-col { width: 100% } } .order__top-row--links .order__top-col { padding: 0 15px } @media (max-width: 1023.98px) { .order__top-row--links .order__top-col:not(:first-child) { margin-top: 8px } } @media (max-width: 1023.98px) { .order__top-row--footer .order__top-col:first-child { width: 100%; margin-bottom: 24px } } @media (max-width: 1023.98px) { .order__top-row--footer .order__top-col:nth-child(2) { margin-left: auto } } .order__num { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; font-size: 20px; line-height: 28px; letter-spacing: .02em; white-space: nowrap; margin-bottom: 0 } @media (max-width: 1023.98px) { .order__num { font-size: 18px } } .order__data { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: .02em; color: #97a4af; margin-top: 4px } @media (max-width: 1023.98px) { .order__data { line-height: 16px; margin-top: 0 } } .order__price { font-weight: 500; text-align: right; line-height: 28px } @media (max-width: 410px) { .order__price { display: flex } } .order__top .order__price { font-size: 20px; letter-spacing: .02em } @media (max-width: 1023.98px) { .order__top .order__price { font-size: 18px } } @media (max-width: 359.98px) { .order__top .order__price { text-align: left } } .order__bottom .order__price { font-size: 18px; min-width: 120px; padding-left: 16px } @media (max-width: 1023.98px) { .order__bottom .order__price { min-width: 0; padding-left: 0; line-height: 24px; position: absolute; bottom: 20px; right: 16px } } .order__status { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: .02em; margin-top: 4px; text-align: right } @media (max-width: 1023.98px) { .order__status { font-size: 14px; line-height: 16px; margin-top: 0 } } @media (max-width: 359.98px) { .order__status { text-align: left } } .order__status.is-yellow { color: #fdb222 } .order__status.is-green { color: #7fb33c } .order__status.is-red { color: #fa4d62 } .order__status.is-gray { color: #959799 } .order__link { display: inline-flex; align-items: center; flex-shrink: 0; font-weight: 500; font-size: 16px; line-height: 24px } @media (max-width: 1023.98px) { .order__link { line-height: 16px } } .order__link .icon { flex-shrink: 0; margin-right: 4px } .order__certificates { background: #f2fbff; border-radius: 8px; padding: 5px 15px; font-weight: 500; font-size: 16px; line-height: 24px; color: #00a0eb; display: flex; text-align: left } @media (max-width: 1023.98px) { .order__certificates { padding-left: 13px; padding-right: 13px; font-size: 14px } } .order__certificates .icon { flex-shrink: 0; margin-top: 7px; margin-right: 8px; pointer-events: none } .order__points { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 500; font-size: 16px; line-height: 20px; align-items: center; letter-spacing: .02em; color: #97a4af; display: none; visibility: hidden; width: 0; height: 0; opacity: 0 } @media (max-width: 1023.98px) { .order__points { font-size: 14px; line-height: 16px } } .order__points-star { display: block; width: 17px; height: 16px; margin-right: 10px } @media (max-width: 1023.98px) { .order__points-star { width: 12px; height: 11px; margin-right: 6px } } .order__points-info { display: block; width: 12px; height: 12px; margin-left: 4px } .order__more { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: .02em; transition: color .25s ease-in-out; display: flex; align-items: center; position: absolute; bottom: 29px; right: 40px } @media (max-width: 1023.98px) { .order__more { font-size: 14px; line-height: 16px; right: auto; left: 16px; bottom: 16px } } @media (min-width: 1024px) { .order__top-row--links + .order__more { bottom: 24px } } @media (min-width: 1024px) { .order__top-row--footer + .order__more { bottom: 32px } } .order__more .icon { width: 8px; height: 5px; fill: #00a0eb; margin-left: 4px; transition: color .25s ease-in-out, transform .25s ease-in-out } .order__more:hover { color: #00a0eb } .order__more:hover .icon { fill: #00a0eb } .order__more.is-active .icon { transform: rotate(180deg); fill: #00a0eb } .order__bottom { margin: 0 15px; overflow: hidden; opacity: 1 } @media (max-width: 767.98px) { .order__bottom { margin: 0 } } .order__bottom:not(.is-active) { height: 0 } .order__bottom-wrap { padding: 0 25px 42px } @media (max-width: 767.98px) { .order__bottom-wrap { padding: 0 0 24px } } .order__bottom-item-inner { display: flex; align-items: center; padding: 22px 0 12px 15px; border-bottom: 1px solid rgba(215, 221, 227, .6) } @media (max-width: 767.98px) { .order__bottom-item-inner { padding: 25px 16px 70px; position: relative } } .order__img { flex-shrink: 0; width: 100%; max-width: 82px } @media (max-width: 767.98px) { .order__img { max-width: 75px } } .order__img img { display: block; max-width: 100%; margin: 0 auto } .order__body { flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; padding-left: 42px } @media (max-width: 767.98px) { .order__body { padding-left: 16px; max-width: calc(100% - 75px) } } .order__title { font-size: 16px; line-height: 28px; font-weight: 500; margin-bottom: 0; margin-right: auto; max-width: calc(100% - 270px) } @media (max-width: 767.98px) { .order__title { font-size: 14px; line-height: 24px; margin-right: 0; max-width: 100% } } .order__review { flex-shrink: 0; margin-left: 16px; width: 110px; height: 28px; border-radius: 4px; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; text-decoration: none; transition-property: background-color, border-color, color; transition-duration: .25s } @media (max-width: 767.98px) { .order__review { margin-left: 0; position: absolute; bottom: 20px; left: 16px } } .order__review:hover, .order__review:visited { color: #fff } .order__review--new { background: #22b0f3 } .order__review--new:hover { background: #0090d5 } .order__review--checking { background: #afbbc6; cursor: not-allowed } .order__review--posted { border: 1px solid #22b0f3; color: #22b0f3 } .order__review--posted:visited { color: #22b0f3 } .order__review--posted:hover { border-color: #0090d5; color: #0090d5 } .order__certificate { max-width: 100%; margin-top: 6px; width: 100%; display: flex; flex-direction: column; align-items: flex-start } .order__certificate-text { font-size: 14px; line-height: 16px; color: #97a4af } .order__certificate-code { padding: 16px 60px 18px 16px; color: #212121; margin-top: 10px; background: #fcfcfc; border: 1px solid #d7dde3; border-radius: 6px; position: relative } @media (max-width: 1023.98px) { .order__certificate-code { padding: 16px 16px 18px 16px } } .order__certificate-code:not(:last-child) { margin-bottom: 8px } .order__certificate-code-text { font-size: 20px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .order__certificate-code-btn { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 0; right: 0; width: 48px; bottom: 0; display: flex; align-items: center; justify-content: center } @media (max-width: 1023.98px) { .order__certificate-code-btn { left: 0; width: auto } } @media (max-width: 1023.98px) { .order__certificate-code-btn svg { display: none } } .order__certificate-code-tooltip { background: #fff; box-shadow: 0 0 32px rgba(134, 143, 168, .2); border-radius: 8px; position: absolute; bottom: calc(100% + 1px); left: 50%; transform: translateX(-50%); font-size: 16px; line-height: 24px; color: #000; padding: 20px; opacity: 0; pointer-events: none; transition: opacity .25s; white-space: nowrap } .order__certificate-code-tooltip.is-active { opacity: 1 } .order__certificate-code-tooltip:before { content: ""; position: absolute; bottom: -5px; left: 50%; margin-left: -5px; width: 11px; height: 11px; background: #fff; transform: rotate(45deg) skew(5deg, 5deg) } .order__reviews-success { background: rgba(127, 179, 60, .1); border-radius: 6px; padding: 24px 32px; font-size: 16px; line-height: 24px; letter-spacing: .01em; margin-top: 20px } @media (max-width: 767.98px) { .order__reviews-success { padding: 16px; margin: 20px 16px 0 } } .order__final-price { text-align: right; font-size: 18px; line-height: 28px; letter-spacing: .02em; font-weight: 500; margin-top: 22px } @media (max-width: 767.98px) { .order__final-price { padding: 0 16px } } .order__client-data { display: flex; align-items: flex-end; justify-content: space-between; padding-top: 22px } @media (max-width: 767.98px) { .order__client-data { padding: 30px 16px 0; flex-direction: column; align-items: flex-start } } .order__cancelled-btn { font-weight: 500; font-size: 16px; line-height: 28px; color: #97a4af } @media (max-width: 767.98px) { .order__cancelled-btn { display: none } } .order__cancelled-btn:hover { color: #959799 } .order__cancelled-btn--xs { display: none } @media (max-width: 767.98px) { .order__cancelled-btn--xs { display: inline-block; margin-top: 24px } } .order__delivery { max-width: 380px } .order__total-section { display: flex; justify-content: space-between; font-size: 16px; line-height: 24px; color: #97a4af; font-weight: 500; align-items: flex-start } .order__total-section:not(:first-child) { margin-top: 10px } .order__total { width: 230px } @media (max-width: 767.98px) { .order__total { width: 100% } } .order__total-val { flex: 0 0 auto } .order__total-final-key { color: #212121; font-size: 20px; line-height: 28px } .order__total-final-val { color: #212121; font-size: 18px; line-height: 28px; letter-spacing: .02em } .order__terms { display: flex; padding: 16px; align-items: flex-start; gap: 10px; border-radius: 8px; background: #f2f5f9; margin-top: 20px } @media (max-width: 1023.98px) { .order__terms { margin: 16px 20px 0 } } .order__terms-icon svg { width: 24px; height: 24px } @media (max-width: 1023.98px) { .order__terms-icon { display: none } } .order__terms-text { font-size: 16px; line-height: 24px } .order-delivery { margin-bottom: 10px } @media (max-width: 767.98px) { .order-delivery { margin-bottom: 30px } } .order-delivery__section { margin-bottom: 30px } .order-delivery__section:last-child { margin-bottom: 0 } .order-delivery__caption { font-size: 16px; line-height: 24px; letter-spacing: .02em; font-weight: 500; margin: 0 0 10px } .order-delivery__info { font-size: 16px; line-height: 24px; color: #212121; margin-top: 10px } .account-dropdown { display: flex; flex-direction: column } .account-dropdown--arrows { max-width: 630px } @media (max-width: 1279.98px) { .account-dropdown--arrows { max-width: none } } .account-dropdown__caption { font-size: 18px; line-height: 24px; font-weight: 500; transition: color .25s ease-in-out, margin .25s ease-in-out; cursor: pointer; position: relative } .account-dropdown__caption:hover { color: #22b0f3 } .account-dropdown__caption:hover:before { background: #22b0f3 } .account-dropdown__caption.is-active { margin-bottom: 12px } .account-dropdown__caption.is-active:before { position: absolute; content: ""; width: 12px; height: 2px; background: #c4c4c4; transition: color .25s ease-in-out } .account-dropdown__caption.is-active:after { transform: rotate(90deg); background: #c4c4c4 } .account-dropdown--arrows .account-dropdown__caption.is-active:after { transform: rotate(180deg) } .account-dropdown__caption:before { position: absolute; content: ""; width: 12px; height: 2px; background: #22b0f3; left: -26px; top: 10px } .account-dropdown--arrows .account-dropdown__caption:before { display: none } .account-dropdown__caption:after { position: absolute; content: ""; width: 2px; height: 12px; background: #22b0f3; left: -21px; top: 5px; opacity: 1; transition: transform .25s ease-in-out } .account-dropdown--arrows .account-dropdown__caption:after { width: 12px; height: 8px; background: url(/local/templates/haier/css/../images/icon-arrow-tip-2.svg) !important; left: auto; right: -21px } .account-dropdown__items { font-size: 16px; line-height: 24px; letter-spacing: .02em; width: 100%; max-height: 0; overflow: hidden; transition: max-height .25s ease-in, opacity .5s ease-in, margin-bottom .25s ease-in, margin .25s ease-in-out; min-height: 0; opacity: 1 } @media (max-width: 768.98px) { .account-dropdown__items { margin-bottom: -9px } } .account-dropdown__items.is-active { min-height: 0; height: 100%; overflow: visible; opacity: 1 } .account-dropdown__group { margin-bottom: 22px; padding-left: 28px; display: flex; flex-direction: column } .account-dropdown--one .account-dropdown__group { margin-bottom: 0 } .account-dropdown--arrows .account-dropdown__group { padding: 16px 28px 16px 0; margin-bottom: 0; border-bottom: 1px solid #d7dde3 } .layout-lk { position: relative; padding: 140px 0 100px } @media (max-width: 1919.98px) { .layout-lk { padding-top: 115px } } @media (max-width: 1023.98px) { .layout-lk { padding: 80px 0 40px } } .layout-lk__container { max-width: 1471px; padding: 0 80px; margin: 0 auto } @media (max-width: 1279.98px) { .layout-lk__container { padding: 0 30px } } @media (max-width: 768.98px) { .layout-lk__container { padding: 0 20px } } .layout-lk__container--mx { padding: 0 40px; text-align: left } @media (max-width: 1279.98px) { .layout-lk__container--mx { padding: 0 145px; text-align: center } } @media (max-width: 768.98px) { .layout-lk__container--mx { padding: 0 20px } } .layout-lk__container--p-null { padding: 0; text-align: left } @media (max-width: 768.98px) { .layout-lk__container--p-null { padding: 0 20px; text-align: center } } .layout-lk__title { display: flex; align-items: baseline; justify-content: space-between } @media (max-width: 768.98px) { .layout-lk__title { flex-flow: row wrap } } .layout-lk__title h1 { font-size: 32px; line-height: 1.125; margin-bottom: 0; font-weight: 800 } @media (max-width: 1279.98px) { .layout-lk__title h1 { font-size: 32px; line-height: 1.125 } } @media (max-width: 768.98px) { .layout-lk__title h1 { font-size: 24px } } .layout-lk__title-link { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 500; font-size: 14px; line-height: 18px } .layout-lk__title-link, .layout-lk__title-link:visited { color: #97a4af } .layout-lk__title-link:hover { color: #22b0f3 } .layout-lk__title-sub { font-size: 32px; line-height: 1.125; margin-bottom: 24px } @media (max-width: 768.98px) { .layout-lk__title-sub { margin-bottom: 16px } } .layout-lk__title-sub h2 { font-weight: 800 } @media (max-width: 1366.98px) { .layout-lk__title-sub h2 { font-size: 32px; line-height: 1.125 } } @media (max-width: 768.98px) { .layout-lk__title-sub h2 { font-size: 24px } } .layout-lk__row { display: flex; position: relative } @media (max-width: 1366.98px) { .layout-lk__row { flex-flow: row wrap } } .layout-lk__main { width: calc(100% - 375px); margin-right: 70px } @media (max-width: 1366.98px) { .layout-lk__main { width: calc(100% - 330px); margin-right: 52px } } @media (max-width: 1279.98px) { .layout-lk__main { width: 100%; margin-right: 0 } } .layout-lk__sidebar { width: 305px } @media (max-width: 1366.98px) { .layout-lk__sidebar { width: 278px } } @media (max-width: 1279.98px) { .layout-lk__sidebar { width: 100% } } .layout-lk__header { margin-bottom: 28px; width: calc(100% - 375px); margin-right: 70px } @media (max-width: 1279.98px) { .layout-lk__header { width: 100%; margin-right: 0; margin-bottom: 20px } } @media (max-width: 768.98px) { .layout-lk__rules { display: inline-flex } } .content-area .layout-lk__rules a:not(.button), .layout-lk__rules .content-area a:not(.button), .layout-lk__rules .link { line-height: 40px } @media (max-width: 768.98px) { .content-area .layout-lk__rules a:not(.button), .layout-lk__rules .content-area a:not(.button), .layout-lk__rules .link { line-height: 1.3 } } @media (max-width: 768.98px) { .layout-lk__blocks { margin: 0 -20px } .layout-lk__blocks .white-block { padding: 24px 20px; margin: 0 0 32px; border-radius: 0 } } .layout-lk__alert { padding: 20px 30px; border: 2px solid #22b0f3; background-color: #fff; color: #212121; font-weight: 500; border-radius: 8px; font-size: 16px; line-height: 1.5; margin-bottom: 24px } .layout-lk__alert.is-red { border: 2px solid #fa4d62 } .layout-lk__alert-inner { max-width: 600px } .layout-lk__alert-inner > :last-child { margin-bottom: 0 } .layout-lk__text { margin-bottom: 15px; font-size: 14px; line-height: 18px; color: #97a4af } .layout-lk__text:last-child { margin-bottom: 0 } .layout-lk__text-link { text-decoration: none; color: #22b0f3 } .layout-lk__error-popup { z-index: 1400; position: fixed; bottom: 24px; right: 24px; display: none; flex-direction: column; padding: 18px 24px 24px; width: 350px; height: auto; background-color: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, .04), 0 2px 6px rgba(0, 0, 0, .04), 0 10px 20px rgba(0, 0, 0, .04); border-radius: 8px; opacity: 0; transition: opacity .3s ease-in-out } @media (max-width: 1279.98px) { .layout-lk__error-popup { box-shadow: 0 0 2px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .04), 0 10px 20px rgba(0, 0, 0, .04) } } @media (max-width: 768.98px) { .layout-lk__error-popup { bottom: 8px; right: 8px; padding: 10px 16px 16px; width: calc(100% - 16px); background-color: #f2f7ec } } .layout-lk__error-popup.is-active { display: flex } .layout-lk__error-popup.is-visible { opacity: 1 } .layout-lk__error-popup-close-btn { cursor: pointer; border: none; background-color: #fff } .layout-lk__error-popup-close-btn > svg { position: absolute; top: 16px; right: 16px; width: 16px; height: 16px; fill: #afbbc6 } .layout-lk__error-popup-title { margin: 0 0 6px; font-weight: 500; font-size: 22px; line-height: 40px } @media (max-width: 768.98px) { .layout-lk__error-popup-title { font-size: 18px; line-height: 24px } } .layout-lk__error-popup-text { margin: 0; font-weight: 400; font-size: 16px; line-height: 24px } @media (max-width: 768.98px) { .layout-lk__error-popup-text { font-size: 14px; line-height: 18px } } .header-checkout { position: fixed; width: 100%; max-width: 1920px; min-width: 320px; color: #212121; background-color: #fff; z-index: 10; transition: background .25s ease-in-out, box-shadow .25s ease-in-out; box-shadow: 0 0 1px rgba(0, 0, 0, .04), 0 0 2px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .04) } @media (max-width: 1279.98px) { .header-checkout { display: flex; flex-flow: wrap; min-height: 80px } } @media (max-width: 768.98px) { .header-checkout { min-height: 60px } } .header-checkout__danger-container { width: 100% } @media (max-width: 768.98px) { .header-checkout__danger-container { position: fixed; z-index: 99999; top: 60px } } .header-checkout__wrap { padding: 26px 0 } @media (max-width: 1279.98px) { .header-checkout__wrap { display: flex; width: 100%; padding: 10px 0 } } .header-checkout__container { display: flex; justify-content: space-between; align-items: center } @media (max-width: 1279.98px) { .header-checkout__container { height: 100% } } .header-checkout__left { display: flex; align-items: flex-start } @media (max-width: 1279.98px) { .header-checkout__left { flex: 1; align-items: center } } @media (max-width: 768.98px) { .header-checkout__left { width: 100% } } .header-checkout__right { display: flex; align-items: center } @media (max-width: 768.98px) { .header-checkout__right { display: none } } .header-checkout__data-group { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-right: 107px } @media (max-width: 1279.98px) { .header-checkout__data-group { padding-right: 40px; margin-right: 0; width: 24%; max-width: 186px } } @media (max-width: 768.98px) { .header-checkout__data-group { position: relative; width: 100%; max-width: 100%; padding: 0; justify-content: center } } .header-checkout__data-right { display: flex; justify-content: space-between; align-items: center; width: 100% } .header-checkout__link-back { position: absolute; display: none; margin: -10px -15px; padding: 10px 15px; left: 0; top: calc(50% - 8.5px) } @media (max-width: 768.98px) { .header-checkout__link-back { display: flex } } .header-checkout__arrow-left { width: 10px; height: 17px } .header-checkout__logo { display: flex; align-items: center } .header-checkout__logo-svg { width: 72px; height: 22px; transition: fill .25s ease-in-out; fill: #212121 } .header-checkout__location { display: flex; align-items: center } .header-checkout__location .location { color: #212121 } .header-checkout__location .location:hover { color: #22b0f3 } .header-checkout__labels { display: flex; align-items: center } @media (max-width: 1279.98px) { .header-checkout__labels { flex-flow: wrap; margin-right: 20px } } @media (max-width: 768.98px) { .header-checkout__labels { display: none } } .header-checkout__labels > :first-child { margin-right: 80px } @media (max-width: 1279.98px) { .header-checkout__labels > :first-child { margin-right: 53px } } .header-checkout__labels .appeal-label { color: #212121 } @media (max-width: 1279.98px) { .header-checkout__labels .appeal-label { font-size: 14px; line-height: 1.14286; margin: 5px 0 } } .header-checkout__labels .appeal-label:hover { color: #22b0f3 } .header-checkout__labels .appeal-label__icon { fill: #afbbc6 } .header-checkout__phone-link { font-size: 20px; line-height: 1.3; font-weight: 500 } .header-checkout__info-line, .header-checkout__info-time { font-size: 14px; line-height: 1.28571 } .header-checkout__info-time { color: #97a4af } .white-block { position: relative; background-color: #fff; border-radius: 8px; padding: 40px; margin-bottom: 32px } @media (max-width: 768.98px) { .white-block { padding: 18px; margin-bottom: 32px } } .white-block--auth .auth { padding: 0 } .white-block--mb { margin-bottom: 60px } @media (max-width: 768.98px) { .white-block--mb { margin-bottom: 36px } } .white-block--small-mb { margin-bottom: 24px } @media (max-width: 1279.98px) { .white-block--small-mb { margin-bottom: 32px } } @media (max-width: 768.98px) { .white-block--small-mb { margin-bottom: 16px !important } } .white-block--total { position: absolute; right: 0; top: 0; width: 305px; padding: 0; background: none; margin: 0 0 60px; height: 100% } @media (max-width: 1279.98px) { .white-block--total { position: relative; width: auto; background-color: #fff; padding: 40px; margin-bottom: 48px; margin-top: -40px } } @media (max-width: 768.98px) { .white-block--total { padding: 18px; border-radius: 0; margin: 0 -20px 60px } } @media (max-width: 768.98px) { .white-block--gray-xs { padding: 35px 18px 8px; background-color: #f4f4f4 } } @media (max-width: 768.98px) { .white-block--no-xs-mr { padding: 18px; border-radius: 0; margin: 0 -20px 0 } } .white-block--xs-mr-bot { margin-bottom: 20px } .white-block__title { display: flex; margin: -40px; height: 112px; width: calc(100% + 80px); padding: 40px; transition: margin-bottom .25s ease-in-out } @media (max-width: 768.98px) { .white-block__title { padding: 18px; margin: -18px; width: calc(100% + 36px); height: 72px } .white-block.is-saved .white-block__title { height: auto; margin-bottom: 0 } } .white-block.is-active .white-block__title { height: auto; margin-bottom: 0; padding-bottom: 20px } .white-block.is-success .white-block__title { pointer-events: none } .white-block.is-success.is-active .white-block__title { pointer-events: auto } .white-block.is-blocked .white-block__title { cursor: not-allowed } .white-block__title > * { pointer-events: none } .white-block__title .checkout-title { margin-bottom: 0 } .white-block__change { display: none; position: absolute; font-size: 16px; line-height: 1.5; top: 36px; right: 40px } @media (max-width: 768.98px) { .white-block__change { left: 20px; top: calc(100% - 65px); margin: 0; width: calc(100% - 40px) } } .white-block.is-saved .white-block__change { display: block } .white-block.is-active .white-block__change { display: none } .white-block__price { position: absolute; display: none; top: 40px; right: 40px; font-size: 24px; line-height: 1; font-weight: 500; letter-spacing: .01em } @media (max-width: 768.98px) { .white-block__price { top: 21px; right: 20px; font-size: 20px; line-height: 1.2; font-weight: 600 } } .white-block.is-active .white-block__price { display: block } .white-block__info { display: none; font-size: 18px; line-height: 1.77778; margin-top: 20px; transition: opacity .25s ease-in-out, visibility .25s ease-in-out; visibility: hidden; word-break: break-word } @media (max-width: 768.98px) { .white-block__info { margin-top: 6px; margin-bottom: 55px } } .white-block.is-saved .white-block__info { display: block; visibility: visible; opacity: 1 } .white-block.is-active.is-saved .white-block__info { opacity: 0; max-height: 0; visibility: hidden; margin: 0 } .white-block__info b { font-weight: 500 } .white-block__content { padding: 0 30px; margin: 0 -30px; margin-bottom: -20px; padding-bottom: 20px; max-height: 0; opacity: 0; overflow: hidden; transition: max-height .25s ease-in-out, opacity .25s ease-in-out; pointer-events: none } @media (max-width: 768.98px) { .white-block__content--small-xs-pb { padding-bottom: 30px !important } } .white-block__content .form__col-8 { max-width: 100% } .white-block__content .form__col-4 { max-width: 50% } .white-block.is-active.white-block--auth .white-block__content { margin-bottom: -40px } .white-block.is-active .white-block__content { margin-bottom: -56px; padding-bottom: 56px; max-height: 2500px; opacity: 1; pointer-events: auto } .white-block.is-active .white-block__content--delivery { overflow: visible } @media (max-width: 768.98px) { .white-block.is-active .white-block__content { padding-bottom: 40px; margin-bottom: -20px; max-height: none } } .white-block__credit { position: absolute; display: none; top: 29px; right: 40px; font-size: 24px; line-height: 1; font-weight: 500; letter-spacing: .01em } @media (max-width: 768.98px) { .white-block__credit { position: relative; top: auto; left: -5px; margin-bottom: 24px } } .white-block.is-active .white-block__credit { display: block } .counter { position: relative; display: flex; transition: opacity .25s } .counter:before { position: absolute; content: ""; top: calc(50% - 12px); left: calc(50% - 12px); display: block; padding: 5px; width: 24px; height: 24px; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat 50%; background-size: 100%; transition: opacity .25s ease-in-out; opacity: 0; visibility: hidden; z-index: 10 } .counter.is-loading:before { opacity: 1; visibility: visible; animation: rotate 1.5s linear infinite } .counter__container { display: flex; align-items: center } .add-to-basket .counter__container { background: #ebedf2; border-radius: 8px; padding: 3px; height: 40px } .counter__button { position: relative; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; margin: 0 5px; opacity: 1; transition: opacity .25s ease-in-out } .add-to-basket .counter__button { width: 34px; height: 100%; background: #22b0f3; border-radius: 6px; margin: 0; flex-shrink: 0; transition-property: opacity, background-color; transition-duration: .25s } .counter__button.is-visually-hidden { opacity: 0; pointer-events: none } @media (max-width: 768.98px) { .counter__button.is-visually-hidden { opacity: .3 } } .add-to-basket .counter__button.is-visually-hidden { opacity: 1 !important; background: #bfc1c1; cursor: not-allowed } @media (min-width: 1280px) { .counter__button:hover span { background-color: #00a0eb } } @media (min-width: 1280px) { .add-to-basket .counter__button:hover { background: #0090d5 } } .counter__button:active span { background-color: #00a0eb } .add-to-basket .counter__button:active { background: #0090d5; background: #2354a5 } .counter__button span { display: flex; height: 2px; width: 12px; right: 4px; top: 9px; border-radius: 3px; background: #afbbc6; transition: background-color .25s ease-in-out } .counter__button span:nth-child(2) { transform: rotate(90deg); position: absolute } .add-to-basket .counter__button span:nth-child(2) { top: calc(50% - 1px); left: calc(50% - 7px) } .add-to-basket .counter__button span { width: 14px; background: #fff; border-radius: 0 } .counter__input { position: relative; height: 40px; width: 50px; padding: 9px 5px; line-height: 1; font-size: 16px; font-weight: 400; text-align: center } @media (max-width: 768.98px) { .counter__input { width: 44px; height: 30px } } .add-to-basket .counter__input { width: 100%; height: 100%; background: none; border: 0; font-weight: 500 } .add-to-basket .counter__input:focus { box-shadow: none } .custom-tooltip { position: absolute; background-color: #fff; font-size: 16px; z-index: 9; padding: 16px 20px 14px; width: 100%; max-width: calc(100% - 16px); border-radius: 8px; transition: opacity .3s; box-shadow: 1px 5px 15px #d7dde3; color: #212121 } .custom-tooltip:not(.is-visible) { display: none } .custom-tooltip:not(.is-active) { opacity: 0 } .custom-tooltip__arrow { position: absolute; bottom: -5px; left: 50%; margin-left: -5px; width: 11px; height: 11px; background: #fff; transform: rotate(45deg) skew(5deg, 5deg) } .custom-tooltip__arrow--top { bottom: auto; top: -5px } .custom-tooltip__title { font-weight: 700; font-size: 14px; line-height: 16px } .custom-tooltip__title:not(:last-child) { margin-bottom: 14px } .custom-tooltip__text { font-size: 16px; line-height: 20px } .custom-tooltip__text:not(:last-child) { margin-bottom: 14px } .custom-tooltip__link { font-weight: 500; font-size: 14px; line-height: 24px; margin-top: 14px; display: flex; flex-direction: column; align-items: flex-start } .custom-tooltip__link a:before { top: 50%; transform: translateY(-50%) } .custom-tooltip--type-2, .custom-tooltip--type-3 { padding: 30px 20px 40px; border-radius: 5px; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); z-index: 100; font-size: 14px } .custom-tooltip--type-2 .custom-tooltip__title, .custom-tooltip--type-3 .custom-tooltip__title { display: flex; color: #000; font-weight: 500; font-size: 24px; line-height: 30px } .custom-tooltip--type-2 .custom-tooltip__title:not(:last-child), .custom-tooltip--type-3 .custom-tooltip__title:not(:last-child) { margin-bottom: 20px } .custom-tooltip--type-2 .custom-tooltip__title-icon, .custom-tooltip--type-3 .custom-tooltip__title-icon { flex-shrink: 0; margin-right: 24px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center } .custom-tooltip--type-2 .custom-tooltip__title-icon img, .custom-tooltip--type-3 .custom-tooltip__title-icon img { display: block; max-width: 100%; max-height: 100% } .custom-tooltip--type-2 .custom-tooltip__text, .custom-tooltip--type-3 .custom-tooltip__text { font-size: 16px; line-height: 24px } .custom-tooltip--type-2 .custom-tooltip__close, .custom-tooltip--type-3 .custom-tooltip__close { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; color: #afbbc6; transition: color .25s } .custom-tooltip--type-2 .custom-tooltip__close:-moz-focusring, .custom-tooltip--type-3 .custom-tooltip__close:-moz-focusring { outline: none } .custom-tooltip--type-2 .custom-tooltip__close:focus, .custom-tooltip--type-3 .custom-tooltip__close:focus { outline: none } .custom-tooltip--type-2 .custom-tooltip__close:disabled, .custom-tooltip--type-3 .custom-tooltip__close:disabled { cursor: not-allowed } @media (min-width: 1280px) { .custom-tooltip--type-2 .custom-tooltip__close:hover, .custom-tooltip--type-3 .custom-tooltip__close:hover { color: #212121 } } .custom-tooltip--type-2 .custom-tooltip__close:active, .custom-tooltip--type-3 .custom-tooltip__close:active { color: #212121 } .custom-tooltip--type-2 .custom-tooltip__close img, .custom-tooltip--type-3 .custom-tooltip__close img { display: block; max-width: 100%; max-height: 100%; pointer-events: none } .custom-tooltip--mobile.custom-tooltip--type-3, .custom-tooltip--type-2.custom-tooltip--mobile { position: fixed; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; background: rgba(0, 0, 0, .5); box-shadow: none; padding: 0; max-width: 100%; border-radius: 0; min-height: calc(100% - 25px); z-index: 1450 } .custom-tooltip--mobile.custom-tooltip--type-3 > .custom-tooltip__content, .custom-tooltip--type-2.custom-tooltip--mobile > .custom-tooltip__content { width: 100%; opacity: 1; padding: 30px 20px 40px; background: #fff; border-radius: 24px 24px 0 0; display: block; position: fixed; top: auto; bottom: 0; transform: none; margin: 0; max-width: 100%; box-shadow: none; z-index: 1001 } .custom-tooltip--mobile.custom-tooltip--type-3 > .custom-tooltip__arrow, .custom-tooltip--type-2.custom-tooltip--mobile > .custom-tooltip__arrow { display: none } @media (min-width: 769px) { .custom-tooltip--type-3 { padding: 20px } .custom-tooltip--type-3 .custom-tooltip__close { display: none } .custom-tooltip--type-3 .custom-tooltip__title { font-size: 14px } .custom-tooltip--type-3 .custom-tooltip__title-icon { margin-right: 8px } .custom-tooltip--type-3 .custom-tooltip__title:not(:last-child) { margin-bottom: 8px } .custom-tooltip--type-3 .custom-tooltip__text { font-size: 14px; line-height: 18px } } @media (max-width: 768.98px) { .custom-tooltip--type-3 .custom-tooltip__title { color: #f0a512 } } .custom-tooltip--no-padding { padding: 0 !important } .basket-item { position: relative } .basket-item__content { display: flex; position: relative } .basket-item__image { flex-shrink: 0; width: 160px } @media (max-width: 768.98px) { .basket-item__image { width: 130px } } .basket-item__image picture { width: 110px; height: 110px; position: relative; display: block } .basket-item__image img, .basket-item__image source { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100% } .basket-item__meta { flex-grow: 1; display: flex } @media (max-width: 768.98px) { .basket-item__meta { display: block; padding-bottom: 70px } } .basket-item__meta-col { flex: 1 1 0; display: flex; align-items: flex-start; flex-direction: column } .basket-item__meta-col:nth-child(2) { flex: 0 0 0 } .basket-item__meta-col:nth-child(3) { align-items: flex-end; text-align: right } @media (max-width: 768.98px) { .basket-item__meta-col:nth-child(3) { align-items: flex-start; text-align: left } } .basket-item__name { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: .02em; text-transform: uppercase; padding-top: 8px } .basket-item__delete { margin-top: auto; display: flex; align-items: center; font-weight: 500; font-size: 14px; line-height: 18px; color: #afbbc6; transition-property: color; transition-duration: .25s } @media (max-width: 1279.98px) { .basket-item__delete { font-size: 16px } } @media (max-width: 768.98px) { .basket-item__delete { position: absolute; bottom: 14px; right: 0 } } .basket-item__delete:hover { color: #22b0f3 } .basket-item__delete.is-loading { pointer-events: none; color: #97a4af } @media (max-width: 768.98px) { .is-not-available .basket-item__delete { bottom: 30px } } .basket-item__delete-icon { transition: opacity .25s; margin-right: 8px; margin-top: -1px; display: block; position: relative } .basket-item__delete-icon:before { position: absolute; content: ""; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat 50%; background-size: 100%; transition: opacity .25s ease-in-out; opacity: 0; visibility: hidden } .basket-item__delete-icon svg { display: block } .basket-item__delete.is-loading .basket-item__delete-icon:before { opacity: 1; visibility: visible; animation: rotate 1.5s linear infinite; width: 18px; height: 19px } .basket-item__delete.is-loading .basket-item__delete-icon svg { opacity: 0 } .basket-item__counter { display: flex; flex-direction: column; align-items: center } @media (max-width: 768.98px) { .basket-item__counter { position: absolute; bottom: 0; left: 0 } } .basket-item__counter-block { margin-bottom: 8px } .installation .basket-item__counter-block { margin-bottom: 0 } .basket-item__counter-error, .basket-item__counter-price { font-size: 14px; line-height: 16px; text-align: center } @media (max-width: 768.98px) { .basket-item__counter-price { display: none } } .basket-item__counter-error { color: #fa4d62; font-weight: 500 } .basket-item__price { font-weight: 500; font-size: 16px; line-height: 24px; padding-top: 8px; display: flex; align-items: baseline } .basket-item__price-old { text-decoration: line-through; color: #97a4af; padding-right: 10px } .basket-item__discount { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; margin-top: 2px } .basket-item__discount:hover .icon-question-circle { background: #22b0f3; border-color: #22b0f3; color: #fff } .basket-item__discount-text { font-size: 14px; line-height: 16px; color: #97a4af } .basket-item__discount-text:not(:last-child) { margin-right: 5px } .basket-item__discount-tooltip { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: -30px 0 -40px; padding: 20px 0 } @media (max-width: 1023.98px) { .custom-tooltip.custom-tooltip--mobile .basket-item__discount-tooltip { padding-bottom: 24px } } .basket-item__discount-tooltip .basket-item__discount-title { font-weight: 500; font-size: 16px; line-height: 24px } @media (max-width: 1023.98px) { .basket-item__discount-tooltip .basket-item__discount-title { font-size: 24px; line-height: 30px } } .basket-item__discount-tooltip .basket-item__discount-title:not(:last-child) { margin-bottom: 20px } .basket-item__discount-tooltip .basket-item__discount-list { margin: 0; padding: 0; list-style: none; font-size: 16px; line-height: 24px } .basket-item__discount-tooltip .basket-item__discount-list li { display: flex; align-items: flex-end; justify-content: space-between } .basket-item__discount-tooltip .basket-item__discount-list span { color: #00a0eb; white-space: nowrap; flex-shrink: 0; padding-left: 8px } .basket-item__discount-tooltip .basket-item__discount-list:not(:last-child) { margin-bottom: 20px } .basket-item__discount-tooltip .basket-item__discount-close { display: none } @media (max-width: 1023.98px) { .basket-item__discount-tooltip .basket-item__discount-close { display: block } } .basket-item__bonus { display: none; visibility: hidden; width: 0; height: 0; opacity: 0; font-weight: 500; font-size: 14px; line-height: 24px; color: #22b0f3; margin-top: auto } @media (max-width: 768.98px) { .basket-item__bonus { margin-top: 5px } } .basket-item__label { color: #97a4af } @media (max-width: 768.98px) { .basket-item__label { font-size: 16px; line-height: 1.5 } } .basket-item__close, .dropdown-select__clear { position: absolute; display: flex; padding: 5px; width: 22px; height: 22px; right: -5px; top: -5px } .basket-item__close:before, .dropdown-select__clear:before { content: ""; top: 0; position: absolute; left: 0; display: block; width: 100%; height: 100%; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat 50%; background-size: 19px; transition: opacity .3s; opacity: 0; visibility: hidden } .basket-item__close.is-loading, .is-loading.dropdown-select__clear { pointer-events: none } .basket-item__close.is-loading span, .is-loading.dropdown-select__clear span { opacity: 0 } .basket-item__close.is-loading:before, .is-loading.dropdown-select__clear:before { opacity: 1; visibility: visible; animation: rotate 1.5s linear infinite } @media (max-width: 768.98px) { .basket-item__close, .dropdown-select__clear { right: -11px; top: 16px } } .basket-item__close > *, .dropdown-select__clear > * { pointer-events: none } .basket-item__close:hover span, .dropdown-select__clear:hover span { background-color: #00a0eb } .basket-item__close span, .dropdown-select__clear span { display: flex; height: 2px; width: 12px; border-radius: 3px; background-color: #d7dde3; transition: background-color .25s ease-in-out; transform: rotate(-45deg) } .basket-item__close span:nth-child(2), .dropdown-select__clear span:nth-child(2) { transform: rotate(45deg); position: absolute; right: 5px } .basket-item__close--text { width: auto; height: auto; font-size: 16px; padding-top: 0; padding-bottom: 0 } @media (max-width: 768.98px) { .basket-item__close--text { right: -6px } } .basket-item__close--text span { width: auto; height: auto; transform: none; background: none; line-height: 1.6 } .basket-item__close--text:hover span { background: none } .basket-item__item-error { width: 100%; margin-top: 24px; margin-left: 136px; font-size: 16px; color: #fa4d62; font-weight: 500; line-height: 1.3125 } @media (max-width: 768.98px) { .basket-item__item-error { margin-left: 0 } } .basket-item .tooltip__popup { z-index: 2; width: 189px; padding-right: 24px } .basket-item .tooltip__popup[data-popper-placement=top-end]:before { content: ""; position: absolute; border: 6px solid transparent; border-top: 8px solid #fff; right: 17px; bottom: -14px } @media (max-width: 768.98px) { .basket-item .tooltip__popup[data-popper-placement=top-end]:before { right: 86px } } @media (min-width: 1024px) { .basket-item__tooltip-close { display: none } } .installment-basket-item { position: relative; display: flex; width: 100% } @media (max-width: 768.98px) { .installment-basket-item { margin-top: 0; margin-bottom: 2px } } .installment-basket-item__wrapper { display: flex; flex-direction: column; width: 100% } .installment-basket-item__content { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; width: 100% } .installment-basket-item__image { display: flex; justify-content: center; margin: 0 25px 0 0; width: 64px; height: 64px } @media (max-width: 768.98px) { .installment-basket-item__image { margin: 0 30px 0 15px; width: 80px; height: 112px } } .installment-basket-item__img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .installment-basket-item__main, .installment-basket-item__price-and-delete { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start } @media (max-width: 768.98px) { .installment-basket-item__main, .installment-basket-item__price-and-delete { flex-direction: column } } .installment-basket-item__main { width: 100% } .installment-basket-item__info { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin: 0 15px 0 0 } @media (max-width: 768.98px) { .installment-basket-item__info { margin: 0 0 10px } } .installment-basket-item__name { font-weight: 450; font-size: 16px; line-height: 24px; text-transform: uppercase } @media (max-width: 768.98px) { .installment-basket-item__name { font-weight: 500 } } .installment-basket-item__amount, .installment-basket-item__deleted { color: #97a4af; font-size: 16px; line-height: 24px } .installment-basket-item__deleted { margin: 10px 0 0 } .installment-basket-item__price-and-delete { width: auto; min-width: 205px } @media (max-width: 768.98px) { .installment-basket-item__price-and-delete { min-width: 0 } } .installment-basket-item__price-wrap { display: flex; flex-direction: column; margin: 0 10px 0 0; font-weight: 450; font-size: 16px; line-height: 24px } @media (max-width: 768.98px) { .installment-basket-item__price-wrap { flex-direction: row; margin: 0 0 20px } } @media (max-width: 768.98px) { .installment-basket-item__price { margin: 0 12px 0 0; font-size: 18px } } .installment-basket-item__price-old { color: #afbbc6; text-decoration: line-through } @media (max-width: 768.98px) { .installment-basket-item__price-old { font-size: 14px } } .installment-basket-item__delete { display: flex; justify-content: center; align-items: center; color: #97a4af; font-size: 16px; line-height: 24px; transition: color .25s ease-in-out, fill .25s ease-in-out } .installment-basket-item__delete:hover { color: #22b0f3 } .installment-basket-item__delete.is-loading { pointer-events: none; color: #97a4af; opacity: 1 !important } .installment-basket-item__delete-icon { display: inline-flex; justify-content: center; align-items: center; padding: 5px; width: 28px; height: 24px; margin-right: 5px } .installment-basket-item__delete-icon:before, .installment-basket-item__delete-icon svg { width: 18px; height: 19px; transition: opacity .25s ease-in-out } .installment-basket-item__delete-icon:before { position: absolute; content: ""; top: 0; left: 0; display: block; padding: 5px; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat 50%; background-size: 100%; opacity: 0; visibility: hidden } .basket-item__delete.is-loading .installment-basket-item__delete-icon { pointer-events: none } .basket-item__delete.is-loading .installment-basket-item__delete-icon:before { opacity: 1; visibility: visible; animation: rotate 1.5s linear infinite; width: 18px; height: 19px } .basket-item__delete.is-loading .installment-basket-item__delete-icon svg { opacity: 0 } .installment-basket-item__error { display: flex; flex-direction: column; margin: 10px 0 0 78px; font-size: 16px; line-height: 24px } @media (max-width: 768.98px) { .installment-basket-item__error { margin: 25px 0 0 0 } } .installment-basket-item__error-installation, .installment-basket-item__error-title { color: #fa4d62 } .installment-basket-item__installation { font-size: 16px; line-height: 24px; margin: 25px 0 0 78px } @media (max-width: 768.98px) { .installment-basket-item__installation { margin: 25px 0 0 0 } } .installment-basket-item__separate-installation { display: flex; flex-direction: row; flex-wrap: wrap } .installment-basket-item__separate-installation-text { margin: 0 5px 0 0 } .installment-basket-item__separate-installation-phone { font-size: 16px; line-height: 24px; font-weight: 600; text-decoration: none; color: #212121; transition: color .2s ease-in-out } .installment.is-sber-installment .is-hidden-on-sberpage, .installment:not(.is-sber-installment) .is-visible-on-sberpage { display: none } .installment-page { background-color: #fff; padding: 192px 0 70px } @media (max-width: 1365px) { .installment-page { padding: 148px 0 60px } } @media (max-width: 767px) { .installment-page { padding: 108px 0 40px } } .installment.is-sber-installment .installment-page { padding-top: 80px } .installment-inner { width: 100%; max-width: 1313px; margin: 0 auto } .installment__steps-title { display: block; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 48px; line-height: 1.17; letter-spacing: .02em; color: #212121; margin: 0 } .installment__steps-title:not(:last-child) { margin-bottom: 30px } @media (max-width: 1365px) { .installment__steps-title { font-size: 40px } .installment__steps-title:not(:last-child) { margin-bottom: 20px } } @media (max-width: 1279px) { .installment__steps-title { font-size: 32px } } @media (max-width: 767px) { .installment__steps-title { font-size: 24px; line-height: 1.33 } } .installment-title { display: block; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 48px; line-height: 1.17; letter-spacing: .02em; color: #212121; margin: 0 } .installment-title:not(:last-child) { margin-bottom: 30px } @media (max-width: 1365px) { .installment-title { font-size: 40px } .installment-title:not(:last-child) { margin-bottom: 20px } } @media (max-width: 1279px) { .installment-title { font-size: 32px } } @media (max-width: 767px) { .installment-title { font-size: 24px; line-height: 1.33 } } .installment-lead { font-size: 20px; line-height: 1.6; color: #212121 } .installment-lead:not(:first-child) { margin-top: 112px } .installment-lead:not(:last-child) { margin-bottom: 44px } @media (max-width: 1365px) { .installment-lead { font-size: 18px; line-height: 1.416 } } @media (max-width: 767px) { .installment-lead { font-size: 16px; line-height: 1.25 } .installment-lead:not(:last-child) { margin-bottom: 30px } } .installment-lead p { margin: 0 } @media (max-width: 1024px) { .installment-lead p { padding: 0 170px } } @media (max-width: 768px) { .installment-lead p { padding: 0 } } .installment-lead p:not(:last-child) { margin-bottom: 20px } @media (max-width: 767px) { .installment-lead p:not(:last-child) { margin-bottom: 10px } } .installment-advantage:not(:last-child) { margin-bottom: 90px } @media (max-width: 1365px) { .installment-advantage:not(:last-child) { margin-bottom: 70px } } @media (max-width: 1279px) { .installment-advantage:not(:last-child) { margin-bottom: 54px } } @media (max-width: 767px) { .installment-advantage:not(:last-child) { margin-bottom: 40px } } .installment-advantage__list { display: flex; flex-wrap: wrap; margin-left: -30px } @media (max-width: 1279px) { .installment-advantage__list { margin-bottom: -30px } } @media (max-width: 767px) { .installment-advantage__list { margin-left: -20px; margin-bottom: -20px } } .installment-advantage__list-item { width: 25%; padding-left: 30px } @media (max-width: 1023px) { .installment-advantage__list-item { width: 50%; margin-bottom: 30px } } @media (max-width: 767px) { .installment-advantage__list-item { padding-left: 20px; margin-bottom: 20px } } .installment-advantage__item { display: block; text-align: center; color: #212121 } .installment-advantage__item-icon { display: flex; align-items: center; justify-content: center; width: 195px; height: 195px; margin: 0 auto 30px } @media (max-width: 1365px) { .installment-advantage__item-icon { width: 140px; height: 140px; margin-bottom: 20px } } @media (max-width: 767px) { .installment-advantage__item-icon { width: 104px; height: 104px; margin-bottom: 10px } } .installment-advantage__item-icon img { flex-shrink: 0; max-width: 100%; max-height: 100% } .installment-advantage__item-title { display: block; text-decoration: none; font-weight: 500; font-size: 24px; line-height: 1.416; letter-spacing: .02em; color: inherit; margin: 0 0 10px } @media (max-width: 1365px) { .installment-advantage__item-title { font-size: 20px } } @media (max-width: 767px) { .installment-advantage__item-title { font-size: 16px; margin-bottom: 5px } } .installment-advantage__item-text { font-weight: 400; font-size: 20px; line-height: 1.6; letter-spacing: .02em; color: inherit } @media (max-width: 1365px) { .installment-advantage__item-text { font-size: 16px; line-height: 1.4 } } @media (max-width: 767px) { .installment-advantage__item-text { font-size: 14px; line-height: 1.43 } .installment-advantage__item-text br { display: none } } .installment-advantage__item-note { margin-top: 10px } .installment-steps { margin-bottom: 30px } .installment-steps:not(:first-child) { margin-top: 62px } @media (max-width: 1279px) { .installment-steps:not(:first-child) { margin-top: 40px } } @media (max-width: 767px) { .installment-steps:not(:first-child) { margin-top: 33px } } .installment-steps__list { display: flex; justify-content: center; flex-wrap: wrap; margin-left: -50px; margin-bottom: -68px } @media (max-width: 1279px) { .installment-steps__list { margin-bottom: -44px } } @media (max-width: 767px) { .installment-steps__list { margin-bottom: -33px } } .installment-steps__list-item { width: 50%; padding-left: 50px; margin-bottom: 68px } .installment-steps__list-item:last-child { width: 100% } @media (max-width: 1279px) { .installment-steps__list-item { margin-bottom: 44px } } @media (max-width: 767px) { .installment-steps__list-item { width: 100%; margin-bottom: 33px } } .installment-steps__item { display: block; text-align: center; color: #212121 } .installment-steps__item-img { display: flex; align-items: center; justify-content: center; width: 100%; height: 340px; margin: 0 auto 24px } @media (max-width: 1365px) { .installment-steps__item-img { height: 176px; margin-bottom: 20px } } @media (max-width: 767px) { .installment-steps__item-img { margin-bottom: 10px } } .installment-steps__item-img img { flex-shrink: 0; max-width: 100%; max-height: 100% } .installment-steps__item-title { display: block; text-decoration: none; font-weight: 500; font-size: 24px; line-height: 1.5; letter-spacing: .02em; color: inherit; margin: 0 } @media (max-width: 1365px) { .installment-steps__item-title { font-size: 20px } } @media (max-width: 767px) { .installment-steps__item-title { font-size: 18px; line-height: 1.33 } } .installment-steps__item-text { font-weight: 400; font-size: 20px; line-height: 1.6; letter-spacing: .02em; color: inherit; margin: 0 auto } @media (max-width: 1365px) { .installment-steps__item-text { font-size: 16px; line-height: 1.25 } } @media (max-width: 767px) { .installment-steps__item-text br { display: none } } .installment-steps__note { font-weight: 500; font-size: 20px; line-height: 1.6; text-align: center; color: #212121 } .installment-steps__note:not(:first-child) { margin-top: 68px } .installment-steps__note a { color: #22b0f3 } .installment-options__tabs-list { list-style: none; padding: 0; margin: 0 0 30px; display: flex; align-items: center; justify-content: center } .installment-options__tabs-list > li:not(:last-child) { margin-right: 60px } @media (max-width: 1023px) { .installment-options__tabs-list > li:not(:last-child) { margin-right: 40px } } .installment-options__tabs-button { outline: 0; display: block; font-weight: 500; font-size: 24px; line-height: 1.67; text-align: center; letter-spacing: .02em; color: #212121 } @media (max-width: 1023px) { .installment-options__tabs-button { font-size: 20px } } @media (max-width: 767px) { .installment-options__tabs-button { font-size: 18px; line-height: 1.33 } } .installment-options__tabs-button.is-active { color: #22b0f3 } .installment-options__list { list-style: none; padding: 0; margin: 0; display: -ms-grid; display: grid; justify-content: center; -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr; grid-template-columns:repeat(5, 1fr); gap: 30px } @media (max-width: 1366px) { .installment-options__list { gap: 20px } } @media (max-width: 1024px) { .installment-options__list { gap: 10px } } @media (max-width: 768px) { .installment-options__list { -ms-grid-columns: 1fr; grid-template-columns:1fr } } .installment-options__list > li { position: relative; z-index: 0 } .installment-options__item { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 40px 30px; height: 100%; background-color: #fff; border-radius: 12px; gap: 14px; box-shadow: 0 10px 35px 0 hsla(0, 0%, 70.6%, .25) } @media (max-width: 768px) { .installment-options__item { padding: 20px; gap: 15px; flex-direction: row; text-align: left } } .installment-options__item-icon { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; flex: 0 0 72px } @media (max-width: 768px) { .installment-options__item-icon { width: 60px; height: 60px; flex: 0 0 60px } } .installment-options__item-icon img { flex-shrink: 0; max-width: 100%; max-height: 100% } .installment-options__item-text { display: block; font-weight: 400; font-size: 16px; line-height: 1.25; letter-spacing: .02em; color: inherit } @media (max-width: 1024px) { .installment-options__item-text br { display: none } } .installment-options__bottom { text-align: center } .installment-options__bottom:not(:first-child) { margin-top: 40px } @media (max-width: 768px) { .installment-options__bottom:not(:first-child) { margin-top: 30px } } .installment-options__more-link { display: inline-block; text-decoration: none; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 20px; line-height: 1.6; letter-spacing: .02em; color: #22b0f3; transition: color .2s ease } @media (max-width: 767px) { .installment-options__more-link { font-size: 18px; line-height: 1.33 } } .installment-options__more-link:focus, .installment-options__more-link:hover { color: #212121; text-decoration: underline } .installment-partners { display: block } .installment-partners:not(:first-child) { margin-top: 80px } @media (max-width: 1366px) { .installment-partners:not(:first-child) { margin-top: 60px } } @media (max-width: 1024px) { .installment-partners:not(:first-child) { margin-top: 55px } } @media (max-width: 767px) { .installment-partners:not(:first-child) { margin-top: 40px; margin-bottom: 40px } } .installment-partners:not(:last-child) { margin-bottom: 80px } @media (max-width: 767px) { .installment-partners:not(:last-child) { margin-bottom: 40px } } .installment-partners__title { display: block; text-align: center; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 36px; line-height: 1.56; letter-spacing: .02em; color: #212121; margin: 0 0 30px } @media (max-width: 1366px) { .installment-partners__title { font-size: 26px; line-height: 1.54; margin: 0 0 15px } } .installment-partners__list { list-style: none; padding: 0; margin: -30px 0 0 -30px; display: flex; justify-content: center; flex-wrap: wrap } @media (max-width: 767px) { .installment-partners__list { margin-top: -10px; margin-left: -10px } } .installment-partners__list > li { flex-shrink: 0; padding-top: 30px; padding-left: 10px } @media (max-width: 767px) { .installment-partners__list > li { padding-top: 15px; padding-left: 8px } } .installment-partners__item { display: flex; align-items: center; justify-content: center; width: 335px; height: 209px; background-color: #fff; box-shadow: 0 7.5px 26.4px hsla(0, 0%, 70.6%, .25); border-radius: 12px } @media (max-width: 1366px) { .installment-partners__item { width: 309px; height: 200px } } @media (max-width: 1279px) { .installment-partners__item { width: 248px; height: 170px } } @media (max-width: 767px) { .installment-partners__item { width: 155px; height: 100px } } .installment-partners__item-logo { flex-shrink: 0; display: block; margin: 0 auto; font-size: 0 } .installment-partners__item-logo.is-sber { width: 239px } @media (max-width: 1366px) { .installment-partners__item-logo.is-sber { width: 220px } } @media (max-width: 1279px) { .installment-partners__item-logo.is-sber { width: 188px } } @media (max-width: 767px) { .installment-partners__item-logo.is-sber { width: 112px } } .installment-partners__item-logo.is-tinkoff { width: 170px } @media (max-width: 1366px) { .installment-partners__item-logo.is-tinkoff { width: 166px } } @media (max-width: 1279px) { .installment-partners__item-logo.is-tinkoff { width: 115px } } @media (max-width: 767px) { .installment-partners__item-logo.is-tinkoff { width: 88px } } .installment-partners__item-logo.is-vsegdada { width: 170px } @media (max-width: 1366px) { .installment-partners__item-logo.is-vsegdada { width: 165px } } @media (max-width: 1279px) { .installment-partners__item-logo.is-vsegdada { width: 124px } } @media (max-width: 767px) { .installment-partners__item-logo.is-vsegdada { width: 89px } } .installment-partners__item-logo > img { font-size: 1rem; display: inline-block; max-width: 100%; max-height: 100% } .installment-note-text { font-weight: 400; font-size: 16px; line-height: 1.25; letter-spacing: .02em; color: #959799 } .basket { display: flex; margin-bottom: -40px; width: 100% } @media (max-width: 768.98px) { .basket { margin-bottom: -18px } } .basket__wrapper { width: 100%; height: 100% } .basket__storage { background: #f2f5f9; font-size: 16px; line-height: 16px; color: #97a4af; padding: 16px 20px } @media (max-width: 768.98px) { .basket__storage { font-size: 14px; line-height: 20px; padding: 12px 14px; margin-bottom: 16px } } .basket__storage span.js-tooltip-btn { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color .25s } .basket__storage span.js-tooltip-btn:hover { color: #2354a5 } @media (min-width: 769px) { .basket__storage br { content: "" } .basket__storage br:after { content: " " } } .basket__products .basket__storage { width: 100%; display: flex; justify-content: space-between } @media (max-width: 768.98px) { .basket__products .basket__storage { display: block } } .basket__storage .icon-question-circle { margin-left: 4px } @media (max-width: 768.98px) { .basket__storage .icon-question-circle { margin-top: 2px } } .basket__storage-text { display: flex } .basket__storage-button { font-weight: 500; font-size: 14px; line-height: 18px; color: #22b0f3; transition-property: color; transition-duration: .25s; position: relative } .basket__storage-button:before { content: ""; display: block; position: absolute; top: calc(50% - 10px); left: 0; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat; width: 20px; height: 20px; animation: rotate 1.5s linear infinite; pointer-events: none; opacity: 0; transition: opacity .25s } @media (max-width: 768.98px) { .basket__storage-button:before { left: auto; right: 0 } } .basket__storage-button.is-loading { opacity: 1 !important; color: rgba(34, 176, 243, .5); padding-left: 28px } @media (max-width: 768.98px) { .basket__storage-button.is-loading { padding-left: 0; padding-right: 28px } } .basket__storage-button.is-loading:before { opacity: 1 } .basket__products { height: 100%; display: flex; flex-flow: row wrap } @media (max-width: 768.98px) { .basket__products { margin-left: -20px; margin-right: -20px } } .basket__item { width: 100%; border-bottom: 1px solid rgba(215, 221, 227, .6); padding: 40px 0 } @media (max-width: 768.98px) { .basket__item { padding: 20px } } .basket__item:last-child { border-bottom: 0 } .basket__stock { padding-top: 55px } @media (max-width: 768.98px) { .basket__stock { padding-top: 16px } } .basket__text p { font-size: 16px; margin-bottom: 0 } .basket-reset-modal { text-align: center } .basket-reset-modal__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 24px; line-height: 32px; margin-bottom: 15px; text-align: left } .basket-reset-modal__text { font-size: 20px; line-height: 32px; margin-bottom: 30px } .basket-reset-modal__buttons { display: flex; align-items: center; justify-content: center; margin: 0 -10px } @media (max-width: 768.98px) { .basket-reset-modal__buttons--column-sm { flex-direction: column } } .basket-reset-modal__button { flex-shrink: 0; margin: 0 10px; width: calc(50% - 20px); height: 56px; line-height: 56px; font-size: 18px } @media (max-width: 768.98px) { .basket-reset-modal__buttons--column-sm .basket-reset-modal__button { width: calc(100% - 24px) } .basket-reset-modal__buttons--column-sm .basket-reset-modal__button:not(:first-child) { margin-top: 16px } } @media (min-width: 1367px) { .basket-total { left: auto !important; z-index: 2 } } @media (max-width: 1279.98px) { .basket-total.is-absolute { position: absolute; box-shadow: none } } .basket-total.is-class { left: auto !important } .basket-total__header { margin-top: 4px } .basket-total__footer { margin-top: 24px } .basket-total__list { padding: 0 0 24px; margin: 0; font-size: 18px; line-height: 1.33333; border-bottom: 1px solid rgba(175, 187, 198, .5) } @media (max-width: 1279.98px) { .basket-total.is-active .basket-total__list { max-width: 100%; padding-bottom: 0 } } @media (max-width: 768.98px) { .basket-total__list { font-size: 16px; font-weight: 500; max-width: 100% } } .basket-total__list--full { width: 100%; max-width: 100% } @media (max-width: 1279.98px) { .basket-total__list--full { max-width: 100% } } .basket-total__list-body { padding: 0; margin: 24px 0 0 0; font-size: 16px; line-height: 1.33333 } .basket-total__list-body .basket-total__left { color: #97a4af } .basket-total__total-price, .basket-total__total-promo { display: flex; justify-content: space-between } .basket-total__total-promo { font-size: 14px; line-height: 1.71429 } .basket-total__promo-remove { position: absolute; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; right: -25px; top: 1px; opacity: 1; transition: opacity .25s ease-in-out, background-color .25s ease-in-out } .basket-total__promo-remove:hover span { background-color: #00a0eb } .basket-total__promo-remove.is-visually-hidden { opacity: 0 } .basket-total__promo-remove:before { content: normal } .basket-total__promo-remove span { position: absolute; display: flex; height: 2px; width: 11px; left: 5px; border-radius: 3px; background-color: #afbbc6; transition: background-color .25s ease-in-out; transform: rotate(-45deg) } .basket-total__promo-remove span:nth-child(2) { transform: rotate(45deg) } .basket-total__list-item { list-style: none } .basket-total__list-item + .basket-total__list-item { margin-top: 12px } @media (max-width: 1279.98px) { .basket-total__list-item { margin-bottom: 0; margin-top: 10px } } @media (max-width: 768.98px) { .basket-total__list-item { margin-top: 8px } } .basket-total__bonus { display: none; visibility: hidden; width: 0; height: 0; opacity: 0; justify-content: space-between; position: relative; margin-top: 12px; font-size: 18px; line-height: 1.33333 } .basket-total__bonus-overlay { position: absolute; right: 0; top: 0; bottom: 0; left: 0; z-index: 1 } .basket-total__bonus .basket-total__right { color: #00a0eb } .basket-total__bonus-value { display: flex; align-items: center; cursor: default } .basket-total__bonus-icon { display: inline-block } .basket-total__bonus-icon svg { width: 100%; height: 100%; fill: #22b0f3 } .basket-total__bonus-icon--right { width: 31px; height: 18px; margin-left: 8px } .basket-total__bonus-icon--left { display: none; width: 12px; height: 21px; margin-right: 8px } .basket-total__bonus.is-special .basket-total__bonus-icon--left { display: inline-block } .basket-total__bonus-info-row + .basket-total__bonus-info-row { margin-top: 16px } .basket-total__bonus-info-value { display: flex; align-items: center; color: #22b0f3; font-size: 16px; line-height: 1.5; font-weight: 500 } .basket-total__bonus-info-title { font-size: 16px; line-height: 21px; margin-top: 2px; color: #212121 } .basket-total__bonus-info-desc { margin-top: 16px; color: #97a4af; font-size: 14px; line-height: 20px } .basket-total__bonus-info-link { display: inline-flex; align-items: center; margin-top: 8px; font-size: 14px; line-height: 20px } .basket-total__bonus-info-link svg { transform: rotate(180deg); margin-left: 10px; margin-right: 0 } .basket-total__dropdown { display: none; visibility: hidden; width: 0; height: 0; opacity: 0; position: relative; margin-top: 8px } .basket-total__dropdown.is-visible .basket-total__dropdown-content { opacity: 1; transform: translateZ(0) } .basket-total__dropdown.is-opened .basket-total__dropdown-content { display: block } .basket-total__dropdown-content { position: absolute; background-color: #fff; font-size: 18px; z-index: 5; line-height: 1.33333; padding: 20px; width: 280px; border-radius: 4px; top: calc(100% + 10px); opacity: 0; transform: translateZ(-1); transition: opacity .25s ease-in-out, transform .25s ease-in-out; display: none; box-shadow: 1px 4px 20px rgba(3, 28, 49, .17) } .basket-total__dropdown-content:after { content: ""; position: absolute; left: 20px; top: -5px; width: 11px; height: 11px; background: #fff; border-radius: 2px; transform: rotate(45deg) skew(5deg, 5deg) } .basket-total__dropdown-close { position: absolute; right: 16px; top: 16px; padding: 0; line-height: .5; font-size: 24px; color: #d7dde3; transition: color .25s ease-in-out } .js-installment-content .basket-total__dropdown-close { display: none } .basket-total__dropdown-close:hover { color: #22b0f3 } .basket-total__delivery { display: flex; justify-content: space-between } .basket-total__pay { color: #97a4af } .basket-total__list-body-item { list-style: none; margin-bottom: 20px } .basket-total__list-body-item:last-child { margin-bottom: 42px } .basket-total__left { display: flex; align-items: center } @media (max-width: 1279.98px) { .basket-total__left { font-weight: 400; line-height: 24px; font-size: 18px } .basket-total__final .basket-total__left { font-size: 24px; line-height: 31px; font-weight: 500 } } @media (max-width: 768.98px) { .basket-total__left { font-size: 16px } .basket-total__final .basket-total__left { font-size: 20px; line-height: .76923 } } .basket-total__right { font-weight: 500 } @media (max-width: 768.98px) { .basket-total__right { font-size: 16px; line-height: 1.5 } .basket-total__final .basket-total__right { font-size: 20px; line-height: .76923 } } .basket-total__right--normal { font-weight: 400 } .basket-total__final { display: flex; flex-flow: row; justify-content: space-between; font-size: 24px; line-height: 1.08333; letter-spacing: .01em; font-weight: 500; margin-bottom: 12px } .basket-total__final .basket-total__right { font-weight: 600 } .basket-total__total-promo { margin-top: 4px } .basket-total__total-promo .basket-total__right { color: #97a4af } .basket-total__total-promo .basket-total__left { position: relative; color: #00a0eb; font-weight: 500; letter-spacing: .02em } .basket-total__installment-wrap, .basket-total__submit { margin-top: 24px } .basket-total__installment-wrap .button, .basket-total__submit .button { height: 56px; line-height: 56px; font-size: 18px; width: 100% } .basket-total__installment-wrap { display: block; margin-top: 16px } .basket-total__installment-btn { background-color: #fff } .basket-total__installment-btn > * { pointer-events: none } .basket-total__installment { opacity: 0; transition: height .25s ease, opacity .25s ease } @media (max-width: 1279.98px) { .basket-total__installment { height: 0 } } .basket-total__installment.is-active { opacity: 1 } @media (max-width: 1279.98px) { .basket-total__installment.is-active { height: 100% } } @media (max-width: 1279.98px) { .basket-total__installment-inner { margin: 40px 0 0 } } @media (max-width: 768.98px) { .basket-total__installment-inner { margin: 30px 0 0 } } .basket-total__installment-title { margin: 0 0 20px; padding: 0 20px 0 0; font-weight: 500; font-size: 20px; line-height: 24px } @media (max-width: 1279.98px) { .basket-total__installment-title { font-size: 24px; line-height: 31px } } @media (max-width: 768.98px) { .basket-total__installment-title { font-size: 20px; line-height: 26px } } .basket-total__installment-item { display: flex; justify-content: space-between; margin: 0 0 10px } .basket-total__installment-item:last-child { margin: 0 } .basket-total__installment-item-title { font-size: 16px; line-height: 24px; color: #97a4af; white-space: nowrap; padding-right: 8px } @media (max-width: 1279.98px) { .basket-total__installment-item-title { font-size: 18px; line-height: 24px } } @media (max-width: 768.98px) { .basket-total__installment-item-title { color: #212121; font-size: 16px; line-height: 24px } } .basket-total__installment-item-text { font-weight: 500; font-size: 16px; line-height: 24px; text-align: right } @media (max-width: 1279.98px) { .basket-total__installment-item-text { font-size: 18px; line-height: 24px } } @media (max-width: 768.98px) { .basket-total__installment-item-text { font-size: 16px; line-height: 24px } } .basket-total__installment-conclusion { display: flex; flex-direction: column; margin: 25px 0 0; align-items: center } .basket-total__installment-info-link { margin: 15px 0 0; font-size: 14px; line-height: 20px } @media (max-width: 1279.98px) { .basket-total__installment-info-link { margin: 25px 0 0 } } .basket-total__installment-info-link > svg { transform: rotate(180deg); margin-left: 10px; margin-right: 0 } .basket-total__sub { font-size: 14px; line-height: 1.28571; color: #97a4af; margin-top: 20px } @media (max-width: 1279.98px) { .basket-total.is-active .basket-total__sub { display: none } } @media (max-width: 1279.98px) { .basket-total__sub { margin-top: 12px; max-width: 460px } } @media (max-width: 768.98px) { .basket-total__sub { display: none } } .basket-total__mobile { display: none } .basket-total__mobile-left { width: calc(100% - 240px); padding: 0 40px 0 40px } @media (max-width: 768.98px) { .basket-total__mobile-left { width: 100%; padding: 0 } } @media (max-width: 1279.98px) { .basket-total.is-active .basket-total__mobile-left { width: 100% } } .basket-total__mobile-right { width: 240px } @media (max-width: 768.98px) { .basket-total__mobile-right { display: none } } @media (max-width: 1279.98px) { .basket-total.is-active .basket-total__mobile-right { display: none } } .basket-total__mobile-total { display: none } @media (max-width: 768.98px) { .basket-total__mobile-total { z-index: 100; position: fixed; bottom: 0; left: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; background-color: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, .04), 0 0 2px rgba(0, 0, 0, .06), 0 0 8px rgba(0, 0, 0, .1); border-radius: 8px 8px 0 0 } } .basket-total__mobile-total-discount, .basket-total__mobile-total-final { display: flex; justify-content: flex-start; align-items: center; padding: 25px 20px } .basket-total__mobile-name { padding: 0 10px 0 0; font-size: 16px; line-height: 18px; color: #97a4af } @media (max-width: 359.98px) { .basket-total__mobile-name { font-size: 14px; line-height: 16px } } .basket-total__mobile-amount { font-weight: 500; font-size: 20px; line-height: 26px } @media (max-width: 359.98px) { .basket-total__mobile-amount { font-size: 16px; line-height: 22px } } .basket-total__credit-placeholder-text { margin-top: 10px; font-size: 16px; line-height: 20px; color: #97a4af } .basket-total__credit-placeholder-link { margin-top: 5px; font-size: 16px; line-height: 20px } .js-show-dropdown { position: relative; margin-top: 16px; display: inline-block; width: 100% } .js-show-dropdown.is-visible .js-show-dropdown-content { opacity: 1; transform: translateZ(0) } .js-show-dropdown.is-opened .js-show-dropdown-content { display: block } .js-show-dropdown-content { position: absolute; background-color: #fff; font-size: 18px; z-index: 5; line-height: 1.33333; padding: 20px; width: 305px; border-radius: 4px; top: calc(100% + 10px); opacity: 0; transform: translateZ(-1); transition: opacity .25s ease-in-out, transform .25s ease-in-out; display: none; box-shadow: 1px 4px 20px rgba(3, 28, 49, .17) } .js-show-dropdown-content:after { content: ""; position: absolute; left: 20px; top: -5px; width: 11px; height: 11px; background: #fff; border-radius: 2px; transform: rotate(45deg) skew(5deg, 5deg) } .js-show-dropdown-content--reverse { top: auto; bottom: 67px } .js-show-dropdown-content--reverse:after { top: 345px } .js-show-dropdown-close { position: absolute; right: 16px; top: 16px; padding: 0; line-height: .5; font-size: 24px; color: #d7dde3; transition: color .25s ease-in-out } .js-show-dropdown-close:hover { color: #22b0f3 } .installation { position: relative; display: flex; margin-top: 26px } @media (max-width: 768.98px) { .installation { margin-top: 24px } } .installation__wrapper { margin-left: 145px; padding: 16px 15px; background-color: rgba(34, 176, 243, .1); border-radius: 6px; display: flex; flex: 1; justify-content: flex-start; align-items: center; flex-flow: wrap } @media (max-width: 768.98px) { .installation__wrapper { margin-left: 0 } } .installation__wrapper--wide { position: relative; display: flex; justify-content: space-between; margin-left: 80px } @media (max-width: 768.98px) { .installation__wrapper--wide { margin-left: 0 } } .installation__wrapper--wide > * { width: auto !important } .installation__wrapper--wide > .installation__label { margin: 0 50px 0 15px; text-align: right } .installation__meta { flex-grow: 1; display: flex } .installation__meta-col { flex: 1 1 0; display: flex; padding-top: 8px } @media (max-width: 768.98px) { .installation__meta-col { padding-top: 0 } } .installation__meta-col:nth-child(2) { flex: 0 0 0; padding-top: 0 } .installation__meta-col:nth-child(3) { flex-direction: column; align-items: flex-end; text-align: right } .installation__input:checked ~ .installation__meta .installation__counter { opacity: 1; pointer-events: auto } .installation.is-loading .installation__input:checked ~ .installation__meta .installation__counter { opacity: 0 } .installation__input:checked ~ .installation__meta .installation__price { opacity: 1; pointer-events: auto } .installation.is-loading .installation__input:checked ~ .installation__meta .installation__price { opacity: 0 } .installation__input:checked ~ .installation__counter { opacity: 1; pointer-events: auto } .installation.is-loading .installation__input:checked ~ .installation__counter { opacity: 0 } .installation__input:checked ~ .installation__price { opacity: 1; pointer-events: auto } .installation.is-loading .installation__input:checked ~ .installation__price { opacity: 0 } .installation__input:checked ~ .installation__rules { opacity: 1; pointer-events: auto; max-height: 100px; margin-top: 8px } @media (max-width: 768.98px) { .installation__input:checked ~ .installation__rules { max-height: 500px; padding-bottom: 46px } .installation--tradein .installation__input:checked ~ .installation__rules { padding-bottom: 0 } } .installation__label { cursor: pointer; position: relative; display: block; width: 40px; height: 24px } .installation__label--absolute-xxs { position: relative } @media (max-width: 359.98px) { .installation__label--absolute-xxs { position: absolute; right: 10px; top: calc(50% - 12px) } } .installation__label:after { position: absolute; content: ""; top: -9px; right: -9px; bottom: -9px; left: -9px; margin: auto; display: block; padding: 5px; width: 18px; height: 18px; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat 50%; background-size: 100%; pointer-events: none; opacity: 0; visibility: hidden; transition: opacity .25s } .installation.is-loading .installation__label:after { opacity: 1; visibility: visible; animation: rotate 1.5s linear infinite } .installation__switch.switch { top: 0; left: 0; transition: opacity .25s } .installation.is-loading .installation__switch.switch { opacity: 0 } .installation__switch.switch .switch__label:before { background-color: #fff } .installation__name { margin-left: 16px; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: .02em; text-transform: uppercase; width: 35%; min-width: 184px; max-width: 235px } @media (max-width: 1463px) { .installation__name { width: 33% } } @media (max-width: 1366.98px) { .installation__name { min-width: 1px; width: 30% } } @media (max-width: 1279.98px) { .installation__name { max-width: 100%; width: 41% } } @media (max-width: 1160px) { .installation__name { width: 39.5% } } @media (max-width: 1100px) { .installation__name { width: 36.5% } } @media (max-width: 768.98px) { .installation__name { font-size: 14px } } .installation__name--no-mr { margin: 0 } @media (max-width: 768.98px) { .tingle-modal .installation__name--desktop { display: none } } .installation__name--mobile { display: none } @media (max-width: 768.98px) { .tingle-modal .installation__name--mobile { display: block } } .installation--tradein .installation__name { width: auto } .installation__price { font-size: 14px; line-height: 16px; text-align: center; transition: opacity .25s ease-in-out; opacity: 0; pointer-events: none } @media (max-width: 768.98px) { .installation__price { display: none } } .installation__counter { opacity: 0; pointer-events: none; transition: opacity .25s ease-in-out; display: flex; flex-direction: column; align-items: center } @media (max-width: 768.98px) { .installation__counter { position: absolute; bottom: 16px; left: 15px } } .installation__counter-block { margin-bottom: 8px } .installation__total { position: relative; width: 100%; flex: 1; font-size: 16px; text-align: right; font-weight: 500 } @media (max-width: 768.98px) { .installation__total { min-width: 88px } } .installation__total--easy { margin-right: 64px; text-align: end } @media (max-width: 768.98px) { .installation__total--easy { min-width: auto; margin-right: 0; margin-left: 30px; padding: 0; text-align: start } } @media (max-width: 359.98px) { .installation__total--easy { margin-left: 15px } } .installation__rules { opacity: 0; pointer-events: none; width: 100%; font-size: 14px; line-height: 1.42857; margin-top: 0; max-height: 0; transition: opacity .25s ease-in-out, margin-top .25s ease-in-out, max-height .25s ease-in-out, padding-bottom .25s ease-in-out; color: #97a4af; letter-spacing: .02em; padding-left: 56px } .installation__rules span { color: #212121; display: block } .installation__rules span:not(:last-child) { margin-bottom: 16px } .installation .tooltip__popup { z-index: 2; width: 189px; padding-right: 24px } .installation .tooltip__popup[data-popper-placement=top-end]:before { content: ""; position: absolute; border: 6px solid transparent; border-top: 8px solid #fff; right: 17px; bottom: -14px } @media (max-width: 768.98px) { .installation .tooltip__popup[data-popper-placement=top-end]:before { right: 66px } } .installment-popup { width: 820px } @media (max-width: 1279.98px) { .installment-popup { width: auto } } .installment-popup__title { margin: 0 0 40px; font-weight: 800; font-size: 24px; line-height: 32px } @media (max-width: 768.98px) { .installment-popup__title { margin: 0 20px 15px; font-weight: 450; font-size: 24px; line-height: 32px } } .installment-popup__subtitle { margin: 0 0 25px; font-size: 18px; line-height: 24px } @media (max-width: 768.98px) { .installment-popup__subtitle { margin: 0 20px 20px; font-size: 16px; line-height: 24px } } .installment-popup__basket { display: flex; width: 100%; padding: 10px 40px; background-color: #f4f4f4; border-radius: 12px } @media (max-width: 1279.98px) { .installment-popup__basket { padding: 10px 30px } } @media (max-width: 768.98px) { .installment-popup__basket { padding: 5px 20px; border-radius: 0 } } .installment-popup__basket-wrapper { width: 100%; height: 100% } .installment-popup__basket-products { height: 100%; display: flex; flex-flow: row wrap } .installment-popup__basket-item { width: 100%; border-bottom: 1px solid rgba(215, 221, 227, .6); padding: 30px 0 } @media (max-width: 768.98px) { .installment-popup__basket-item { padding: 25px 0 } } .installment-popup__basket-item:last-child { border-bottom: 0 } .installment-popup__action-btns { display: flex; flex-direction: row; justify-content: flex-start; margin: 40px 0 0 } @media (max-width: 768.98px) { .installment-popup__action-btns { flex-direction: column; margin: 25px 0 0 } } .installment-popup__action-btns > button { width: 200px; height: 56px; line-height: 56px; font-size: 18px } @media (max-width: 768.98px) { .installment-popup__action-btns > button { margin: 0 20px 0; width: calc(100% - 40px) } } .installment-popup__save-btn { margin: 0 15px 0 0 } @media (max-width: 768.98px) { .installment-popup__save-btn { margin: 0 20px 15px !important } } .payment-options { display: flex; flex-direction: column; margin: 0 0 25px; padding: 24px; border: 1px solid #d7dde3; border-radius: 8px; transition: border .2s ease-in-out, box-shadow .2s ease-in-out } @media (max-width: 1279.98px) { .payment-options { padding: 20px; margin: 0 0 20px } } .payment-options:last-child { margin: 0 } .payment-options.is-checked { border: 1px solid #22b0f3; box-shadow: inset 0 0 0 1px #22b0f3 } .payment-options--no-auth { display: none; visibility: hidden; width: 0; height: 0; opacity: 0; background: #f8f9fa; border: 0 } .payment-options--promocode { padding-bottom: 0 } .payment-options__inner { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between } @media (max-width: 768.98px) { .payment-options__inner { flex-direction: column; align-items: stretch } } .payment-options__main { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: flex; flex-direction: column; width: 100% } @media (max-width: 768.98px) { .payment-options__main { margin: 0 } } .payment-options--no-auth .payment-options__main { position: relative; padding-right: 200px } @media (max-width: 768.98px) { .payment-options--no-auth .payment-options__main { padding-right: 0 } } .payment-options__label { cursor: pointer; position: relative; display: block; margin: 0 20px 0 0; width: 40px; height: 24px; flex-shrink: 0 } .payment-options.is-disabled .payment-options__label { pointer-events: none } .payment-options__switch.switch { top: 0; left: 0 } .payment-options__switch.switch .switch__label:before { background-color: #f2f2f2 } .payment-options__title { display: flex; flex-direction: row; margin-bottom: 4px } @media (max-width: 768.98px) { .payment-options__title { margin-bottom: 10px } } .payment-options--no-auth .payment-options__title, .payment-options__title--no-mr { margin-bottom: 0 } @media (max-width: 768.98px) { .payment-options--no-auth .payment-options__title { margin-bottom: 8px } } .payment-options__title-text { display: flex; flex-wrap: wrap; font-weight: 500; font-size: 18px; line-height: 24px } @media (max-width: 768.98px) { .payment-options__title-text { line-height: 26px } } @media (max-width: 768.98px) { .payment-options--points .payment-options__title-text { display: block } } .payment-options__title-text-main { display: flex; align-items: center; margin: 0 4px 0 0 } @media (max-width: 768.98px) { .payment-options--points .payment-options__title-text-main { display: inline } } .payment-options--disabled .payment-options__title-text-main { margin: 0 } .payment-options__title-text-main > .icon-eco-utilization { margin: 0 10px 0 5px; height: 20px; width: 20px } .payment-options__title-text-main .icon-question-circle { position: relative; margin: 2px 0 0 10px; display: inline-flex } .payment-options__title-text-main .icon-question-circle:hover .payment-options__tooltip { opacity: 1; pointer-events: auto } .payment-options__title-text-main-blue { display: flex; align-items: center; color: #22b0f3 } @media (max-width: 768.98px) { .payment-options--points .payment-options__title-text-main-blue { display: inline } } .payment-options__title-text-main-blue > svg { margin-left: 5px; height: 18px; width: 31px } @media (max-width: 768.98px) { .payment-options__title-text-main-blue > svg { display: none } } @media (max-width: 768.98px) { .payment-options--disabled .payment-options__title-text-main-blue > svg, .payment-options--no-auth .payment-options__title-text-main-blue > svg, .payment-options--points-empty .payment-options__title-text-main-blue > svg { display: block } } .payment-options--disabled .payment-options__title-text-main-blue > svg { margin: 0 5px } .payment-options__text-right { font-size: 16px; line-height: 22px; margin-left: auto } @media (max-width: 768.98px) { .payment-options__text-right { margin-left: 0; margin-top: 8px } } .payment-options__text-right button { font-size: inherit } .payment-options__sub { display: flex; flex-direction: column; padding-left: 60px; width: 100%; max-width: 340px; font-size: 16px; line-height: 22px; color: #97a4af } @media (max-width: 768.98px) { .payment-options__sub { padding-left: 0; max-width: 100% } } .payment-options__sub--full-width { max-width: 100% } .payment-options__sub--zero-pad { padding-left: 0 } .payment-options--points-empty .payment-options__sub, .payment-options--points .payment-options__sub { flex-direction: row; align-items: center } .payment-options--club-discount .payment-options__sub { flex-direction: row; align-items: baseline } .payment-options__sub-text { font-size: 16px; line-height: 22px } @media (max-width: 768.98px) { .payment-options__sub-text { font-size: 16px; line-height: 20px } } .payment-options--no-auth .payment-options__sub-text { font-size: 18px; line-height: 24px } @media (max-width: 768.98px) { .payment-options--no-auth .payment-options__sub-text { font-size: 16px; line-height: 20px } } .payment-options__sub-icon { margin-left: 4px } .payment-options__btn-auth { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 0; width: 154px; height: 40px; line-height: 38px; padding: 0 8px; font-weight: 500; font-size: 16px } @media (max-width: 768.98px) { .payment-options__btn-auth { position: static; width: 100%; height: 48px; line-height: 46px; margin-top: 24px; font-size: 18px } } .payment-options__amount-change-btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; align-self: flex-start; min-width: 158px; padding: 0; background-color: #fff; color: #22b0f3; font-weight: 500; font-size: 16px; text-align: center; border: 1px solid #22b0f3; border-radius: 8px } @media (max-width: 768.98px) { .payment-options__amount-change-btn { width: 100%; margin: 20px 0 0 } } .payment-options__tooltip { z-index: 10; position: absolute; right: -32px; top: 24px; display: inline-block; margin: 0; padding: 8px 13px 12px; max-width: 288px; box-shadow: -5px 4px 40px -9px #959799; border-radius: 4px; background: #fff; color: #97a4af; font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; opacity: 0; transition: opacity .25s ease-in-out; width: 300px; pointer-events: none; cursor: auto } .payment-options__tooltip:before { content: ""; position: absolute; border: 6px solid transparent; border-right: 8px solid #fff; transform: rotate(90deg); right: 32px; top: -13px } .payment-options__form-promocode { margin-top: 24px; padding-bottom: 40px } @media (max-width: 768.98px) { .payment-options__form-promocode { margin: 20px 0; position: relative; padding-bottom: 60px } } .payment-options__form-promocode.is-error { padding-bottom: 16px } @media (max-width: 768.98px) { .payment-options__form-promocode.is-error { padding-bottom: 60px } } .payment-options__form-promocode > .error-message { font-size: 16px; line-height: 20px; margin-top: 4px } @media (max-width: 768.98px) { .payment-options__form-promocode > .error-message { margin-top: 10px } } .payment-options__form-promocode-wrap { position: relative; display: flex; flex-wrap: wrap; letter-spacing: .02em; border-radius: 6px } @media (max-width: 768.98px) { .payment-options__form-promocode-wrap { position: static } } .payment-options__form-promocode-wrap.is-error { border-color: #fa4d62 } .payment-options__form-promocode-wrap.is-error button, .payment-options__form-promocode-wrap.is-error input { background-color: #fff3f5 } .payment-options__form-promocode-wrap.is-error + .error-message { display: block } .payment-options__input-promocode { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; flex: 1 1; padding: 0 15px; height: 50px; width: 100%; background: #fff; color: #212121; font-size: 16px; line-height: 16px; font-weight: 500; letter-spacing: .02em; border: 1px solid #d7dde3; border-radius: 6px; outline: none; transition: border .2s ease-in-out; margin: 0 20px 0 0 } @media (max-width: 768.98px) { .payment-options__input-promocode { margin: 0; padding: 0 15px; width: 100%; flex: 100% 0 0 } } .payment-options__input-promocode::-moz-placeholder { color: #97a4af } .payment-options__input-promocode:-ms-input-placeholder { color: #97a4af } .payment-options__input-promocode::placeholder { color: #97a4af } .payment-options__input-promocode:hover { border: 1px solid #00a0eb } .payment-options__input-promocode:focus { border: 1px solid #22b0f3; box-shadow: inset 0 0 0 1px #22b0f3 } .payment-options.is-checked .payment-options__input-promocode { color: #97a4af } .payment-options.is-checked .payment-options__input-promocode:focus { color: #212121 } .payment-options__promocode-btn, .payment-options__promocode-change-btn { flex: 0 0 158px; width: 158px; height: 50px; font-weight: 500; font-size: 16px; line-height: 46px; padding: 0; pointer-events: none } @media (max-width: 768.98px) { .payment-options__promocode-btn, .payment-options__promocode-change-btn { position: absolute; bottom: 0; left: 0; width: 100%; flex: 100% 0 0 } } .payment-options__promocode-btn.is-active, .payment-options__promocode-change-btn.is-active { opacity: 1; pointer-events: auto } .payment-options__promocode-btn.is-loading:before, .payment-options__promocode-change-btn.is-loading:before { width: 30px; height: 30px; top: calc(50% - 15px); left: calc(50% - 15px); background-size: 100% } .payment-options__promocode-btn:not(.is-active) { color: #97a4af; border-radius: 8px; font-weight: 400 } .payment-options__promocode-btn:not(.is-active), .payment-options__promocode-btn:not(.is-active):active, .payment-options__promocode-btn:not(.is-active):hover { background: #f4f4f4 } .payment-options__promocode-btn.is-active { background: #22b0f3; color: #fff; border-radius: 8px; font-weight: 400; box-shadow: 0 20px 30px -18px #22b0f3 } .payment-options__promocode-btn.is-active:hover { background: #0090d5 } .payment-options__promocode-btn.is-active:active { background: #2354a5; box-shadow: 0 20px 30px -18px #2354a5 } .payment-options__promocode-btn.is-loading { color: hsla(0, 0%, 100%, .3) } .payment-options__promocode-change-btn.is-loading { color: rgba(34, 176, 243, .3) } .payment-options__promocode-change-btn.is-loading:before { background-image: url(/local/templates/haier/css/../images/icon-preloader.svg) } .payment-options__form-bonuses { height: 0; opacity: 0; transition: height .3s ease, opacity .3s ease; overflow: hidden } .payment-options__form-bonuses.is-active { height: 100%; opacity: 1 } @media (min-width: 360px) and (max-width: 768.98px) { .payment-options__form-bonuses.is-active { margin: 20px 0 0 } } .payment-options__form-bonuses-inner { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; margin: 0 0 0 65px } @media (max-width: 768.98px) { .payment-options__form-bonuses-inner { flex-direction: column; margin: 0 } } .payment-options__form-bonuses-inner .error-message { margin: 15px 0 0 0; width: 28vw } @media (max-width: 1366.98px) { .payment-options__form-bonuses-inner .error-message { width: 42vw } } @media (max-width: 1279.98px) { .payment-options__form-bonuses-inner .error-message { width: 64vw } } @media (max-width: 768.98px) { .payment-options__form-bonuses-inner .error-message { width: auto } } @media (max-width: 768.98px) { .payment-options__form-bonuses-input-wrap { width: 100% } } .payment-options__form-bonuses-input { margin: 15px 25px 0 0; padding: 0 15px; width: 335px; height: 50px; font-weight: 500; font-size: 20px; line-height: 56px; border: 1px solid #d7dde3; border-radius: 8px; background: #fff } .payment-options__form-bonuses-input:focus { outline: none; border: 1px solid #22b0f3 } @media (max-width: 768.98px) { .payment-options__form-bonuses-input { margin: 0 0 15px; width: 100%; font-size: 16px; line-height: 16px } } .payment-options__form-bonuses-btn { margin: 15px 0 0; max-width: 175px; height: 50px; line-height: 50px } @media (max-width: 768.98px) { .payment-options__form-bonuses-btn { max-width: 100%; width: 100% } } .payment-options__promocode-auth { display: flex; flex-direction: column; align-items: flex-start; font-size: 16px; line-height: 20px; margin-top: 4px } @media (max-width: 768.98px) { .payment-options__promocode-auth { margin-top: 10px } } .payment-options__promocode-auth-button { cursor: pointer } .payment-options__promocode-success { font-size: 16px; line-height: 20px; color: #7fb33c; margin-top: 4px } @media (max-width: 768.98px) { .payment-options__promocode-success { margin-top: 10px } } .payment-options__message { display: flex; flex-direction: column; align-items: flex-start; font-size: 16px; line-height: 20px; margin-top: 4px } @media (max-width: 768.98px) { .payment-options__message { margin-top: 10px } } .payment-options__message--success { color: #7fb33c } .payment-options__message--error { color: #f61c40 } .checkout-title { margin-bottom: 32px } .checkout-title, .checkout-title__number { display: flex; flex-flow: row; align-items: center } .checkout-title__number { justify-content: center; font-size: 22px; line-height: 1.09091; font-weight: 600; width: 32px; min-width: 32px; height: 32px; color: #fff; background-color: #d7dde3; border-radius: 100%; margin-right: 18px; margin-bottom: 8px } .white-block.is-active .checkout-title__number, .white-block.is-saved .checkout-title__number { background-color: #2354a5 } .checkout-title__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 24px; line-height: 1.33333; text-align: left; color: #97a4af } @media (max-width: 768.98px) { .checkout-title__title { font-size: 20px; line-height: 1.33333 } } @media (max-width: 359.98px) { .checkout-title__title { font-size: 18px } } .white-block.is-active .checkout-title__title, .white-block.is-saved .checkout-title__title { color: #212121 } .delivery__new-address { margin: 0 0 15px; font-weight: 500; font-size: 20px; line-height: 24px } .delivery__saved-address-wrap { display: flex; align-items: center; margin: 0 0 10px } .delivery__saved-address-wrap:last-child { margin: 0 } .delivery__saved-address { margin: 0 25px 0 0; font-size: 18px; word-break: break-word } .delivery__saved-address-btn { padding: 0 15px; height: 38px; line-height: 38px; font-size: 16px } .delivery__section { margin-bottom: 32px } @media (max-width: 768.98px) { .delivery__section { margin-bottom: 36px } } .delivery__section:last-child { margin-bottom: 0 } @media (max-width: 768.98px) { .delivery__section:last-child { margin-bottom: 0 } } .delivery__section--address { max-height: 0; margin-bottom: 0; overflow: hidden } .delivery__section--address.is-active { max-height: 100%; overflow: visible; padding: 0 1px } .delivery__text { font-size: 18px; line-height: 1.33333; margin-bottom: 25px } @media (max-width: 768.98px) { .delivery__text { margin-bottom: 28px; font-size: 16px } } .delivery__text--error { color: #f61c40 } .delivery__sub-title { font-size: 16px; line-height: 1.5; font-weight: 500; margin-bottom: 20px } .delivery__radio-item { display: flex; width: 265px; height: 159px } .delivery__success { margin-top: 20px } .delivery__address { margin-bottom: 40px } @media (max-width: 768.98px) { .delivery__address { margin-bottom: 24px } } .delivery__address-text { display: flex; align-items: center; font-size: 18px; line-height: 1.55556; font-weight: 500; letter-spacing: .01em } @media (max-width: 768.98px) { .delivery__address-text { font-size: 20px; line-height: 1.4; align-items: flex-start } } .delivery__address-icon { display: flex; margin-right: 14px } @media (max-width: 768.98px) { .delivery__address-icon { margin-top: 5px; margin-right: 13px } } .delivery__address-svg { width: 20px; height: 20px; fill: #22b0f3 } .delivery__show-hidden { font-size: 16px; line-height: 1; letter-spacing: .03em; color: #00a0eb; transition: color .25s ease-in-out; margin-bottom: 36px } @media (max-width: 768.98px) { .delivery__show-hidden { margin-bottom: 32px } } .delivery__show-hidden:hover { color: #0090d5 } .delivery__show-hidden:active { color: #2354a5 } .delivery__large-equipment { background: #e9f7fe; border-radius: 6px; padding: 24px; margin: 24px 0 } @media (max-width: 768.98px) { .delivery__large-equipment { padding: 16px } } .delivery .collapse { border-bottom: 0; overflow: hidden; padding: 2px; margin: -2px } .delivery-storage__warning { display: none } .delivery-storage.is-not-available .delivery-storage__warning { display: block } .delivery-storage__group { border: 1px solid #d7dde3; border-radius: 8px; padding: 24px 24px 0; margin-top: 24px } .delivery-storage.is-not-available .delivery-storage__group { display: none } .delivery-storage__group-title { font-size: 18px; margin: 0; color: #97a4af } .delivery-storage__products { margin: -20px 0 0 -10px; padding-top: 20px; display: flex; flex-wrap: wrap } .delivery-storage__product { flex-shrink: 0; margin: 20px 0 0 10px; background: #f4f4f4; border-radius: 8px; width: 80px; height: 80px; padding: 8px; position: relative; overflow: hidden } .delivery-storage__product img { display: block; max-width: calc(100% - 16px); max-height: calc(100% - 16px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .delivery-storage__date { margin-top: 20px } @media (max-width: 768.98px) { .delivery-storage .form__col-4 { max-width: 100% } } .promotions { margin: 0 } @media (max-width: 768.98px) { .promotions { margin: 0 0 14px } } .promotions__title { margin: 0 0 24px; font-size: 24px; line-height: 40px; font-weight: 500 } @media (max-width: 768.98px) { .promotions__title { margin: 15px 0 20px } } .radio-block { position: relative; display: flex; min-height: 159px; width: 100% } @media (max-width: 767.98px) { .radio-block { min-height: 176px } } .radio-block__input { position: absolute !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; height: 1px !important; width: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important } .radio-block__input + .radio-block__label:hover, .radio-block__input + .radio-block__sub-label:hover { border-color: #22b0f3; box-shadow: inset 0 0 0 1px #22b0f3 } .radio-block__input:checked + .radio-block__label, .radio-block__input:checked + .radio-block__sub-label { color: #212121; border-color: #22b0f3; box-shadow: inset 0 0 0 1px #22b0f3; pointer-events: none } .radio-block__input:checked + .radio-block__label:hover, .radio-block__input:checked + .radio-block__sub-label:hover { border-color: #22b0f3; box-shadow: inset 0 0 0 1px #22b0f3 } .radio-block__input:checked + .radio-block__label:hover:before, .radio-block__input:checked + .radio-block__sub-label:hover:before { box-shadow: none } .radio-block__input:checked ~ .radio-block__sub-container { pointer-events: auto } .radio-block__input:checked ~ .radio-block__sub-container .radio-block__sub { color: #212121 } .radio-block__input:not(:checked) ~ .radio-block__sub-container .radio-block__sub-label { color: #afbbc6; border-color: #d7dde3; box-shadow: none } .radio-block__input:disabled + .radio-block__label, .radio-block__input:disabled + .radio-block__sub-label { background-color: #fcfcfc; border-color: rgba(215, 221, 227, .4); pointer-events: none; color: #212121 } .radio-block__input:disabled + .radio-block__label:before, .radio-block__input:disabled + .radio-block__sub-label:before { background-color: #f8f8f8; border-color: #c1c1c1 } .radio-block__input:disabled + .radio-block__label:hover, .radio-block__input:disabled + .radio-block__sub-label:hover { border-color: rgba(215, 221, 227, .4); box-shadow: inset 0 0 0 1px rgba(215, 221, 227, .4) } .radio-block__input:disabled + .radio-block__label .radio-block__payment-credit, .radio-block__input:disabled + .radio-block__sub-label .radio-block__payment-credit { display: none } .radio-block__label { width: 100%; position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 16px; cursor: pointer; font-size: 16px; line-height: 1.3; letter-spacing: .02em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border-radius: 6px; border: 1px solid #d7dde3; transition: background-color .25s ease-out, opacity .25s ease-out, border-color .25s ease-out, box-shadow .25s ease-out } @media (max-width: 768.98px) { .radio-block__label { padding: 20px } } .radio-block__label:before { content: ""; position: absolute; top: 18px; left: 16px; display: block; width: 22px; height: 22px; border: 1px solid #d7dde3; border-radius: 100%; opacity: 1; background-color: #f8f8f8; box-shadow: none; transition: background-color .25s ease-out, opacity .25s ease-out, border-color .25s ease-out, box-shadow .25s ease-out } .radio-block--switch .radio-block__label:before { display: none } @media (max-width: 768.98px) { .radio-block__label:before { top: 26px; left: 24px } } .radio-block__label:after { content: ""; position: absolute; top: 25px; left: 23px; display: block; width: 10px; height: 10px; opacity: 0; border-radius: 100%; background-color: #22b0f3; transition: opacity .25s ease-out } .radio-block--switch .radio-block__label:after { display: none } @media (max-width: 768.98px) { .radio-block__label:after { top: 33px; left: 31px } } .radio-block__title { display: flex; font-size: 18px; line-height: 1.33333; font-weight: 500; letter-spacing: .01em; margin-bottom: 16px; padding-left: 56px } .radio-block__info { font-size: 16px; line-height: 1.27778; color: #97a4af } .radio-block__info--black { line-height: 24px; color: #212121 } .radio-block__info--desktop { display: inline } @media (max-width: 768.98px) { .radio-block__info--desktop { display: none } } .radio-block__info--mobile { display: none } @media (max-width: 768.98px) { .radio-block__info--mobile { display: inline } } .radio-block__images { position: absolute; left: 15px; bottom: 15px; display: flex; align-items: center } @media (max-width: 768.98px) { .radio-block__images { left: 24px; bottom: 16px } } .radio-block__info:not(:empty) + .radio-block__images { position: static; margin-top: 14px } @media (max-width: 768.98px) { .radio-block__info:not(:empty) + .radio-block__images { margin-top: 15px } } .radio-block__images img:not(:last-child) { margin-right: 10px } .radio-block__bonuses { display: inline-flex; align-items: center; font-size: 16px; line-height: 24px; color: #22b0f3; font-weight: 500 } @media (max-width: 768.98px) { .radio-block__bonuses { margin-top: 8px; margin-bottom: 5px } } .radio-block__bonus-text { display: inline-flex; align-items: center } .radio-block__svg-bonus { display: flex; margin-left: 5px } .radio-block__svg-bonus svg { width: 31px; height: 18px } .radio-block__sub-container { pointer-events: none; position: absolute; bottom: 16px; left: 16px; right: 16px; height: 41px; display: flex; justify-content: space-between; z-index: 2; transition: opacity .25s ease-in-out } @media (max-width: 767.98px) { .radio-block__sub-container { height: 92px; flex-direction: column } } .radio-block__sub-container .radio-block__sub { color: #afbbc6 } .radio-block__sub { display: flex; width: calc(50% - 8px); margin-left: -8px; flex: 1 } .radio-block__sub:last-child { margin-left: 0; margin-right: -8px } @media (max-width: 767.98px) { .radio-block__sub { width: 100%; margin-right: 0; margin-bottom: 10px; margin-left: 0 } .radio-block__sub:last-child { margin-bottom: 0 } } .radio-block__sub-label { display: flex; justify-content: center; align-items: center; padding: 3px 0; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; background-color: #fff; border-radius: 6px; border: 1px solid #d7dde3; transition: background-color .25s ease-out, opacity .25s ease-out, border-color .25s ease-out, box-shadow .25s ease-out; margin: 0 8px; white-space: nowrap } .radio-block__img--visa { width: 42px; height: 23px } .radio-block__img--mc { width: 26px; height: 17.64px } .radio-block__img--sbp { width: 55.48px; height: 30px } .radio-block__img--mir { width: 46.58px; height: 13px } .radio-block__img--halva { width: 69px; height: 13px } .radio-block__img--union { width: 36px; height: 30px } .radio-block__payment-cancel-installation { display: flex; flex-grow: 1; margin: 15px 0 5px } .radio-block__cancel-installation { color: #22b0f3; font-size: 16px; line-height: 24px; font-weight: 500; outline: none; pointer-events: auto; transition: color .25s ease-in-out } .radio-block__cancel-installation:hover { color: #2354a5 } .radio-block__payment-credit { margin: 15px 0 5px; font-size: 16px; line-height: 24px; display: flex; flex-direction: column; align-items: flex-start } .radio-block__payment-credit-rows { width: 100% } .radio-block__payment-credit-row { display: flex; justify-content: space-between } .radio-block__payment-credit-col { white-space: nowrap } .radio-block__payment-credit-col:nth-child(2) { font-weight: 500; text-align: right } .radio-block__payment-credit-logo { display: block; max-width: 100px; max-height: 24px } .radio-block__payment-credit-change { font-weight: 500; font-size: 16px; line-height: 21px; color: #22b0f3; cursor: pointer; margin-top: 10px; pointer-events: all } .radio-block__more-info { margin-top: auto; padding-top: 12px; font-size: 18px; line-height: 24px; color: #22b0f3; pointer-events: auto } .switch { display: flex; width: 40px; height: 24px; position: absolute; top: 16px; left: 16px } @media (max-width: 768.98px) { .switch { top: 24px; left: 24px } } .switch__label { display: flex; width: 40px; height: 24px } .switch__label:before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 24px; opacity: 1; border-radius: 24px; border: none; background-color: #f2f2f2; transition: background-color .2s } .switch__label:after { content: ""; position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 50%; border: none; opacity: 1; background-color: #fff; transition: transform .2s, background-color .2s; box-shadow: 0 3px 4px rgba(76, 76, 76, .06), 0 3px 8px rgba(76, 76, 76, .15) } .installation__input:checked + .installation__label .switch__label:before, .installation__input:checked ~ .installation__meta .installation__label .switch__label:before, .payment-options__input:checked + .payment-options__label .switch__label:before, .popup-club-discount__radio .switch__label.is-active:before, .radio-block__input:checked + .radio-block__label .switch__label:before, .radio-block__input:checked + .radio-block__sub-label .switch__label:before, .switch-tabs__tab.is-active .switch__label:before, .switch__label.is-active:before { background-color: #22b0f3 } .installation__input:checked + .installation__label .switch__label:after, .installation__input:checked ~ .installation__meta .installation__label .switch__label:after, .payment-options__input:checked + .payment-options__label .switch__label:after, .popup-club-discount__radio .switch__label.is-active:after, .radio-block__input:checked + .radio-block__label .switch__label:after, .radio-block__input:checked + .radio-block__sub-label .switch__label:after, .switch-tabs__tab.is-active .switch__label:after, .switch__label.is-active:after { transform: translateX(15px) } .installation__input:checked + .installation__label .switch__label .switch__shadow, .installation__input:checked ~ .installation__meta .installation__label .switch__label .switch__shadow, .payment-options__input:checked + .payment-options__label .switch__label .switch__shadow, .radio-block__input:checked + .radio-block__label .switch__label .switch__shadow, .radio-block__input:checked + .radio-block__sub-label .switch__label .switch__shadow, .switch-tabs__tab.is-active .switch__label .switch__shadow, .switch__label.is-active .switch__shadow { position: absolute; left: 4px; top: 7px; width: 32px; height: 16px; background: #22b0f3; opacity: .7; filter: blur(8px); border-radius: 8px } .switch__label.is-disabled { cursor: not-allowed; pointer-events: none } .dropdown-select { position: relative } .dropdown-select__input { position: relative; z-index: 3; transition: background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out, border-radius .25s ease-in-out } .dropdown-select--simple .dropdown-select__input { z-index: 1 } .dropdown-select.is-opened.is-visible .dropdown-select__input { border-color: #22b0f3; border-bottom: 1px solid #d4dde1; box-shadow: 0 -1px 0 0 #22b0f3, 1px 0 0 0 #22b0f3, -1px 0 0 0 #22b0f3; border-bottom-left-radius: 0; border-bottom-right-radius: 0; z-index: 5 } .dropdown-select__input:focus ~ .dropdown-select__clear { opacity: 1; pointer-events: auto } .dropdown-select__dropdown { display: none; position: absolute; top: 0; left: 0; right: 0; padding-top: 56px; opacity: 0; background-color: #fcfcfc; box-shadow: 0 0 0 1px #22b0f3; border: 1px solid #22b0f3; border-radius: 6px; transition: opacity .25s ease-in-out, transform .25s ease-in-out; z-index: 4 } .dropdown-select--simple .dropdown-select__dropdown { padding-top: 0; transform: translate3d(0, -10px, 0); margin-top: 88px; border-top-left-radius: 0; border-top: 0; border-top-right-radius: 0; z-index: 4 } @media (max-width: 1279.98px) { .dropdown-select--simple .dropdown-select__dropdown { margin-top: 89px } } .dropdown-select.is-visible .dropdown-select__dropdown { display: flex } .dropdown-select.is-opened .dropdown-select__dropdown { opacity: 1; transform: translateZ(0) } .dropdown-select__wrapper { display: flex; width: 100%; padding: 10px 22px 15px 22px; max-height: 275px } @media (max-width: 768.98px) { .dropdown-select__wrapper { padding: 8px 15px } } .dropdown-select--simple .dropdown-select__wrapper { padding: 0 15px; max-height: 350px } .dropdown-select--short .dropdown-select__wrapper { max-height: 250px } .dropdown-select__wrapper:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff); height: 30px; border-radius: 4px; pointer-events: none } .dropdown-select--simple .dropdown-select__wrapper:after { height: 15px } .dropdown-select__list { display: flex; flex-flow: column; padding: 0; margin: 0; width: 100% } .dropdown-select__list-item { display: flex; list-style: none } .dropdown-select__item { display: inline-block; text-align: left; min-width: calc(100% + 44px); font-size: 20px; line-height: 1.3; font-weight: 400; margin: 0 -22px; padding: 10px 22px; color: inherit } @media (max-width: 768.98px) { .dropdown-select__item { min-width: calc(100% + 30px); padding: 8px 15px; margin: 0 -15px; font-size: 18px } } .dropdown-select--simple .dropdown-select__item { margin: 0 -15px; min-width: calc(100% + 30px) } .dropdown-select__item:hover { background-color: rgba(215, 221, 227, .3) } .dropdown-select__item > * { display: inline; pointer-events: none } .dropdown-select__item mark { font-weight: 500; background: 0; color: #22b0f3 } .dropdown-select__item.not-active { pointer-events: none; cursor: auto } .dropdown-select__item.not-active:hover { background-color: inherit } .dropdown-select__item-sub { display: block; width: 100%; font-size: 16px; line-height: 1; color: #97a4af; margin-top: 6px; font-weight: 500 } .dropdown-select__clear { opacity: 0; pointer-events: none; z-index: 9; width: 28px; height: 28px; top: 15px; right: 15px; transition: opacity .25s ease-in-out } .dropdown-select__clear span { width: 18px; background-color: #afbbc6 } .input-text.is-full .dropdown-select__clear, .input-text.is-visible .dropdown-select__clear { opacity: 1; pointer-events: auto } .datepicker__next-arrow, .datepicker__prev-arrow { display: flex; justify-content: center; align-content: center; width: 30px; height: 30px; margin: 30px 20px 0 20px; transform: rotate(-90deg) } .datepicker__next-arrow:hover:after, .datepicker__next-arrow:hover:before, .datepicker__prev-arrow:hover:after, .datepicker__prev-arrow:hover:before { background-color: #00a0eb } .datepicker__next-arrow:after, .datepicker__next-arrow:before, .datepicker__prev-arrow:after, .datepicker__prev-arrow:before { content: ""; display: block; width: 2px; height: 8px; background-color: #c4c4c4; border-radius: 6px; transition: background-color .25s ease-in-out } .datepicker__next-arrow:before, .datepicker__prev-arrow:before { transform: rotate(45deg); margin-right: 1px } .datepicker__next-arrow:after, .datepicker__prev-arrow:after { transform: rotate(-45deg); margin-left: 1px } .datepicker__next-arrow { transform: rotate(90deg) } .datepicker__calendar { position: absolute; display: flex; top: 52px; right: 17px; pointer-events: none } .datepicker__calendar-svg { width: 21px; height: 21px; fill: #afbbc6 } .flatpickr-calendar { width: 320px; margin-top: 20px; padding: 30px; box-shadow: 1px 4px 20px rgba(9, 97, 172, .17) } .flatpickr-calendar:after, .flatpickr-calendar:before { display: none } .flatpickr-calendar.open { z-index: 9 !important } .flatpickr-calendar .flatpickr-current-month { font-size: 18px; line-height: 1; font-weight: 500; color: #00a0eb; pointer-events: none; letter-spacing: .02em } .flatpickr-calendar .flatpickr-current-month .cur-month, .flatpickr-calendar .flatpickr-current-month .cur-year { font-weight: 500 } .flatpickr-calendar .flatpickr-current-month .cur-year[disabled] { color: #00a0eb } .flatpickr-calendar .flatpickr-next-month, .flatpickr-calendar .flatpickr-prev-month { padding: 0 } .dayContainer { justify-content: flex-start } .flatpickr-innerContainer { margin: 0 -10px } .flatpickr-rContainer { width: 100% } .flatpickr-days { width: 100%; margin-top: 10px } .flatpickr-months { margin-bottom: 24px } .dayContainer { width: 100%; min-width: 1px } .flatpickr-day { width: 40px; border: 0; max-width: 40px; line-height: 40px; height: 40px; font-size: 16px; color: #212121; transition: background-color .25s ease-in-out, color .25s ease-in-out } .flatpickr-day:hover { background-color: rgba(34, 176, 243, .2) } .flatpickr-day.today { background-color: transparent } .flatpickr-day.today:before { content: ""; position: absolute; width: 6px; height: 6px; right: 4px; top: 4px; background-color: #fa4d62; border-radius: 6px } .flatpickr-day.today:hover { color: #212121; background-color: rgba(34, 176, 243, .2) } .flatpickr-day.nextMonthDay, .flatpickr-day.prevMonthDay { color: #afbbc6 } .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay:hover { background-color: rgba(34, 176, 243, .2); color: #212121 } .flatpickr-day.selected { background-color: #22b0f3 } .flatpickr-day.selected:hover { color: #fff; background-color: #0090d5 } .flatpickr-day.disabled { color: rgba(175, 187, 198, .5); pointer-events: none } span.flatpickr-weekday { width: 40px; font-size: 18px; color: #000; font-weight: 500 } .flatpickr-weekdays .flatpickr-weekdaycontainer, span.flatpickr-weekday { flex: 0 0 auto } .checkout__section-submit { height: 56px; font-size: 18px; line-height: 50px; width: 265px; margin-top: 18px } .checkout__section-submit--delivery { margin-top: 35px; margin-bottom: 26px } .checkout__section-submit--without-margin { margin-top: 0 } @media (min-width: 1280px) { .checkout__section-submit--without-margin { max-width: 256px } } @media (max-width: 1279.98px) { .checkout__section-submit { width: 100% } } @media (max-width: 768.98px) { .checkout__section-submit { margin-top: 0 } .checkout__section-submit--delivery { margin-top: 30px; margin-bottom: -8px } } .checkout__section-submit-saved { display: none } .checkout__section-submit-default, .white-block.is-saved .checkout__section-submit-saved { display: inline } .white-block.is-saved .checkout__section-submit-default { display: none } .modal .restore-password { width: 400px } @media (max-width: 768.98px) { .modal .restore-password { width: auto } } .modal .change-password { width: 400px } @media (max-width: 768.98px) { .modal .change-password { width: auto } } .buyers-data__link-back, .layout-lk__link { font-size: 18px; line-height: 1.27778; margin-bottom: 14px } @media (max-width: 1366.98px) { .buyers-data__link-back, .layout-lk__link { margin-bottom: 8px } } @media (max-width: 768.98px) { .layout-lk .buyers-data__link-back, .layout-lk .layout-lk__link { font-size: 16px; margin-bottom: 24px } } .buyers-data { padding: 184px 0 160px; background: #f4f4f4; max-width: 100%; width: 1456px; margin: 0 auto } @media print { .buyers-data { padding: 0; width: 100%; background: #fff } } @media (max-width: 1919.98px) { .buyers-data { padding-top: 164px } } @media (max-width: 1365.98px) { .buyers-data { padding-top: 140px } } @media (max-width: 1023.98px) { .buyers-data { padding-top: 84px; padding-bottom: 50px } } .buyers-data--tradein { padding: 40px 0 } @media print { .buyers-data__link-back { display: none } } .buyers-data__caption { font-family: Futura PT, Arial, Helvetica, sans-serif; margin-bottom: 48px; font-weight: 800; font-size: 32px; max-width: calc(76% - 50px) } @media (max-width: 1366.98px) { .buyers-data__caption { max-width: calc(77% - 55px) } } @media (max-width: 1279.98px) { .buyers-data__caption { margin-bottom: 32px; max-width: 100% } } @media (max-width: 768.98px) { .buyers-data__caption { font-size: 24px; margin-bottom: 20px } } .sitemap .buyers-data__caption { max-width: 100% } .buyers-data__caption + .buyers-data__description { margin-top: -16px } @media (max-width: 768.98px) { .buyers-data__caption + .buyers-data__description { margin-top: -4px } } .buyers-data__description { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 400; line-height: 1.5; margin: 32px 0; max-width: 835px } @media (max-width: 768.98px) { .buyers-data__description { font-size: 18px; margin: 16px 0 } } .buyers-data__text { font-size: 24px; line-height: 1.66667; font-weight: 500; margin-bottom: 60px } @media (max-width: 768.98px) { .buyers-data__text { font-size: 20px; margin-bottom: 35px; margin-top: 20px } } .buyers-data__wrap { display: flex; justify-content: space-between; align-items: flex-start } .buyers-data__wrap--db { display: block } .buyers-data__box { flex: 1; margin-top: -8px } .buyers-data__area { flex: 1; padding: 40px; background-color: #fff; border-radius: 12px; width: 100% } .buyers-data__area--bonus { border-radius: 0 0 12px 12px; padding-top: 65px; padding-bottom: 55px } @media (max-width: 768.98px) { .buyers-data__area { width: 100%; padding: 30px 16px 25px } } @media print { .buyers-data__area { padding: 0 } } .page-warranty .buyers-data__area { padding: 0; background-color: transparent; border-radius: 0 } .buyers-data__column { width: 24%; margin-left: 50px; margin-top: -4px; padding-left: 20px } @media (max-width: 1366.98px) { .buyers-data__column { width: 23%; margin-left: 55px } } @media (max-width: 1279.98px) { .buyers-data__column { display: none } } @media print { .buyers-data__column { display: none } } .buyers-data .delivery-possibility { margin-bottom: 30px } @media (max-width: 768.98px) { .buyers-data__tabs-list-outer { margin: 0 -16px; width: calc(100% + 32px); height: 50px; overflow: hidden } } .buyers-data__tabs-list-container { margin: 0 0 35px 0; position: relative } .buyers-data__tabs-list-container:after { content: ""; position: absolute; left: 0; right: 0; height: 1px; bottom: 0; background-color: rgba(215, 221, 227, .6) } .buyers-data__tabs-list { position: relative; padding: 0; margin: 0; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; width: 100% } @media (max-width: 768.98px) { .buyers-data__tabs-list { overflow-x: scroll; padding: 0 16px 15px } } .buyers-data__tabs-item { margin-right: 55px; list-style-type: none; flex: none } @media (max-width: 768.98px) { .buyers-data__tabs-item:last-child { padding-right: 16px } } @media (max-width: 768.98px) { .buyers-data__tabs-item { margin-right: 50px } } .buyers-data__tabs-button { position: relative; padding: 0 0 20px 0; font-size: 24px; line-height: 1.4; font-weight: 500; color: #97a4af; transition: color .25s ease-in-out; margin: 0; z-index: 1 } .buyers-data__tabs-button:before { content: ""; display: block; width: 100%; height: 3px; background: #22b0f3; position: absolute; bottom: 0; left: 0; opacity: 0; transition: opacity .25s ease-in-out } .buyers-data__tabs-button.is-active { color: #212121; transition: color .25s ease-in-out } .buyers-data__tabs-button.is-active:before { opacity: 1; transition: opacity .25s ease-in-out } @media (max-width: 767.98px) { .buyers-data__tabs-button { font-size: 22px } } @media print { .buyers-data .container { width: 100%; max-width: 100%; padding: 40px } } .delivery-return { margin-bottom: 32px } .delivery-return__title { margin-bottom: 28px; font-weight: 500; font-size: 24px } .delivery-return__text { margin-bottom: 30px; font-size: 18px; line-height: 28px } .delivery-faq { margin-bottom: 46px } .delivery-legal-info__title { margin-bottom: 38px; font-weight: 500; font-size: 24px } .delivery-legal-info__text { margin-bottom: 38px; font-size: 18px; line-height: 28px; font-weight: 500 } .delivery-legal-info__address-name { margin-bottom: 12px; font-size: 16px; font-weight: 500; line-height: 24px } .delivery-legal-info__address-value { font-size: 18px; line-height: 28px } .delivery-legal-info__address-list { display: flex; justify-content: space-between } @media (max-width: 768.98px) { .delivery-legal-info__address-list { flex-wrap: wrap } } .delivery-legal-info__address-item { flex: 1; min-width: 248px; margin-right: 70px; margin-bottom: 25px } .delivery-legal-info__address-item:last-child { margin-right: 0 } .search-results { padding-top: 120px; background: #fff } @media (max-width: 1919.98px) { .search-results { padding-top: 100px } } @media (max-width: 1023.98px) { .search-results { padding-top: 60px } } .search-results--empty { padding-top: 160px } @media (max-width: 1919.98px) { .search-results--empty { padding-top: 140px } } @media (max-width: 1023.98px) { .search-results--empty { padding-top: 85px } } .search-results > .container { max-width: 1470px; margin-left: auto; margin-right: auto } .catalog.is-empty .search-results__title-container { display: none } .search-results__title { font-weight: 800; font-size: 22px; line-height: 30px; color: #000; margin: 0; padding-bottom: 8px } @media (max-width: 1919.98px) { .search-results__title { font-size: 20px; line-height: 30px } } @media (max-width: 1365.98px) { .search-results__title { font-size: 16px; line-height: 30px } } @media (max-width: 1023.98px) { .search-results__title { line-height: 26px } } .search-results--empty .search-results__title { padding-bottom: 40px } @media (max-width: 1023.98px) { .search-results--empty .search-results__title { padding-bottom: 24px } } .search-results__title a:not(.search-results__title-chunk), .search-results__title span:not(.search-results__title-chunk) { background: none; color: #22b0f3; cursor: pointer; text-decoration: none; transition: color .25s } .search-results__title a:not(.search-results__title-chunk):visited, .search-results__title span:not(.search-results__title-chunk):visited { color: #22b0f3 } .search-results__title a:not(.search-results__title-chunk):hover, .search-results__title span:not(.search-results__title-chunk):hover { color: #0090d5 } @media (max-width: 1023.98px) { .search-results__title-chunk { display: block } } @media (max-width: 1023.98px) { .search-results__title-chunk:first-letter { text-transform: uppercase } } @media (max-width: 1023.98px) { .search-results__title-chunk:first-child { padding-bottom: 8px; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 17px; line-height: 22px; color: #0e0e0e } } .search-results__text { font-size: 20px; line-height: 32px; letter-spacing: .01em; max-width: 100%; width: 620px } @media (max-width: 768.98px) { .search-results__text { font-size: 18px; line-height: 28px; width: 560px } } .search-results.search-results--full .search-results__text { font-size: 16px; margin-top: 24px } .search-results__wrap { padding: 0 13%; width: 100% } @media (max-width: 1366.98px) { .search-results__wrap { padding: 0 } } .search-results__category { display: flex; flex-wrap: wrap; margin-top: 14px; margin-bottom: 16px } @media (max-width: 768.98px) { .search-results__category { margin-top: 10px; flex-wrap: nowrap } } .content-area .search-results__category a:not(.button), .search-results__category .content-area a:not(.button), .search-results__category .link { margin-right: 44px; font-size: 18px; line-height: 20px; white-space: nowrap } @media (max-width: 768.98px) { .content-area .search-results__category a:not(.button), .search-results__category .content-area a:not(.button), .search-results__category .link { margin-right: 24px } } @media (max-width: 768.98px) { .search-results__scroll { width: 105%; padding-right: 20px; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none } } .search-results__scroll::-webkit-scrollbar { width: 0; background: transparent } .search-results.search-results--empty .search-results__scroll { margin-bottom: 6px; height: 0 } .premium { display: flex } @media (max-width: 1279.98px) { .premium { flex-direction: column } } .premium__content { background: #212121; width: 50.8%; padding: 124px 20px 124px 16% } @media (max-width: 1366.98px) { .premium__content { width: 50.2%; padding: 77px 20px 120px 11.5% } } @media (max-width: 1279.98px) { .premium__content { width: 100%; padding: 32px 9.2% 66px; flex-direction: row; display: flex; justify-content: space-between } } @media (max-width: 768.98px) { .premium__content { flex-direction: column; padding: 48px 20px 48px } } .premium__img { width: 50%; position: relative } @media (max-width: 1279.98px) { .premium__img { width: 100%; min-height: 482px } } @media (max-width: 768.98px) { .premium__img { min-height: 333px } } .premium__img-pic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .premium__text { font-size: 20px; line-height: 32px; letter-spacing: .01em; color: #fff; opacity: .8; margin-bottom: 24px } @media (max-width: 1279.98px) { .premium__text { margin-bottom: 18px } } @media (max-width: 768.98px) { .premium__text { font-size: 16px; line-height: 24px } } .premium__item { margin-bottom: 150px; max-width: 530px } .premium__item:last-child { margin-bottom: 0 } @media (max-width: 1279.98px) { .premium__item { margin-bottom: 0; max-width: 407px; padding-right: 20px } } @media (max-width: 768.98px) { .premium__item { margin-bottom: 40px; max-width: 100% } } .premium .icon-link-block__title { margin: 30px 0 20px } @media (max-width: 1279.98px) { .premium .icon-link-block__title { margin: 18px 0 20px 17px !important } } @media (max-width: 768.98px) { .premium .icon-link-block__title { margin: 0 0 8px 0 !important } } @media (max-width: 1279.98px) { .premium .icon-link-block { flex-direction: row; align-items: center } } @media (max-width: 768.98px) { .premium .icon-link-block { flex-direction: column; align-items: flex-start } } .content-area .premium a:not(.button), .premium .content-area a:not(.button), .premium .link { font-size: 16px } .content-area .premium a:not(.button):before, .premium .content-area a:not(.button):before, .premium .link:before { right: -35px; top: 4px } .content-area .premium a:not(.button):hover:before, .premium .content-area a:not(.button):hover:before, .premium .link:hover:before { right: -29px } .premium-text { padding: 108px } @media (max-width: 1366.98px) { .premium-text { padding: 108px 11.5% 132px } } @media (max-width: 1279.98px) { .premium-text { padding: 97px 9.2% } } @media (max-width: 768.98px) { .premium-text { padding: 60px 19px 0 20px } } .premium-text__wrap { display: flex; justify-content: space-between; width: 100%; max-width: 1298px; margin: 0 auto; padding-right: 65px } @media (max-width: 1366.98px) { .premium-text__wrap { padding-right: 0 } } @media (max-width: 768.98px) { .premium-text__wrap { flex-direction: column } } .premium-text__caption { font-size: 24px; line-height: 40px; margin-bottom: 16px; font-weight: 500 } @media (max-width: 768.98px) { .premium-text__caption { margin-bottom: 8px } } .premium-text__content { font-size: 18px; line-height: 28px; margin-bottom: 24px } @media (max-width: 768.98px) { .premium-text__content { margin-bottom: 16px } } .premium-text__item { max-width: 337px; margin-right: 10px } @media (max-width: 1366.98px) { .premium-text__item { margin-right: 0 } } @media (max-width: 1279.98px) { .premium-text__item { max-width: 260px } } @media (max-width: 768.98px) { .premium-text__item { max-width: 100%; margin-bottom: 24px } } .content-area .premium-text a:not(.button), .premium-text .content-area a:not(.button), .premium-text .link { font-size: 16px } @media (max-width: 1366.98px) { .premium-text .container { padding: 0 } } .premium-refer { text-align: center; padding: 50px 0 135px } @media (max-width: 1366.98px) { .premium-refer { padding: 28px 30px 135px } } @media (max-width: 768.98px) { .premium-refer { padding: 16px 30px 98px } } .premium-refer__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 32px; line-height: 40px; text-align: center; letter-spacing: .02em; margin-bottom: 38px } @media (max-width: 768.98px) { .premium-refer__title { font-size: 28px; line-height: 34px; margin-bottom: 24px } } .premium-refer__text { font-size: 24px; line-height: 36px; text-align: center; max-width: 800px; margin: 0 auto; margin-bottom: 32px } @media (max-width: 1366.98px) { .premium-refer__text { max-width: 770px } } @media (max-width: 768.98px) { .premium-refer__text { margin-bottom: 16px } } .premium-refer .button { min-width: 240px; margin: 24px 0 } @media (max-width: 768.98px) { .premium-refer .button { width: 100%; max-width: 320px } } .payment__text { font-size: 18px; line-height: 1.33333; margin-bottom: 20px } .payment__text-bonus { font-weight: 500 } .payment__bonus { padding-top: 20px; padding-bottom: 40px; border-bottom: 1px solid rgba(215, 221, 227, .6) } @media (max-width: 768.98px) { .payment__bonus { padding-top: 0; border-bottom: 0; padding-bottom: 0 } } .payment__bonus .form__global-error { margin-top: 20px } .payment__bonus-wrapper { display: flex; flex-flow: row } @media (max-width: 768.98px) { .payment__bonus-wrapper { flex-flow: row wrap } } .payment__bonus-input { display: flex; width: 422px } @media (max-width: 768.98px) { .payment__bonus-input { width: 100% } } .payment__bonus-input .input-text { position: relative; width: 100% } .payment__bonus-button { margin-left: 20px } .payment__bonus-button-do { position: absolute; top: 50%; right: 17px; font-size: 16px; text-transform: uppercase; letter-spacing: .04em; font-weight: 500; transform: translateY(-50%); transition: opacity .25s ease-in-out } @media (max-width: 768.98px) { .payment__bonus-button-do { opacity: 0; visibility: hidden; pointer-events: none } } .payment__bonus-input.is-full .payment__bonus-button-do { opacity: 1; visibility: visible; pointer-events: auto } .payment__bonus-result { display: flex; flex-flow: row; -ms-grid-row-align: center; align-self: center; margin-left: 34px; font-size: 18px } @media (max-width: 768.98px) { .payment__bonus-result { margin-left: 0; justify-content: space-between; width: 100%; margin-top: 12px } } .content-area .payment__bonus-result a:not(.button), .payment__bonus-result .content-area a:not(.button), .payment__bonus-result .link { font-size: 18px } .payment__choose { margin-bottom: -18px } @media (max-width: 768.98px) { .payment__choose { margin-bottom: 5px } } .payment__small-title { font-size: 16px; line-height: 1.5; font-weight: 500; margin-bottom: 20px } .payment__choose-wrapper { display: flex; flex-flow: row wrap; margin: 0 -12px } @media (max-width: 1279.98px) { .payment__choose-wrapper { margin: 0 -1.75% } } .payment__choose-wrapper .error-message { padding: 0 6px } .payment__choose-item { display: flex; max-width: 50%; flex: 0 0 50%; padding: 0 12px; margin-bottom: 30px } @media (max-width: 768.98px) { .payment__choose-item:nth-child(3) .radio-block { min-height: 213px } } @media (max-width: 1279.98px) { .payment__choose-item { padding: 0 1.75% } } @media (max-width: 768.98px) { .payment__choose-item { max-width: 100%; flex: 0 0 100%; margin-bottom: 24px } } .payment__notification { margin: 40px 0 20px } @media (max-width: 768.98px) { .payment__notification { margin: 8px 0 30px } } .payment__notification-title { margin: 0 0 25px; font-weight: 500; font-size: 20px; line-height: 24px } .payment__notification-options-row { display: flex; flex-direction: column; align-items: flex-start } .payment__notification-options-row:not(:first-child) { margin-top: 20px } .payment__notification-option { display: block } .payment__notification-option-text { font-size: 16px; line-height: 22px; letter-spacing: .02em; padding-left: 34px } .payment__notification-option-description { font-size: 14px; line-height: 20px; letter-spacing: .02em; margin-top: 5px; padding-left: 34px } .payment__notification-code { margin-top: 20px } .payment__notice { margin: 16px 0 } .payment__notice-certificate { margin-top: 30px; border: 1px solid #d7dde3; border-radius: 8px; padding: 20px; font-weight: 500; font-size: 18px; line-height: 24px; display: flex; align-items: center; justify-content: space-between } @media (max-width: 1023.98px) { .payment__notice-certificate { font-size: 16px; line-height: 20px } } @media (max-width: 768.98px) { .payment__notice-certificate { margin-bottom: 30px } } .payment__notice-certificate .icon { flex-shrink: 0; width: 42px; height: 50px; margin-left: 20px } .warranty__back { font-size: 16px; line-height: 22px; margin-bottom: 20px; display: flex; align-items: center } @media (max-width: 1023.98px) { .warranty__back { margin-bottom: 12px } } .warranty__back .icon { flex-shrink: 0; width: 5px; height: 8px; transform: rotate(180deg); margin-right: 10px; color: #afbbc6 } .warranty__back + .warranty__title { margin-top: 0 !important } .warranty .warranty__title { font-weight: 800; margin: 0 0 12px } @media (max-width: 1023.98px) { .warranty .warranty__title { font-size: 18px; line-height: 28px; margin: 0 0 8px } } .warranty .warranty__title:first-child { margin-top: 0 } .warranty .warranty__title:not(:first-child) { margin-top: 40px } @media (max-width: 1023.98px) { .warranty .warranty__title:not(:first-child) { margin-top: 30px } } .warranty__list { margin: 0 0 33px; padding: 0; list-style-type: none } .warranty__links { font-size: 14px } .page-warranty .warranty__links { margin-top: 40px } @media (max-width: 1365.98px) { .page-warranty .warranty__links { margin-top: 30px } } @media (max-width: 1023.98px) { .page-warranty .warranty__links { margin-top: 0; padding: 32px 20px; border-radius: 0 0 12px 12px; background: #fff; position: relative } .page-warranty .warranty__links:before { content: ""; display: block; position: absolute; top: 0; left: 20px; right: 20px; height: 1px; background: rgba(215, 221, 227, .6) } } .content-area .warranty__links a:not(.button), .warranty__links .content-area a:not(.button), .warranty__links .link { color: #00a0eb } .warranty__links .link--arrow:before { top: 2.5px } .warranty__links-row:not(:last-child) { margin-bottom: 15px } .warranty__partners:not(:first-child) { margin-top: 40px } @media (max-width: 1023.98px) { .warranty__partners:not(:first-child) { margin-top: 30px } } .warranty__partners-row { display: flex; flex-wrap: wrap; margin: -30px -20px 0 } @media (max-width: 1919.98px) { .warranty__partners-row { margin-left: -15px; margin-right: -15px } } @media (max-width: 1023.98px) { .warranty__partners-row { margin-left: -10px; margin-right: -10px } } .warranty__partners-col { flex-shrink: 0; width: 33.333%; padding: 0 20px; margin-top: 30px } @media (max-width: 1919.98px) { .warranty__partners-col { padding-left: 15px; padding-right: 15px } } @media (max-width: 1023.98px) { .warranty__partners-col { padding-left: 10px; padding-right: 10px } } @media (max-width: 767.98px) { .warranty__partners-col { width: 50% } } .warranty__partners-item { display: block; background: #fff; box-shadow: 0 9px 30px hsla(0, 0%, 70.6%, .15); border-radius: 22px; position: relative; text-decoration: none; transition: box-shadow .25s } .warranty__partners-item:before { content: ""; display: block; padding-top: 89.28571% } @media (max-width: 1919.98px) { .warranty__partners-item:before { padding-top: 89.43089% } } @media (max-width: 1365.98px) { .warranty__partners-item:before { padding-top: 80.29197% } } @media (max-width: 1023.98px) { .warranty__partners-item:before { padding-top: 92.30769% } } .warranty__partners-item:hover { box-shadow: 0 4px 30px rgba(0, 0, 0, .1) } .warranty__partners-logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; display: block; pointer-events: none } @media (max-width: 1919.98px) { .warranty__partners-logo { transform: translate(-50%, -50%) scale(.88) } } @media (max-width: 1023.98px) { .warranty__partners-logo { transform: translate(-50%, -50%) scale(.48) } } .warranty__partners-icon { width: 25px; height: 25px; display: block; position: absolute; bottom: 30px; right: 30px; pointer-events: none; transition: opacity .25s } @media (max-width: 1919.98px) { .warranty__partners-icon { width: 18px; height: 18px; bottom: 22px; right: 20px } } @media (max-width: 1023.98px) { .warranty__partners-icon { width: 12px; height: 12px; bottom: 12px; right: 12px } } .warranty__partners-icon--active, .warranty__partners-item:hover .warranty__partners-icon { opacity: 0 } .warranty__partners-item:hover .warranty__partners-icon--active { opacity: 1 } .warranty p { font-size: 24px; line-height: 36px; margin: 0 0 1em } @media (max-width: 1023.98px) { .warranty p { font-size: 18px; line-height: 28px } } .u-warranty { width: 100% } .u-warranty__container { width: 100%; background-color: #fff; border-radius: 12px } .u-warranty__search { padding: 40px; border-bottom: 1px solid #dfdfdf } @media (max-width: 767.98px) { .u-warranty__search { padding: 30px 20px } } .u-warranty__banner, .u-warranty__result { padding: 0 40px } @media (max-width: 1919.98px) { .u-warranty__banner, .u-warranty__result { margin-top: 40px } } @media (max-width: 767.98px) { .u-warranty__banner, .u-warranty__result { padding: 0 20px; margin-top: 30px } } .u-warranty__result { margin-top: 40px } .u-warranty__banner { margin-top: 50px; padding-bottom: 40px } @media (max-width: 767.98px) { .u-warranty__banner { padding-bottom: 20px } } .u-warranty__banner .warranty-evo { margin: 0 !important } .u-warranty__footer { margin-top: 40px; padding-top: 24px; border-top: 1px solid #d7dde3 } @media (max-width: 767.98px) { .u-warranty__footer { margin-top: 30px } } .u-warranty__footer-text { color: #97a4af; font-size: 16px; line-height: 24px } .u-warranty__footer-text:not(:last-child) { margin-bottom: 40px } @media (max-width: 767.98px) { .u-warranty__footer-text:not(:last-child) { margin-bottom: 30px } } .u-warranty__links-row:not(:last-child) { margin-bottom: 10px } .u-warranty__links-item { color: #00a0eb; font-size: 16px; line-height: 20px } .u-warranty-block { width: 100% } .u-warranty-block__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 32px; font-style: normal; font-weight: 500; line-height: 40px; margin: 0 0 50px 0; -ms-hyphens: auto; hyphens: auto } @media (max-width: 1919.98px) { .u-warranty-block__title { margin-bottom: 40px } } @media (max-width: 767.98px) { .u-warranty-block__title { font-size: 24px; line-height: 32px; margin-bottom: 30px } } .u-warranty-block__list { display: -ms-grid; display: grid; -ms-grid-columns: calc(50% - 30px) 60px calc(50% - 30px); grid-template-columns:repeat(2, calc(50% - 30px)); gap: 60px } @media (max-width: 1919.98px) { .u-warranty-block__list { -ms-grid-columns: calc(50% - 20px) 40px calc(50% - 20px); grid-template-columns:repeat(2, calc(50% - 20px)); gap: 40px } } @media (max-width: 767.98px) { .u-warranty-block__list { display: block } } .u-warranty-block__item { display: -ms-grid; display: grid; -ms-grid-columns: auto 20px auto; grid-template-columns:auto auto; -ms-grid-rows: max-content; grid-template-rows:max-content; gap: 0 20px } .u-warranty-block__item > :first-child { -ms-grid-row: 1; -ms-grid-column: 1 } .u-warranty-block__item > :nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3 } @media (max-width: 767.98px) { .u-warranty-block__item { -ms-grid-columns: 60px 16px auto; grid-template-columns:60px auto; gap: 0 16px; padding-bottom: 30px; border-bottom: 1px solid #d7dde3 } .u-warranty-block__item:not(:last-child) { margin-bottom: 30px } } .u-warranty-block__item-year { display: inline-flex; align-items: flex-start; color: #00a0eb; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 2; grid-row-end: 3 } @media (max-width: 767.98px) { .u-warranty-block__item-year { -ms-grid-row-span: 2; grid-row-end: 2 } } .u-warranty-block__item-number { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 86px; font-style: normal; font-weight: 300; line-height: 72px } @media (max-width: 767.98px) { .u-warranty-block__item-number { font-size: 64px; line-height: 61px } } .u-warranty-block__item-caption { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 450; line-height: 24px } .u-warranty-block__item-header { margin-bottom: 10px; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } .u-warranty-block__item-title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: 500; line-height: 30px; margin: 0 8px 10px 0 } .u-warranty-block__item-content { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } @media (max-width: 767.98px) { .u-warranty-block__item-content { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3 } } .u-warranty-block__item-tooltip { display: inline-block; transform: translateY(4px) } .u-warranty-block__item-tooltip .icon { width: 20px; height: 20px } .u-warranty-block__item-txt { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; margin: 0 } .u-warranty-block__item-txt:not(:last-child) { margin-bottom: 10px } .u-warranty-block__item-txt a { cursor: pointer; color: #22b0f3; text-decoration: none; position: relative; transition: all .25s ease } .u-warranty-block__item-txt a:hover { color: #2354a5 } .u-warranty-block__tooltip { padding: 20px 20px 14px 20px } @media (max-width: 767.98px) { .u-warranty-block__tooltip { padding: 32px 20px !important } } .u-warranty-block__tooltip-close { display: none } @media (max-width: 767.98px) { .u-warranty-block__tooltip-close { display: block } } .u-warranty-block__tooltip-title, .u-warranty-block__tooltip h2, .u-warranty-block__tooltip h3, .u-warranty-block__tooltip h4, .u-warranty-block__tooltip h5, .u-warranty-block__tooltip h6 { display: none } @media (max-width: 767.98px) { .u-warranty-block__tooltip-title, .u-warranty-block__tooltip h2, .u-warranty-block__tooltip h3, .u-warranty-block__tooltip h4, .u-warranty-block__tooltip h5, .u-warranty-block__tooltip h6 { display: block; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: 500; line-height: 30px; margin: 0 0 25px 0; padding-right: 40px } } .u-warranty-block__tooltip-text, .u-warranty-block__tooltip p { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 25px; margin: 0 } @media (max-width: 767.98px) { .u-warranty-block__tooltip-text, .u-warranty-block__tooltip p { font-size: 16px; line-height: 24px } } .u-warranty-block__tooltip a { cursor: pointer; color: #22b0f3; text-decoration: none; position: relative; transition: all .25s ease } .u-warranty-block__tooltip a:hover { color: #2354a5 } .bonus-how { display: flex; margin: 0 -30px 60px } @media (max-width: 768.98px) { .bonus-how { display: block; margin: 0 0 50px } } .bonus-how__item { flex: 1; margin: 0 30px } @media (max-width: 768.98px) { .bonus-how__item { margin: 0 } .bonus-how__item:first-child { margin-bottom: 40px } } .bonus-how__title { font-size: 20px; line-height: 1.6; font-weight: 500; margin-bottom: 15px } .bonus-how__desc { font-size: 18px; line-height: 1.55556 } .bonus-item { color: #fff; font-size: 20px; font-weight: 500; text-align: center; flex: 1; margin: 0 6%; max-width: 185px } .bonus-item p { margin-bottom: 0 } .bonus-item__icon { width: 60px; height: 50px; margin-bottom: 20px } @media (max-width: 768.98px) { .bonus-item__icon { margin-bottom: 15px } } @media (max-width: 768.98px) { .bonus-item { margin: 0 auto 55px } .bonus-item:last-child { margin-bottom: 0 } } .bonus-head { background: url(/local/templates/haier/css/../images/bonus-bg.webp) 50% no-repeat; background-size: cover; padding: 11% 7%; position: relative; border-radius: 12px 12px 0 0; overflow: hidden } @media (max-width: 768.98px) { .bonus-head { padding: 50px 7% } } .bonus-head:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #003363; opacity: .5 } .bonus-head__list { display: flex; justify-content: space-evenly; margin: 0 -5%; position: relative } @media (max-width: 768.98px) { .bonus-head__list { display: block; margin: 0 } } .bonus-faq { margin-bottom: 50px } @media (max-width: 768.98px) { .bonus-faq { margin-bottom: 30px } } .bonus-faq__title { margin-bottom: 38px; font-weight: 500; font-size: 24px } .bonus-question { display: flex; justify-content: space-between; align-items: center; background-color: rgba(151, 164, 175, .15); padding: 20px 30px; border-radius: 6px } .bonus-question__text { font-size: 16px; line-height: 1.5; margin-right: 30px; max-width: 460px } @media (max-width: 768.98px) { .bonus-question__text { margin-bottom: 30px; margin-right: 0 } } .bonus-question__btn .button { font-size: 18px; width: 240px; height: 56px; line-height: 56px; transition: all .25s ease } @media (max-width: 359.98px) { .bonus-question__btn .button { width: 100% } } @media (max-width: 768.98px) { .bonus-question { display: block; padding: 20px } } .service__desc { font-size: 18px; line-height: 1.55556; margin-bottom: 40px } .payment-credit__text { font-size: 18px; line-height: 1.33333; margin-bottom: 20px } .payment-credit__text-bonus { font-weight: 500 } .payment-credit__bonus { padding-top: 20px; padding-bottom: 40px; border-bottom: 1px solid rgba(215, 221, 227, .6) } .payment-credit__bonus-wrapper { display: flex; flex-flow: row } .payment-credit__bonus-input { display: flex; width: 422px } .payment-credit__bonus-input .input-text { position: relative; width: 100% } .payment-credit__bonus-button { margin-left: 20px } .payment-credit__bonus-button-do { position: absolute; top: 50%; right: 17px; font-size: 16px; text-transform: uppercase; letter-spacing: .04em; font-weight: 500; transform: translateY(-50%) } .payment-credit__bonus-result { display: flex; flex-flow: row; -ms-grid-row-align: center; align-self: center; margin-left: 34px; font-size: 18px } .content-area .payment-credit__bonus-result a:not(.button), .payment-credit__bonus-result .content-area a:not(.button), .payment-credit__bonus-result .link { font-size: 18px } .payment-credit__choose { margin-top: 32px; margin-bottom: 48px } .payment-credit__small-title { font-size: 16px; line-height: 1.5; font-weight: 500; margin-bottom: 20px } .payment-credit__choose-wrapper { display: flex; flex-flow: row; margin: 0 -7px } .payment-credit__choose-item { display: flex; max-width: 33.333%; flex: 0 0 33.3333%; padding: 0 7px } .payment-credit .checkout__section-submit { width: 100% } .data-edit { background: #fff; padding: 40px 24px 24px; border-radius: 12px } @media (max-width: 768.98px) { .data-edit { padding: 22px 10px } } .data-edit .social__mark { font-size: 18px; margin-bottom: 34px } .data-edit .select .choices[data-type*=select-one]:after { right: 6.5px } .data-edit .select .choices__inner { padding: 0 12px } .data-edit .select .choices__list--dropdown .choices__item { font-size: 18px; padding: 8px 10px 12px } .content-area .data-edit a:not(.button), .data-edit .content-area a:not(.button), .data-edit .link { font-size: 18px } .data-edit .choices__item--disabled { display: none } .checkboxLink { font-size: 16px !important } .rating { display: flex } .rating__star { flex-shrink: 0; width: 16px; height: 16px; color: rgba(175, 187, 198, .8); display: block } .rating--saturated .rating__star { color: #afbbc6 } .rating__star.is-active { color: rgba(253, 178, 34, .8) } .rating--saturated .rating__star.is-active { color: #fdb222 } .rating__star:not(:last-child) { margin-right: 4px } .rating--compact .rating__star:not(:last-child) { margin-right: 2px } .rating--decimal .rating__star:nth-child(odd) { margin-right: 0 } @media not all and (min-resolution: 0.001dpcm) { .rating--decimal .rating__star:nth-child(2n) { transform: translateX(-.5px) } } .rating--decimal .rating__star { width: 8px; height: 16px } .rating--decimal.rating--medium .rating__star { width: 10px; height: 20px } .rating--decimal.rating--big .rating__star { width: 12px; height: 24px } .favorites { background: #fff } .favorites__title { background: #f4f4f4 } .favorites__head { border-bottom: 1px solid rgba(215, 221, 227, .6); padding: 15.5px 0 } .favorites__top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap } @media (max-width: 359.98px) { .favorites__top { display: block } } .favorites__select-wrap { width: 306px } @media (max-width: 359.98px) { .favorites__select-wrap { width: 100% } } .favorites__select-wrap.select .choices__inner { height: 48px; line-height: 48px } .favorites__select-wrap.select .choices__list--dropdown { top: 60px } @media (max-width: 768.98px) { .favorites__sort { margin: 10px 0 } } .empty { padding: 380px 0 260px 0; text-align: center; width: auto !important; height: auto !important; overflow: visible !important; border-bottom: 1px solid #c4c4c4 } @media (max-width: 1919.98px) { .empty { padding-top: 385px } } @media (max-width: 1279.98px) { .empty { padding-top: 300px; padding-bottom: 200px } } @media (max-width: 767.98px) { .empty { padding-top: 80px; padding-bottom: 40px; padding-left: 20px; padding-right: 20px } } @media (max-width: 767.98px) { .empty__inner { padding: 30px 20px 35px; border-radius: 12px; background-color: #fff } } .empty__text { font-size: 24px; font-weight: 450; line-height: 32px; text-align: center; max-width: 786px; margin: 0 auto 40px; color: #000 } @media (max-width: 767.98px) { .empty__text { font-size: 18px; font-weight: 400; line-height: 28px; text-align: left; margin: 0 auto 24px } } .empty__text p { margin: 0 } .empty__back { margin-bottom: 30px } @media (max-width: 767.98px) { .empty__back { width: 100%; justify-content: center; margin-bottom: 29px } } .empty__search { max-width: 864px; text-align: left; margin: 0 auto } .empty__search-label { font-size: 16px; line-height: 48px; font-weight: 500 } .empty__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 24px; line-height: 31px; font-weight: 800; text-decoration: none; text-align: left } @media (min-width: 768px) { .empty__title { display: none } } .empty__logo { display: inline-block; color: inherit; text-decoration: none; margin-bottom: 40px } @media (max-width: 767.98px) { .empty__logo { display: none } } .empty__logo-svg { fill: currentColor; width: 178px; height: 55px } .empty__menu { display: flex; align-items: center; justify-content: center; font-size: 22px; line-height: 40px } @media (max-width: 767.98px) { .empty__menu { display: flex; flex-direction: column; align-items: flex-start; font-size: 16px; line-height: 20px } } .empty__menu-link { position: relative; padding: 0 20px; letter-spacing: .02em } .empty__menu-link:not(:last-child):after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 16px; width: 1px; background-color: rgba(0, 0, 0, .2); pointer-events: none; touch-action: none } @media (max-width: 767.98px) { .empty__menu-link:not(:last-child):after { display: none } } @media (max-width: 767.98px) { .empty__menu-link:not(:last-child) { margin-bottom: 15px } } @media (max-width: 767.98px) { .empty__menu-link { padding: 0 } } .sitemap { font-size: 22px } @media (max-width: 1279.98px) { .sitemap { font-size: 18px } } .sitemap__level-0, .sitemap__level-1 { list-style: none; margin-bottom: 12px } .sitemap__level-0 li, .sitemap__level-1 li { margin-bottom: 4px } .sitemap__level-0 { padding: 0; margin: 0 } .plus-list { padding-top: 116px; background: #fff } @media (max-width: 1366.98px) { .plus-list { padding-top: 96px } } @media (max-width: 768.98px) { .plus-list { padding-top: 48px } } .plus-list__item { width: 50%; margin-bottom: 108px } @media (max-width: 768.98px) { .plus-list__item { width: 100% } } @media (max-width: 1366.98px) { .plus-list__item { margin-bottom: 76px } } @media (max-width: 768.98px) { .plus-list__item { margin-bottom: 40px } } .plus-list__wrap { display: flex; justify-content: flex-start; flex-wrap: wrap; max-width: 1309px; width: 100%; margin: 0 auto } @media (max-width: 1366.98px) { .plus-list__wrap { max-width: 1099px; padding-left: 80px } } @media (max-width: 1279.98px) { .plus-list__wrap { max-width: 968px; padding-left: 68px } } @media (max-width: 768.98px) { .plus-list__wrap { flex-direction: column; align-items: center; padding-left: 0; margin: 0; width: 100% } } .plus-block { line-height: 1.6; padding-right: 24px } .plus-block__icon { background: #2354a5; width: 84px; height: 84px; border-radius: 50%; margin-bottom: 40px; position: relative } @media (max-width: 768.98px) { .plus-block__icon { margin-bottom: 32px } } .plus-block__icon-picture { fill: #fff; position: absolute; max-width: 70%; max-height: 33px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) } .plus-block__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 24px; margin-bottom: 0 } .plus-block__text { margin-top: 13px; font-size: 20px; max-width: 437px; opacity: .9 } @media (max-width: 768.98px) { .plus-block__text { width: 100% } } .recycling { margin-bottom: 7px; margin-top: 24px } .recycling__collapse { max-height: 0; overflow: hidden; transition: max-height .25s ease-in-out, margin-bottom .25s ease-in-out } .is-open.recycling .recycling__collapse { margin-bottom: 38px } .recycling__inner { padding: 24px; background: rgba(34, 176, 243, .1); border-radius: 6px; max-width: 517px } @media (max-width: 768.98px) { .recycling__inner { padding: 16px } } .recycling__title { font-size: 20px; line-height: 1.4; font-weight: 500; letter-spacing: .01em; margin-bottom: 24px } .recycling__list { margin: -5px 0 0 0; padding: 0; list-style: none } .recycling__list-item { display: flex; align-items: center; height: 38px } .recycling__list-item:last-child { margin-bottom: 5px } .recycling__list-item .input-checkbox { width: 250px } .recycling__list-item .counter__input { width: 40px; height: 32px } @media (max-width: 768.98px) { .recycling__list-item .counter__input { width: 64px; height: 40px } } .recycling__counter-text { display: flex; justify-content: center; align-items: center; width: 100px; height: 32px; font-size: 16px } @media (max-width: 768.98px) { .recycling__counter-text { width: 124px; height: 40px } } .recycling__info { display: flex; justify-content: space-between; color: #212121; overflow: hidden; padding-top: 0; max-height: 0; transition: max-height .25s ease-in-out, padding-top .25s ease-in-out } .recycling__info.is-active { padding-top: 30px } .recycling__info-items { position: relative } .recycling__info-image { display: flex; justify-content: center; align-items: flex-end; max-width: 23%; flex-shrink: 0 } @media (max-width: 768.98px) { .recycling__info-image { display: none } } .recycling__info-svg { width: 54px; height: 54px; fill: #22b0f3 } .recycling__info-item { font-size: 16px; line-height: 24px; letter-spacing: .01em; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(34, 176, 243, .1) } .recycling__info-item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 } .recycling__text { font-size: 16px; line-height: 24px; letter-spacing: .02em; max-width: 556px; padding-left: 38px; color: #97a4af } .recycling__show-btn { font-size: 16px; line-height: 1; letter-spacing: .03em; margin-bottom: 20px; color: #00a0eb; transition: color .25s ease-in-out } .recycling__show-btn:hover { color: #22b0f3 } .recycling__show-btn:hover svg { fill: #22b0f3 } .recycling__show-btn-svg { position: relative; top: -1px; margin-left: 3px; fill: #afbbc6; width: 8px; height: 5px; transition: fill .25s ease-in-out } .collapse.is-active .recycling__show-btn-svg { fill: #00a0eb; transform: rotate(180deg) } .recycling__info-container.is-active .recycling__chevron { transform: rotate(180deg) } .recycling__button { font-size: 16px; line-height: 1.75; font-weight: 500 } .recycling__chevron { display: inline-block; width: 8px; margin-top: 3px; margin-left: 5px; flex-shrink: 0; border-top: 6px solid #22b0f3; border-right: 4px solid transparent; border-left: 4px solid transparent; transition: transform .25s ease-in-out } .recycling__rules { font-size: 14px; line-height: 1.42857; max-width: 408px; margin-bottom: 30px; margin-top: 10px } @media (max-width: 768.98px) { .recycling__rules { max-width: 80% } } .recycling__main-input { margin-bottom: 25px } .recycling .tooltip__popup { z-index: 2; width: 189px; padding-right: 24px } .recycling .tooltip__popup[data-popper-placement=top-end]:before { content: ""; position: absolute; border: 6px solid transparent; border-top: 8px solid #fff; right: 17px; bottom: -14px } @media (max-width: 768.98px) { .recycling .tooltip__popup[data-popper-placement=top-end]:before { right: 86px } } .support-message { position: relative; display: inline-block; font-size: 16px; margin-top: 5px; color: #959799; opacity: .9 } .content-area .support-message a:not(.button), .support-message .content-area a:not(.button), .support-message .link { font-size: 16px } .catalog-label { padding-left: 16px; padding-top: 14px; padding-bottom: 18px; padding-right: 16px; color: #fff; text-transform: uppercase; display: block } @media (max-width: 1279.98px) { .catalog-label { padding: 12px; font-size: 9px } } @media (max-width: 768.98px) { .catalog-label { padding: 8px; font-size: 6px } } .catalog-label--background-red { background: #fa4d62 } .catalog-label--background-green { background: #7dc15c } .catalog-label__message { font-size: 10px; font-weight: 600; line-height: 140%; letter-spacing: .02em; font-family: Futura PT, Arial, Helvetica, sans-serif } .card { height: 100%; position: relative; background: #fff; padding-bottom: 16px; display: flex; flex-direction: column; transition: border-color .25s; border-bottom: 1px solid #d7dde3 } @media (min-width: 768px) { .catalog[data-view=list] .card { flex-direction: row; padding: 24px 0 } } .card--timer { display: block; padding: 0 0 30px !important } @media (max-width: 767.98px) { .card--timer { padding: 0 0 16px !important } } .catalog[data-view=list] .card--timer { padding-top: 30px !important } @media (max-width: 767.98px) { .catalog[data-view=list] .card--timer { padding-top: 0 !important } } .card--v2 { padding: 16px 24px; border-radius: 12px; border-bottom: 0; transition: .15s linear } .swiper-slide-visible .card--v2 { box-shadow: 0 0 20px rgba(0, 0, 0, .05) } .journal-products .card, .modal-products .card, .product-recommendations .card { border-bottom: 0 } @media (max-width: 767.98px) { .catalog .card { padding-left: 100px } } .card__header { margin-bottom: 16px } @media (max-width: 767.98px) { .card__header { margin-bottom: 0 } } @media (min-width: 768px) { .catalog[data-view=list] .card__header { margin-bottom: 0; width: 200px; flex-shrink: 0; position: relative } } .card--v2 .card__header { position: relative; margin-bottom: 0 } .card__header .card__picture-label { position: absolute; bottom: 16px; left: 0; width: 100%; z-index: 1 } @media (min-width: 768px) { .catalog[data-view=list] .card__header .card__picture-label { display: none } } @media (max-width: 767.98px) { .card__header .card__picture-label { display: none } } .card__container-picture { display: block; text-decoration: none; height: 226px; overflow: hidden; position: relative } @media (max-width: 767.98px) { .catalog .card__container-picture { position: absolute; top: 0; left: -8px; width: 96px; height: 136px } } .journal-products .card__container-picture, .modal-products .card__container-picture, .product-recommendations .card__container-picture { height: 156px } @media (max-width: 1023.98px) { .journal-products .card__container-picture, .modal-products .card__container-picture, .product-recommendations .card__container-picture { height: 148px } } .product--comparison .card__container-picture { position: absolute; top: 0; left: 0; width: 56px; height: 62px } @media (max-width: 1023.98px) { .product--comparison .card__container-picture { position: static; width: 45px; height: 50px; margin-bottom: 8px } } @media (min-width: 1280px) { .card__container-picture:hover .card__picture-image { transform: scale(1.05) } } .card--v2 .card__container-picture { height: 260px } @media (max-width: 1919.98px) { .card--v2 .card__container-picture { height: 187px } } @media (max-width: 1279.98px) { .card--v2 .card__container-picture { height: 215px } } @media (max-width: 1023.98px) { .card--v2 .card__container-picture { height: 260px } } .card__container-picture .swiper-container { height: 100%; padding-bottom: 16px } .card--v2 .card__container-picture .swiper-container { padding-bottom: 22px } .card__container-picture .swiper-wrapper { box-sizing: border-box } .card__container-picture .swiper-pagination { position: absolute; bottom: 2px; left: 0 !important; right: 0; display: flex; align-items: center; justify-content: center; transform: none !important; overflow: visible; width: auto !important } .card__container-picture .swiper-pagination-bullet { margin: 0 2px !important; width: 4px; height: 4px; background: #d7d7da; border-radius: 100%; transition: none !important; opacity: 1; display: none; left: auto !important } .card__container-picture .swiper-pagination-bullet-active { transform: scale(1.5); background-color: #000 } .card__container-picture .swiper-pagination-bullet-active-main { display: block } .card__slider:not(.swiper-container-initialized) .swiper-pagination { display: none } .card__slider-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; z-index: 1 } body.is-touch .card__slider-overlay { display: none } .card__slider-overlay > div { flex: 1 1 auto } .card__picture { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; padding-top: 24px; padding-bottom: 16px } @media (max-width: 767.98px) { .catalog .card__picture { padding-top: 0 } } .journal-products .card__picture, .modal-products .card__picture { padding-top: 0; position: absolute; top: 0; left: 0 } .product--comparison .card__picture { padding-top: 0 } .card--not-available .card__picture { opacity: .6 } .swiper-container .card__picture { padding-bottom: 0 } .card--v2 .card__picture { padding-top: 28px; padding-bottom: 22px } .card--v2 .swiper-container .card__picture { padding-bottom: 0 } .card__picture-image { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; -o-object-fit: contain; object-fit: contain; flex-shrink: 0; transition: transform .25s } .card__container-labels { position: absolute; top: 0; left: 0; z-index: 1 } @media (max-width: 767.98px) { .catalog .card__container-labels { position: static; margin-bottom: 16px } } .tradein__card .card__container-labels { position: static } .card__is360 { position: absolute; right: 0; top: 0; z-index: 1; display: flex; justify-content: center; align-items: center; background-color: #f4f4f4; border-radius: 4px; width: 40px; height: 40px } @media (max-width: 767.98px) { .card__is360 { width: 72px; right: inherit; left: 0; top: 152px } } .card__container-labels--list { position: relative; margin: 12px 0 0 } .card__body { flex-grow: 1 } @media (min-width: 768px) { .catalog[data-view=list] .card__body { padding: 0 30px } } .product--comparison .card__body { flex-grow: 0 } .card__body .card__picture-label { margin-top: 30px; display: none } @media (min-width: 768px) and (max-width: 1279.98px) { .catalog[data-view=list] .card__body .card__picture-label { display: flex } } .card__container-reviews { display: flex } .journal-products .card__container-reviews, .modal-products .card__container-reviews, .product--comparison .card__container-reviews, .product-recommendations .card__container-reviews { margin-top: 20px } @media (max-width: 767.98px) { .journal-products .card__container-reviews, .modal-products .card__container-reviews, .product--comparison .card__container-reviews, .product-recommendations .card__container-reviews { margin-top: 10px } } .journal-products .card__container-reviews { margin-left: -4px } .card__reviews { display: flex; text-decoration: none; font-size: 14px; line-height: 16px; color: #5d6672; transition: color .25s } .card__reviews:hover { transition: color .25s; color: #2354a5 } @media (min-width: 768px) { .card__reviews .rating__star { width: 18px; height: 18px; margin-top: -2px } } @media (max-width: 767.98px) { .catalog .card__reviews .rating__star { margin-top: -1px } } @media (max-width: 1023.98px) { .card__reviews .rating__star--scaled { transform: scale(1.5) } } .card__rating, .journal-products .card__rating { color: #1e2329 } .card__review { margin-left: 8px } .journal-products .card__review { color: #5d6672 } .card__container-title { margin-top: 16px; margin-bottom: auto } @media (max-width: 767.98px) { .catalog .card__container-title { margin-top: 4px } } .journal-products .card__container-title, .modal-products .card__container-title, .product-recommendations .card__container-title { margin-top: 20px } .product--comparison .card__container-title { margin-top: 0 } .journal-products .card__container-title { margin-top: 4px } .card__name-link { text-decoration: none } .card__name { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 24px; color: #212121; font-weight: 500; transition: color .25s; margin: 0 } @media (max-width: 767.98px) { .card__name { font-size: 18px; line-height: 24px } } @media (max-width: 1023.98px) { .card--v2 .card__name { font-size: 16px; line-height: 24px } } @media (max-width: 767.98px) { .card--v2 .card__name { font-size: 18px } } .journal-products .card__name, .modal-products .card__name, .product-recommendations .card__name { font-size: 16px; line-height: 20px } @media (max-width: 767.98px) { .journal-products .card__name, .modal-products .card__name, .product-recommendations .card__name { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px } } .product--comparison .card__name { font-size: 14px; line-height: 24px; letter-spacing: .02em } .card__name:hover { color: #00a0eb } .card__container-description { font-size: 14px; line-height: 20px; color: #6b6b6b; margin-top: 15px } @media (max-width: 1023.98px) { .card__container-description { display: none } } .card__container-specs { margin-top: 16px; display: none } @media (min-width: 768px) { .catalog[data-view=list] .card__container-specs { display: block; max-width: 356px } } @media (max-width: 767.98px) { .card__container-specs { max-width: none } } @media (max-width: 767.98px) { .catalog .card__container-specs { display: block } } .card--v2 .card__container-specs { margin-top: 24px; display: block } .card__specs-row { display: flex; align-items: flex-start } .card--v2 .card__specs-row { justify-content: space-between; align-items: flex-end } .card__specs-row:not(:first-child) { margin-top: 8px } @media (max-width: 767.98px) { .card__specs-row:not(:first-child) { margin-top: 4px } } .card--v2 .card__specs-row:not(:first-child) { margin-top: 15px } .card__specs-col { font-size: 14px; line-height: 16px; position: relative } .card__specs-col:first-child { padding-right: 8px; color: #5d6672; width: 44% } .card--v2 .card__specs-col:first-child { width: 55% } @media (max-width: 767.98px) { .card__specs-col:first-child { width: 50% } } .card__specs-col:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "........................................................................................................................"; position: absolute; left: 0; right: 4px; bottom: 0; font-size: 14px; line-height: 16px; white-space: nowrap; overflow: hidden; color: #afbbc6; display: block } @media (max-width: 767.98px) { .card__specs-col:first-child:before { display: none } } .card--v2 .card__specs-col:first-child:before { right: 8px } @media (max-width: 767.98px) { .card--v2 .card__specs-col:first-child:before { display: block } } .card__specs-col:first-child span { padding-right: 4px } @media (max-width: 767.98px) { .card__specs-col:first-child span { padding-right: 0 } } .card--v2 .card__specs-col:first-child span { padding-right: 8px; word-wrap: break-word } .card__specs-col:last-child { color: #000; width: 56%; align-self: flex-end } @media (max-width: 767.98px) { .card__specs-col:last-child { width: 50% } } .card--v2 .card__specs-col:last-child { width: 45% } .card__specs-col span { position: relative; background: #fff; word-break: break-word; -ms-hyphens: auto; hyphens: auto } .card--v2 .card__specs-col span { word-break: normal } @media (min-width: 768px) { .catalog[data-view=list] .card__footer { width: 280px; flex-shrink: 0 } } @media (min-width: 768px) and (max-width: 1279.98px) { .catalog[data-view=list] .card__footer { width: 148px } } @media (max-width: 767.98px) { .card__footer { max-width: 320px } } .card__footer .card__picture-label { display: none } @media (min-width: 768px) { .catalog[data-view=list] .card__footer .card__picture-label { display: flex } } @media (min-width: 768px) and (max-width: 1279.98px) { .catalog[data-view=list] .card__footer .card__picture-label { display: none } } @media (max-width: 767.98px) { .card__footer .card__picture-label { display: flex } } .card__footer .card__picture-label { margin-top: 30px } @media (min-width: 768px) { .catalog[data-view=list] .card__footer .card__picture-label + .card__container-actions { margin-top: 8px } } @media (min-width: 768px) and (max-width: 1279.98px) { .catalog[data-view=list] .card__footer .card__picture-label + .card__container-actions { margin-top: 30px } } @media (max-width: 767.98px) { .card__footer .card__picture-label + .card__container-actions { margin-top: 8px } } .card__container-price-old { display: flex; margin-bottom: 5px; margin-left: 8px } .card__container-price-old ~ .card__container-price { color: #fa4d62 } .card__price--simple-card .card__container-price-old { margin: 5px 0 0 } @media (min-width: 768px) { .catalog[data-view=list] .card__container-price-old { margin-top: 0 } } @media (min-width: 768px) and (max-width: 1279.98px) { .catalog[data-view=list] .card__container-price-old { margin-left: 0 } } @media (max-width: 359.98px) { .card__container-price-old { margin: 5px 0 0 } } .product--comparison .card__container-price-old { margin: 16px 0 0; font-size: 14px; line-height: 16px } @media (max-width: 1919.98px) { .main-catalog.is-offers .card__container-price-old { margin: 0 } } @media (max-width: 767.98px) { .main-catalog.is-offers .card__container-price-old { margin-left: 8px; margin-bottom: 5px } } .card__price-wrapper { display: flex; align-items: flex-end } @media (max-width: 359.98px) { .card__price-wrapper { flex-direction: column-reverse; align-items: flex-start } } @media (min-width: 768px) and (max-width: 1279.98px) { .catalog[data-view=list] .card__price-wrapper { flex-direction: column-reverse; align-items: flex-start } } @media (max-width: 1919.98px) { .main-catalog.is-offers .card__price-wrapper { flex-direction: column-reverse; align-items: flex-start } } @media (max-width: 767.98px) { .main-catalog.is-offers .card__price-wrapper { flex-direction: row; align-items: flex-end } } .card__price--simple-card { flex-direction: column-reverse; align-items: flex-start } .card__price-old { font-size: 16px; line-height: 16px; color: #212121; position: relative; white-space: nowrap } @media (max-width: 1365.98px) { .card__price-old { font-size: 14px } } .journal-products .card__price-old, .modal-products .card__price-old, .product--comparison .card__price-old, .product-recommendations .card__price-old { font-size: 14px; line-height: 16px } .card--v2 .card__price-old { font-weight: 500; font-size: 16px } .card__price-old:before { content: ""; display: block; position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; background: #fa4d62; border-top: 1px solid #fff } .card__price-discount { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: .04em; color: #fff; padding: 0 4px; border-radius: 4px; margin-left: 8px; background: #fa4d62 } .card__products-status { font-size: 14px; line-height: 20px; letter-spacing: .02em; font-weight: 400 } .card__products-status.is-archive { color: #fa4d62 } .card__products-cashback { display: flex; align-items: center; gap: 8px; margin-top: 4px; font-size: 16px; line-height: 16px; font-weight: 450; color: #fa4d62 } @media (max-width: 767.98px) { .card__products-cashback { font-size: 14px } } .card__products-icon { width: 24px; height: 24px } .card__container-price { margin-top: 16px } @media (min-width: 768px) { .catalog[data-view=list] .card__container-price { margin-top: 0 } } @media (min-width: 768px) { .catalog-category .card__container-price, .catalog[data-view=tiles] .card__container-price, .favorites .card__container-price { min-height: 67px } } @media (min-width: 1366px) { .catalog-category .card__container-price, .catalog[data-view=tiles] .card__container-price, .favorites .card__container-price { min-height: 70px } } @media (min-width: 1920px) { .catalog-category .card__container-price, .catalog[data-view=tiles] .card__container-price, .favorites .card__container-price { min-height: 72px } } .product-recommendations .card__container-price { min-height: 91px } @media (max-width: 1919.98px) { .product-recommendations .card__container-price { min-height: 87px } } @media (max-width: 1279.98px) { .product-recommendations .card__container-price { min-height: 88px } } .card--v2 .card__container-price { min-height: 50px } .journal-products .card__container-price, .modal-products .card__container-price, .product--comparison .card__container-price, .product-recommendations .card__container-price { margin-top: 5px } .card__container-price-old + .card__container-price { margin-top: 0 } .card__price-block { display: flex; align-items: center } @media (min-width: 768px) and (max-width: 1279.98px) { .catalog[data-view=list] .card__price-block { display: block } } @media (max-width: 1023.98px) { .journal-products .card__price-block, .modal-products .card__price-block, .product-recommendations .card__price-block { display: block } } .card__price { font-weight: 700; font-size: 24px; line-height: 32px; white-space: nowrap } @media (max-width: 1365.98px) { .card__price { font-size: 20px; line-height: 28px } } .card--sale .card__price { color: #fa4d62 } .tradein__card .card__price { margin-right: 12px } .journal-products .card__price, .modal-products .card__price, .product-recommendations .card__price { font-size: 20px; line-height: 28px } .product--comparison .card__price { font-size: 16px; line-height: 24px } .card--v2 .card__price { font-size: 24px; line-height: 32px } .card__yandex-split { min-height: 14px; display: flex; margin-top: 4px } .card__cashback { display: none; visibility: hidden; width: 0; height: 0; opacity: 0; margin-left: 16px; padding-left: 16px; font-size: 16px; line-height: 16px; color: #22b0f3; position: relative; white-space: nowrap } @media (max-width: 1365.98px) { .card__cashback { margin-left: 8px; padding-left: 8px; font-size: 14px } } @media (min-width: 768px) and (max-width: 1279.98px) { .catalog[data-view=list] .card__cashback { margin-top: 4px; margin-left: 0; padding-left: 0 } .catalog[data-view=list] .card__cashback:before { display: none } } .journal-products .card__cashback, .modal-products .card__cashback, .product-recommendations .card__cashback { font-size: 14px; line-height: 20px; margin-left: 10px; padding-left: 10px } @media (max-width: 1023.98px) { .journal-products .card__cashback, .modal-products .card__cashback, .product-recommendations .card__cashback { margin-top: 4px; margin-left: 0; padding-left: 0 } .journal-products .card__cashback:before, .modal-products .card__cashback:before, .product-recommendations .card__cashback:before { display: none } } .card__cashback--upper { color: #fa4d62 } .card__cashback:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #afbbc6 } .card__cashback .icon { width: 17px; height: 17px; flex-shrink: 0; margin-left: 4px; color: inherit } .card__price-watch { margin-top: 4px } @media (max-width: 1023.98px) { .modal-products .card__price-watch { margin-top: 10px } } .card__container-actions { display: flex; margin-top: 30px } @media (min-width: 768px) and (max-width: 1279.98px) { .catalog[data-view=list] .card__container-actions { flex-wrap: wrap } } .journal-products .card__container-actions, .modal-products .card__container-actions, .product-recommendations .card__container-actions { display: block } .card__action { flex-shrink: 0; width: 40px; height: 40px; background: #ebedf2; color: #808093; border-radius: 6px; display: flex; align-items: center; justify-content: center; transition-property: background-color, color; transition-duration: .25s; margin-left: 8px } @media (max-width: 1365.98px) { .card__action { margin-left: 4px } } @media (min-width: 768px) and (max-width: 1279.98px) { .catalog[data-view=list] .card__action { margin-top: 4px } .catalog[data-view=list] .card__action:first-of-type { margin-left: 0 } } .card__action:hover { background: #dee0e5; color: #0090d5 } .card__action:active { background: #ccd0da; color: #2354a5 } .card__action .icon { flex-shrink: 0; pointer-events: none } .card__action .icon-compare-2-active, .card__action .icon-favorite-2-active { display: none } .card__action.is-active:not(:hover):not(:active) { color: #22b0f3 } .card__action.is-active .icon-compare-2, .card__action.is-active .icon-favorite-2 { display: none } .card__action.is-active .icon-compare-2-active, .card__action.is-active .icon-favorite-2-active { display: block } .journal-products .card__action, .modal-products .card__action, .product-recommendations .card__action { display: none } .card-icon { height: 30px; padding-left: 40px; position: relative; min-height: 30px; display: flex; flex-direction: row; align-items: center } @media (max-width: 768.98px) { .card-icon { padding-left: 0 } } .card-icon__icon { width: 30px; height: 30px; position: absolute; left: 0; top: 50%; transform: translateY(-50%) } @media (max-width: 768.98px) { .card-icon__icon { position: static; margin-right: 0; transform: translateY(0); width: 24px; height: 24px } } .card-icon__icon img { width: 98%; height: 98% } .card-icon__text { font-size: 14px; line-height: 16px; width: calc(100% - 40px); display: block; position: absolute; top: 50%; transform: translateY(-50%) } @supports not (hyphens:auto) { .card-icon__text { word-wrap: break-word } } @supports (hyphens:auto) { .card-icon__text { -ms-hyphens: auto; hyphens: auto } } @media (max-width: 768.98px) { .card-icon__text { display: none } } .card-labels { display: flex; flex-wrap: wrap; gap: 5px } .card-labels__label { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; flex-shrink: 0; display: flex; align-items: center; padding: 4px 5px; font-weight: 500; font-size: 12px; line-height: 12px; letter-spacing: .48px; text-transform: uppercase; white-space: nowrap; border: 1px solid #fff; border-radius: 4px; background-color: #fff } .card-labels__label .icon-info { color: #d0d0d0; width: 11px; height: 11px } .card-labels__label--grey { color: grey; border-color: grey } .card-labels__label--green { color: #4c8217; border-color: #4c8217 } .card-labels__label--red { color: #e52b1a; border-color: #e52b1a } .card-labels__label--blue { color: #1e4fb0; border-color: #1e4fb0 } .card-labels__label--black { color: #242729; border-color: #242729 } .card-labels__label--purple { color: #661fad; border-color: #661fad } .card-labels__label--turquoise { color: #1e7fb0; border-color: #1e7fb0 } .card-labels__label--theme-halva { border-color: #d7dde3; padding: 2px 6px } .card-labels__label--theme-evo { background: url(/local/templates/haier/css/../images/label-bg-evo.webp); background-size: cover; border-color: transparent } .card-labels__label--theme-evo .icon-evo { width: 33px; height: 6px } .card-labels__label--theme-evo .icon-info { color: #fff } .card-labels__label.is-hoverable { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .card-labels__link { flex-shrink: 0; margin: 0 -5px; padding: 0 5px; color: inherit; text-decoration: none } .card-labels__link, .card-stock { display: flex; align-items: center } .card-stock { width: 100%; padding: 8px 12px; border-radius: 6px; min-height: 40px; position: relative; gap: 10px } @media (max-width: 768.98px) { .card-stock { gap: 5px } } .card-stock--theme-red { background-color: #fa4d62 } .card-stock--theme-purple { background-image: url(/local/templates/haier/css/../images/okko-bg.webp); background-repeat: no-repeat; background-size: cover; background-position: 50%; background-color: #000 } .card-stock--theme-green { background-color: #7dc15c } .card-stock--theme-yellow { background-color: #ffc900 } .card-stock__col--align-right { margin-left: auto } .card-stock--in-card { width: 100%; height: 100%; border-radius: 0 8px 0 8px } @media (max-width: 1023.98px) { .card-stock--in-card { border-radius: 0 4px 0 4px } } @media (max-width: 767.98px) { .card-stock--in-card { border-radius: 4px 4px 0 0 } } .card-stock--bottom.card-stock--theme-purple .card-stock__promo-image { right: 40px; bottom: 0 } @media (max-width: 1366.98px) { .card-stock--bottom.card-stock--theme-purple .card-stock__promo-image { width: 100px; right: 30px } } @media (max-width: 1279.98px) { .card-stock--bottom.card-stock--theme-purple .card-stock__promo-image { width: 90px; right: 20px } } @media (max-width: 768.98px) { .card-stock--bottom.card-stock--theme-purple .card-stock__content { margin-right: 120px } } .card-stock--bottom.card-stock--theme-red .card-stock__promo-image { height: auto } .card-stock--bottom .card-stock__content { font-size: 16px; line-height: 16px } .card-stock--bottom .card-stock__promo-image { height: 120px } @media (max-width: 1366.98px) { .card-stock--bottom .card-stock__promo-image { width: 111px; height: 105px } } @media (max-width: 1279.98px) { .card-stock--bottom .card-stock__promo-image { width: 100px; height: 195px } } @media (max-width: 768.98px) { .card-stock--bottom .card-stock__promo-image { width: 111px; height: 105px } } .card-stock__content { font-size: 14px; line-height: 1; letter-spacing: .02em; color: #fff } @media (max-width: 1919.98px) { .card-stock__content { font-size: 13px } .catalog[data-view=list] .card-stock__content { font-size: 14px } } @media (-ms-high-contrast: none) { .card-stock__content { position: relative; bottom: -.1em } } .card-stock__content--fsize-big { font-size: 14px } @media (max-width: 1366.98px) { .card-stock__content--fsize-big { font-size: 12px } } @media (max-width: 768.98px) { .card-stock__content--fsize-big { font-size: 10px } } .card-stock--theme-purple .card-stock__content--half { max-width: 60% } @media (max-width: 1366.98px) { .card-stock--theme-purple .card-stock__content--half { max-width: 100%; margin-right: 100px } } @media (max-width: 768.98px) { .card-stock--theme-purple .card-stock__content--half { margin-right: 60px } } .product-recommendations .card-stock__content { font-size: 12px } .card-stock__icon { position: relative; display: flex; align-items: center; justify-content: flex-start; width: 30px; height: 30px } @media (max-width: 768.98px) { .card-stock__icon { max-width: 20px; max-height: 20px } } .card-stock__icon img { height: 100%; width: auto; display: block } .card-stock__numbers { display: block; font-weight: 500 } @media screen and (max-width: 880px) { .card-stock__numbers { display: none } } .card-stock__number-title { font-size: 14px; color: #fff; white-space: nowrap } .card-stock__numbers--size-big .card-stock__number-title { font-size: 24px; font-weight: 600 } @media (max-width: 768.98px) { .card-stock__numbers--size-big .card-stock__number-title { font-size: 14px } } .card-stock__number-subtitle { font-size: 12px; line-height: 12px; color: #fff; opacity: .5; white-space: nowrap } .card-stock__number-subtitle--text-lth { text-decoration: line-through } .card-stock__promo-image { width: 41px; height: 40px; display: block } .card-stock--theme-purple .card-stock__promo-image { width: 111px; height: auto; position: absolute; right: 20px; bottom: 0 } @media (max-width: 1366.98px) { .card-stock--theme-purple .card-stock__promo-image { width: 90px } } @media (max-width: 1279.98px) { .card-stock--theme-purple .card-stock__promo-image { width: 80px } } @media (max-width: 768.98px) { .card-stock--theme-purple .card-stock__promo-image { width: 55px; right: 6px } } .card-banner { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; height: 100%; padding: 16px 0 } @media (max-width: 1023.98px) { .card-banner { padding-top: 8px } } @media (max-width: 767.98px) { .card-banner { padding: 0 0 16px; border-bottom: 1px solid #d7dde3 } } @media (max-width: 767.98px) { .card-banner.has-pagination { padding-bottom: 30px } } .catalog[data-view=list] .card-banner { padding: 30px 0 } @media (max-width: 767.98px) { .catalog[data-view=list] .card-banner { padding: 0 0 16px } } @media (max-width: 767.98px) { .catalog[data-view=list] .card-banner.has-pagination { padding-bottom: 30px } } .card-banner__container { height: 100%; border-radius: 12px; overflow: hidden; background: #010103 } @media (max-width: 767.98px) { .card-banner__container { height: 380px } } .catalog[data-view=list] .card-banner__container { height: 250px } @media (max-width: 767.98px) { .catalog[data-view=list] .card-banner__container { height: 380px } } .card-banner__slide { box-sizing: border-box; position: relative; overflow: hidden } .card-banner__img-wrapper { position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer } .card-banner__img { pointer-events: none; width: 100%; height: auto } .catalog[data-view=list] .card-banner__img { position: absolute; top: 0; right: 0 } .card-banner__img--desktop { display: block } .card-banner__img--long, .catalog[data-view=list] .card-banner__img--desktop { display: none } .catalog[data-view=list] .card-banner__img--long { display: block; width: 100%; height: 250px; -o-object-fit: cover; object-fit: cover } @media (max-width: 767.98px) { .card-banner__img--desktop, .card-banner__img--long, .catalog[data-view=list] .card-banner__img--long { display: none } } .card-banner__img--mobile { display: none } @media (max-width: 767.98px) { .card-banner__img--mobile, .catalog[data-view=list] .card-banner__img--mobile { display: block } } .card-banner__img_fill { -o-object-fit: fill; object-fit: fill } @media (max-width: 767.98px) { .card-banner__img_fill { -o-object-fit: cover; object-fit: cover } } @media (max-width: 359.98px) { .card-banner__img_fill { -o-object-fit: fill; object-fit: fill } } .card-banner__content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px 13px; text-align: center; color: #fff } @media (max-width: 767.98px) { .card-banner__content { padding: 24px; text-align: left } } .catalog[data-view=list] .card-banner__content { padding: 30px; max-width: calc(100% - 420px); text-align: left; bottom: auto; top: 50%; transform: translateY(-50%) } @media (max-width: 767.98px) { .catalog[data-view=list] .card-banner__content { padding: 24px; max-width: 100%; bottom: 0; top: auto; transform: none } } .card-banner__content > :not(:first-child) { margin-top: 8px } @media (max-width: 767.98px) { .card-banner__content > :not(:first-child) { margin-top: 4px } } .catalog[data-view=list] .card-banner__content > :not(:first-child) { margin-top: 12px } @media (max-width: 767.98px) { .catalog[data-view=list] .card-banner__content > :not(:first-child) { margin-top: 4px } } .card-banner__title { font-weight: 700; font-size: 24px; line-height: 32px } .card-banner__text { font-size: 18px; line-height: 24px; letter-spacing: -.001em; opacity: .7 } @media (max-width: 767.98px) { .card-banner__text { opacity: .8; letter-spacing: normal } } .card-banner__link { font-size: 18px; line-height: 24px; color: #22b0f3; text-decoration: none } @media (max-width: 767.98px) { .card-banner__link { font-weight: 500 } } .card-banner__link:hover, .card-banner__link:visited { color: #22b0f3 } .card-banner__link i:before { top: 4px } .card-banner__pagination { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; z-index: auto } @media (max-width: 767.98px) { .card-banner__pagination { bottom: 12px } } .catalog[data-view=list] .card-banner__pagination { bottom: 12px } .card-banner__pagination .swiper-pagination-bullet { flex-shrink: 0; width: 10px; height: 10px; border-radius: 100%; background: #d7d7da; margin: 0 4px; transition: background-color .25s; opacity: 1 } .card-banner__pagination .swiper-pagination-bullet-active { background: #000 } .card-banner__nav { width: 30px; height: 30px; border-radius: 100%; background: #ebedf2; position: absolute; top: calc(50% - 15px); color: #808093; z-index: 1; display: none; align-items: center; justify-content: center } @media (max-width: 767.98px) { .card-banner__nav { display: none } } .card-banner__nav--prev { left: -15px; padding-left: 4px } .card-banner__nav--prev .icon { transform: rotate(180deg) } .card-banner__nav--next { right: -15px; padding-right: 4px } .card-banner__nav .icon { flex-shrink: 0; width: 12px; height: 12px; pointer-events: none } .card-banner__nav_show { display: flex } .detail-banner--container { max-width: 1470px; height: 100%; padding: 60px 80px } @media (max-width: 1023.98px) { .detail-banner--container { padding: 0 20px } } @media (max-width: 767.98px) { .detail-banner--container { padding-bottom: 38px } } .detail-banner--container .card-banner { border-top: 1px solid rgba(175, 187, 198, .5) } @media (max-width: 1023.98px) { .detail-banner--container .card-banner { border-bottom: none } } .detail-banner--container .card-banner__container { height: 282px } @media (max-width: 1023.98px) { .detail-banner--container .card-banner__container { height: 380px } } .detail-banner--container .card-banner__content { height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; text-align: left; padding: 24px 60px } @media (max-width: 1023.98px) { .detail-banner--container .card-banner__content { font-size: 24px; font-weight: 700; line-height: 32px; width: 100%; padding: 24px; justify-content: flex-end } } .detail-banner--container .card-banner__title { max-width: 40%; text-wrap: wrap; font-size: 32px; font-weight: 650; line-height: 40px } @media (max-width: 1023.98px) { .detail-banner--container .card-banner__title { font-size: 24px; font-weight: 700; max-width: 100%; line-height: 32px } } .detail-banner--container .card-banner__text { font-size: 20px } @media (max-width: 1023.98px) { .detail-banner--container .card-banner__text { font-size: 18px; font-weight: 400 } } .detail-banner--container .card-banner__link { font-size: 20px; font-weight: 400 } @media (max-width: 1023.98px) { .detail-banner--container .card-banner__link { font-size: 18px; font-weight: 450 } } .detail-banner--container .card-banner__img { pointer-events: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .card-offer { border-radius: 12px; overflow: hidden; position: relative; min-height: 100% } .card-offer:before { content: ""; display: block; padding-top: 117.38095% } @media (max-width: 1023.98px) { .card-offer:before { padding-top: 158.64407% } } .card-offer__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; position: absolute; top: 0; left: 0 } .card-offer__content { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 10px; color: #fff; padding: 24px } .card-offer--black .card-offer__content { color: #000 } .card-offer__title { font-size: 24px; font-weight: 700; line-height: 32px } @media (max-width: 1919.98px) { .card-offer__title { font-size: 22px; line-height: 30px } } @media (max-width: 767.98px) { .card-offer__title { font-size: 20px; line-height: 26px } } .card-offer__text { font-size: 24px; line-height: 28px; opacity: .7 } @media (max-width: 1919.98px) { .card-offer__text { font-size: 22px; line-height: 26px } } @media (max-width: 767.98px) { .card-offer__text { font-size: 20px } } .card-offer__link { font-size: 24px; line-height: 28px } @media (max-width: 1919.98px) { .card-offer__link { font-size: 22px; line-height: 26px } } @media (max-width: 767.98px) { .card-offer__link { font-size: 20px; line-height: 1 } } .card-offer__icon { width: 17px; height: 10px; margin-left: 10px } .card-offer__overlay-link { display: block; position: absolute; inset: 0 } .card-offer-final { border-radius: 12px; background: linear-gradient(14deg, #926ede, #0f1a7a 29.81%, #000); overflow: hidden; gap: 20px; height: 100%; text-decoration: none } .card-offer-final, .card-offer-final__icon-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center } .card-offer-final__icon-wrap { width: 40px; height: 40px; border-radius: 100%; background: #fff } .card-offer-final__icon { width: 13px; height: 7px; color: #22b0f3 } .card-offer-final__title { color: #fff; font-size: 12px; font-weight: 500; line-height: 1; letter-spacing: .48px; text-transform: uppercase } .image-lazy-load { opacity: 0 } .image-lazy-load[data-was-processed=true] { opacity: 1; transition: opacity .15s ease-in-out } .picture-magnifier { overflow: hidden } .picture-magnifier:after { content: ""; display: block; padding: auto; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: #f4f4f4; opacity: 0; transition: opacity .35s ease-in-out .35s } .picture-magnifier.is-active:after { transition: opacity .35s ease-in-out 0s; opacity: 1 } .picture-magnifier__picture { opacity: 0; z-index: 2; transition: opacity .35s ease-in-out 0s } .picture-magnifier.is-active .picture-magnifier__picture { opacity: 1; transition: opacity .35s ease-in-out .35s } .picture-magnifier--overlay-red:after { background: #ffedef } .gift { display: flex; flex-direction: row; align-items: center; margin-bottom: 29px; padding: 8px 0; border-bottom: 1px solid rgba(215, 221, 227, .6); cursor: pointer; padding-left: 47px; position: relative } @media (max-width: 768.98px) { .gift { flex-direction: column; align-items: flex-start; justify-content: flex-start } } .gift:after, .gift:before { top: 50%; transform: translateY(-50%) } .gift__title { font-family: Futura PT; font-size: 16px; line-height: 24px; letter-spacing: .02em; text-transform: uppercase; color: #212121; padding-bottom: 8px; display: block; font-weight: 500 } .gift__col { margin-right: 24px } .gift__col--content { padding-bottom: 12px; padding-top: 12px } .gift__input { display: none; pointer-events: none; overflow: hidden; visibility: hidden; width: 0; height: 0 } .gift__picture { width: 102px; height: 102px; position: relative } @media (max-width: 768.98px) { .gift__picture { width: 80px; height: 80px } } .gift__picture img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .gift-popup__title { font-size: 24px; line-height: 32px; color: #212121; font-weight: 500; margin-bottom: 20px } .gift-popup--theme-listing .gift-popup__title { font-weight: 600; letter-spacing: .01em } .gift-popup__message { font-size: 18px; line-height: 28px } .gift-popup__button { margin-top: 32px; width: 100%; padding: 0 } .gift-popup--theme-listing .gift-popup__button { max-width: 200px } .sale-info { padding: 32px 0 } .sale-info__container { max-width: 1477px; padding: 0 80px; width: 100%; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch } @media (max-width: 1366.98px) { .sale-info__container { max-width: 1266px; padding: 0 30px } } @media (max-width: 1279.98px) { .sale-info__container { flex-direction: column; justify-content: flex-start } } @media (max-width: 768.98px) { .sale-info__container { align-items: center; padding: 0 } } .sale-info__list, .sale-info__list--desktop { display: flex } @media (max-width: 768.98px) { .sale-info__list--desktop { display: none } } .sale-info__list--mobile { display: none; width: 100% } @media (max-width: 768.98px) { .sale-info__list--mobile { display: block } } .sale-info__notice { font-size: 12px; line-height: 18px; letter-spacing: .05em; color: #848484; margin-top: 20px; width: 100% } @media (max-width: 768.98px) { .sale-info__notice { padding: 0 20px } } .sale-feature { display: block; background: #fff; border-radius: 8px; margin-right: 30px; max-width: 306px; position: relative; padding-top: 20px; padding-left: 71px; padding-right: 24px; padding-bottom: 24px; height: 100%; min-height: 150px } @media (max-width: 768.98px) { .sale-feature { padding: 20px 24px; margin-right: 0; width: 100%; max-width: 320px; box-sizing: border-box; min-height: 120px } } .sale-feature__number { position: absolute; left: 12px; top: 12px; width: 36px; height: 36px; border-radius: 4px; font-size: 28px; line-height: 28px; color: #fff; display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center; background: #2354a5; font-weight: 500 } @media (max-width: 768.98px) { .sale-feature__number { display: none } } .sale-feature__text { font-size: 16px; line-height: 20px } .sale-slider { width: 100%; position: relative } .sale-slider__content-slide { display: flex; align-items: center; justify-content: center } .sale-slider__pagination { margin: 18px auto; height: 36px } .sale-slider__pagination, .sale-slider__pagination-item { display: flex; flex-direction: row; align-items: center; justify-content: center } .sale-slider__pagination-item { width: 24px; height: 24px; position: relative; opacity: 1; transition: all .25s ease-in-out; background: transparent; margin: 0 6px; outline: none; cursor: pointer } .sale-slider__pagination-item:before { content: ""; z-index: 1; display: block; position: absolute; width: 24px; height: 24px; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%) scale(1); background: #97a4af; transition: all .25s ease-in-out; border-radius: 4px } .sale-slider__pagination-item.is-active { width: 36px; height: 36px } .sale-slider__pagination-item.is-active:before { width: 36px; height: 36px; background: #2354a5 } .sale-slider__pagination-number { position: relative; z-index: 2; color: #fff; display: block; text-align: center; font-size: 16px; font-weight: 500; transition: transform .25s ease-in-out } .is-active .sale-slider__pagination-number { transform: scale(1.5) } .sale-timer { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; background: #040838; border-radius: 12px; overflow: hidden; text-align: center; color: #fff; min-height: 160px; display: flex; flex-direction: column; justify-content: center } @media (max-width: 1023.98px) { .sale-timer { border-radius: 0; margin: 0 -20px } } .sale-timer:after { content: ""; display: block; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat 50%/contain; width: 32px; height: 32px; animation: rotate 1.5s linear infinite; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto } .sale-timer:not(.is-loading):after { display: none } .sale-timer.is-loading { opacity: 1 !important } .sale-timer__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .sale-timer__content { position: relative; padding: 24px; transition: opacity .25s } .sale-timer.is-loading .sale-timer__content { opacity: 0; pointer-events: none } .sale-timer__title { font-weight: 500; font-size: 24px; line-height: 31px; text-align: center; letter-spacing: -.001em } @media (max-width: 767.98px) { .sale-timer__title { margin-bottom: 14px } } .sale-timer__timer { display: flex; align-items: flex-start; justify-content: center; gap: 16px } @media (max-width: 767.98px) { .sale-timer__timer { gap: 10px } } .sale-timer__time-title { font-weight: 700; font-size: 60px; line-height: 60px } @media (max-width: 767.98px) { .sale-timer__time-title { font-size: 42px; line-height: 45px } } .sale-timer__time-subtitle { font-weight: 500; font-size: 18px; line-height: 23px; letter-spacing: -.001em; text-transform: lowercase; margin-top: -4px } @media (max-width: 767.98px) { .sale-timer__time-subtitle { font-weight: 400; font-size: 16px; line-height: 21px } } .sale-timer__delimiter { height: 60px; display: flex; flex-direction: column; justify-content: center; gap: 8px } @media (max-width: 767.98px) { .sale-timer__delimiter { height: 45px } } .sale-timer__delimiter:after, .sale-timer__delimiter:before { content: ""; display: block; width: 10px; height: 10px; background: hsla(0, 0%, 100%, .4); border-radius: 100% } @media (max-width: 767.98px) { .sale-timer__delimiter:after, .sale-timer__delimiter:before { width: 6px; height: 6px } } .sale-timer__ended-title { font-weight: 700; font-size: 60px; line-height: 60px } @media (max-width: 767.98px) { .sale-timer__ended-title { font-size: 42px; line-height: 45px } } .danger-message { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff; border-radius: 10px; color: #212121 } @media print { .danger-message { display: none } } .danger-message__container { padding: 10px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px .2fr; grid-template-columns:1fr .2fr; margin: 0 10vw; align-items: center; justify-content: center; gap: 30px } @media (max-width: 1365.98px) { .danger-message__container { gap: 20px } } @media (max-width: 1023.98px) { .danger-message__container { display: block; padding: 20px } } .danger-message__text { font-size: 18px; line-height: 20px; text-align: center } @media (max-width: 1919.98px) { .danger-message__text { font-size: 14px } } @media (max-width: 1365.98px) { .danger-message__text { font-size: 12px } } @media (max-width: 1023.98px) { .danger-message__text { font-size: 16px; display: flex; flex-direction: column; text-align: start } } .danger-message__text p { margin-bottom: 0 } .danger-message__link { display: inline-flex; align-items: center; gap: 4px } .danger-message__icon { flex-shrink: 0; width: 8px; height: 8px; margin-top: 1px } @media (max-width: 1365.98px) { .danger-message__icon { width: 6px; height: 6px } } @media (max-width: 1023.98px) { .danger-message__icon { width: 8px; height: 8px } } .danger-message__close { flex-shrink: 0; background: #22b0f3; border-radius: 8px; min-width: 96px; height: 40px; display: inline-flex; align-items: center; justify-content: center; font-weight: 500; font-size: 16px; line-height: 1; text-align: center; color: #fff; box-shadow: none; transition: background-color .3s; padding: 0 8px } .danger-message__close:-moz-focusring { outline: none } .danger-message__close:focus { outline: none } @media (max-width: 1365.98px) { .danger-message__close { min-width: 82px; height: 32px; font-size: 12px } } @media (max-width: 1023.98px) { .danger-message__close { min-width: 96px; height: 40px; font-size: 16px; margin-top: 16px } } .danger-message__close:hover { background: #0090d5 } .tag-filter { padding: 0 20px; margin: 16px -20px; position: relative; overflow: hidden; height: 33px; box-sizing: border-box } @media (max-width: 1023.98px) { .tag-filter { padding-left: 0; padding-right: 0 } } .search-results .tag-filter { margin: 0 -20px 30px -20px } @media (max-width: 1919.98px) { .search-results .tag-filter { margin-bottom: 40px } } @media (max-width: 1365.98px) { .search-results .tag-filter { margin-bottom: 24px } } .tag-filter__form { max-width: 100%; overflow: auto hidden; padding-bottom: 20px } .tag-filter__list { margin: 0; padding: 0; list-style: none; display: flex; transition: transform .5s } .tag-filter__item:first-child { display: none } .tag-filter__item:nth-child(n+3) { margin-left: 8px } @media (max-width: 1023.98px) { .tag-filter__item:nth-child(2) { padding-left: 20px } } @media (max-width: 1023.98px) { .tag-filter__item:last-child { padding-right: 20px } } .tag-filter__nav { position: absolute; top: 50%; width: 26px; height: 26px; background: #fff; display: flex; align-items: center; justify-content: center; color: #34beff; border-radius: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, .1); transform: translateY(-50%); transition: opacity .25s } @media (max-width: 1023.98px) { .tag-filter__nav { display: none } } .tag-filter__nav.is-disabled { opacity: 0 } .tag-filter__nav--prev { left: 7px } .tag-filter__nav--prev .icon { transform: rotate(180deg) } .tag-filter__nav--next { right: 7px } .tag-filter__nav .icon { flex-shrink: 0; width: 9px; height: 9px } .tag-item { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; position: relative; white-space: nowrap } .tag-item__checkbox { display: none } .tag-item__checkbox:checked ~ .tag-item__content { background: #55aeed; border-color: #55aeed; color: #fff } .tag-item__checkbox:checked ~ .tag-item__content .tag-item__number { color: inherit } .tag-item__checkbox:disabled ~ .tag-item__content { pointer-events: none; background-color: #e4e4e4; border-color: #dadada; color: #969799 } .tag-item__checkbox:disabled ~ .tag-item__content .tag-item__number { color: inherit } .tag-item__checkbox:disabled:checked ~ .tag-item__content { pointer-events: none; background: #22b0f3; border-color: #22b0f3; color: #fff } .tag-item__checkbox:disabled:checked ~ .tag-item__content .tag-item__number { color: inherit } .tag-item__icon { display: flex; justify-content: center; align-items: center; padding-right: 12px } .tag-item__svg-icon { max-width: 14px; max-height: 14px; -o-object-fit: contain; object-fit: contain } .tag-item__content { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; padding: 5px 12px; font-weight: 500; font-size: 16px; line-height: 21px; text-align: center; letter-spacing: .02em; border-radius: 4px; border: 1px solid #b1bbc5; color: #1f1f1f; height: 33px } .tag-item__content:after { content: ""; width: 20px; height: 20px; background: url(/local/templates/haier/css/../images/icon-preloader-white.svg) no-repeat 50%; background-size: contain; animation: rotate 1.5s linear infinite; margin-left: 5px; display: none } .tag-item.is-preloading .tag-item__content:after { display: block } .tag-item__number { font-weight: 400; color: #d5d5d5 } .catalog-section { margin-top: 10px } .catalog-section:first-child { margin-top: 40px } @media (max-width: 1279.98px) { .catalog-section:first-child { margin-top: 30px } } @media (max-width: 768.98px) { .catalog-section:first-child { margin-top: 24px } } .catalog-section__title { display: flex; width: 100%; position: relative } .catalog-section__icon { display: flex; justify-content: center; align-items: center; padding-right: 10px; background-color: #fff; z-index: 2 } .catalog-section__svg-icon { max-width: 18px; max-height: 18px; -o-object-fit: contain; object-fit: contain } .catalog-section__text { letter-spacing: .02em; display: table; font-size: 24px; line-height: 1.33333; background: #fff; padding-left: 0; padding-right: 8px; position: relative; z-index: 2 } @media (max-width: 1279.98px) { .catalog-section__text { font-size: 18px; line-height: 1.77778 } } @media (max-width: 768.98px) { .catalog-section__text { font-size: 16px; line-height: 2 } } .catalog-section__listing { padding-top: 30px } @media (max-width: 768.98px) { .catalog-section__listing { padding-top: 18px } } .product-galery { overflow: visible } .product-galery__options { padding-left: 154px; display: flex; flex-wrap: wrap } @media (max-width: 1366.98px) { .product-galery__options { padding-left: 99px; display: block } } @media (max-width: 1279.98px) { .product-galery__options { padding-left: 0 } } .product-galery__sizes { padding-top: 32px; margin-right: auto } .product-galery__colors { padding-top: 23px; padding-left: 6px; margin-right: auto } @media (max-width: 768.98px) { .product-galery__colors { padding-top: 0 } } @media (max-width: 768.98px) { .product-galery__colors .colors-input { padding-bottom: 0 } } .product-galery__thumb-video { overflow: hidden; border-radius: 4px; width: 100%; height: 100%; max-height: 60px; cursor: pointer; position: relative } @media (max-width: 1366.98px) { .product-galery__thumb-video { max-height: 60px } } .product-galery__thumb-video img { position: absolute; top: 0; left: 0; z-index: 1; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } @media (max-width: 1366.98px) { .product-galery__thumb-video img { max-height: 60px } } .product-galery__thumb-video:hover .product-galery__thumb-video-btn { background: #0090d5; border-color: #0090d5 } .product-galery__thumb-video:hover .product-galery__thumb-video-btn:before { border: 6px solid transparent; border-left: 10px solid #fff; background: transparent; width: 0; height: 0; margin-left: -3px; border-radius: 0; opacity: 1 } .product-galery__yt-player { width: 100%; height: 100%; position: absolute; left: 0; top: 0 } .product-galery__thumb-video-btn { left: 50%; top: 50%; margin-left: 0; transform: translate(-50%, -50%) scale(.5) } .product-galery__thumb-video-btn.video__btn:before { transition: none; opacity: 0 } .product-galery__slider { position: relative } .product-galery__label { position: absolute; right: 0; top: 0; width: 100%; max-width: 344px; height: 54px; z-index: 2; pointer-events: none } @media (max-width: 1279.98px) { .product-galery__label { height: 52px; max-width: 265px } } @media (max-width: 768.98px) { .product-galery__label { position: static; margin-top: -12px; max-width: 100% } } .pd .product-galery__label { position: absolute; top: 0; bottom: auto } @media (max-width: 768.98px) { .pd .product-galery__label { margin-top: 0; max-width: 265px } } @media (max-width: 767.98px) { .pd .product-galery__label { max-width: 100% } } .product-galery__label_bottom { top: auto; bottom: 0; pointer-events: all; cursor: pointer } @media (max-width: 1279.98px) { .product-galery__label_bottom { bottom: 90px } } @media (max-width: 768.98px) { .product-galery__label_bottom { bottom: 0 } } @media (max-width: 1279.98px) { .product-galery__label__arrow { display: none } } .product-galery__label.is-fixed { position: fixed; top: 90px; transition: top .25s ease-in-out, bottom .25s ease-in-out, position .7s ease-in-out } @media (max-width: 768.98px) { .product-galery__label.is-fixed { position: static; width: 100% !important } } .product-galery__label.is-absolute { position: absolute; top: auto; bottom: 0; transition: top .7s ease-in-out, bottom .7s ease-in-out, position .7s ease-in-out } @media (max-width: 768.98px) { .product-galery__label.is-absolute { position: static; width: 100% !important } } .product-galery__instructions { margin-top: 27px; display: flex; flex-direction: column; align-items: flex-start } @media (max-width: 1366.98px) { .product-galery__instructions { margin-top: 40px } } @media (max-width: 1279.98px) { .product-galery__instructions { margin-top: 24px } } .product-galery__instructions-link { font-size: 0 } .product-galery__instructions-link span { font-size: 16px; line-height: 26px } .product-galery__instructions-link:after { height: 25px; vertical-align: top } .product-admissions { display: flex; flex-direction: row; flex-wrap: wrap } @media (max-width: 1279.98px) { .product-admissions { padding-top: 12px } } .product-admissions__admission { display: block; width: 25%; max-width: 98px; min-width: 72px; margin-right: 8px } @media (max-width: 1279.98px) { .product-admissions__admission { margin-right: 4px; flex: 1; margin-bottom: 20px } } .product-admissions__admission:last-of-type { margin-right: 0 } .product-admissions__admission-icon { padding-left: 4px; width: 100%; height: 33px } .product-admissions__admission-image { width: auto; height: 100% } .product-admissions__admission-content { padding-top: 12px; font-size: 16px; line-height: 20px; color: #97a4af; display: block } @media (max-width: 1279.98px) { .product-admissions__admission-content { font-size: 12px; line-height: 14px } } .product-information__container-head { padding-bottom: 11px } @media (max-width: 1366.98px) { .product-information__container-head { padding-bottom: 4px } } @media (max-width: 768.98px) { .product-information__container-head { padding-bottom: 8px } } .product-information__container-labels { padding-bottom: 16px } @media (max-width: 1366.98px) { .product-information__container-labels { padding-bottom: 22px } } .product-information__container-rating { padding-bottom: 24px } @media (max-width: 1366.98px) { .product-information__container-rating { padding-bottom: 30px } } @media (max-width: 1279.98px) { .product-information__container-rating { padding-bottom: 26px } } .product-information__container-icons { border-top: 1px solid rgba(175, 187, 198, .5); padding-top: 28px; padding-bottom: 25px } @media (max-width: 1366.98px) { .product-information__container-icons { padding-bottom: 33px } } @media (max-width: 1279.98px) { .product-information__container-icons { padding-bottom: 28px } } @media (max-width: 768.98px) { .product-information__container-icons { padding-bottom: 11px } } .product-information__container-pricing { border-bottom: 1px solid rgba(175, 187, 198, .5); margin-bottom: 30px } @media (max-width: 1279.98px) { .product-information__container-pricing { border-bottom: 0; margin-bottom: 0 } } .product-information__container-buy { padding-bottom: 30px } .product-information__container-admissions { padding: 0 } .product-information__rating { display: flex } .product-information__rating .rating__star { margin-right: 5px } .product-information__row { display: flex } .product-information__row--space-between { justify-content: space-between } .product-information__row--alight-center { align-items: center } .product-information__row--wrap { flex-wrap: wrap } .product-information__row--pricing { align-items: flex-end } .product-information__row--actions { color: red } .product-information__row--actions .product-information__col:nth-child(3) { margin-left: auto } .product-information__icons { display: flex; flex-wrap: wrap } .product-information__icon { max-width: 50%; word-wrap: break-word } .product-information__icons .product-information__icon:nth-child(2n) { width: 204px } @media (max-width: 1366.98px) { .product-information__icons .product-information__icon:nth-child(2n) { width: calc(49.9999% - 14px) } } .product-information__icons .product-information__icon:first-child, .product-information__icons .product-information__icon:nth-child(odd) { width: 182px; margin-right: 28px } @media (max-width: 1366.98px) { .product-information__icons .product-information__icon:first-child, .product-information__icons .product-information__icon:nth-child(odd) { width: calc(49.9999% - 14px); margin-right: 20px } } .product-information__buy { padding: 0 30px } @media (max-width: 1279.98px) { .product-information__buy { padding: 0 } } .product-information__buy .button { width: 100% } @media (max-width: 1279.98px) { .product-information__buy .button__tooltip { left: auto; right: 0 } } @media (max-width: 1279.98px) { .product-information__buy .button__tooltip:before { left: auto; right: 24px } } .product-information__price { font-size: 28px; line-height: 36px; color: #212121; display: block; font-weight: 500 } @media (max-width: 1279.98px) { .product-information__price { font-size: 24px; line-height: 31px } } @media (max-width: 768.98px) { .product-information__price { font-size: 28px; line-height: 36px } } .product-information__price--old { font-size: 16px; line-height: 21px; color: #97a4af; text-decoration: line-through; margin-bottom: 0 } .product-information__price-watch { font-size: 16px; line-height: 21px; color: #22b0f3; display: flex; margin-top: 2px } @media (max-width: 1279.98px) { .product-information__price-watch { margin-top: 4px; line-height: 18px } } .product-information__price-watch span { cursor: pointer } .product-information__price-watch span:hover { text-decoration: underline } .product-information__bonus { z-index: 3; cursor: default; margin-bottom: 4px } .product-information__bonus--upper .product-information__bonus-amount { color: #fa4d62 } .product-information__bonus-amount { font-weight: 500; font-size: 16px; line-height: 24px; color: #22b0f3; display: flex; align-items: center } .product-information__bonus-icon { flex-shrink: 0; display: block; width: 32px; height: 18px; fill: currentColor; margin-left: 4px } @media (max-width: 1279.98px) { .product-information__bonus-icon { display: none } } .product-information__bonus-text { font-size: 16px; line-height: 21px; margin-top: 2px } @media (max-width: 1279.98px) { .product-information__bonus-text { font-size: 14px; line-height: 18px; margin-top: 4px } } .product-information__title { margin-top: -8px; margin-bottom: 0; font-size: 32px; line-height: 40px; font-weight: 700; text-transform: uppercase } @media (max-width: 1366.98px) { .product-information__title { margin-top: -4px; font-size: 24px } } @media (max-width: 1279.98px) { .product-information__title { font-size: 20px; line-height: 32px } } @media (max-width: 768.98px) { .product-information__title { font-size: 24px; line-height: 40px } } .product-information__links-block { margin-bottom: 23px } @media (max-width: 1366.98px) { .product-information__links-block { margin-bottom: 19px } } @media (max-width: 1279.98px) { .product-information__links-block { margin-bottom: 14px } } @media (max-width: 768.98px) { .product-information__links-block { margin-bottom: 21px } } .product-information__link { display: inline-block; font-size: 16px; letter-spacing: .01em; white-space: nowrap } @media (max-width: 1279.98px) { .product-information__link { font-size: 14px; line-height: 20px } } @media (max-width: 768.98px) { .product-information__link { font-size: 16px; line-height: 20px } } .product-information__link:before { top: 4px } .product-information__link-section { margin-bottom: 7px } .product-information__link-section:last-child { margin-bottom: 0 } .product-information__review { margin-left: 3px; font-size: 16px; white-space: nowrap; line-height: 20px; letter-spacing: .01em } @media (max-width: 1279.98px) { .product-information__review { font-size: 14px; line-height: 20px } } .product-information__col--width-50 { width: 50% } .product-information__col--pr { padding-right: 18px } .product-information__col--pl { padding-left: 18px } .product-information__col--pricing { padding-bottom: 30px; white-space: nowrap } @media (max-width: 1366.98px) { .product-information__col--pricing { width: calc(49.9999% - 14px) } } @media screen and (max-width: 1023.98px) and (min-width: 769px) { .product-information__col--pricing { width: 100% } } @media (max-width: 1279.98px) { .product-information__col--pricing { padding-bottom: 24px; width: auto } } @media (max-width: 768.98px) { .product-information__col--pricing { padding-bottom: 30px; width: calc(49.9999% - 14px) } } .product-information__col--pricing:first-child { width: 182px; margin-right: 28px } @media (max-width: 1366.98px) { .product-information__col--pricing:first-child { width: calc(49.9999% - 14px); margin-right: auto } } @media screen and (max-width: 1023.98px) and (min-width: 769px) { .product-information__col--pricing:first-child { width: 100% } } @media (max-width: 768.98px) { .product-information__col--pricing:first-child { margin-right: 20px; padding-right: 8px } } @media screen and (max-width: 374.98px) { .product-information__col--pricing, .product-information__col--pricing:first-child { width: auto } } @media (max-width: 768.98px) { .product-information__col--pricing:first-child { padding-right: 8px } } .product-information__col--cashback { display: flex; flex-direction: column; align-items: flex-start } .product-information__col--pb-55 { padding-bottom: 55px; position: relative } @media (max-width: 1279.98px) { .product-information__col--buy { width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 24px } } .product-information__status { margin-bottom: 20px; position: relative; z-index: 3 } .product-icon { display: block; display: flex; align-items: center; width: 100%; margin-bottom: 24px } @media (max-width: 1279.98px) { .product-icon { margin-bottom: 18px } } .product-icon__picture { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center } .product-icon__image { height: 98%; width: auto; -o-object-fit: contain; object-fit: contain } .product-icon__text { padding-left: 16px; font-size: 14px; line-height: 16px; color: #212121; width: 100% } @media (max-width: 1279.98px) { .product-icon__text { padding-left: 8px } } @media screen and (max-width: 960px) { .product-icon__text { font-size: 12px; line-height: 14px } } .product-view__container-wrapper { padding-bottom: 35px } .product-view__container { border-radius: 8px; background-color: #e8f4fe } .product-view__inner { padding: 25px 30px 30px } @media (max-width: 768.98px) { .product-view__inner { padding: 25px 20px 30px } } .product-view__title { margin: 0; padding: 0 0 15px; font-size: 20px; font-weight: 500 } .product-view__desc { padding: 0 0 20px; font-size: 16px; line-height: 28px } .product-view__desc b { font-weight: 500 } .product-view__btn > svg { margin: 0 10px 0 0; height: 20px; min-height: 20px; width: 20px; min-width: 20px } .product-detail { background: #fff; padding: 0 0 32px } @media (max-width: 1366.98px) { .product-detail { padding: 0 0 56px } } @media (max-width: 1279.98px) { .product-detail { padding: 0 0 34px } } @media (max-width: 768.98px) { .product-detail { padding: 0 0 24px } } .product-detail__wrap { display: flex } @media (max-width: 768.98px) { .product-detail__wrap { flex-direction: column } } .product-detail__slider { max-width: 60.1%; width: 60.1%; overflow: visible } @media (max-width: 1366.98px) { .product-detail__slider { max-width: 59.6%; width: 60.6% } } @media (max-width: 1279.98px) { .product-detail__slider { max-width: 56.6%; width: 56.6%; padding-left: 3.5% } } @media (max-width: 768.98px) { .product-detail__slider { width: 100%; padding-left: 0; max-width: 100% } } .product-detail__information { max-width: 28.1%; min-width: 490px; padding-left: 72px } @media (max-width: 1366.98px) { .product-detail__information { padding-left: 4.48%; min-width: auto; max-width: none; width: 41% } } @media (max-width: 1279.98px) { .product-detail__information { width: 40%; padding-left: 7.7% } } @media (max-width: 768.98px) { .product-detail__information { width: 100%; max-width: 100%; min-width: 0; padding-left: 0; margin-top: 33px } } .product-player { position: relative; width: 100%; height: 100% } .product-player.is-hidden-overlay iframe { opacity: 1 } .product-player__overlay { width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; background-color: #f4f4f4; opacity: 1; cursor: pointer } @media (max-width: 1023.98px) { .swiper-slide-active .product-player__overlay:after { opacity: 0 } } .swiper-slide-active .product-player__overlay:hover:after { opacity: 0 } .product-slider__big--background-red .product-player__overlay { background-color: #ffedef } @media (max-width: 1023.98px) { .product-player__overlay .product-player__btn-play { background: #0090d5; border-color: #0090d5 } } .product-player__overlay:hover .product-player__btn-play { background: #0090d5; border-color: #0090d5 } .product-player__overlay.is-hidden { pointer-events: none } .product-player.is-hidden-overlay .product-player__overlay { opacity: 0; pointer-events: none } .product-player__overlay:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #0a0a0a; opacity: .2; transition: opacity .25s ease-in-out } .product-player__overlay-image { opacity: 1; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .product-player__btn-play { position: absolute; left: 50%; top: 50%; z-index: 2; margin-left: 0; transform: translate(-50%, -50%) } .product-player__btn-play.video__btn:before { transition: none; opacity: 0 } .product-player iframe { width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; opacity: 0 } @media (max-width: 1023.98px) { .product-player .product-player__btn-play:before { border: 6px solid transparent; border-left: 10px solid #fff; background: transparent; width: 0; height: 0; margin-left: -3px; border-radius: 0; opacity: 1 } } .product-player:hover .product-player__btn-play:before { border: 6px solid transparent; border-left: 10px solid #fff; background: transparent; width: 0; height: 0; margin-left: -3px; border-radius: 0; opacity: 1 } .product-recommendations { background: #fff; padding: 80px 0 } @media (max-width: 1023.98px) { .product-recommendations { padding: 38px 0 8px 0 } .product-recommendations:last-child { padding-bottom: 32px } } .product-recommendations--pdt-0 { padding-top: 0 } .product-recommendations + .product-recommendations { border-top: 1px solid rgba(175, 187, 198, .5) } .product-recommendations__wrap { max-width: 1312px; margin: 0 auto } .product-recommendations__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 32px; font-weight: 500; line-height: 40px; letter-spacing: .01em; margin-bottom: 50px } @media (max-width: 1023.98px) { .product-recommendations__title { font-size: 24px; line-height: 28px; letter-spacing: .02em; margin-bottom: 32px } } .product-recommendations__body { position: relative } @media (max-width: 1023.98px) { .product-recommendations__body > .swiper-container { margin: 0 -20px; padding: 0 20px } } .product-recommendations__slide { box-sizing: border-box; height: auto } @media (max-width: 1023.98px) { .product-recommendations__slide { width: 150px } } .product-recommendations__slider-buttons { position: absolute; top: 200px; right: -70px; left: -70px; display: flex; justify-content: space-between; pointer-events: none; z-index: 1 } @media (max-width: 1365.98px) { .product-recommendations__slider-buttons { right: -24px; left: -24px } } @media (max-width: 1023.98px) { .product-recommendations__slider-buttons { display: none } } .product-recommendations__slider-button { position: static; margin-top: 0; pointer-events: auto } .product-recommendations__slider-button:not(:last-child) { margin-right: 8px } .product-recommendations__list { display: flex; flex-direction: row; flex-wrap: wrap } .product-recommendations__product { flex-shrink: 0; width: 25%; padding-left: 15px; padding-right: 15px } @media (max-width: 1919.98px) { .product-recommendations__product { padding-left: 8px; padding-right: 8px } } @media (max-width: 1279.98px) { .product-recommendations__product { width: 33.333% } .product-recommendations__product:nth-child(4) { display: none } } @media (max-width: 1023.98px) { .product-recommendations__product { width: 50% } .product-recommendations__product:nth-child(4) { display: block } } @media (max-width: 767.98px) { .product-recommendations__product { width: 100% } } .content-area figure, .snippet-image { margin: 0 } .content-area figure img, .snippet-image img { display: block; width: 100%; max-width: 100%; margin-bottom: 15px; border-radius: 12px } .content-area figure figcaption, .snippet-image figcaption { font-size: 14px; line-height: 28px; text-align: center } .page-warranty .content-area { padding: 40px; background-color: #fff; border-radius: 12px } @media (max-width: 1023.98px) { .page-warranty .content-area { padding: 32px 20px; border-radius: 12px 12px 0 0 } } .content-area h2 { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 24px; line-height: 1.33333; font-weight: 700; letter-spacing: .02em; margin-bottom: 12px; margin-top: 52px } .content-area h2:first-child { margin-top: 14px } .content-area h3 { font-size: 24px; line-height: 1.66667; margin-bottom: 16px } .content-area h3, .content-area h4 { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; margin-top: 42px } .content-area h4 { font-size: 20px; line-height: 1.4; margin-bottom: 12px } .content-area p, .content-area span { font-size: 18px; line-height: 1.55556; margin-bottom: 12px } .content-area p.content__big, .content-area span.content__big { font-size: 24px; line-height: 1.5; margin-bottom: 42px } .content-area p b, .content-area span b { font-weight: 500; font-size: inherit } .content-area b { font-weight: 500; font-size: 18px; line-height: 1.55556; margin-bottom: 12px } .content-area small, .content-area small > *, .content-area small ol > li, .content-area small ul > li { font-size: 16px; line-height: 1.5 } .content-area a:not(.button) { font-size: inherit; line-height: inherit; font-weight: inherit } .content-area > a:not(.button) { font-size: 18px; line-height: 1.55556; margin-bottom: 52px; display: table } .content-area mark { background-color: #d7dde3 } .content-area ul { position: relative; padding-left: 58px; margin-top: 28px; margin-bottom: 28px } @media (max-width: 1023.98px) { .content-area ul { padding-left: 18px } } .content-area ul > li { font-size: 18px; line-height: 1.55556; margin-bottom: 28px; padding-left: 2px } .content-area ul > li:before { position: absolute; left: 40px } @media (max-width: 1023.98px) { .content-area ul > li:before { left: 0 } } .content-area ul > li > ol { counter-reset: itemBlock } .content-area ul > li > ol > li { padding-left: 10px } .content-area ul > li > ol > li:before { left: 30px; content: counters(itemBlock, ".") ". "; counter-increment: itemBlock } @media (max-width: 1023.98px) { .content-area ul > li > ol > li:before { left: 0 } } .content-area ol { position: relative; margin-top: 28px; margin-bottom: 28px; padding-left: 58px; counter-reset: item; list-style-type: none } @media (max-width: 1023.98px) { .content-area ol { padding-left: 28px } } .content-area ol > li { font-size: 18px; line-height: 1.55556; margin-bottom: 28px; list-style-type: none } .content-area ol > li:before { position: absolute; left: 30px; content: counters(item, ".") ". "; counter-increment: item; font-weight: 500 } @media (max-width: 1023.98px) { .content-area ol > li:before { left: 0 } } .content-area ol > li > ol { counter-reset: item } @media (max-width: 1023.98px) { .content-area ol > li > ol { padding-left: 34px } } .content-area ol > li > ol > li { padding-left: 10px } .content-area ol > li > ol > li:before { left: 16px } @media (max-width: 1023.98px) { .content-area ol > li > ol > li:before { left: 0 } } .content-area ul.list--dash { margin-top: 28px; margin-bottom: 28px } .content-area__big, .content-area p.content-area__big { font-size: 24px; line-height: 1.5 } @media (max-width: 1023.98px) { .content-area__big, .content-area p.content-area__big { font-size: 18px; line-height: 28px } } .content-area__big-item .content-area__gray-block { margin: 16px 0 12px 0; padding: 10px 20px; width: auto; display: inline-block } .content-area__gray-block, .content-area p.content-area__gray-block { background: rgba(151, 164, 175, .15); border-radius: 6px; padding: 20px 32px; margin-top: 36px; margin-bottom: 40px } .content-area__gray-block p:last-of-type, .content-area p.content-area__gray-block p:last-of-type { padding: 0; margin: 0 } .content-area__gray-title { font-size: 20px !important; line-height: 1.4 !important; display: block; margin-bottom: 16px; font-weight: 500; margin-top: 4px } .content-area__product { padding: 14px 0 16px; border-bottom: 1px solid rgba(215, 221, 227, .6) } .content-area__product:first-child { padding-top: 0 } .content-area__product a { font-size: 20px; line-height: 2; display: block; margin-bottom: 6px } .content-area__products { margin-bottom: 16px } .content-area__phone { padding: 28px 0; margin-left: 60px; border-bottom: 1px solid rgba(215, 221, 227, .6) } @media (max-width: 1279.98px) { .content-area__phone { margin-left: 0 } } .content-area__phone:last-child { border-bottom: 0; padding-bottom: 0 } .content-area__phone a { font-size: 20px; line-height: 1.4; display: inline-block; margin-bottom: 5px; font-weight: 500; color: #212121 } .content-area__phone a:hover { color: #22b0f3 } .content-area__phones { margin-bottom: 40px } .content-area .account-dropdown { margin-top: 32px; margin-bottom: 22px } .content-area .account-dropdown__caption { font-size: 18px; line-height: 1.33333; margin-bottom: 0 } .content-area .account-dropdown__caption.is-active { margin-bottom: 18px } .content-area .account-dropdown ol { margin-top: 0; counter-reset: itemDropdown } .content-area .account-dropdown ol > li:before { content: counters(itemDropdown, ".") ". "; counter-increment: itemDropdown } .content-area .account-dropdown ul { margin-top: 0 } .content-area .gallery, .content-area figure { margin: 52px 0 38px } @media (max-width: 1023.98px) { .content-area .gallery, .content-area figure { margin: 30px 0 } } .content-area table { width: 100% } .content-area tr { vertical-align: top } .content-area td, .content-area th { padding: 17px 20px 25px 0; font-size: 16px; text-align: left } .content-area td:last-child, .content-area th:last-child { text-align: right; padding-right: 0 } .content-area td strong, .content-area th strong { font-size: 18px; font-weight: 500 } .content-area td span, .content-area th span { color: #97a4af } .content-area th { font-weight: 500 } .content-area td { border-bottom: 1px solid rgba(215, 221, 227, .6) } .content-area .scrolled-block { margin: 38px 0 50px; max-width: 100%; overflow: auto } @media (max-width: 1023.98px) { .content-area .scrolled-block { margin-bottom: 30px } } .content-area > :last-child { margin-bottom: 14px !important } .content-area .account-dropdown.account-dropdown--one__items { margin-top: 28px } .content-area .account-dropdown.account-dropdown--one__items > :first-child { margin-top: 0 } .content-area__big-item--logo .content-area__big:not(:last-child) { margin-right: 16px } .content-area__big-block-right .content-area__big { margin-top: -10px } @media (max-width: 1023.98px) { .content-area__big-block-right .content-area__big { margin-top: 0; line-height: 20px } } .content-area__big-with-number { display: flex; margin-top: 40px } @media (max-width: 1023.98px) { .content-area__big-with-number { display: block } } .content-area__big-block-left { display: flex; min-width: 240px; flex-shrink: 0; padding-right: 24px } @media (max-width: 1023.98px) { .content-area__big-block-left { min-width: 0; padding-right: 0 } } .content-area__big-block-right { flex: 1 } @media (max-width: 1023.98px) { .content-area__big-block-right { margin-top: 16px } } .content-area__big-number { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 86px; line-height: 64px; color: #22b0f3 } @media (max-width: 1023.98px) { .content-area__big-number { font-size: 58px; line-height: 43px } } .content-area__big-number span { font-weight: 400; font-size: 38px; line-height: 43px; letter-spacing: .02em; margin: 0 5px; vertical-align: middle } .content-area__big-small-words { font-size: 20px; font-weight: 500; color: #22b0f3; line-height: 1; margin-top: -6px; margin-left: 10px } @media (max-width: 1023.98px) { .content-area__big-small-words { margin-top: -5px; margin-left: 5px; font-size: 16px; font-weight: 400 } } .content-area__big-item { margin-bottom: 20px } .content-area__big-item:last-child { margin-bottom: 0 } .content-area__big-item--logo { display: flex; align-items: flex-start; flex-wrap: wrap } .content-area__item-logo { display: block } .content-area .content-area__gray-text { color: #97a4af; margin-top: 5px } @media (max-width: 1023.98px) { .content-area .content-area__gray-text { margin-top: 10px; font-size: 14px; line-height: 16px; display: block } } .content-area hr { border: 1px solid rgba(215, 221, 227, .6); border-bottom: 0; color: #d7dde3; margin-top: 20px; margin-bottom: 20px } .content-area .warranty__links { margin-bottom: 0 !important; margin-top: 32px } .content-area--scroll-x { overflow-x: auto; max-width: 100% } .content-area__text-accent { color: #00a0eb; font-weight: 600; font-size: inherit !important; line-height: inherit !important; margin-bottom: 0 !important } .content-area__text-strong { font-size: 16px !important; line-height: 24px !important; font-weight: 500 } .content-area .service__bottom + h2 { margin-top: 40px } .content-area__banner { position: relative; margin-top: 60px } @media (max-width: 767.98px) { .content-area__banner { margin-top: 48px } } .content-area__banner--qr { min-height: 206px } @media (max-width: 1023.98px) { .content-area__banner--qr { min-height: 0 } } .content-area__banner-bg { top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 12px } .content-area__banner-bg, .content-area__banner-img { position: absolute; display: block; pointer-events: none } .content-area__banner-img { bottom: 0; left: 38px } @media (max-width: 767.98px) { .content-area__banner-img { bottom: auto; top: -24px; left: 21px } } .content-area__banner-qr { position: absolute; top: 45px; right: 40px; display: block; pointer-events: none; border-radius: 10px; max-width: 124px } @media (max-width: 1023.98px) { .content-area__banner-qr { display: none } } .content-area__banner-content { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 40px 36px 40px 250px; position: relative } @media (max-width: 767.98px) { .content-area__banner-content { padding: 149px 20px 20px } } .content-area__banner--qr .content-area__banner-content { padding-right: 209px } @media (max-width: 1023.98px) { .content-area__banner--qr .content-area__banner-content { padding-right: 36px } } @media (max-width: 767.98px) { .content-area__banner--qr .content-area__banner-content { padding-right: 20px } } .content-area__banner-text { font-size: 14px; line-height: 1.5; color: #fff } .content-area__banner-link { font-weight: 450; font-size: 16px; line-height: 21px; letter-spacing: .02em; color: #fff; margin-top: 10px } @media (max-width: 767.98px) { .content-area__banner-link { font-size: 18px; line-height: 24px } } .content-area .content-area__banner-link a:not(.button), .content-area__banner-link .content-area a:not(.button), .content-area__banner-link .link { color: #fff } .content-area__notice { margin-top: 50px; padding-top: 24px; border-top: 1px solid rgba(215, 221, 227, .6); font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: .02em; color: #97a4af } .content-area .content-area__back, .content-area a.content-area__back { display: inline-flex; align-items: center; font-size: 16px; font-weight: 400; line-height: 21px; color: #22b0f3; transition: all .25s ease; margin: 0 0 20px 0 } @media (max-width: 767.98px) { .content-area .content-area__back, .content-area a.content-area__back { margin-bottom: 12px } } .content-area .content-area__back:focus, .content-area .content-area__back:hover, .content-area a.content-area__back:focus, .content-area a.content-area__back:hover { color: #0090d5 } .content-area .content-area__back:active, .content-area .content-area__back:visited, .content-area a.content-area__back:active, .content-area a.content-area__back:visited { color: #22b0f3 } .content-area .content-area__back svg, .content-area a.content-area__back svg { width: 8px; height: 7px; margin-right: 9px } .content-area .content-area__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 24px; line-height: 175%; margin: 0 0 15px 0 } @media (max-width: 767.98px) { .content-area .content-area__title { font-size: 18px; line-height: 156%; margin: 0 0 8px } } .top-intro__wrap { position: relative; padding-top: 322px; overflow: hidden; min-height: 960px; max-height: 1400px; height: 100vh } .top-intro__ui { margin-top: 95px } .top-intro__content { width: 70%; max-width: 1100px } .top-intro__content-wrap { position: relative } .top-intro__bg-holder { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #212121 } .top-intro__bg { width: auto; height: 100%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) } .top-intro__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 64px; font-weight: 500; color: #fff; line-height: 1 } .top-intro__btn { height: 55px; line-height: 55px; border-radius: 8px; color: #333 } .top-intro__btn:hover { color: #22b0f3 } @media (min-width: 1280px) and (max-width: 1366.98px) { .top-intro.top-intro--adapt-default .top-intro__title { font-size: 40px; line-height: 1.2 } .top-intro.top-intro--adapt-default .top-intro__wrap { padding-top: 240px; min-height: 683px; max-height: 800px } .top-intro.top-intro--adapt-default .top-intro__content { width: 70%; max-width: 680px } } @media (min-width: 769px) and (max-width: 1279.98px) { .top-intro.top-intro--adapt-default .top-intro__title { font-size: 28px; line-height: 1.28571 } .top-intro.top-intro--adapt-default .top-intro__wrap { padding-top: 185px; min-height: 512px; max-height: 640px } .top-intro.top-intro--adapt-default .top-intro__content { width: 60%; max-width: 440px; padding-left: 10px } .top-intro.top-intro--adapt-default .top-intro__ui { margin-top: 32px } } @media (max-width: 768.98px) { .top-intro.top-intro--adapt-default .top-intro__wrap { padding-top: 125px; min-height: 600px; max-height: 650px } .top-intro.top-intro--adapt-default .top-intro__content { width: auto } .top-intro.top-intro--adapt-default .top-intro__title { font-size: 24px; line-height: 1.33333 } .top-intro.top-intro--adapt-default .top-intro__ui { position: absolute; bottom: 20px; margin-top: 0; left: 20px; right: 20px } .top-intro.top-intro--adapt-default .top-intro__btn { width: 100% } .top-intro.top-intro--adapt-default .top-intro__container, .top-intro.top-intro--adapt-default .top-intro__content-wrap { position: static } .top-intro.top-intro--adapt-default .top-intro__bg-holder { z-index: -1; background-color: #000 } .top-intro.top-intro--adapt-default .top-intro__bg { width: 100%; height: auto; top: auto; bottom: 0; transform: translateX(-50%) translateY(0) } } .landing-screen__wrap { display: flex; position: relative; min-height: 960px; height: 100vh; max-height: 1200px; padding-top: 120px; padding-bottom: 120px; overflow: hidden } .landing-screen__bg-holder { position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px } .landing-screen__bg { width: auto; height: 100%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) } .landing-screen__bg-arrows { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translateX(38%) translateY(-35%); width: auto; height: 75% } .landing-screen__content-holder { position: relative; display: flex; align-items: center; max-width: 1360px } .landing-screen__content { max-width: 528px; color: #fff } .landing-screen__text { margin-top: 30px; font-size: 28px; letter-spacing: .01em; line-height: 1.42857 } .landing-screen__text ul { list-style: none; margin: 0 } .landing-screen__text ul li { position: relative; margin-top: 40px } .landing-screen__text ul li:first-child { margin-top: 0 } .landing-screen__text ul li:before { content: ""; position: absolute; left: -38px; top: .6em; width: 8px; height: 8px; border-radius: 50%; background-color: #afbbc6 } .landing-screen__title { font-size: 48px; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; line-height: 1.16667 } .landing-screen__title-em { font-size: 1.625em } .landing-screen__remark { margin-top: 35px } .landing-screen__image-holder { flex-basis: 50%; max-width: 50% } .landing-screen__content-image { max-width: 100%; height: auto } .landing-screen__reveal { position: absolute; top: 50%; right: 11.6%; z-index: 2; width: 31%; transform: translateY(-41%) } .landing-screen__reveal.reveal { position: absolute } .landing-screen--white { background-color: #fff } .landing-screen--white .landing-screen__content { color: inherit } .landing-screen--white .landing-screen__content-image { margin-left: 40px } .landing-screen--white .landing-screen__content-holder { max-width: 1920px } .landing-screen--1400 .landing-screen__text { margin-top: 55px } .landing-screen--1400 .landing-screen__content { max-width: 660px } @media (min-width: 1280px) and (max-width: 1366.98px) { .landing-screen.landing-screen--adapt-default .landing-screen__wrap { min-height: 698px; max-height: 800px } .landing-screen.landing-screen--adapt-default .landing-screen__title { font-size: 40px; line-height: 1.3 } .landing-screen.landing-screen--adapt-default .landing-screen__text { font-size: 22px; line-height: 1.45455 } .landing-screen.landing-screen--adapt-default .landing-screen__remark { margin-top: 25px } .landing-screen.landing-screen--adapt-default .landing-screen__reveal { right: 11.5%; transform: translateY(-38.8%) } .landing-screen.landing-screen--adapt-default .landing-screen__content-holder { padding-left: 75px } } @media (min-width: 769px) and (max-width: 1279.98px) { .landing-screen.landing-screen--adapt-default .landing-screen__wrap { min-height: 512px; max-height: 512px } .landing-screen.landing-screen--adapt-default .landing-screen__bg-arrows { display: none } .landing-screen.landing-screen--adapt-default .landing-screen__title { font-size: 32px; line-height: 1.25 } .landing-screen.landing-screen--adapt-default .landing-screen__text { font-size: 20px; line-height: 1.2; max-width: 400px } .landing-screen.landing-screen--adapt-default .landing-screen__text ul { padding-left: 26px } .landing-screen.landing-screen--adapt-default .landing-screen__text ul li { margin-top: 20px } .landing-screen.landing-screen--adapt-default .landing-screen__text ul li:before { content: ""; width: 6px; height: 6px; left: -22px } .landing-screen.landing-screen--adapt-default .landing-screen__remark { margin-top: 25px } .landing-screen.landing-screen--adapt-default .landing-screen__reveal { right: 11.5%; transform: translateY(-38.8%) } .landing-screen.landing-screen--adapt-default .landing-screen__content-holder { padding-left: 38px } .landing-screen.landing-screen--adapt-default .landing-screen__bg { min-width: 100%; height: auto; min-height: 100% } } @media (max-width: 768.98px) { .landing-screen.landing-screen--adapt-default .landing-screen__title { font-size: 24px; line-height: 1.33333 } .landing-screen.landing-screen--adapt-default .landing-screen__wrap { padding-top: 57px; min-height: 797px; max-height: 797px } .landing-screen.landing-screen--adapt-default .landing-screen__content-holder { align-items: flex-start } .landing-screen.landing-screen--adapt-default .landing-screen__text { font-size: 18px; line-height: 1.77778 } .landing-screen.landing-screen--adapt-default .landing-screen__remark { margin-top: 15px } .landing-screen.landing-screen--adapt-default .landing-screen__reveal { width: 315px; bottom: 75px; top: auto; right: 50%; transform: translateX(50%) } .landing-screen.landing-screen--adapt-default .landing-screen__bg-holder { background-color: #000 } .landing-screen.landing-screen--adapt-default .landing-screen__bg { width: 100%; height: auto; top: auto; bottom: 0; transform: translateX(-50%) } } @media (min-width: 1280px) and (max-width: 1366.98px) { .landing-screen.landing-screen--adapt-1400 .landing-screen__wrap { min-height: 698px; max-height: 800px } .landing-screen.landing-screen--adapt-1400 .landing-screen__title { font-size: 40px; line-height: 1.3 } .landing-screen.landing-screen--adapt-1400 .landing-screen__text { font-size: 22px; line-height: 1.45455 } .landing-screen.landing-screen--adapt-1400 .landing-screen__remark { margin-top: 25px } .landing-screen.landing-screen--adapt-1400 .landing-screen__reveal { right: 11.5%; transform: translateY(-38.8%) } .landing-screen.landing-screen--adapt-1400 .landing-screen__content-holder { padding-left: 75px } .landing-screen.landing-screen--adapt-1400 .landing-screen__content { max-width: 600px } .landing-screen.landing-screen--adapt-1400 .landing-screen__text { margin-top: 30px; font-size: 28px; line-height: 1.42857 } .landing-screen.landing-screen--adapt-1400 .landing-screen__text ul li { margin-top: 20px } .landing-screen.landing-screen--adapt-1400 .landing-screen__text ul li:first-child { margin-top: 0 } } @media (min-width: 769px) and (max-width: 1279.98px) { .landing-screen.landing-screen--adapt-1400 .landing-screen__wrap { min-height: 512px; max-height: 512px } .landing-screen.landing-screen--adapt-1400 .landing-screen__bg-arrows { display: none } .landing-screen.landing-screen--adapt-1400 .landing-screen__title { font-size: 32px; line-height: 1.25 } .landing-screen.landing-screen--adapt-1400 .landing-screen__text { font-size: 20px; line-height: 1.2; max-width: 400px } .landing-screen.landing-screen--adapt-1400 .landing-screen__text ul { padding-left: 26px } .landing-screen.landing-screen--adapt-1400 .landing-screen__text ul li { margin-top: 20px } .landing-screen.landing-screen--adapt-1400 .landing-screen__text ul li:before { content: ""; width: 6px; height: 6px; left: -22px } .landing-screen.landing-screen--adapt-1400 .landing-screen__remark { margin-top: 25px } .landing-screen.landing-screen--adapt-1400 .landing-screen__reveal { right: 11.5%; transform: translateY(-38.8%) } .landing-screen.landing-screen--adapt-1400 .landing-screen__content-holder { padding-left: 38px } .landing-screen.landing-screen--adapt-1400 .landing-screen__bg { min-width: 100%; height: auto; min-height: 100% } .landing-screen.landing-screen--adapt-1400 .landing-screen__text { margin-top: 35px; line-height: 1.6; max-width: 470px } } @media (max-width: 768.98px) { .landing-screen.landing-screen--adapt-1400 .landing-screen__title { font-size: 24px; line-height: 1.33333 } .landing-screen.landing-screen--adapt-1400 .landing-screen__wrap { padding-top: 57px; min-height: 797px; max-height: 797px } .landing-screen.landing-screen--adapt-1400 .landing-screen__content-holder { align-items: flex-start } .landing-screen.landing-screen--adapt-1400 .landing-screen__text { font-size: 18px; line-height: 1.77778 } .landing-screen.landing-screen--adapt-1400 .landing-screen__remark { margin-top: 15px } .landing-screen.landing-screen--adapt-1400 .landing-screen__reveal { width: 315px; bottom: 75px; top: auto; right: 50%; transform: translateX(50%) } .landing-screen.landing-screen--adapt-1400 .landing-screen__bg-holder { background-color: #000 } .landing-screen.landing-screen--adapt-1400 .landing-screen__bg { width: 100%; height: auto; top: auto; bottom: 0; transform: translateX(-50%) } .landing-screen.landing-screen--adapt-1400 .landing-screen__wrap { min-height: 698px; max-height: 698px } .landing-screen.landing-screen--adapt-1400 .landing-screen__bg-arrows { display: none } .landing-screen.landing-screen--adapt-1400 .landing-screen__text { margin-top: 28px } .landing-screen.landing-screen--adapt-1400 .landing-screen__text ul { padding-left: 20px } .landing-screen.landing-screen--adapt-1400 .landing-screen__text ul li { margin-bottom: 15px; margin-top: 0 } .landing-screen.landing-screen--adapt-1400 .landing-screen__text ul li:last-child { margin-bottom: 0 } .landing-screen.landing-screen--adapt-1400 .landing-screen__text ul li:before { left: -20px; top: .5em; width: 6px; height: 6px } .landing-screen.landing-screen--adapt-1400 .landing-screen__title { font-size: 32px } .landing-screen.landing-screen--adapt-1400 .landing-screen__title-em { font-size: 1.5em; line-height: 1.1 } .landing-screen.landing-screen--adapt-1400 .landing-screen__bg { max-width: 480px } } @media (min-width: 1280px) and (max-width: 1366.98px) { .landing-screen.landing-screen--adapt-dual .landing-screen__image-holder { flex-basis: 57%; max-width: 57%; margin-left: -90px } .landing-screen.landing-screen--adapt-dual .landing-screen__wrap { min-height: 698px; max-height: 800px } } @media (min-width: 769px) and (max-width: 1279.98px) { .landing-screen.landing-screen--adapt-dual .landing-screen__wrap { max-height: 512px } .landing-screen.landing-screen--adapt-dual .landing-screen__bg-arrows { display: none } .landing-screen.landing-screen--adapt-dual .landing-screen__title { font-size: 32px; line-height: 1.25 } .landing-screen.landing-screen--adapt-dual .landing-screen__text { line-height: 1.2; max-width: 400px } .landing-screen.landing-screen--adapt-dual .landing-screen__text ul { padding-left: 26px } .landing-screen.landing-screen--adapt-dual .landing-screen__text ul li { margin-top: 20px } .landing-screen.landing-screen--adapt-dual .landing-screen__text ul li:before { content: ""; width: 6px; height: 6px; left: -22px } .landing-screen.landing-screen--adapt-dual .landing-screen__remark { margin-top: 25px } .landing-screen.landing-screen--adapt-dual .landing-screen__reveal { right: 11.5%; transform: translateY(-38.8%) } .landing-screen.landing-screen--adapt-dual .landing-screen__content-holder { padding-left: 38px } .landing-screen.landing-screen--adapt-dual .landing-screen__bg { min-width: 100%; height: auto; min-height: 100% } .landing-screen.landing-screen--adapt-dual .landing-screen__wrap { min-height: 512px; max-height: 600px; padding-top: 20px; padding-bottom: 20px } .landing-screen.landing-screen--adapt-dual .landing-screen__title { font-size: 36px; line-height: 1.55556 } .landing-screen.landing-screen--adapt-dual .landing-screen__text { margin-top: 10px; font-size: 20px; line-height: 1.6 } .landing-screen.landing-screen--adapt-dual .landing-screen__image-holder { flex-basis: 55%; max-width: 55%; margin-left: -92px; margin-right: 43px } } @media (max-width: 768.98px) { .landing-screen.landing-screen--adapt-dual .landing-screen__title { font-size: 24px; line-height: 1.33333 } .landing-screen.landing-screen--adapt-dual .landing-screen__wrap { padding-top: 57px; min-height: 797px; max-height: 797px } .landing-screen.landing-screen--adapt-dual .landing-screen__content-holder { align-items: flex-start } .landing-screen.landing-screen--adapt-dual .landing-screen__text { font-size: 18px; line-height: 1.77778 } .landing-screen.landing-screen--adapt-dual .landing-screen__remark { margin-top: 15px } .landing-screen.landing-screen--adapt-dual .landing-screen__reveal { width: 315px; bottom: 75px; top: auto; right: 50%; transform: translateX(50%) } .landing-screen.landing-screen--adapt-dual .landing-screen__bg-holder { background-color: #000 } .landing-screen.landing-screen--adapt-dual .landing-screen__bg { width: 100%; height: auto; top: auto; bottom: 0; transform: translateX(-50%) } .landing-screen.landing-screen--adapt-dual .landing-screen__wrap { padding-top: 0; padding-bottom: 40px; min-height: 0; max-height: none; height: auto } .landing-screen.landing-screen--adapt-dual .landing-screen__text { margin-top: 21px } .landing-screen.landing-screen--adapt-dual .landing-screen__content { margin-top: 27px } .landing-screen.landing-screen--adapt-dual .landing-screen__content-holder { display: block; margin-left: auto; margin-right: auto } .landing-screen.landing-screen--adapt-dual .landing-screen__image-holder { width: 100%; max-width: 250px; margin-left: auto; margin-right: auto } .landing-screen.landing-screen--adapt-dual .landing-screen__content-image { margin-left: 0 } } .num-item { display: flex; align-items: center } .num-item__num { font-size: 48px; font-weight: 600; font-family: Futura PT, Arial, Helvetica, sans-serif } .num-item__text { text-transform: uppercase; letter-spacing: .02em; font-size: 16px; line-height: 1.3; margin-left: 10px } .wash-slide__wrap { position: relative; min-height: 1026px; height: 100vh; max-height: 1300px; padding-top: 160px } .wash-slide__bg-holder { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; overflow: hidden; transition: background-color .7s } .wash-slide__big-wash { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) } .wash-slide__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 48px; font-weight: 800; max-width: 950px; margin-left: auto; margin-right: auto; line-height: 1.16667 } .wash-slide__title--second, .wash-slide__title--third { display: none } .wash-slide__section { text-align: center } .wash-slide__text { margin-top: 26px; font-size: 28px; line-height: 1.42857; max-width: 700px; margin-left: auto; margin-right: auto } .wash-slide__text--second, .wash-slide__text--third { display: none; color: #fff } .wash-slide__icons { margin-top: 92px; display: flex; transition: opacity .2s } .wash-slide__btns, .wash-slide__icons { align-items: center; justify-content: center } .wash-slide__btns { display: none; margin-top: 70px } .wash-slide__btn-svg { width: 70px; height: 70px; fill: #fff; cursor: default } .wash-slide__btn-name { position: absolute; left: 50%; transform: translateX(-50%); opacity: 0; text-transform: uppercase; font-size: 16px; line-height: 1.875; text-align: center; letter-spacing: .02em; color: #32bdff; font-weight: 600 } .wash-slide__btn-item { position: relative; margin-left: 15px; margin-right: 15px; opacity: .2; transform-origin: 50%; transition: opacity .3s, transform .3s } .wash-slide__btn-item:hover { opacity: 1 } .wash-slide__btn-item:hover .wash-slide__btn-icon { transform: scale(1.1); transition: transform .3s } .wash-slide__btn-item:hover .wash-slide__btn-svg { filter: url(#svg_filter_wash); fill: url(#svg_gradient_wash); transition: fill .3s } .wash-slide__btn-item:hover .wash-slide__btn-name { opacity: 1; transition: opacity .3s } .wash-slide__icon { max-width: 120px; margin-left: auto; margin-right: auto } .wash-slide__icon-item { flex-basis: 327px; margin-left: 50px; margin-right: 50px } .wash-slide__icon-svg { width: 120px; height: 120px; cursor: pointer } .wash-slide__icon-svg .bg { fill: url(#wish-slide__icons-gradient) } .wash-slide__icon-svg .bg-above { fill: #000221 } .wash-slide__icon-label { font-size: 24px; line-height: 1.29167; margin-top: 20px } .wash-slide__wash-group { width: 480px; position: absolute; bottom: -60px; left: 50%; transform-origin: 50% 0; transform: translateX(-50%) translateY(150px) scale(3.4); transition: transform 1s } .wash-slide__wash-group:before { opacity: 0; content: ""; position: absolute; z-index: -1; width: 118%; height: 85%; left: 50%; transform: translateX(-50%); border-radius: 50%; background: linear-gradient(180deg, #db40ff 35.83%, rgba(219, 64, 255, 0) 85.41%); filter: blur(250px) } .wash-slide__small-wash { width: 100%; height: auto } .wash-slide__wash-btns { display: none; position: absolute; bottom: 0; left: 0; right: 0; height: auto } .wash-slide__backlight { position: absolute; width: 86%; height: auto; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); margin-left: 3px; margin-top: -25px; opacity: 0; transition: .5s } .wash-slide--second .wash-slide__icons { display: none } .wash-slide--second .wash-slide__wash-group { transform: scale(1) translateX(-50%) translateY(0) } .wash-slide--second .wash-slide__bg-holder { background-color: #0d0312 } .wash-slide--second .wash-slide__backlight { opacity: 1; transition-delay: 1s } .wash-slide--second .wash-slide__title { display: none; color: #fff } .wash-slide--second .wash-slide__title--second { display: block } .wash-slide--second .wash-slide__text { display: none } .wash-slide--second .wash-slide__text--second { display: block } .wash-slide--third .wash-slide__btns { display: flex } .wash-slide--third .wash-slide__big-wash, .wash-slide--third .wash-slide__wash-group { display: none } .wash-slide--third .wash-slide__wash-btns { display: block } .wash-slide--third .wash-slide__title { display: none; color: #fff } .wash-slide--third .wash-slide__title--third { display: block } .wash-slide--third .wash-slide__bg-holder { background-color: #0d0312 } .wash-slide--third .wash-slide__icons, .wash-slide--third .wash-slide__text { display: none } .wash-slide--third .wash-slide__text--third { display: block } .is-safari .wash-slide__btn-item:hover .wash-slide__btn-svg { filter: none } @media (min-width: 1280px) and (max-width: 1366.98px) { .wash-slide--adapt-default .wash-slide__wrap { min-height: 850px; max-height: 1000px } .wash-slide--adapt-default .wash-slide__title { font-size: 40px; line-height: 1.4; max-width: 800px } .wash-slide--adapt-default .wash-slide__icons { margin-top: 75px } .wash-slide--adapt-default .wash-slide__icon-item { flex-basis: 400px; margin-left: 20px; margin-right: 20px } .wash-slide--adapt-default .wash-slide__section { max-width: 1305px } .wash-slide--adapt-default .wash-slide__wash-group { transform: translateX(-50%) translateY(320px) scale(2.4) } .wash-slide--adapt-default .wash-slide__text { margin-top: 10px; font-size: 22px; line-height: 1.45455 } .wash-slide--adapt-default .wash-slide__backlight { margin-top: -20px } .wash-slide--adapt-default .wash-slide__btn-svg { width: 52px; height: 52px } .wash-slide--adapt-default .wash-slide__btn-item { margin-left: 10px; margin-right: 10px } .wash-slide--adapt-default .wash-slide__btns { margin-top: 40px } .wash-slide--adapt-default .wash-slide__wash-btns { max-width: 1370px } .wash-slide--adapt-default.wash-slide--second .wash-slide__wash-group { width: 350px; transform: scale(1) translateX(-50%) translateY(-110px) } } @media (min-width: 769px) and (max-width: 1279.98px) { .wash-slide--adapt-default .wash-slide__wrap { min-height: 860px; max-height: 860px } .wash-slide--adapt-default .wash-slide__title { font-size: 36px; line-height: 1.55556; max-width: 800px } .wash-slide--adapt-default .wash-slide__icons { margin-top: 70px; align-items: flex-start } .wash-slide--adapt-default .wash-slide__icon-item { flex-basis: 400px; margin-left: 0; margin-right: 0 } .wash-slide--adapt-default .wash-slide__icon-label { font-size: 20px; line-height: 1.55 } .wash-slide--adapt-default .wash-slide__section { max-width: 1305px } .wash-slide--adapt-default .wash-slide__wash-group { transform: translateX(-50%) translateY(330px) scale(2.1) } .wash-slide--adapt-default .wash-slide__text { margin-top: 18px; font-size: 20px; line-height: 1.4 } .wash-slide--adapt-default .wash-slide__backlight { margin-top: -14px; width: 84.5%; margin-left: 2px } .wash-slide--adapt-default .wash-slide__btn-svg { width: 52px; height: 52px } .wash-slide--adapt-default .wash-slide__btn-item { margin-left: 10px; margin-right: 10px } .wash-slide--adapt-default .wash-slide__btns { margin-top: 40px } .wash-slide--adapt-default .wash-slide__wash-btns { max-width: 1370px } .wash-slide--adapt-default.wash-slide--second .wash-slide__wash-group { width: 240px; transform: scale(1) translateX(-50%) translateY(-260px) } } @media (max-width: 768.98px) { .wash-slide--adapt-default .wash-slide__wrap { padding-top: 70px; min-height: 780px; max-height: 780px } .wash-slide--adapt-default .wash-slide__title { font-size: 24px; line-height: 1.5 } .wash-slide--adapt-default .wash-slide__icons { margin-top: 30px; flex-direction: column } .wash-slide--adapt-default .wash-slide__icon-item { flex-basis: auto; margin-bottom: 25px } .wash-slide--adapt-default .wash-slide__icon-svg { width: 80px; height: 80px } .wash-slide--adapt-default .wash-slide__icon-label { font-size: 18px; line-height: 1.72222; margin-top: 7px; white-space: nowrap } .wash-slide--adapt-default .wash-slide__wash-group { width: 236px; bottom: 112px; transform: translateX(-50%) translateY(350px) scale(1.5) } .wash-slide--adapt-default .wash-slide__text { font-size: 18px; line-height: 1.77778 } .wash-slide--adapt-default .wash-slide__backlight { width: 87%; margin-left: 1px; margin-top: -14px } .wash-slide--adapt-default .wash-slide__btn-svg { width: 40px; height: 40px } .wash-slide--adapt-default .wash-slide__btn-item { flex-basis: 33.33333%; margin: 0; margin-bottom: 20px } .wash-slide--adapt-default .wash-slide__btns { flex-wrap: wrap; max-width: 480px; margin-left: auto; margin-right: auto } .wash-slide--adapt-default .wash-slide__btn-name { font-size: 10px; margin-top: -5px } .wash-slide--adapt-default .wash-slide__wash-btns { width: 100% } .wash-slide--adapt-default.wash-slide--second .wash-slide__wash-group { transform: scale(1) translateX(-50%) translateY(0) } .wash-slide--adapt-default .wash-slide__text br { display: none } } @media (min-width: 1280px) and (max-width: 1366.98px) { .wash-slide--adapt-third .wash-slide__wrap { min-height: 850px; max-height: 1000px } .wash-slide--adapt-third .wash-slide__title { font-size: 40px; line-height: 1.4; max-width: 800px } .wash-slide--adapt-third .wash-slide__icons { margin-top: 75px } .wash-slide--adapt-third .wash-slide__icon-item { flex-basis: 400px; margin-left: 20px; margin-right: 20px } .wash-slide--adapt-third .wash-slide__section { max-width: 1305px } .wash-slide--adapt-third .wash-slide__wash-group { transform: translateX(-50%) translateY(320px) scale(2.4) } .wash-slide--adapt-third .wash-slide__text { margin-top: 10px; font-size: 22px; line-height: 1.45455 } .wash-slide--adapt-third .wash-slide__backlight { margin-top: -20px } .wash-slide--adapt-third .wash-slide__btn-svg { width: 52px; height: 52px } .wash-slide--adapt-third .wash-slide__btn-item { margin-left: 10px; margin-right: 10px } .wash-slide--adapt-third .wash-slide__btns { margin-top: 40px } .wash-slide--adapt-third .wash-slide__wash-btns { max-width: 1370px } .wash-slide--adapt-third.wash-slide--second .wash-slide__wash-group { width: 350px; transform: scale(1) translateX(-50%) translateY(-110px) } .wash-slide--adapt-third .wash-slide__wrap { min-height: 750px } } @media (min-width: 769px) and (max-width: 1279.98px) { .wash-slide--adapt-third .wash-slide__wrap { min-height: 860px; max-height: 860px } .wash-slide--adapt-third .wash-slide__title { font-size: 36px; line-height: 1.55556; max-width: 800px } .wash-slide--adapt-third .wash-slide__icons { margin-top: 70px; align-items: flex-start } .wash-slide--adapt-third .wash-slide__icon-item { flex-basis: 400px; margin-left: 0; margin-right: 0 } .wash-slide--adapt-third .wash-slide__icon-label { font-size: 20px; line-height: 1.55 } .wash-slide--adapt-third .wash-slide__section { max-width: 1305px } .wash-slide--adapt-third .wash-slide__wash-group { transform: translateX(-50%) translateY(330px) scale(2.1) } .wash-slide--adapt-third .wash-slide__text { margin-top: 18px; font-size: 20px; line-height: 1.4 } .wash-slide--adapt-third .wash-slide__backlight { margin-top: -14px; width: 84.5%; margin-left: 2px } .wash-slide--adapt-third .wash-slide__btn-svg { width: 52px; height: 52px } .wash-slide--adapt-third .wash-slide__btn-item { margin-left: 10px; margin-right: 10px } .wash-slide--adapt-third .wash-slide__btns { margin-top: 40px } .wash-slide--adapt-third .wash-slide__wash-btns { max-width: 1370px } .wash-slide--adapt-third.wash-slide--second .wash-slide__wash-group { width: 240px; transform: scale(1) translateX(-50%) translateY(-260px) } .wash-slide--adapt-third .wash-slide__wrap { padding-top: 50px; min-height: 580px; max-height: 580px } } @media (max-width: 768.98px) { .wash-slide--adapt-third .wash-slide__wrap { padding-top: 70px; min-height: 780px; max-height: 780px } .wash-slide--adapt-third .wash-slide__title { font-size: 24px; line-height: 1.5 } .wash-slide--adapt-third .wash-slide__icons { margin-top: 30px; flex-direction: column } .wash-slide--adapt-third .wash-slide__icon-item { flex-basis: auto; margin-bottom: 25px } .wash-slide--adapt-third .wash-slide__icon-svg { width: 80px; height: 80px } .wash-slide--adapt-third .wash-slide__icon-label { font-size: 18px; line-height: 1.72222; margin-top: 7px; white-space: nowrap } .wash-slide--adapt-third .wash-slide__wash-group { width: 236px; bottom: 112px; transform: translateX(-50%) translateY(350px) scale(1.5) } .wash-slide--adapt-third .wash-slide__text { font-size: 18px; line-height: 1.77778 } .wash-slide--adapt-third .wash-slide__text br { display: none } .wash-slide--adapt-third .wash-slide__backlight { width: 87%; margin-left: 1px; margin-top: -14px } .wash-slide--adapt-third .wash-slide__btn-svg { width: 40px; height: 40px } .wash-slide--adapt-third .wash-slide__btn-item { flex-basis: 33.33333%; margin: 0; margin-bottom: 20px } .wash-slide--adapt-third .wash-slide__btns { flex-wrap: wrap; max-width: 480px; margin-left: auto; margin-right: auto } .wash-slide--adapt-third .wash-slide__btn-name { font-size: 10px; margin-top: -5px } .wash-slide--adapt-third .wash-slide__wash-btns { width: 100% } .wash-slide--adapt-third.wash-slide--second .wash-slide__wash-group { transform: scale(1) translateX(-50%) translateY(0) } } @media (max-width: 768.98px) and (min-width: 361px) { .wash-slide--adapt-third .wash-slide__wrap { min-height: 580px; max-height: 580px } } @keyframes wash-slide__disappear { 0% { opacity: 1 } 99% { opacity: 0 } to { opacity: 0; display: none } } @keyframes wash-slide__appear { 0% { opacity: 0; display: block } 99% { opacity: 1; display: block } to { opacity: 1; display: block } } .wash-slide--first.wash-slide--a-disappear .wash-slide__title--first { opacity: 0; transform: translateY(-50px); transition: transform .2s, opacity .2s } .wash-slide--first.wash-slide--a-disappear .wash-slide__icons { opacity: 0; transition: transform .2s, opacity .2s } .wash-slide--first.wash-slide--a-appear-prepare .wash-slide__icons, .wash-slide--first.wash-slide--a-appear-prepare .wash-slide__title--first { opacity: 0; transform: translateY(-50px); transition: transform .4s, opacity .4s } .wash-slide--first.wash-slide--a-appear-prepare .wash-slide__icons { transition-delay: .2s } .wash-slide--first.wash-slide--a-appear .wash-slide__icons, .wash-slide--first.wash-slide--a-appear .wash-slide__title--first { opacity: 1; transform: translateY(0) } .wash-reel__wrap { display: flex; align-items: center; position: relative; padding-top: 40px; padding-bottom: 40px; overflow: hidden; min-height: 960px; max-height: 1200px; height: 100vh } .wash-reel__bg-holder { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff } .wash-reel__reel-group { position: absolute; right: -300px; top: 50%; transform: translateY(-50%); margin-top: 40px; width: 70% } .wash-reel__reel-img { height: auto; width: 100%; vertical-align: top } .wash-reel__content-holder { max-width: 1360px } .wash-reel__content { max-width: 510px } .wash-reel__title { margin-bottom: 75px; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 48px; line-height: 1.16667 } .wash-reel__title--second, .wash-reel__title--third { display: none } .wash-reel__text { font-size: 28px; line-height: 1.42857; letter-spacing: .01em } .wash-reel__text--second, .wash-reel__text--third { display: none } .wash-reel__text ul { list-style: none } .wash-reel__text ul:first-child { margin-top: 0 } .wash-reel__text ul:last-child { margin-bottom: 0 } .wash-reel__text ul li { position: relative; margin-bottom: 50px } .wash-reel__text ul li:last-child { margin-bottom: 0 } .wash-reel__text ul li:before { content: ""; position: absolute; left: -38px; top: .6em; width: 8px; height: 8px; border-radius: 50%; background-color: #afbbc6 } .wash-reel__reel-arrow-1, .wash-reel__reel-arrow-2, .wash-reel__reel-arrow-3 { position: absolute; z-index: 2; height: auto; opacity: 0; transition: opacity .2s, transform .2s } .wash-reel__reel-arrow-1 { left: 33%; top: 38%; width: 7.44% } .wash-reel__reel-arrow-2 { left: 15.3%; top: 23.6%; width: 17% } .wash-reel__reel-arrow-3 { left: 46.3%; top: 8.6%; width: 22%; transform: translateX(-5%) } .wash-reel--first .wash-reel__reel-arrow-1, .wash-reel--second .wash-reel__reel-arrow-2 { opacity: 1 } .wash-reel--second .wash-reel__title { display: none } .wash-reel--second .wash-reel__title--second { display: block } .wash-reel--second .wash-reel__text { display: none } .wash-reel--second .wash-reel__text--second { display: block } .wash-reel--third .wash-reel__reel-arrow-3 { opacity: 1; transform: translateX(0) } .wash-reel--third .wash-reel__title { display: none } .wash-reel--third .wash-reel__title--third { display: block } .wash-reel--third .wash-reel__text { display: none } .wash-reel--third .wash-reel__text--third { display: block } .wash-reel--a-disappear-prepare.wash-reel--first .wash-reel__text--first, .wash-reel--a-disappear-prepare.wash-reel--first .wash-reel__title--first, .wash-reel--a-disappear-prepare.wash-reel--second .wash-reel__text--second, .wash-reel--a-disappear-prepare.wash-reel--second .wash-reel__title--second, .wash-reel--a-disappear-prepare.wash-reel--third .wash-reel__text--third, .wash-reel--a-disappear-prepare.wash-reel--third .wash-reel__title--third { opacity: 1; transform: translateY(0) } .wash-reel--a-disappear.wash-reel--first .wash-reel__text--first, .wash-reel--a-disappear.wash-reel--first .wash-reel__title--first, .wash-reel--a-disappear.wash-reel--second .wash-reel__text--second, .wash-reel--a-disappear.wash-reel--second .wash-reel__title--second, .wash-reel--a-disappear.wash-reel--third .wash-reel__text--third, .wash-reel--a-disappear.wash-reel--third .wash-reel__title--third { opacity: 0; transform: translateY(-100px); transition: opacity .5s, transform .5s } .wash-reel--a-appear-prepare.wash-reel--first .wash-reel__text--first, .wash-reel--a-appear-prepare.wash-reel--first .wash-reel__title--first, .wash-reel--a-appear-prepare.wash-reel--second .wash-reel__text--second, .wash-reel--a-appear-prepare.wash-reel--second .wash-reel__title--second, .wash-reel--a-appear-prepare.wash-reel--third .wash-reel__text--third, .wash-reel--a-appear-prepare.wash-reel--third .wash-reel__title--third { display: block; opacity: 0; transform: translateY(100px) } .wash-reel--a-appear.wash-reel--first .wash-reel__text--first, .wash-reel--a-appear.wash-reel--first .wash-reel__title--first, .wash-reel--a-appear.wash-reel--second .wash-reel__text--second, .wash-reel--a-appear.wash-reel--second .wash-reel__title--second, .wash-reel--a-appear.wash-reel--third .wash-reel__text--third, .wash-reel--a-appear.wash-reel--third .wash-reel__title--third { opacity: 1; transform: translateY(0); transition: opacity .5s, transform .5s } @media (max-height: 959px) and (min-width: 1367px) { .wash-reel--adapt-default .wash-reel__wrap { min-height: 500px } .wash-reel--adapt-default .wash-reel__title { font-size: 40px; line-height: 1.3; margin-bottom: 50px } .wash-reel--adapt-default .wash-reel__text { font-size: 22px; line-height: 1.45455 } .wash-reel--adapt-default .wash-reel__text ul li { margin-bottom: 30px } .wash-reel--adapt-default .wash-reel__text ul li:last-child { margin-bottom: 0 } .wash-reel--adapt-default .wash-reel__content { max-width: 560px } .wash-reel--adapt-default .wash-reel__content-holder { padding-left: 80px; padding-right: 80px } .wash-reel--adapt-default .wash-reel__reel-group { right: -290px; margin-top: 100px; width: 80% } } @media (min-width: 1280px) and (max-width: 1366.98px) { .wash-reel--adapt-default .wash-reel__wrap { min-height: 500px } .wash-reel--adapt-default .wash-reel__title { font-size: 40px; line-height: 1.3; margin-bottom: 50px } .wash-reel--adapt-default .wash-reel__text { font-size: 22px; line-height: 1.45455 } .wash-reel--adapt-default .wash-reel__text ul li { margin-bottom: 30px } .wash-reel--adapt-default .wash-reel__text ul li:last-child { margin-bottom: 0 } .wash-reel--adapt-default .wash-reel__content { max-width: 560px } .wash-reel--adapt-default .wash-reel__content-holder { padding-left: 80px; padding-right: 80px } .wash-reel--adapt-default .wash-reel__reel-group { right: -290px; margin-top: 100px; width: 80% } } @media (min-width: 769px) and (max-width: 1279.98px) { .wash-reel--adapt-default .wash-reel__wrap { min-height: 500px } .wash-reel--adapt-default .wash-reel__title { font-size: 36px; line-height: 1.33333; margin-bottom: 50px; max-width: 452px } .wash-reel--adapt-default .wash-reel__text { max-width: 390px; font-size: 20px; line-height: 1.4 } .wash-reel--adapt-default .wash-reel__text ul li { margin-bottom: 30px } .wash-reel--adapt-default .wash-reel__text ul li:last-child { margin-bottom: 0 } .wash-reel--adapt-default .wash-reel__content { max-width: 560px } .wash-reel--adapt-default .wash-reel__content-holder { padding-left: 80px; padding-right: 80px } .wash-reel--adapt-default .wash-reel__reel-group { right: -290px; margin-top: 100px; width: 80% } } @media (max-width: 768.98px) { .wash-reel--adapt-default .wash-reel__wrap { padding-top: 70px; align-items: flex-start; min-height: 800px } .wash-reel--adapt-default .wash-reel__title { font-size: 24px; line-height: 1.33333; margin-bottom: 20px } .wash-reel--adapt-default .wash-reel__text { font-size: 18px; line-height: 1.77778 } .wash-reel--adapt-default .wash-reel__text ul { padding-left: 15px } .wash-reel--adapt-default .wash-reel__text ul li { margin-bottom: 15px } .wash-reel--adapt-default .wash-reel__text ul li:last-child { margin-bottom: 0 } .wash-reel--adapt-default .wash-reel__text ul li:before { left: -14px; top: .8em; width: 4px; height: 4px } .wash-reel--adapt-default .wash-reel__reel-group { width: 110%; right: -40%; top: auto; bottom: 0; transform: none } } .uv-slide__wrap { display: flex; position: relative; padding-top: 40px; padding-bottom: 40px; overflow: hidden; min-height: 960px; max-height: 1200px; height: 100vh; align-items: center; justify-content: center } .uv-slide__bg-holder { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #212121 } .uv-slide__content-holder { position: relative } .uv-slide__content { position: relative; max-width: 870px; text-align: center; padding: 125px 90px; color: #fff; overflow: hidden; z-index: 1 } .uv-slide__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 48px; line-height: 1.16667 } .uv-slide__text { margin-top: 32px; font-size: 28px; line-height: 1.42857; letter-spacing: .01em } .uv-slide__back-bg { min-height: 990px; max-height: 1200px; height: 100vh; width: auto; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%) } .uv-slide__blur-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background-color: rgba(204, 69, 255, .5); filter: blur(20px) } .uv-slide__blur-img { min-height: 990px; max-height: 1100px; height: 100vh; width: auto; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); z-index: -1 } @media (min-width: 1280px) and (max-width: 1366.98px) { .uv-slide--adapt-default .uv-slide__content { max-width: 630px; padding: 95px 60px 75px } .uv-slide--adapt-default .uv-slide__title { font-size: 40px; line-height: 1.16667 } .uv-slide--adapt-default .uv-slide__wrap { min-height: 698px; max-height: 700px } .uv-slide--adapt-default .uv-slide__text { font-size: 22px; line-height: 1.45455; margin-top: 20px } } @media (min-width: 769px) and (max-width: 1279.98px) { .uv-slide--adapt-default .uv-slide__content { max-width: 500px; padding: 52px 60px } .uv-slide--adapt-default .uv-slide__title { font-size: 32px; line-height: 1.16667 } .uv-slide--adapt-default .uv-slide__wrap { min-height: 523px; max-height: 600px } .uv-slide--adapt-default .uv-slide__text { font-size: 20px; line-height: 1.2; margin-top: 15px } } @media (max-width: 768.98px) { .uv-slide--adapt-default .uv-slide__back-bg, .uv-slide--adapt-default .uv-slide__blur-img { width: 100vw; min-width: 360px; height: auto; min-height: 0; max-height: none } .uv-slide--adapt-default .uv-slide__blur-bg { filter: blur(10px) } .uv-slide--adapt-default .uv-slide__wrap { min-height: 440px; max-height: 440px } .uv-slide--adapt-default .uv-slide__title { font-size: 24px } .uv-slide--adapt-default .uv-slide__text { margin-top: 10px; font-size: 18px; line-height: 1.77778 } .uv-slide--adapt-default .uv-slide__content { padding: 40px 20px; max-width: 246px; transform: translateY(10px) } } .interier-slide__wrap { display: flex; position: relative; min-height: 960px; height: 100vh; max-height: 1200px; padding-top: 120px; padding-bottom: 120px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .interier-slide__bg-holder { position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; background-color: #fff } .interier-slide__bg { width: auto; height: 100%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) } .interier-slide__bg--white { opacity: 0; transition: opacity .3s } .interier-slide__btn { left: 50%; top: 50%; z-index: 1; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; transform: translateX(-50%) translateY(-50%); cursor: pointer } .interier-slide__btn, .interier-slide__btn:before { position: absolute; border-radius: 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .interier-slide__btn:before { content: ""; background-color: #0d0312; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; transition: opacity .5s } .interier-slide__btn:hover:before { opacity: .8 } .interier-slide__svg-icon { width: 28px; height: 28px; fill: #fff; vertical-align: top; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .interier-slide__svg-icon--light { display: none } .interier-slide--light .interier-slide__bg--white { opacity: 1 } .interier-slide--light .interier-slide__svg-icon { display: none } .interier-slide--light .interier-slide__svg-icon--light { display: block } @media (min-width: 1280px) and (max-width: 1366.98px) { .interier-slide--adapt-default .interier-slide__wrap { min-height: 680px; max-height: 800px } .interier-slide--adapt-default .interier-slide__svg-icon { width: 20px; height: 20px } .interier-slide--adapt-default .interier-slide__btn { width: 56px; height: 56px } } @media (min-width: 769px) and (max-width: 1279.98px) { .interier-slide--adapt-default .interier-slide__wrap { min-height: 490px; max-height: 520px } .interier-slide--adapt-default .interier-slide__svg-icon { width: 20px; height: 20px } .interier-slide--adapt-default .interier-slide__btn { width: 56px; height: 56px } .interier-slide--adapt-default .interier-slide__svg-icon { width: 14px; height: 14px } .interier-slide--adapt-default .interier-slide__btn { width: 42px; height: 42px } .interier-slide--adapt-default .landing-screen__wrap { min-height: 512px; max-height: 600px; padding-top: 20px; padding-bottom: 20px } .interier-slide--adapt-default .landing-screen__title { font-size: 36px; line-height: 1.55556 } .interier-slide--adapt-default .landing-screen__text { margin-top: 10px; font-size: 20px; line-height: 1.6 } .interier-slide--adapt-default .landing-screen__image-holder { flex-basis: 55%; max-width: 55%; margin-left: -92px; margin-right: 43px } } @media (max-width: 768.98px) { .interier-slide--adapt-default .interier-slide__wrap { height: 506px; min-height: 0; max-height: none } .interier-slide--adapt-default .interier-slide__bg { left: auto; right: -60px; margin-top: -10px; transform: translateX(0) translateY(-50%) } .interier-slide--adapt-default .interier-slide__svg-icon { width: 14px; height: 14px } .interier-slide--adapt-default .interier-slide__btn { width: 42px; height: 42px } } .products-slider__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 48px; line-height: 1.16667; text-align: center; font-weight: 800; margin-bottom: 120px } .products-slider__slides-wrap { position: relative; margin: 0 40px; margin-bottom: -80px; padding-left: 30px; padding-right: 30px } .products-slider__plate { padding-top: 150px; padding-bottom: 150px; background-color: #fff } .products-slider__wrap { position: relative } .products-slider__prev { vertical-align: top; width: 22px; height: 22px; transform-origin: 50% 50%; transform: rotate(180deg) } .products-slider__prev-btn { position: absolute; left: 80px; top: 50%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 15px; margin: -15px; transition: opacity .2s; outline: none } .products-slider__prev-btn:hover { opacity: .5 } .products-slider__next { vertical-align: top; width: 22px; height: 22px; cursor: pointer } .products-slider__name-link { color: inherit; text-decoration: none; transition: opacity .2s } .products-slider__name-link:hover { opacity: .7 } .products-slider__next-btn { position: absolute; right: 80px; top: 50%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 15px; margin: -15px; transition: opacity .2s; outline: none } .products-slider__next-btn:hover { opacity: .5 } .products-slider__product { position: relative; z-index: 1; text-align: center } .products-slider__product:hover .products-slider__name-link { opacity: .7 } .products-slider__img-holder { position: relative; justify-content: center; align-items: center; max-width: 100%; height: auto; margin-left: auto; margin-right: auto } .products-slider__description { margin-top: 15px } .products-slider__name { font-size: 18px; line-height: 1.66667; letter-spacing: .02em; text-transform: uppercase; font-weight: 500 } .products-slider__price { font-size: 22px; line-height: 1.45455 } .products-slider__ui { margin-top: 30px; position: relative; z-index: 2 } .products-slider__img { max-width: 100%; height: auto } .products-slider__btn { min-width: 180px; font-size: 18px; line-height: 3.11111; height: 56px } .products-slider__slide { padding-bottom: 80px } .products-slider__product-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1 } @media (min-width: 1280px) and (max-width: 1366.98px) { .products-slider--adapt-default .products-slider__title { font-size: 40px; font-weight: 800; line-height: 1.4; margin-bottom: 67px } .products-slider--adapt-default .products-slider__slides-wrap { margin: 0 40px; margin-bottom: -80px } .products-slider--adapt-default .products-slider__prev-btn { left: 22px; margin-top: -40px } .products-slider--adapt-default .products-slider__next-btn { right: 22px; margin-top: -40px } } @media (min-width: 769px) and (max-width: 1279.98px) { .products-slider--adapt-default .products-slider__title { font-size: 36px; font-weight: 800; line-height: 1.55556; margin-bottom: 67px } .products-slider--adapt-default .products-slider__description { margin-top: 10px } .products-slider--adapt-default .products-slider__name { line-height: 1.36 } .products-slider--adapt-default .products-slider__img-holder { max-width: 227px } .products-slider--adapt-default .products-slider__slides-wrap { margin: 0 40px; padding-left: 30px; padding-right: 30px; margin-bottom: -80px } .products-slider--adapt-default .products-slider__btn { width: 80%; min-width: 120px; max-width: 180px } .products-slider--adapt-default .products-slider__prev-btn { left: 22px; margin-top: -40px } .products-slider--adapt-default .products-slider__next-btn { right: 22px; margin-top: -40px } } @media (max-width: 768.98px) { .products-slider--adapt-default .products-slider__title { font-size: 24px; line-height: 1.33333; padding-left: 20px; padding-right: 20px; margin-bottom: 40px } .products-slider--adapt-default .products-slider__plate { padding-top: 20px; padding-bottom: 20px } .products-slider--adapt-default .products-slider__slides-wrap { margin-left: -20px; margin-right: -20px } .products-slider--adapt-default .products-slider__next-btn, .products-slider--adapt-default .products-slider__prev-btn { display: none } .products-slider--adapt-default .products-slider__slide { max-width: 120px } .products-slider--adapt-default .products-slider__name { font-size: 14px; line-height: 2.14286 } .products-slider--adapt-default .products-slider__btn { display: none; min-width: 0; width: 100% } .products-slider--adapt-default .products-slider__price { font-size: 18px; line-height: 1.77778 } } .reveal { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .reveal:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .reveal:not(.reveal--loaded) * { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto } .reveal:not(.reveal--loaded) :nth-child(2) { display: none } .reveal__img { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .reveal__bar, .reveal__img:nth-child(2) { position: absolute } .reveal__bar { top: 0; width: 3px; height: 100%; background: #fff; transform: translate3d(-50%, 0, 0); cursor: ew-resize; touch-action: none; z-index: 2 } .reveal__grabber { position: absolute; top: 50%; width: 24px; height: 24px; left: 50%; transform: translateY(-50%) translateX(-50%); margin-top: -37px } .reveal__grabber:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; border-radius: 50%; opacity: .5 } .reveal__grabber:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 12px; height: 12px; background-color: #df3dff; border-radius: 50% } .reveal__arrows { position: relative; top: 1px; font-size: 22px; color: #fff; text-align: center } @media (max-width: 1366.98px) { .campaign-popup { width: 55vw; min-width: 500px } } @media (max-width: 768.98px) { .campaign-popup { overflow: hidden; width: auto; min-width: auto } } .campaign-popup__background { position: relative; z-index: 0; border-radius: 8px; overflow: hidden; display: flex } @media (max-width: 1366.98px) { .campaign-popup__background { position: absolute; top: 0; bottom: 0 } } @media (max-width: 768.98px) { .campaign-popup__background { position: relative } } .campaign-popup--fridge .campaign-popup__background { width: 936px; min-height: 611px } .campaign-popup--fridge .campaign-popup__background picture { width: 100% } @media (max-width: 1366.98px) { .campaign-popup--fridge .campaign-popup__background { width: auto; min-height: 1px } } @media (max-width: 768.98px) { .campaign-popup--fridge .campaign-popup__background { min-height: 611px; position: absolute; top: 0; bottom: 0; width: 100% } } .campaign-popup__background img { border-radius: 8px; overflow: hidden; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .campaign-popup__img--left { -o-object-position: right; object-position: right } @media (max-width: 768.98px) { .campaign-popup__img--left { -o-object-position: center; object-position: center } } .campaign-popup__inner { position: absolute; z-index: 2; top: 0 } @media (max-width: 1366.98px) { .campaign-popup__inner { position: relative } } @media (max-width: 768.98px) { .campaign-popup__inner { position: absolute } } @media (max-width: 768.98px) { .campaign-popup--fridge .campaign-popup__inner { position: relative } } .campaign-popup__body { padding: 54px } @media (max-width: 1279.98px) { .campaign-popup__body { padding: 30px } } @media (max-width: 768.98px) { .campaign-popup__body { padding: 20px; z-index: 3; max-width: 320px } } .campaign-popup__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 48px; line-height: 1.33333; font-weight: 700; color: #fff; text-transform: uppercase; max-width: 620px; margin: 10px 0 20px; min-height: 252px } @media (max-width: 1366.98px) { .campaign-popup__title { font-size: 36px; line-height: 1.42857; min-height: auto } } @media (max-width: 768.98px) { .campaign-popup__title { font-size: 28px; line-height: 1.42857; letter-spacing: .01rem; margin: 25px 0 10px 0; min-height: 1px } } @media (max-width: 768.98px) { .campaign-popup--fridge .campaign-popup__title { margin: 250px 0 10px 0 } } .campaign-popup__promocode { position: relative; max-width: 390px; margin-bottom: 34px } @media (max-width: 768.98px) { .campaign-popup__promocode { margin-bottom: 16px } } .campaign-popup__label-text { display: block; font-size: 24px; line-height: 1.16667; color: #fff; margin-bottom: 16px } @media (max-width: 1366.98px) { .campaign-popup__label-text { font-size: 18px; line-height: 1.33 } } @media (max-width: 768.98px) { .campaign-popup__label-text { font-size: 14px; line-height: 1.42857; margin-bottom: 10px } } .campaign-popup__input { font-family: Futura PT, Arial, Helvetica, sans-serif; width: 390px; height: 83px; font-size: 44px; line-height: 1; padding: 5px; background: #fff; border: 0; box-shadow: none; font-weight: 300; text-align: center; outline: none } @media (max-width: 768.98px) { .campaign-popup__input { width: 100%; height: 60px; font-size: 32px } } .campaign-popup__copy-btn { position: absolute; display: flex; justify-content: center; align-items: center; background-color: #fff; width: 30px; height: 30px; padding: 4px; right: 5px; bottom: 5px } @media (max-width: 768.98px) { .campaign-popup__copy-btn { padding: 6px; right: 0; bottom: 0 } } .campaign-popup__copy-btn:hover svg { fill: #2354a5 } .campaign-popup__copy-btn:active svg { fill: #0d0312 } .campaign-popup__copy-btn > * { pointer-events: none } .campaign-popup__svg { width: 100%; height: 100%; fill: #22b0f3; transition: fill .25s ease-in-out } .campaign-popup__text { font-size: 24px; line-height: 1.16667; color: #fff } @media (max-width: 1366.98px) { .campaign-popup__text { font-size: 18px; line-height: 1.33 } } @media (max-width: 768.98px) { .campaign-popup__text { font-size: 14px; line-height: 1.42857; margin-bottom: 2px } } .campaign-popup__link { font-size: 24px; line-height: 1.16667 } @media (max-width: 1366.98px) { .campaign-popup__link { font-size: 18px; line-height: 1.33 } } @media (max-width: 768.98px) { .campaign-popup__link { font-size: 14px; line-height: 1.42857; margin-bottom: 2px } } .campaign-popup__link a { font-size: inherit } .campaign-popup__link a:hover { color: #fff } .campaign-popup__close { position: relative; z-index: 2 } .campaign-popup__tooltip { font-weight: 400; right: -130px; bottom: 0; transform: translate3d(0, 20px, 0); transition: opacity .25s ease-in-out, transform .5s ease-in-out } @media (max-width: 768.98px) { .campaign-popup__tooltip { right: 0; bottom: -60px } } .campaign-popup__tooltip:before { display: none } .campaign-popup__tooltip.is-active { opacity: 1; transform: translate3d(0, -10px, 0) } .regulation-link { padding-bottom: 30px } .regulation-link .link--arrow:before { top: 3px } .product-feature { padding: 0 304px } @media (max-width: 1919.98px) { .product-feature { padding: 0 156px } } @media (max-width: 1365.98px) { .product-feature { padding: 0 94px } } @media (max-width: 1023.98px) { .product-feature { padding: 0 20px } } .product-feature--hor { padding-top: 140px; padding-bottom: 120px } @media (max-width: 1919.98px) { .product-feature--hor { padding-top: 90px; padding-bottom: 70px } } @media (max-width: 1365.98px) { .product-feature--hor { padding-top: 80px } } @media (max-width: 1023.98px) { .product-feature--hor { padding-top: 70px; padding-bottom: 30px } } .product-feature-list .product-feature { padding-left: 0; padding-right: 0 } .product-feature-list .product-feature--hor { padding-bottom: 0 } .product-feature--hor .product-feature__wrap { display: flex; flex-direction: row-reverse; align-items: center } @media (max-width: 1023.98px) { .product-feature--hor .product-feature__wrap { display: block } } .product-feature-list__item--hor .product-feature__wrap { margin: 0 -76px } @media (max-width: 1919.98px) { .product-feature-list__item--hor .product-feature__wrap { margin: 0 -62px } } @media (max-width: 1365.98px) { .product-feature-list__item--hor .product-feature__wrap { margin: 0 -48px } } @media (max-width: 1023.98px) { .product-feature-list__item--hor .product-feature__wrap { margin: 0 } } .product-feature__img-wrap { display: flex; justify-content: center; margin-bottom: 50px; overflow: hidden; border-radius: 8px } @media (max-width: 1919.98px) { .product-feature__img-wrap { margin-bottom: 48px } } @media (max-width: 1365.98px) { .product-feature__img-wrap { margin-bottom: 20px } } @media (max-width: 1023.98px) { .product-feature__img-wrap { margin-bottom: 34px; max-width: 320px } } .product-feature--hor .product-feature__img-wrap { width: 55.5%; padding-right: 50px; margin-bottom: 0 } @media (max-width: 1919.98px) { .product-feature--hor .product-feature__img-wrap { width: 53.5% } } @media (max-width: 1365.98px) { .product-feature--hor .product-feature__img-wrap { width: 56%; padding-right: 20px } } @media (max-width: 1023.98px) { .product-feature--hor .product-feature__img-wrap { width: auto; padding-right: 0; margin-bottom: 80px } } .product-feature--alt .product-feature__img-wrap { margin-bottom: 64px; border-radius: 0 } @media (max-width: 1365.98px) { .product-feature--alt .product-feature__img-wrap { margin-bottom: 48px } } @media (max-width: 1023.98px) { .product-feature--alt .product-feature__img-wrap { margin-bottom: 40px } } .product-feature-list__item--hor .product-feature__img-wrap { flex-shrink: 0; width: 50%; margin-bottom: 0; border-radius: 0; padding: 0 76px } @media (max-width: 1919.98px) { .product-feature-list__item--hor .product-feature__img-wrap { padding: 0 62px } } @media (max-width: 1365.98px) { .product-feature-list__item--hor .product-feature__img-wrap { padding: 0 48px } } @media (max-width: 1023.98px) { .product-feature-list__item--hor .product-feature__img-wrap { padding: 0; width: auto; margin-bottom: 28px } } .product-feature__img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0 1px 4px rgba(0, 0, 0, .18); border-radius: 8px } .product-feature--alt .product-feature__img, .product-feature--hor .product-feature__img { border-radius: 0; box-shadow: none } .product-feature--hor .product-feature__content { width: 45.5%; padding-right: 155px } @media (max-width: 1919.98px) { .product-feature--hor .product-feature__content { width: 46.5%; padding-right: 50px } } @media (max-width: 1365.98px) { .product-feature--hor .product-feature__content { width: 44%; padding-right: 80px } } @media (max-width: 1023.98px) { .product-feature--hor .product-feature__content { width: auto; padding-right: 0 } } .product-feature-list__item--hor .product-feature__content { flex-shrink: 0; width: 50%; margin-bottom: 0; border-radius: 0; padding: 0 76px } @media (max-width: 1919.98px) { .product-feature-list__item--hor .product-feature__content { padding: 0 62px } } @media (max-width: 1365.98px) { .product-feature-list__item--hor .product-feature__content { padding: 0 48px } } @media (max-width: 1023.98px) { .product-feature-list__item--hor .product-feature__content { padding: 0; width: auto; margin-bottom: 28px } } .product-feature__title { margin-bottom: 26px; font-size: 32px; line-height: 44px; font-weight: 700; font-family: Futura PT, Arial, Helvetica, sans-serif } @media (max-width: 1919.98px) { .product-feature__title { margin-bottom: 19px } } @media (max-width: 1365.98px) { .product-feature__title { margin-bottom: 14px } } @media (max-width: 1023.98px) { .product-feature__title { margin-bottom: 10px; font-size: 24px; line-height: 32px } } @media (max-width: 1023.98px) { .product-feature--alt .product-feature__title { font-size: 32px; line-height: 44px } } .product-feature__text { font-size: 28px; line-height: 40px } @media (max-width: 1919.98px) { .product-feature__text { font-size: 24px; line-height: 36px } } @media (max-width: 1365.98px) { .product-feature__text { font-size: 18px; line-height: 28px } } @media (max-width: 1023.98px) { .product-feature__text { line-height: 26px } } @media (max-width: 1919.98px) { .product-feature--hor .product-feature__text { padding-right: 75px } } @media (max-width: 1365.98px) { .product-feature--hor .product-feature__text { padding-right: 0 } } .product-feature__caption { margin-top: 24px; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.25; color: hsla(0, 0%, 40%, .6); padding-left: 14px; position: relative } @media (max-width: 768.98px) { .product-feature__caption { font-size: 14px; line-height: 18px; padding-left: 11px; margin-top: 10px } } .product-feature__caption:before { content: "*"; font-size: inherit; line-height: inherit; letter-spacing: .02em; color: inherit; position: absolute; left: 0; top: 0 } .product-feature-list { padding: 0 304px 150px } @media (max-width: 1919.98px) { .product-feature-list { padding-left: 156px; padding-right: 156px } } @media (max-width: 1365.98px) { .product-feature-list { padding: 0 94px 110px } } @media (max-width: 1023.98px) { .product-feature-list { padding: 0 20px 66px } } .product-feature-list--alt { padding-bottom: 260px } @media (max-width: 1919.98px) { .product-feature-list--alt { padding-bottom: 175px } } @media (max-width: 1365.98px) { .product-feature-list--alt { padding-bottom: 92px } } @media (max-width: 1023.98px) { .product-feature-list--alt { padding-bottom: 55px } } .product-feature-list__wrap { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; margin: 0 -76px } @media (max-width: 1919.98px) { .product-feature-list__wrap { margin: 0 -62px } } @media (max-width: 1365.98px) { .product-feature-list__wrap { margin: 0 -48px } } @media (max-width: 1023.98px) { .product-feature-list__wrap { margin: 0; display: block } } .product-feature-list--alt .product-feature-list__wrap { margin: 0 -40px } @media (max-width: 1023.98px) { .product-feature-list--alt .product-feature-list__wrap { margin: 0 } } .product-feature-list__wrap > section { width: 100% } .product-feature-list__wrap > section > .product-feature-list { margin: 0 -228px } @media (max-width: 1919.98px) { .product-feature-list__wrap > section > .product-feature-list { margin: 0 -94px } } @media (max-width: 1365.98px) { .product-feature-list__wrap > section > .product-feature-list { margin: 0 -46px } } @media (max-width: 1023.98px) { .product-feature-list__wrap > section > .product-feature-list { margin: 0 -20px } } .product-feature-list__item { flex-shrink: 0; width: 50%; padding: 70px 76px 0 } @media (max-width: 1919.98px) { .product-feature-list__item { padding-left: 62px; padding-right: 62px } } @media (max-width: 1365.98px) { .product-feature-list__item { padding: 48px 48px 0 } } @media (max-width: 1023.98px) { .product-feature-list__item { padding: 40px 0 0; width: 100% } .product-feature-list__item:last-child { padding-bottom: 38px } } .product-feature-list__item--hor { width: 100%; padding-top: 0 } .product-feature-list__item--wide { width: calc(100% + 456px); padding: 150px 0 0; margin: 0 -228px } @media (max-width: 1919.98px) { .product-feature-list__item--wide { width: calc(100% + 188px); margin: 0 -94px } } @media (max-width: 1365.98px) { .product-feature-list__item--wide { width: calc(100% + 92px); padding-top: 110px; margin: 0 -46px } } @media (max-width: 1023.98px) { .product-feature-list__item--wide { width: calc(100% + 40px); padding-top: 66px; margin: 0 -20px } } .product-feature-list__item--wide.__no-padding { padding: 0 } .product-feature-list__item--wide:not(:last-child) { padding-bottom: 80px } @media (max-width: 1365.98px) { .product-feature-list__item--wide:not(:last-child) { padding-bottom: 50px } } @media (max-width: 1023.98px) { .product-feature-list__item--wide:not(:last-child) { padding-bottom: 30px; padding-bottom: 0 } } .product-feature-list__item--wide:last-child { margin-bottom: -150px } @media (max-width: 1365.98px) { .product-feature-list__item--wide:last-child { margin-bottom: -110px } } @media (max-width: 1023.98px) { .product-feature-list__item--wide:last-child { margin-bottom: -66px } } .product-feature-list--alt .product-feature-list__item--wide:last-child { margin-bottom: -260px } @media (max-width: 1919.98px) { .product-feature-list--alt .product-feature-list__item--wide:last-child { margin-bottom: -175px } } @media (max-width: 1365.98px) { .product-feature-list--alt .product-feature-list__item--wide:last-child { margin-bottom: -92px } } @media (max-width: 1023.98px) { .product-feature-list--alt .product-feature-list__item--wide:last-child { margin-bottom: -55px } } .product-feature-list--alt .product-feature-list__item { padding: 146px 40px 0 } @media (max-width: 1919.98px) { .product-feature-list--alt .product-feature-list__item { padding-top: 96px } } @media (max-width: 1365.98px) { .product-feature-list--alt .product-feature-list__item { padding-top: 73px } } @media (max-width: 1023.98px) { .product-feature-list--alt .product-feature-list__item { padding: 40px 0 0 } } @media (max-width: 1023.98px) { .product-feature-wide { padding: 0 20px 40px } } @media (max-width: 1023.98px) { .product-feature-list__item--features .product-feature-wide { padding-bottom: 0 } } .product-feature-wide__wrapper { position: relative } @media (max-width: 1023.98px) { .product-feature-wide__wrapper { display: flex; flex-direction: column } } .product-feature-wide__wrapper:before { content: ""; position: absolute; width: 52%; height: 100%; top: 0; left: 0; background: linear-gradient(90deg, #000 54.15%, rgba(0, 0, 0, .2)) } @media (max-width: 1919.98px) { .product-feature-wide__wrapper:before { width: 53% } } @media (max-width: 1365.98px) { .product-feature-wide__wrapper:before { width: 54% } } @media (max-width: 1023.98px) { .product-feature-wide__wrapper:before { display: none } } .product-feature-list__item--features .product-feature-wide__wrapper:before { z-index: 1 } .no-overlay .product-feature-wide__wrapper:before { display: none } .product-feature-wide__content-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 304px; display: flex; flex-direction: column; align-items: flex-start } @media (max-width: 1919.98px) { .product-feature-wide__content-wrap { padding: 0 156px } } @media (max-width: 1365.98px) { .product-feature-wide__content-wrap { padding: 0 94px } } @media (max-width: 1023.98px) { .product-feature-wide__content-wrap { padding: 40px 0 0; height: auto; position: static; flex-shrink: 0 } } .product-feature-list__item--features .product-feature-wide__content-wrap { position: relative; z-index: 1; padding-bottom: 100px } @media (max-width: 1919.98px) { .product-feature-list__item--features .product-feature-wide__content-wrap { padding-bottom: 100px } } @media (max-width: 1023.98px) { .product-feature-list__item--features .product-feature-wide__content-wrap { padding-bottom: 0 } } .product-feature-wide__content { flex-shrink: 0; margin: auto 0; width: 38.72% } @media (max-width: 1919.98px) { .product-feature-wide__content { width: 31.612% } } @media (max-width: 1365.98px) { .product-feature-wide__content { width: 40% } } @media (max-width: 1023.98px) { .product-feature-wide__content { width: 100% } } .product-feature-list__item--features .product-feature-wide__content { display: flex; flex-direction: column; justify-content: center; padding: 60px 0 24px; width: auto; min-height: 585px } @media (max-width: 1919.98px) { .product-feature-list__item--features .product-feature-wide__content { min-height: 380px; padding: 50px 0 24px } } @media (max-width: 1365.98px) { .product-feature-list__item--features .product-feature-wide__content { min-height: 0; padding: 54px 0 } } @media (max-width: 1023.98px) { .product-feature-list__item--features .product-feature-wide__content { padding: 35px 0 } } .product-feature-wide__title { margin-bottom: 20px; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 32px; line-height: 44px; font-weight: 700; color: #fff } @media (max-width: 1919.98px) { .product-feature-wide__title { margin-bottom: 16px } } @media (max-width: 1365.98px) { .product-feature-wide__title { margin-bottom: 24px } } @media (max-width: 1023.98px) { .product-feature-wide__title { font-size: 24px; line-height: 32px; margin-bottom: 4px; color: #000; letter-spacing: .2px } .bg-black .product-feature-wide__title { color: #fff } } .product-feature-list__item--features .product-feature-wide__title { max-width: 500px } @media (max-width: 1365.98px) { .product-feature-list__item--features .product-feature-wide__title { max-width: 440px } } @media (max-width: 1023.98px) { .product-feature-list__item--features .product-feature-wide__title { max-width: none } } .product-feature-wide__text { font-size: 28px; line-height: 40px; color: #fff } @media (max-width: 1919.98px) { .product-feature-wide__text { font-size: 24px; line-height: 36px } } @media (max-width: 1365.98px) { .product-feature-wide__text { font-size: 18px; line-height: 28px } } @media (max-width: 1023.98px) { .product-feature-wide__text { line-height: 26px; letter-spacing: .2px; color: #000 } .bg-black .product-feature-wide__text { color: #fff } } .product-feature-list__item--features .product-feature-wide__text { color: hsla(0, 0%, 100%, .8); max-width: 480px } @media (max-width: 1365.98px) { .product-feature-list__item--features .product-feature-wide__text { max-width: 430px } } @media (max-width: 1023.98px) { .product-feature-list__item--features .product-feature-wide__text { max-width: none } } @media (max-width: 1023.98px) { .product-feature-wide__img-wrap { flex-shrink: 0; order: -1; border-radius: 8px; overflow: hidden } } .product-feature-list__item--features .product-feature-wide__img-wrap { position: absolute; top: 0; left: 0; width: 100% } @media (max-width: 1023.98px) { .product-feature-list__item--features .product-feature-wide__img-wrap { position: static } } .product-feature-wide__img { display: block; max-width: 100% } @media (max-width: 1023.98px) { .product-feature-wide__img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } } .product-feature-graph { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #1a1a1a; padding: 80px 80px 75px; display: flex; align-items: flex-start; width: 100%; border-radius: 32px } @media (max-width: 1919.98px) { .product-feature-graph { padding: 70px 70px 55px } } @media (max-width: 1365.98px) { .product-feature-graph { padding: 60px 60px 55px } } @media (max-width: 1023.98px) { .product-feature-graph { padding: 0 0 40px; display: block; background: none; border-radius: 0 } } .product-feature-graph__col:first-child { flex-shrink: 0; width: 286px; padding-right: 46px; position: relative } @media (max-width: 1919.98px) { .product-feature-graph__col:first-child { width: 235px; padding-right: 35px } } @media (max-width: 1365.98px) { .product-feature-graph__col:first-child { width: 195px; padding-right: 35px } } @media (max-width: 1023.98px) { .product-feature-graph__col:first-child { display: none } } .product-feature-graph__col:first-child:before { content: ""; display: block; width: 1px; height: 20px; background: #00effa; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0 } .product-feature-graph__col:nth-child(2) { flex-grow: 1; width: calc(100% - 286px); padding-left: 62px } @media (max-width: 1919.98px) { .product-feature-graph__col:nth-child(2) { width: calc(100% - 235px); padding-left: 46px } } @media (max-width: 1365.98px) { .product-feature-graph__col:nth-child(2) { width: calc(100% - 295px); padding-left: 24px } } @media (max-width: 1023.98px) { .product-feature-graph__col:nth-child(2) { width: auto; padding-left: 0 } } .product-feature-graph__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 24px; line-height: 34px; letter-spacing: .02em; color: #00effa } @media (max-width: 1919.98px) { .product-feature-graph__title { font-size: 20px; line-height: 24px } } @media (max-width: 1365.98px) { .product-feature-graph__title { font-size: 16px } } .product-feature-graph__title:not(:last-child) { margin-bottom: 8px } .product-feature-graph__text { font-size: 18px; line-height: 40px; letter-spacing: .02em; color: hsla(0, 0%, 100%, .8) } @media (max-width: 1919.98px) { .product-feature-graph__text { font-size: 16px; line-height: 35px } } @media (max-width: 1365.98px) { .product-feature-graph__text { font-size: 14px; line-height: 30px } } .product-feature-graph__bar.is-main .product-feature-graph__text { color: #fff } .product-feature-graph__bar .product-feature-graph__text { line-height: 24px } @media (max-width: 1919.98px) { .product-feature-graph__bar .product-feature-graph__text { line-height: 20px } } @media (max-width: 1023.98px) { .product-feature-graph__bar .product-feature-graph__text { line-height: 14px } } .product-feature-graph__bar > .product-feature-graph__text { width: 160px; padding-right: 20px; color: hsla(0, 0%, 100%, .5); flex-shrink: 0 } @media (max-width: 1919.98px) { .product-feature-graph__bar > .product-feature-graph__text { width: 140px } } @media (max-width: 1365.98px) { .product-feature-graph__bar > .product-feature-graph__text { width: 130px } } @media (max-width: 1023.98px) { .product-feature-graph__bar > .product-feature-graph__text { width: 120px; padding-right: 8px } } .product-feature-graph__line .product-feature-graph__text { padding-left: 20px; color: hsla(0, 0%, 100%, .5); position: absolute; top: 50%; left: 100%; transform: translateY(-50%) } @media (max-width: 1023.98px) { .product-feature-graph__line .product-feature-graph__text { padding-left: 5px } } .product-feature-graph__bar + .product-feature-graph__text { margin-top: 16px; color: hsla(0, 0%, 100%, .6) } @media (max-width: 1023.98px) { .product-feature-graph__bar + .product-feature-graph__text { line-height: 18px } } .product-feature-graph__bar { display: flex; align-items: center } .product-feature-graph__bar:not(:last-child) { margin-bottom: 16px } .product-feature-graph__line-wrapper { flex-grow: 1; padding-right: 60px } @media (max-width: 1023.98px) { .product-feature-graph__line-wrapper { padding-right: 40px } } .product-feature-graph__line { width: 0; position: relative; display: flex; align-items: center; will-change: width } .product-feature-graph__fill { width: 100%; height: 12px; background: #fff; border-radius: 0 6px 6px 0; -webkit-clip-path: polygon(6px 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(6px 0, 100% 0, 100% 100%, 0 100%); flex-shrink: 0 } @media (max-width: 1023.98px) { .product-feature-graph__fill { height: 6px } } .product-feature-icons { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: flex; justify-content: space-between; margin: 0 -20px; width: calc(100% + 40px) } @media (max-width: 1919.98px) { .product-feature-icons { margin: 0 -10px } } @media (max-width: 1023.98px) { .product-feature-icons { background: #1a1a1a; border-radius: 8px; flex-wrap: wrap; width: 100%; margin: 0; padding: 24px 0 } } .product-feature-icons:not(:last-child) { margin-bottom: 80px } @media (max-width: 1919.98px) { .product-feature-icons:not(:last-child) { margin-bottom: 64px } } @media (max-width: 1365.98px) { .product-feature-icons:not(:last-child) { margin-bottom: 54px } } @media (max-width: 1023.98px) { .product-feature-icons:not(:last-child) { margin-bottom: 35px } } .product-feature-icons__item { flex: 1; padding: 0 20px; position: relative } @media (max-width: 1919.98px) { .product-feature-icons__item { padding: 0 10px } } @media (max-width: 1023.98px) { .product-feature-icons__item { flex-basis: 100%; max-width: 50%; padding: 10px 20px } } .product-feature-icons__item:not(:first-child):before { content: ""; display: block; width: 1px; height: 20px; background: #00effa; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0 } @media (max-width: 1365.98px) { .product-feature-icons__item:not(:first-child):before { height: 15px } } @media (max-width: 1023.98px) { .product-feature-icons__item:not(:first-child):before { height: 20px } } @media (max-width: 1023.98px) { .product-feature-icons__item:nth-child(odd):before { display: none } } .product-feature-icons__item-container { max-width: 240px; margin: 0 auto; text-align: center } .product-feature-icons__icon-container { height: 162px; position: relative } @media (max-width: 1919.98px) { .product-feature-icons__icon-container { height: 90px } } @media (max-width: 1365.98px) { .product-feature-icons__icon-container { height: 60px } } @media (max-width: 1023.98px) { .product-feature-icons__icon-container { height: 40px; margin-bottom: 8px } } .product-feature-icons__icon { display: block; pointer-events: none; position: absolute; top: -100px; right: -100px; bottom: -100px; left: -100px; margin: auto } @media (max-width: 1919.98px) { .product-feature-icons__icon { transform: scale(.8) } } @media (max-width: 1365.98px) { .product-feature-icons__icon { transform: scale(.64) } } @media (max-width: 1023.98px) { .product-feature-icons__icon { transform: scale(.72) } } .product-feature-icons__title { font-weight: 500; font-size: 24px; line-height: 24px; letter-spacing: .02em; color: #00effa } @media (max-width: 1919.98px) { .product-feature-icons__title { font-size: 20px } } @media (max-width: 1365.98px) { .product-feature-icons__title { font-size: 16px } } @media (max-width: 1023.98px) { .product-feature-icons__title { font-size: 18px } } .product-feature-icons__title:not(:last-child) { margin-bottom: 10px } @media (max-width: 1365.98px) { .product-feature-icons__title:not(:last-child) { margin-bottom: 6px } } .product-feature-icons__text { font-weight: 400; font-size: 18px; line-height: 20px; letter-spacing: .02em; color: hsla(0, 0%, 100%, .6) } @media (max-width: 1919.98px) { .product-feature-icons__text { font-size: 16px } } @media (max-width: 1365.98px) { .product-feature-icons__text { font-size: 14px } } @media (max-width: 1023.98px) { .product-feature-icons__text { font-size: 12px; line-height: 18px } } .seo-text { max-width: 1312px; margin: 0 auto; padding: 35px 0; font-size: 20px; line-height: 32px; letter-spacing: .02em } @media (max-width: 1365.98px) { .seo-text { max-width: 1046px } } @media (max-width: 1023.98px) { .seo-text { padding: 35px 0 0; max-width: 835px; font-size: 16px; line-height: 24px } } @media (max-width: 767.98px) { .seo-text { font-weight: 400; line-height: 26px; padding: 24px 0; letter-spacing: .02em } } .seo-text__small-text { font-size: 14px; line-height: 20px } .seo-text__button { font-size: 18px; line-height: 26px; letter-spacing: .02em; color: #22b0f3; position: absolute; bottom: 34px; left: 20px; z-index: 1 } .seo-text__button:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #22b0f3 transparent; position: absolute; top: calc(50% + 2px); right: -15px; transform: translateY(-50%) } @media (max-width: 1023.98px) { .seo-text__button-text { padding: 20px 30px; margin: -20px -30px } } .seo-text--collapsed { height: 100px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; padding-right: 70px } .seo-text--collapsed .seo-text__button { right: 35px; left: inherit } .seo-text--collapsed .seo-text__button:after { width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #22b0f3 transparent transparent transparent } @media (max-width: 767.98px) { .seo-text--container { padding-bottom: 38px; border-top: 1px solid rgba(175, 187, 198, .5) } } .feedback__container { min-width: 760px; padding: 50px 60px 50px } @media (max-width: 767.98px) { .feedback__container { min-width: 0; padding: 26px 20px 36px } } .feedback__title { font-weight: 500; font-size: 32px; line-height: 40px; margin-bottom: 30px } @media (max-width: 767.98px) { .feedback__title { font-size: 24px; margin-bottom: 24px } } @media (max-width: 767.98px) { .feedback__dropdown-text--lg { display: none } } @media (min-width: 769px) { .feedback__dropdown-text--sm { display: none } } .feedback__textarea { margin-bottom: 16px } .feedback__textarea .input-text__input { height: 180px } .feedback__notice { margin-bottom: 32px; font-size: 20px; line-height: 24px; color: #97a4af } @media (max-width: 767.98px) { .feedback__notice { font-size: 16px; line-height: 20px } } .feedback__notice--error { color: #fa4d62 } .feedback__checkbox .input-checkbox__label { font-size: 18px; line-height: 24px } @media (max-width: 767.98px) { .feedback__checkbox .input-checkbox__label { font-size: 16px } } .feedback__checkbox .input-checkbox__label:before { width: 24px; height: 24px; box-sizing: border-box } .feedback__checkbox .input-checkbox__label:after { top: 4px; left: 6px } .feedback__submit { margin-top: 16px; min-width: 180px } @media (max-width: 767.98px) { .feedback__submit { min-width: 100% } } .feedback__order { display: flex; align-items: baseline } .feedback__order-number { padding-right: 10px } .feedback__order-date { font-size: 14px; color: #97a4af } .feedback__success { max-width: 330px; padding: 32px 20px; margin: auto } @media (max-width: 767.98px) { .feedback__success { max-width: none; padding: 32px 10px; min-height: 100vh; display: flex; flex-direction: column } } @media (max-width: 767.98px) { .feedback__success-inner { margin: auto } } .feedback__success-icon { width: 32px; height: 32px; margin: auto; display: block } .feedback__success-title { font-weight: 500; font-size: 24px; line-height: 40px; margin-top: 10px; text-align: center } .feedback__success-text { font-size: 18px; line-height: 27px; letter-spacing: -.01em; margin-top: 16px; text-align: center } .feedback__files { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 32px } .feedback__files-item { position: relative; margin-right: 32px; max-width: calc(100% - 32px) } .feedback__files-item:not(:first-child) { margin-top: 8px } .feedback__files-item-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; text-indent: -9999px; cursor: pointer } .feedback__files-item-input:-moz-focusring { outline: none } .feedback__files-item-input:focus { outline: none } .feedback__files-item-text { font-size: 20px; line-height: 24px; color: #22b0f3; max-width: 100%; overflow: hidden; text-overflow: ellipsis } @media (max-width: 767.98px) { .feedback__files-item-text { font-size: 16px } } .feedback__files-item-remove { width: 24px; height: 24px; display: block; position: absolute; top: 2px; left: 100%; margin-left: 8px; cursor: pointer } .feedback__files-item-remove:-moz-focusring { outline: none } .feedback__files-item-remove:focus { outline: none } .feedback__files-item-remove:after, .feedback__files-item-remove:before { content: ""; display: block; position: absolute; width: 12px; height: 2px; left: 6px; top: 11px; transition: background-color .3s; background: #c4c4c4; border-radius: 2px } .feedback__files-item-remove:before { transform: rotate(-45deg) } .feedback__files-item-remove:after { transform: rotate(45deg) } .feedback__files-item-remove:hover:after, .feedback__files-item-remove:hover:before { background: #212121 } .feedback__loading { background: hsla(0, 0%, 100%, .8); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 10; border-radius: 12px } @media (max-width: 767.98px) { .feedback__loading { border-radius: 0 } } .feedback__loading-icon { width: 39px; height: 39px; display: block; animation: rotate 1.5s linear infinite } @media (max-width: 767.98px) { .product-watch__tab--form { min-height: 100vh; display: flex; flex-direction: column; background: #fff } } .product-watch__tab--form .product-watch__container { max-width: 400px; padding: 40px } @media (max-width: 767.98px) { .product-watch__tab--form .product-watch__container { padding: 40px 20px; margin: auto 0 } } .product-watch__tab--success .product-watch__container { max-width: 326px; padding: 32px 40px } @media (max-width: 767.98px) { .product-watch__tab--success .product-watch__container { max-width: 288px; padding: 16px 24px } } .product-watch__container { background: #fff; border-radius: 8px } .product-watch__title { font-weight: 500; font-size: 24px; line-height: 32px; text-align: center; color: #212121 } .product-watch__text { font-size: 18px; line-height: 28px; text-align: center; color: #212121; margin-top: 16px } .product-watch__form { margin-top: 40px } .product-watch__submit { width: 100% } .product-watch__success-icon { width: 32px; height: 32px; display: block; margin: 0 auto 10px } .modal--product-watch { padding: 24px 0 } @media (max-width: 767.98px) { .modal--product-watch { padding: 0 } } .modal--product-watch .tingle-modal-box { max-width: none; top: 0; margin: auto 0; background: none } .modal--product-watch .tingle-modal-box__content { padding: 0; overflow-y: visible } .dropdown-v2 { position: relative } .dropdown-v2__button { display: flex; align-items: center; background: #fcfcfc; border: 1px solid #d7dde3; border-radius: 6px; padding: 14px 15px; height: 56px; width: 100%; box-sizing: border-box; position: relative; text-align: left; transition: border-color .3s } .dropdown-v2__button:hover { border-color: #22b0f3 } .dropdown-v2.is-visible .dropdown-v2__button { z-index: 6 } .dropdown-v2.is-active .dropdown-v2__button { border-color: transparent; border-bottom-color: #d4dde1; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .dropdown-v2.is-error .dropdown-v2__button { border-color: #fa4d62; background-color: #fff3f5 } .dropdown-v2__button-text { flex-grow: 1; font-size: 20px; line-height: 1; margin-right: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } @media (max-width: 768.98px) { .dropdown-v2__button-text--lg { display: none } } @media (min-width: 769px) { .dropdown-v2__button-text--sm { display: none } } .dropdown-v2__button-icon { flex-shrink: 0; display: block; transition-property: transform, fill; transition-duration: .3s; fill: #afbbc6; width: 12px; height: 8px } .dropdown-v2.is-active .dropdown-v2__button-icon { transform: rotate(180deg); fill: #22b0f3 } .dropdown-v2__dropdown { position: absolute; top: 0; left: 0; width: 100%; border-radius: 6px; background: #fff; transition: opacity .3s; opacity: 0; display: none; z-index: 5; box-shadow: 0 0 0 2px #22b0f3 } .dropdown-v2.is-visible .dropdown-v2__dropdown { display: block } .dropdown-v2.is-active .dropdown-v2__dropdown { opacity: 1 } .dropdown-v2__dropdown-wrapper { padding-top: 56px } .dropdown-v2__dropdown-list { max-height: 390px; overflow-y: auto } .dropdown-v2__dropdown-list .scroll-content { padding: 17px 0 } .dropdown-v2__dropdown-item { cursor: pointer; font-size: 20px; line-height: 24px; padding: 9px 15px; transition: background-color .3s } .dropdown-v2__dropdown-item:hover { background: rgba(215, 221, 227, .3) } .code-v2 { background: #fff; border: 1px solid #d7dde3; border-radius: 6px; padding: 30px 40px 40px; max-width: 522px } @media (max-width: 768.98px) { .code-v2 { padding: 16px; max-width: 100% } } .code-v2__title { font-weight: 500; font-size: 18px; line-height: 28px; margin-bottom: 10px } @media (max-width: 768.98px) { .code-v2__title { margin-bottom: 5px } } .code-v2__text { font-size: 18px; line-height: 28px; margin-bottom: 24px } @media (max-width: 768.98px) { .code-v2__text { font-size: 16px; line-height: 20px; margin-bottom: 20px } } .code-v2__text span { color: #22b0f3; white-space: nowrap } .code-v2__row { margin: 16px 0 0 } @media (max-width: 768.98px) { .code-v2__row { margin-top: 10px } } .code-v2__row:first-child { margin-top: 0 } .code-v2__row--input:after { content: ""; position: absolute; top: 0; right: 16px; bottom: 0; margin: auto 0; pointer-events: none; display: none } .code-v2__row--input.is-error .code-v2__input { background: #fff3f5; border-color: #fa4d62 } .code-v2__row--input.is-success .code-v2__input { background: #fcfcfc; border-color: #7fb33c } .code-v2__row--input.is-success:after { display: block; width: 13px; height: 10px; background: url(/local/templates/haier/css/../images/icon-check.svg) no-repeat } .code-v2__row--input.is-loading:after { display: block; width: 32px; height: 32px; animation: rotate .8s infinite; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat } .code-v2__row--error { margin-top: 5px; color: rgba(246, 28, 64, .9) } .code-v2__row--error, .code-v2__row--resubmit button { font-size: 16px; line-height: 20px } .code-v2__row--success { text-align: center } @media (max-width: 768.98px) { .code-v2__row--success { text-align: left; padding: 16px } } .code-v2__row--success .phone-umber { white-space: nowrap } .code-v2__input { letter-spacing: 10px } .code-v2 .phone-number { white-space: nowrap } .map { background: #fff; padding: 120px 0 130px } .map, .map *, .map:after, .map:before { box-sizing: border-box } @media (max-width: 1919.98px) { .map { padding: 100px 0 80px } } @media (max-width: 1023.98px) { .map { padding: 60px 0 40px } } .map__container { height: 800px; position: relative; padding: 10px } @media (max-width: 1919.98px) { .map__container { height: 600px } } @media (max-width: 1279.98px) { .map__container { padding: 0; display: flex; flex-direction: column; height: auto } } .map__item { position: absolute; top: 0; left: 0; width: 100%; height: 100% } @media (max-width: 1279.98px) { .map__item { height: 420px; position: relative } } @media (max-width: 1023.98px) { .map__item { height: 300px } } .map__marker { position: absolute; bottom: 0; left: -20px; width: 40px; height: 50px } .map__marker svg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .map__marker.is-small { bottom: -7px; left: -22px; width: 44px; height: 52px; padding: 5px 6px 7px } .map__marker.is-wide { left: -122px; width: 142px; height: 50px } .map__marker.is-wide.is-small { left: -124px; width: 146px; height: 52px } .map__marker.is-blue svg { fill: #22b0f3 } .map__marker.is-blue.is-dark svg { fill: #0d3c89 } .map__marker.is-purple svg { fill: #a054be } .map__marker.is-purple.is-dark svg { fill: #6b3082 } .map__marker-content { width: 100%; height: 40px; padding-right: 30px; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; position: relative } .map__marker.is-small .map__marker-content { height: 32px; padding-right: 22px } .map__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 100%, .5); pointer-events: none; display: flex; align-items: center; justify-content: center; padding-left: 670px } @media (max-width: 1919.98px) { .map__overlay { padding-left: 590px } } @media (max-width: 1279.98px) { .map__overlay { padding-left: 0; align-items: flex-end } } .map__overlay:not(.is-active) { display: none } .map__overlay-message { font-size: 16px; line-height: 21px; letter-spacing: .02em; color: #fff; background: #414141; opacity: .9; border-radius: 8px; padding: 20px 30px; text-align: center } @media (max-width: 1279.98px) { .map__overlay-message { border-radius: 24px 24px 0 0; width: 100% } } .map__overlay-trigger { display: none; color: #22b0f3; margin-top: 4px; pointer-events: all; cursor: pointer } @media (max-width: 1279.98px) { .map__overlay-trigger { display: inline } } .map__info { position: absolute; top: 0; bottom: 0; left: 0; padding: 10px 0 10px 10px } @media (max-width: 1279.98px) { .map__info { right: 0; padding: 0; pointer-events: none; position: static; order: -1 } } .map__info-container { width: 660px; height: 100%; background: #fff; border-radius: 12px; padding: 30px 70px 0; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); display: flex; flex-direction: column } @media (max-width: 1919.98px) { .map__info-container { width: 580px } } @media (max-width: 1279.98px) { .map__info-container { width: 100%; height: auto; padding: 0 30px; box-shadow: none; border-radius: 0; pointer-events: all } } @media (max-width: 1023.98px) { .map__info-container { padding: 0 20px } } .map__info-content:not(.is-active) { display: none } @media (max-width: 1279.98px) { .map__placeholder { bottom: 0; z-index: 1000; overflow: hidden } .map__placeholder, .map__placeholder:before { position: fixed; left: 0; width: 100%; height: 100% } .map__placeholder:before { content: ""; display: block; top: 0; background: rgba(0, 0, 0, .5); transition: opacity .3s } .map__placeholder:not(.is-visible) { display: none } .map__placeholder:not(.is-active):before { opacity: 0 } .map__placeholder:not(.is-active) .map__placeholder-container { transform: translateY(100%) } } @media (max-width: 1279.98px) { .map__placeholder-container { background: #fff; position: fixed; bottom: 0; left: 0; width: 100%; padding: 32px 20px; border-radius: 24px 24px 0 0; transition: transform .3s } } .map__placeholder-close { width: 48px; height: 48px; position: absolute; top: 8px; right: 8px; background: url(/local/templates/haier/css/../images/icon-cross.svg) no-repeat 50%; display: none } .map__placeholder-close:-moz-focusring { outline: none } .map__placeholder-close:focus { outline: none } @media (max-width: 1279.98px) { .map__placeholder-close { display: block } } .map__placeholder-title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 800; font-size: 32px; line-height: 48px; letter-spacing: .02em; color: #000; margin: 50px 0 0 } @media (max-width: 1279.98px) { .map__placeholder-title { font-weight: 500; font-size: 24px; line-height: 30px; text-align: center; margin: 0 } } .map__placeholder-text { font-size: 20px; line-height: 28px; color: #97a4af; margin-top: 24px } @media (max-width: 1279.98px) { .map__placeholder-text { font-size: 16px; line-height: 21px; text-align: center; letter-spacing: .02em } } .map__placeholder-link { margin-top: 40px; font-weight: 500; font-size: 18px; line-height: 24px; color: #00a0eb } @media (max-width: 1279.98px) { .map__placeholder-link { font-size: 16px; line-height: 21px; text-align: center; letter-spacing: .02em; color: #22b0f3 } } .map__placeholder-link a { text-decoration: none; background: url(/local/templates/haier/css/../images/icon-arrow.svg) no-repeat right bottom .35em; padding-right: 20px; color: #00a0eb; display: inline-block } @media (max-width: 1279.98px) { .map__placeholder-link a { color: #22b0f3 } } .map__placeholder-link a:hover, .map__placeholder-link a:visited { color: #00a0eb } @media (max-width: 1279.98px) { .map__placeholder-link a:hover, .map__placeholder-link a:visited { color: #22b0f3 } } @media (max-width: 1279.98px) { .map__top { background: #fff; margin: 0 -30px; padding: 24px 30px 12px; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25) } } @media (max-width: 1023.98px) { .map__top { margin: 0 -20px; padding: 16px 20px 10px } } .map__header { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between } .map__breadcrumbs { display: flex } .map__breadcrumbs-item { font-size: 16px; line-height: 22px; position: relative; color: #000 } .map__breadcrumbs-item a { color: #22b0f3; text-decoration: none } .map__breadcrumbs-item a:visited { color: #22b0f3 } .map__breadcrumbs-item a:hover { color: #22b0f3; text-decoration: underline } .map__breadcrumbs-item svg { display: block; width: 5px; height: 8px; fill: #afbbc6; position: absolute; bottom: .4em; left: 10px } .map__breadcrumbs-item:first-child svg { display: none } @media (max-width: 1023.98px) { .map__breadcrumbs-item:first-child { padding-left: 15px } .map__breadcrumbs-item:first-child svg { display: block; left: 0; transform: rotate(180deg) } } .map__breadcrumbs-item:not(:first-child) { padding-left: 25px } @media (max-width: 1023.98px) { .map__breadcrumbs-item:not(:first-child) { display: none } } .map__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 32px; line-height: 32px; letter-spacing: .02em; color: #000; margin: 50px 0 0 } @media (max-width: 1919.98px) { .map__title { margin-top: 30px; font-size: 24px } } @media (max-width: 1279.98px) { .map__title { margin-top: 8px } } .map__text { font-size: 16px; line-height: 22px } @media (max-width: 1919.98px) { .map__text { line-height: 20px } } @media (max-width: 1365.98px) { .map__text { font-size: 16px; line-height: 18px } } .map__text:not(:first-child) { margin-top: 8px } .map__offers { flex-shrink: 0; border-top: 1px solid #e7ebee; margin-top: 24px; padding-top: 20px } @media (max-width: 1919.98px) { .map__offers { padding-top: 15px } } @media (max-width: 1279.98px) { .map__offers { border-top: 0; padding-top: 0 } } .map__offers-title { font-weight: 500; font-size: 16px; line-height: 28px; color: #212121 } @media (max-width: 1279.98px) { .map__offers-title { display: none } } .map__switch { position: relative } @media (min-width: 1024px) { .map__switch { display: none } } .map__switch-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; top: 10px; right: -10px; display: flex; background: #fff; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); border-radius: 20px; padding: 2px } .map__switch-button:-moz-focusring { outline: none } .map__switch-button:focus { outline: none } .map__switch-button.is-list:before { transform: translateX(100%) } .map__switch-button.is-list .map__switch-icon--map:before { opacity: 1 } .map__switch-button.is-list .map__switch-icon--list:before, .map__switch-button.is-list .map__switch-icon--map:after { opacity: 0 } .map__switch-button.is-list .map__switch-icon--list:after { opacity: 1 } .map__switch-button:before { content: ""; position: absolute; top: 2px; left: 2px; background: #22b0f3; transition: transform .3s } .map__switch-button:before, .map__switch-icon { display: block; width: 38px; height: 38px; border-radius: 100% } .map__switch-icon { flex-shrink: 0; position: relative } .map__switch-icon:after, .map__switch-icon:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat 50%; transition: opacity .3s } .map__switch-icon--map:before { background-image: url(/local/templates/haier/css/../images/icon-map-2.svg); opacity: 0 } .map__switch-icon--map:after { background-image: url(/local/templates/haier/css/../images/icon-map-2-hover.svg); opacity: 1 } .map__switch-icon--list:before { background-image: url(/local/templates/haier/css/../images/icon-list.svg); opacity: 1 } .map__switch-icon--list:after { background-image: url(/local/templates/haier/css/../images/icon-list-hover.svg); opacity: 0 } .map__shops { margin: 20px -70px 0; overflow: hidden } @media (max-width: 1279.98px) { .map__shops { margin: 0; position: absolute; bottom: 24px; left: 0; width: 100% } } @media (max-width: 1279.98px) { .map__shops:not(.is-clickable) { pointer-events: none } } .map__zoom-control { background: #fff; box-shadow: 0 4px 44px rgba(0, 0, 0, .09); border-radius: 8px; width: 40px; height: 80px } .map__zoom-control-button { width: 100%; height: 50%; display: flex; align-items: center; justify-content: center } .map__zoom-control-button:-moz-focusring { outline: none } .map__zoom-control-button:focus { outline: none } .map__zoom-control-button svg { display: block; pointer-events: none } @media (max-width: 1023.98px) { .map.is-list .map__container { height: auto } .map.is-list .map__item { display: none } .map.is-list .map__info { position: relative } .map.is-list .map__switch { margin-right: -10px; padding: 10px 0; display: flex; justify-content: flex-end } .map.is-list .map__switch-button { position: relative; top: auto; right: auto } .map.is-list .map__shops { position: static; margin: 0 -20px; width: auto; overflow: visible } .map.is-list .map__shops .map-shops--list { display: block } .map.is-list .map__shops .map-shops--slider { display: none } } .map-cities { margin-right: -70px; padding-right: 70px; position: relative } @media (max-width: 1279.98px) { .map-cities { margin-right: -30px; padding-right: 30px } } @media (max-width: 1023.98px) { .map-cities { margin-right: -20px; padding-right: 20px } } .map-cities.is-active .map-cities__trigger:before { transform: rotate(180deg) } .map-cities.is-active .map-cities__dropdown { display: block } .map-cities__trigger { font-size: 16px; line-height: 22px; color: #22b0f3; position: relative; padding-right: 16px; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none } .map-cities__trigger:-moz-focusring { outline: none } .map-cities__trigger:focus { outline: none } .map-cities__trigger:hover { text-decoration: underline } .map-cities__trigger:before { content: ""; display: block; position: absolute; bottom: .5em; right: 0; width: 8px; height: 5px; background: url(/local/templates/haier/css/../images/icon-arrow-tip.svg) no-repeat; pointer-events: none; transition: transform .3s } .map-cities__dropdown { display: none; transition: height .3s; overflow: hidden; box-shadow: 1px 4px 20px rgba(9, 97, 172, .17); border-radius: 8px; background: #fff; width: 220px; position: absolute; top: calc(100% + 16px); right: 0; z-index: 9 } @media (max-width: 767.98px) { .map-cities__dropdown { display: none } } .map-cities__dropdown-container { overflow-y: auto; max-height: 300px } .map-cities__dropdown-item { font-size: 16px; line-height: 50px; letter-spacing: .5px; color: #191a1e; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 30px; transition: background-color .3s } .map-cities__dropdown-item:hover { background: #e9eef6 } .map-cities__select { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100% } @media (min-width: 768px) { .map-cities__select { display: none } } .map-offers--items { display: none } .map-offers--slider { margin: 10px -70px 0; padding: 0 70px; position: relative; overflow: hidden; transition: opacity .3s } @media (max-width: 1279.98px) { .map-offers--slider { margin: 0 -30px; padding: 0 30px } } @media (max-width: 1023.98px) { .map-offers--slider { margin: 0 -20px; padding: 0 20px } } .map-offers--slider:not(.is-initialized), .map-offers--slider:not(:hover) .map-offers__next, .map-offers--slider:not(:hover) .map-offers__prev { opacity: 0 } .map-offers__slide { width: 250px; height: 150px; border-radius: 12px; display: flex; flex-direction: column; align-items: flex-start; padding: 15px; text-decoration: none; position: relative; overflow: hidden; cursor: pointer } @media (max-width: 1919.98px) { .map-offers__slide { width: 170px; height: 100px; border-radius: 8px; padding: 10px } } @media (max-width: 1279.98px) { .map-offers__slide { width: 310px; height: 90px; padding: 15px } } @media (max-width: 1023.98px) { .map-offers__slide { width: 180px; height: 54px; padding: 6px 14px } } .map-offers__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media (max-width: 1279.98px) { .map-offers__image.is-lg { display: none } } .map-offers__image.is-md { display: none } @media (max-width: 1279.98px) { .map-offers__image.is-md { display: block } } .map-offers__title { font-size: 16px; line-height: 18px; color: #fff; position: relative } @media (max-width: 1919.98px) { .map-offers__title { font-size: 14px; line-height: 16px } } @media (max-width: 1279.98px) { .map-offers__title { font-size: 16px; line-height: 18px } } @media (max-width: 1023.98px) { .map-offers__title { font-size: 14px; line-height: 14px } } @media (max-width: 1023.98px) { .map-offers__title--lg { display: none } } .map-offers__title--sm { display: none } @media (max-width: 1023.98px) { .map-offers__title--sm { display: block } } .map-offers__discount { background: #5247ff; border-radius: 8px; font-weight: 700; font-size: 15px; line-height: 1; letter-spacing: .04em; text-transform: uppercase; color: #fff; padding: 4px 8px; margin-top: 4px; position: relative } @media (max-width: 1279.98px) { .map-offers__discount { font-size: 16px } } @media (max-width: 1023.98px) { .map-offers__discount { display: none } } .map-offers__next, .map-offers__prev { background: #22b0f3; border-radius: 100%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; position: absolute; top: calc(50% - 20px); margin-top: 0; transition: opacity .3s } .map-offers__next:-moz-focusring, .map-offers__prev:-moz-focusring { outline: none } .map-offers__next:focus, .map-offers__prev:focus { outline: none } @media (max-width: 1279.98px) { .map-offers__next, .map-offers__prev { display: none } } .map-offers__next.swiper-button-disabled, .map-offers__prev.swiper-button-disabled { opacity: 0 } .map-offers__next svg, .map-offers__prev svg { display: block; width: 6px; height: 10px; fill: #fff; pointer-events: none } .map-offers__prev { left: 5px } .map-offers__prev svg { transform: rotate(180deg) } .map-offers__next { right: 5px } @media (min-width: 1280px) { .map-shops { max-height: 100%; overflow-y: auto } } @media (max-width: 1279.98px) { .map-shops { padding: 0 30px } } @media (max-width: 1023.98px) { .map-shops { padding: 0 20px } } @media (max-width: 1279.98px) { .map-shops--list, .map-shops--list[data-scrollbar] { display: none } } .map-shops--list .map-shops__wrapper, .map-shops--list[data-scrollbar] .map-shops__wrapper { display: block; padding-bottom: 30px } @media (max-width: 1919.98px) { .map-shops--list .map-shops__wrapper, .map-shops--list[data-scrollbar] .map-shops__wrapper { padding-bottom: 20px } } @media (max-width: 1279.98px) { .map-shops--list .map-shops__item:not(:first-child), .map-shops--list[data-scrollbar] .map-shops__item:not(:first-child) { margin-top: 10px } } .map-shops--slider { opacity: 0; visibility: hidden; transition-property: opacity; transition-duration: .3s } @media (min-width: 1280px) { .map-shops--slider { display: none } } .map-shops--slider.is-visible { opacity: 1; visibility: visible } @media (max-width: 1279.98px) { .map-shops--slider .map-shops__wrapper { padding-bottom: 0; display: flex } } @media (max-width: 1279.98px) { .map-shops--slider .map-shops__item { flex-shrink: 0; width: 310px } } @media (max-width: 1023.98px) { .map-shops--slider .map-shops__item { width: 280px } } .map-shops__item { width: auto; height: auto; margin: 0 20px; padding: 15px 50px 20px; transition: background-color .3s; border-radius: 8px; cursor: pointer; position: relative; overflow: hidden } @media (max-width: 1279.98px) { .map-shops__item { padding: 10px 100px 15px 15px; margin: 0; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); border-radius: 12px; background: #fff; min-height: 111px; display: flex; flex-direction: column } } .map-shops__item.is-single { width: 100%; max-width: 360px; margin-right: 0 !important } .map-shops__item:not(.is-visible) { display: none } @media (min-width: 1280px) { .map-shops__item.is-active, .map-shops__item:hover { background: #eaf8ff } .map-shops__item.is-active:before, .map-shops__item:hover:before { opacity: 0 } } .map-shops__item.is-active + .map-shops__item:before, .map-shops__item:hover + .map-shops__item:before { opacity: 0 } .map-shops__item.is-active .map-shops__item-button, .map-shops__item:hover .map-shops__item-button { background: #22b0f3; color: #fff } .map-shops__item:before { content: ""; display: block; position: absolute; top: 0; left: 50px; right: 50px; border-top: 1px solid #e7ebee; transition: opacity .3s; height: 15px } @media (max-width: 1279.98px) { .map-shops__item:before { display: none } } .map-shops__item-button { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #fff; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .5); border-radius: 10px; position: absolute; top: 15px; right: 50px; transition-property: background-color, color; transition-duration: .25s; color: #22b0f3; pointer-events: none } @media (max-width: 1279.98px) { .map-shops__item-button { display: none } } .map-shops__item-button svg { flex-shrink: 0 } .map-shops__item-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } @media (max-width: 1279.98px) { .map-shops__item-link--list { display: none } } @media (min-width: 1280px) { .map-shops__item-link--slider { display: none } } .map-shops__title { font-size: 16px; line-height: 20px; padding-right: 48px; min-height: 40px } @media (max-width: 1279.98px) { .map-shops__title { padding-right: 0; min-height: 0; line-height: 18px } } .map-shops__subway { margin-top: 4px; display: flex; align-items: center } @media (max-width: 1279.98px) { .map-shops__subway { margin-top: auto; padding-top: 16px; align-items: flex-start } } .map-shops__subway-icon { flex-shrink: 0; width: 13px; height: 13px; border-radius: 100%; margin-right: 8px; margin-bottom: 1px; font-size: 12px; line-height: .9; color: #fff; text-align: center } .map-shops__subway-text { font-size: 16px; line-height: 1; color: #97a4af } .map-shops__footer { margin-top: 10px; display: flex } @media (max-width: 1279.98px) { .map-shops__footer { margin-top: 0; position: absolute; bottom: 15px; right: 15px } } .map-shops__footer-col { flex-shrink: 0; font-size: 16px; line-height: 23px } .map-shops__footer-col--schedule { padding-right: 8px; width: 40% } @media (max-width: 1279.98px) { .map-shops__footer-col--schedule { display: none } } .map-shops__footer-col--phone { padding-right: 8px; flex: 1 1 } @media (max-width: 1279.98px) { .map-shops__footer-col--phone { padding-right: 8px; flex: 0 0 } } .map-shops__footer-col--route { margin-left: auto } @media (max-width: 1279.98px) { .map-shops__footer-col--route:not(:first-child) { margin-left: 5px } } .map-shops__schedule { display: flex } .map-shops__schedule span:first-child { min-width: 64px } .map-shops__phone { cursor: default; color: #212121; text-decoration: none; display: block } @media (max-width: 1279.98px) { .map-shops__phone { cursor: auto; text-indent: -999px; overflow: hidden; width: 36px; height: 36px; border-radius: 8px; background: #f4f4f4 url(/local/templates/haier/css/../images/icon-phone.svg) no-repeat 50%; display: block; position: relative } .map-shops__phone:not(:first-child) { display: none } .map-shops__phone:hover:before { opacity: 1 } .map-shops__phone:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px; background: #f4f4f4 url(/local/templates/haier/css/../images/icon-phone-hover.svg) no-repeat 50%; opacity: 0; transition: opacity .3s } } .map-shops__phone:hover, .map-shops__phone:visited { color: #212121 } .map-shops__route { color: #22b0f3; padding-left: 28px; display: block; text-decoration: none; transition: color .3s; position: relative } .map-shops__route:visited { color: #22b0f3 } .map-shops__route:hover { color: #0090d5 } @media (max-width: 1279.98px) { .map-shops__route { text-indent: -999px; overflow: hidden; width: 36px; height: 36px; border-radius: 8px; background: #22b0f3; color: #fff } .map-shops__route:hover, .map-shops__route:visited { color: #fff } } .map-shops__route .icon-route { width: 19px; height: 19px; display: block; pointer-events: none; fill: currentColor; position: absolute; top: 0; bottom: 0; left: 0; margin: auto } @media (max-width: 1279.98px) { .map-shops__route .icon-route { right: 0 } } .map-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1400; overflow: hidden auto } .map-popup:not(.is-active) { display: none } .map-popup__container { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 8px } .map-popup__background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); cursor: pointer } .map-popup__content { width: 100%; max-width: 360px; position: relative; background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); padding: 32px 20px 20px; border-radius: 24px } .map-popup__title { color: #000 } .map-popup__city, .map-popup__title { font-size: 24px; line-height: 34px; text-align: center } .map-popup__city { color: #00a0eb } .map-popup__actions { margin: 24px -10px 0; display: flex } .map-popup__action { border: 1px solid #d7dde3; border-radius: 8px; font-weight: 500; font-size: 16px; line-height: 21px; display: flex; align-items: center; justify-content: center; text-align: center; color: #212121; margin: 0 10px; flex: 1 1 150px; max-width: calc(50% - 20px); height: 46px } .map-popup__action:-moz-focusring { outline: none } .map-popup__action:focus { outline: none } .map-popup__action.is-accent { background: #22b0f3; color: #fff; border: 0 } .map-popup__close { width: 48px; height: 48px; position: absolute; top: 8px; right: 8px; background: url(/local/templates/haier/css/../images/icon-cross.svg) no-repeat 50% } .map-popup__close:-moz-focusring { outline: none } .map-popup__close:focus { outline: none } .brandshop-advantages { background: #fff; padding-bottom: 130px } .brandshop-advantages, .brandshop-advantages *, .brandshop-advantages:after, .brandshop-advantages:before { box-sizing: border-box } @media (max-width: 1919.98px) { .brandshop-advantages { padding-bottom: 120px } } @media (max-width: 1279.98px) { .brandshop-advantages { padding-bottom: 70px } } @media (max-width: 1023.98px) { .brandshop-advantages { padding-bottom: 34px } } .brandshop-advantages__container { margin: 0 auto; max-width: 1312px } @media (max-width: 1919.98px) { .brandshop-advantages__container { max-width: 1366px; padding: 0 80px } } @media (max-width: 1279.98px) { .brandshop-advantages__container { padding: 0 30px } } @media (max-width: 1023.98px) { .brandshop-advantages__container { padding: 0 20px } } .brandshop-advantages__title { display: inline-block; width: 100%; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 48px; line-height: 56px } @media (max-width: 1919.98px) { .brandshop-advantages__title { font-size: 32px; line-height: 24px } } @media (max-width: 1279.98px) { .brandshop-advantages__title { font-size: 24px; line-height: 32px } } @media (max-width: 767.98px) { .brandshop-advantages__title--lg { display: none } } .brandshop-advantages__title--sm { display: none } @media (max-width: 767.98px) { .brandshop-advantages__title--sm { display: block } } .brandshop-advantages__items { display: flex; flex-wrap: wrap; margin: 50px -10px 0 } @media (max-width: 1919.98px) { .brandshop-advantages__items { margin-left: -15px; margin-right: -15px } } @media (max-width: 1279.98px) { .brandshop-advantages__items { margin: 40px -10px 0 } } @media (max-width: 1023.98px) { .brandshop-advantages__items { margin: 20px 0 0; display: block } } .brandshop-advantages__item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; flex-shrink: 0; width: calc(33.333% - 20px); border-radius: 12px; background: #fff; text-align: left; margin: 10px; display: flex; flex-direction: column; align-items: flex-start; padding: 30px; box-shadow: 0 10px 35px hsla(0, 0%, 70.6%, .25); position: relative; text-decoration: none } @media (max-width: 1919.98px) { .brandshop-advantages__item { width: calc(33.333% - 30px); margin: 15px } } @media (max-width: 1279.98px) { .brandshop-advantages__item { width: calc(33.333% - 20px); margin: 10px } } @media (max-width: 1023.98px) { .brandshop-advantages__item { width: auto; margin: 0; padding: 17px 20px 20px 100px; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25) } .brandshop-advantages__item:not(:first-child) { margin-top: 10px } } .brandshop-advantages__item:hover .content-area a:not(.button), .brandshop-advantages__item:hover .link, .content-area .brandshop-advantages__item:hover a:not(.button) { color: #22b0f3 } .brandshop-advantages__item:hover .content-area a:not(.button):before, .brandshop-advantages__item:hover .link:before, .content-area .brandshop-advantages__item:hover a:not(.button):before { right: -29px; opacity: 1 } .brandshop-advantages__item-icon { width: 60px; height: 60px; border-radius: 12px; margin-bottom: 24px; background: #f4f4f4 no-repeat 50% } @media (max-width: 1023.98px) { .brandshop-advantages__item-icon { position: absolute; top: 20px; left: 20px; margin-bottom: 0 } } .brandshop-advantages__item-title { font-size: 24px; line-height: 40px; margin-bottom: 24px; font-weight: 500; color: #212121 } @media (max-width: 1023.98px) { .brandshop-advantages__item-title { font-size: 16px; line-height: 20px; margin-bottom: 5px; letter-spacing: .02em } } .brandshop-advantages__item-content { flex-grow: 1; display: flex; flex-direction: column; max-width: 100% } @media (max-width: 1023.98px) { .brandshop-advantages__item-content { flex-grow: 0; overflow: hidden } .brandshop-advantages__item-content:not(.is-expanded) { color: #97a4af; line-height: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 36px } } .brandshop-advantages__item-text { font-size: 20px; line-height: 28px; margin-bottom: 30px; transition: color .3s; color: #212121 } @media (max-width: 1279.98px) { .brandshop-advantages__item-text { font-size: 16px; line-height: 22px; margin-bottom: 40px } } @media (max-width: 1023.98px) { .brandshop-advantages__item-text { line-height: 18px; margin-bottom: 16px } } .brandshop-advantages__item-link { font-size: 20px; line-height: 1.2; margin-top: auto; font-weight: 500 } @media (max-width: 1279.98px) { .brandshop-advantages__item-link { font-size: 18px } } @media (max-width: 1023.98px) { .brandshop-advantages__item-link { font-size: 16px } } @media (max-width: 1279.98px) { .brandshop-advantages__item-link .link--arrow:before { top: 5px } } @media (max-width: 1023.98px) { .brandshop-advantages__item-link .link--arrow:before { top: 4px } } @media (min-width: 1024px) { .brandshop-advantages.is-hoverable .brandshop-advantages__item { transition: box-shadow, bottom, .2s ease-in-out; top: 0 } .brandshop-advantages.is-hoverable .brandshop-advantages__item .content-area a:not(.button):before, .brandshop-advantages.is-hoverable .brandshop-advantages__item .link:before, .content-area .brandshop-advantages.is-hoverable .brandshop-advantages__item a:not(.button):before { opacity: 0 } .brandshop-advantages.is-hoverable .brandshop-advantages__item:hover { box-shadow: 0 10px 35px hsla(0, 0%, 70.6%, .5); top: -15px } .brandshop-advantages.is-hoverable .brandshop-advantages__item:hover .content-area a:not(.button), .brandshop-advantages.is-hoverable .brandshop-advantages__item:hover .link, .content-area .brandshop-advantages.is-hoverable .brandshop-advantages__item:hover a:not(.button) { color: #22b0f3 } .brandshop-advantages.is-hoverable .brandshop-advantages__item:hover .content-area a:not(.button):before, .brandshop-advantages.is-hoverable .brandshop-advantages__item:hover .link:before, .content-area .brandshop-advantages.is-hoverable .brandshop-advantages__item:hover a:not(.button):before { right: -29px; opacity: 1 } .brandshop-advantages.is-hoverable .brandshop-advantages__item.no-hover { transition: none; cursor: auto } .brandshop-advantages.is-hoverable .brandshop-advantages__item.no-hover:hover { box-shadow: 0 10px 35px hsla(0, 0%, 70.6%, .25); top: 0 } } .brandshop-offers { background: #fff } .brandshop-offers, .brandshop-offers *, .brandshop-offers:after, .brandshop-offers:before { box-sizing: border-box } .brandshop-offers:not(.is-condensed) { padding-bottom: 200px } @media (max-width: 1919.98px) { .brandshop-offers:not(.is-condensed) { padding-bottom: 160px } } @media (max-width: 1279.98px) { .brandshop-offers:not(.is-condensed) { padding-bottom: 140px } } @media (max-width: 1023.98px) { .brandshop-offers:not(.is-condensed) { padding-bottom: 100px } } .brandshop-offers.is-condensed { padding-bottom: 100px } @media (max-width: 1279.98px) { .brandshop-offers.is-condensed { padding-bottom: 80px } } @media (max-width: 1023.98px) { .brandshop-offers.is-condensed { padding-bottom: 40px } } .brandshop-offers.is-detail.is-general { padding-bottom: 130px } @media (max-width: 1279.98px) { .brandshop-offers.is-detail.is-general { padding-bottom: 50px; border-bottom: 1px solid rgba(215, 221, 227, .5) } } @media (max-width: 1023.98px) { .brandshop-offers.is-detail.is-general { padding-bottom: 20px; border-bottom: 0 } } .brandshop-store .brandshop-offers.is-detail.is-general { margin-bottom: 64px; margin-bottom: 140px; padding-bottom: 0; border-bottom: 0 } @media (max-width: 1365.98px) { .brandshop-store .brandshop-offers.is-detail.is-general { margin-bottom: 48px } } @media (max-width: 1279.98px) { .brandshop-store .brandshop-offers.is-detail.is-general { margin-bottom: 40px } } .brandshop-offers__container { margin: 0 auto; max-width: 1312px } @media (max-width: 1919.98px) { .brandshop-offers__container { max-width: 1366px; padding: 0 80px } } @media (max-width: 1279.98px) { .brandshop-offers__container { padding: 0 30px } .brandshop-offers.is-detail .brandshop-offers__container { padding: 0 32px } } @media (max-width: 1023.98px) { .brandshop-offers.is-detail .brandshop-offers__container, .brandshop-offers__container { padding: 0 20px } } .brandshop-offers__subtitle, .brandshop-offers__title { display: inline-block; width: 100% } .brandshop-offers__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 32px; line-height: 24px; margin-bottom: 0 } @media (max-width: 1919.98px) { .brandshop-offers__title { font-size: 32px; line-height: 24px } } @media (max-width: 1279.98px) { .brandshop-offers__title { font-size: 24px; line-height: 32px } } .brandshop-offers.is-detail .brandshop-offers__title { font-family: Futura PT, Arial, Helvetica, sans-serif; margin-bottom: 60px } @media (max-width: 767.98px) { .brandshop-offers.is-detail .brandshop-offers__title { font-size: 16px; line-height: 20px; margin-bottom: 12px } } .brandshop-offers__subtitle { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 24px; line-height: 1.2; margin-bottom: 2.5em } @media (max-width: 1919.98px) { .brandshop-offers__subtitle { font-size: 20px } } @media (max-width: 767.98px) { .brandshop-offers__subtitle { font-size: 16px } } .brandshop-offers__title + .brandshop-offers__subtitle { margin-top: .7em } @media (min-width: 1920px) { .brandshop-offers__title + .brandshop-offers__subtitle { margin-top: 24px; margin-bottom: 100px } } .brandshop-offers__slider-outer { position: relative; margin-top: 60px } @media (max-width: 1279.98px) { .brandshop-offers__slider-outer { margin-top: 40px } } @media (max-width: 1023.98px) { .brandshop-offers__slider-outer { margin-top: 24px } } @media (max-width: 1279.98px) { .brandshop-offers.is-detail .brandshop-offers__slider-outer { margin-top: 30px } } @media (max-width: 767.98px) { .brandshop-offers.is-detail .brandshop-offers__slider-outer { margin-top: 8px } } .brandshop-store .brandshop-offers.is-detail .brandshop-offers__slider-outer { margin-top: 0 } @media (max-width: 1279.98px) { .brandshop-offers__slider { margin: 0 -30px; padding: 0 30px } .brandshop-offers.is-detail .brandshop-offers__slider { margin: 0 -32px; padding: 0 32px } } @media (max-width: 1023.98px) { .brandshop-offers.is-detail .brandshop-offers__slider, .brandshop-offers__slider { margin: 0 -20px; padding: 0 20px } } .brandshop-offers__slider:not(.is-initialized) { opacity: 0 } .brandshop-offers__slide { flex-shrink: 0; width: calc(33.333% - 30px); height: auto } @media (max-width: 1279.98px) { .brandshop-offers__slide { width: 270px } .brandshop-offers.is-detail.is-general .brandshop-offers__slide { width: 313px } } @media (max-width: 767.98px) { .brandshop-offers.is-detail.is-general .brandshop-offers__slide { width: 200px } .brandshop-store .brandshop-offers.is-detail.is-general .brandshop-offers__slide { width: 270px } } .brandshop-offers__slide .brandshop-offers__item { height: 100% } .brandshop-offers__next, .brandshop-offers__prev { background: #fff; border-radius: 100%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; position: absolute; top: 106px; margin-top: 0; box-shadow: 0 12px 40px 0 hsla(0, 0%, 76.9%, .8) } .brandshop-offers__next:-moz-focusring, .brandshop-offers__prev:-moz-focusring { outline: none } .brandshop-offers__next:focus, .brandshop-offers__prev:focus { outline: none } @media (max-width: 767.98px) { .brandshop-offers__next, .brandshop-offers__prev { display: none } } .brandshop-offers__next.swiper-button-disabled, .brandshop-offers__prev.swiper-button-disabled { display: none } @media (max-width: 1279.98px) { .brandshop-offers__next, .brandshop-offers__prev { top: 64px; box-shadow: 0 12px 40px 0 hsla(0, 0%, 76.9%, .8) } } .brandshop-offers__next svg, .brandshop-offers__prev svg { display: block; width: 6px; height: 10px; fill: #000; pointer-events: none } .brandshop-offers__prev { left: -24px } .brandshop-offers__prev svg { transform: rotate(180deg) } .brandshop-offers__next { right: -24px } .brandshop-offers__items { display: flex; flex-wrap: wrap; margin: -80px 0 0 -30px } @media (max-width: 1919.98px) { .brandshop-offers__items { margin-top: -54px } } @media (max-width: 1279.98px) { .brandshop-offers__items { margin: -64px 0 0 -20px } } @media (max-width: 767.98px) { .brandshop-offers__items { margin: -40px 0 0 } } .brandshop-offers__items-item { display: flex; align-items: flex-start; flex-shrink: 0; width: calc(33.333% - 30px); margin: 80px 0 0 30px } @media (max-width: 1919.98px) { .brandshop-offers__items-item { margin-top: 54px } } @media (max-width: 1279.98px) { .brandshop-offers__items-item { width: calc(33.333% - 20px); margin: 64px 0 0 20px } } @media (max-width: 767.98px) { .brandshop-offers__items-item { width: 100%; margin: 40px 0 0 } } .brandshop-offers__item { width: 100%; text-align: left; text-decoration: none } .brandshop-offers__item.is-hoverable { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block } .brandshop-offers__item.is-hoverable:hover .link--arrow:before { right: -29px } .brandshop-offers__item-picture { width: 100%; height: 255px; border-radius: 12px; display: flex; flex-direction: column; align-items: flex-start; padding: 30px; position: relative; overflow: hidden } @media (max-width: 1279.98px) { .brandshop-offers__item-picture { height: 170px; padding: 15px } .brandshop-offers.is-detail.is-general .brandshop-offers__item-picture { height: 90px; padding: 10px 15px } .brandshop-store .brandshop-offers.is-detail.is-general .brandshop-offers__item-picture { height: 170px; padding: 15px } } @media (max-width: 767.98px) { .brandshop-offers__item-picture { height: 150px } .brandshop-offers.is-detail.is-general .brandshop-offers__item-picture { height: 70px; padding: 8px 10px } .brandshop-store .brandshop-offers.is-detail.is-general .brandshop-offers__item-picture { height: 150px; padding: 15px } } .brandshop-offers__item-picture.js-scroll-to { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .brandshop-offers__item-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right bottom; object-position: right bottom; pointer-events: none } @media (max-width: 1279.98px) { .brandshop-offers__item-image.is-lg { display: none } } .brandshop-offers__item-image.is-md { display: none } @media (max-width: 1279.98px) { .brandshop-offers__item-image.is-md { display: block } } @media (max-width: 767.98px) { .brandshop-offers__item-image.is-md { display: none } } .brandshop-offers__item-image.is-sm { display: none } @media (max-width: 767.98px) { .brandshop-offers__item-image.is-sm { display: block } } .brandshop-offers__item-title { font-size: 24px; line-height: 28px; color: #fff; position: relative } @media (max-width: 1279.98px) { .brandshop-offers__item-title { font-size: 18px; line-height: 22px } .brandshop-offers.is-detail.is-general .brandshop-offers__item-title { font-size: 16px; line-height: 18px } .brandshop-store .brandshop-offers.is-detail.is-general .brandshop-offers__item-title { font-size: 18px; line-height: 22px } } @media (max-width: 767.98px) { .brandshop-offers__item-title { font-size: 16px; line-height: 20px } .brandshop-offers.is-detail.is-general .brandshop-offers__item-title { font-size: 14px; line-height: 16px } .brandshop-store .brandshop-offers.is-detail.is-general .brandshop-offers__item-title { font-size: 16px; line-height: 20px } } .brandshop-offers__item-discount { background: #5247ff; border-radius: 8px; font-weight: 700; font-size: 25px; line-height: 1; letter-spacing: .04em; text-transform: uppercase; color: #fff; padding: 6px 12px; margin-top: 8px; position: relative } @media (max-width: 1279.98px) { .brandshop-offers__item-discount { font-size: 16px; margin-top: 4px } } @media (max-width: 767.98px) { .brandshop-offers.is-detail.is-general .brandshop-offers__item-discount { font-size: 14px; padding: 4px 8px } } .brandshop-offers__item-text { font-size: 24px; line-height: 1.2; margin-top: 24px; color: #212121 } @media (max-width: 1919.98px) { .brandshop-offers__item-text { font-size: 20px } } @media (max-width: 1279.98px) { .brandshop-offers__item-text { font-size: 18px; margin-top: 15px } } @media (max-width: 767.98px) { .brandshop-offers__item-text { font-size: 16px } } @media (max-width: 1279.98px) { .brandshop-offers.is-detail .brandshop-offers__item-text { display: none } } .brandshop-store .brandshop-offers.is-detail .brandshop-offers__item-text { display: block } @media (max-width: 1279.98px) { .brandshop-store .brandshop-offers.is-detail .brandshop-offers__item-text { font-size: 20px } } @media (max-width: 767.98px) { .brandshop-store .brandshop-offers.is-detail .brandshop-offers__item-text { font-size: 16px } } .brandshop-offers__item-link { font-size: 20px; line-height: 1.2; margin-top: 1em; font-weight: 500 } @media (max-width: 1279.98px) { .brandshop-offers__item-link { font-size: 18px } } @media (max-width: 767.98px) { .brandshop-offers__item-link { font-size: 16px } } @media (max-width: 1279.98px) { .brandshop-offers__item-link .link--arrow:before { top: 5px } } @media (max-width: 767.98px) { .brandshop-offers__item-link .link--arrow:before { top: 4px } } @media (max-width: 1279.98px) { .brandshop-offers.is-detail .brandshop-offers__item-link { display: none } .brandshop-store .brandshop-offers.is-detail .brandshop-offers__item-link { display: block; font-size: 16px } } .brandshop-offers__item--soon { display: flex } .brandshop-offers__item--soon .brandshop-offers__item-picture { flex-flow: row wrap; align-items: center; text-align: center; justify-content: center; background-color: #f4f4f4 } .brandshop-offers__item--soon .brandshop-offers__item-picture .item-picture__icon, .brandshop-offers__item--soon .brandshop-offers__item-picture .item-picture__text { display: inline-block } .brandshop-offers__item--soon .brandshop-offers__item-picture .item-picture__icon { margin-top: 5px; height: 94px; width: 94px; flex: 94px 0 0 } @media (max-width: 1919.98px) { .brandshop-offers__item--soon .brandshop-offers__item-picture .item-picture__icon { height: 90px; width: 90px; flex: 90px 0 0 } } @media (max-width: 1279.98px) { .brandshop-offers__item--soon .brandshop-offers__item-picture .item-picture__icon { height: 60px; width: 60px; flex: 60px 0 0 } } @media (max-width: 767.98px) { .brandshop-offers__item--soon .brandshop-offers__item-picture .item-picture__icon { height: 50px; width: 50px; flex: 50px 0 0 } } .brandshop-offers__item--soon .brandshop-offers__item-picture .item-picture__text { width: 100%; font-size: 24px; line-height: 1.2; margin-top: 1.2em } @media (max-width: 1919.98px) { .brandshop-offers__item--soon .brandshop-offers__item-picture .item-picture__text { font-size: 20px } } @media (max-width: 1279.98px) { .brandshop-offers__item--soon .brandshop-offers__item-picture .item-picture__text { font-size: 18px } } @media (max-width: 767.98px) { .brandshop-offers__item--soon .brandshop-offers__item-picture .item-picture__text { font-size: 16px } } .brandshop-offers__item--soon.brandshop-offers__item--soon-v2 { -ms-grid-row-align: stretch; align-self: stretch } .brandshop-offers__item--soon.brandshop-offers__item--soon-v2 .brandshop-offers__item-picture { height: 100% } .brandshop-offers__item--soon.brandshop-offers__item--soon-v2 .item-picture__item-button { width: 100%; margin-top: 35px } .brandshop-offers__item--soon.brandshop-offers__item--soon-v2 .item-picture__item-button .button { width: 100%; max-width: 240px; font-size: 20px; height: 64px; line-height: 64px; padding: 0 26px } @media (max-width: 1919.98px) { .brandshop-offers__item--soon.brandshop-offers__item--soon-v2 .item-picture__item-button { margin-top: 30px } .brandshop-offers__item--soon.brandshop-offers__item--soon-v2 .item-picture__item-button .button { max-width: 176px; font-size: 18px; height: 56px; line-height: 54px; padding: 0 26px } } @media (max-width: 1279.98px) { .brandshop-offers__item--soon.brandshop-offers__item--soon-v2 .item-picture__item-button { margin-top: 25px } } @media (max-width: 767.98px) { .brandshop-offers__item--soon.brandshop-offers__item--soon-v2 .item-picture__item-button .button { max-width: 100%; font-size: 16px; height: 46px; line-height: 46px; padding: 0 16px } } .brandshop-offers__text { font-size: 24px; line-height: 1.2; margin-top: 40px; color: #212121 } @media (max-width: 1919.98px) { .brandshop-offers__text { font-size: 20px } } @media (max-width: 1279.98px) { .brandshop-offers__text { font-size: 18px } } @media (max-width: 767.98px) { .brandshop-offers__text { font-size: 16px; margin-top: 24px } } .brandshop-offers__wrapper { display: flex; flex-wrap: wrap; align-items: flex-start } .brandshop-offers__wrapper ~ .brandshop-offers__slider-outer { display: none } @media (max-width: 1023.98px) { .brandshop-offers__wrapper ~ .brandshop-offers__slider-outer { display: block } } .brandshop-offers__wrapper .bs-sale__slide { width: 100%; flex-basis: calc(33.33% - 20px); margin: 0 30px 60px 0 } .brandshop-offers__wrapper .bs-sale__slide:nth-child(3n) { margin-right: 0 } .brandshop-offers__wrapper .bs-sale__slide:nth-child(1n+3) { margin-bottom: 0 } .brandshop-offers__wrapper .bs-sale__image-content .bs-sale__item-text { display: none } .brandshop-offers__wrapper .bs-sale__title-name { font-weight: 450; font-size: 24px; line-height: 40px; color: #000 } @media (max-width: 1023.98px) { .brandshop-offers__wrapper { display: none } } .brandshop-about { position: relative; z-index: 1; background-color: #fff } .brandshop-about__wrap { padding-top: 60px; box-shadow: 0 4px 14px rgba(0, 0, 0, .1) } @media (max-width: 1919.98px) { .brandshop-about__wrap { padding-top: 30px } } @media (max-width: 1023.98px) { .brandshop-about__wrap { padding-top: 40px } } @media (max-width: 767.98px) { .brandshop-about__wrap { padding-top: 24px } } .brandshop-about__row { display: flex; align-items: flex-start; flex-wrap: wrap; margin-left: -30px } @media (max-width: 767.98px) { .brandshop-about__row { margin-left: 0 } } .brandshop-about__col { flex-shrink: 0 } .brandshop-about__col:first-child { padding-left: 30px } .brandshop-about__col:nth-child(2) { padding-left: 134px } @media (max-width: 1919.98px) { .brandshop-about__col:nth-child(2) { padding-left: 60px } } @media (max-width: 1023.98px) { .brandshop-about__col:nth-child(2) { padding-left: 40px } } .brandshop-about__col:nth-child(3) { margin-top: auto; margin-left: auto; padding-bottom: 20px } @media (max-width: 767.98px) { .brandshop-about__col:nth-child(3) { margin: 0; padding-bottom: 0; width: 100% } } .brandshop-about__d-none { display: none } @media (min-width: 768px) { .brandshop-about__d-md-none { display: none } } @media (min-width: 768px) { .brandshop-about__d-md-block { display: block } } @media (min-width: 768px) { .brandshop-about__last-md { order: 99; margin-right: 0 !important } } .brandshop-about__schedule-mobile { display: flex; align-items: center; text-decoration: none; color: #212121; font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom: 20px } @media (min-width: 768px) { .brandshop-about__schedule-mobile { display: none } } .brandshop-about__schedule-mobile svg { margin-left: 8px; width: 8px; height: 8px; fill: #00a0eb } .brandshop-about__title { display: block; font-weight: 500; font-size: 24px; line-height: 40px; margin-bottom: 5px } @media (max-width: 1919.98px) { .brandshop-about__title { font-size: 20px } } @media (max-width: 767.98px) { .brandshop-about__title { font-size: 16px; line-height: 28px; margin-bottom: 10px } } .brandshop-about__schedule { font-size: 22px; line-height: 40px } @media (max-width: 1919.98px) { .brandshop-about__schedule { font-size: 18px; line-height: 36px } } @media (max-width: 767.98px) { .brandshop-about__schedule { font-size: 16px; line-height: 28px } } .brandshop-about__schedule-list { list-style: none; padding: 0; margin: 0 } .brandshop-about__schedule-list > li { display: flex; align-items: center } .brandshop-about__schedule-list > li:not(:last-child) { margin-bottom: 5px } @media (max-width: 1919.98px) { .brandshop-about__schedule-list > li:not(:last-child) { margin-bottom: 0 } } .brandshop-about__schedule-days:not(:last-child) { margin-right: 24px } @media (max-width: 767.98px) { .brandshop-about__contacts:not(:first-child) { margin-top: 30px } .brandshop-about__contacts:not(:last-child) { margin-bottom: 30px } } .brandshop-about__contacts__title { display: none } @media (max-width: 767.98px) { .brandshop-about__contacts__title { display: block; font-size: 16px; line-height: 20px } } @media (max-width: 767.98px) { .brandshop-about__contacts__item { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid rgba(215, 221, 227, .5) } .brandshop-about__contacts__item:first-child { border-top: 1px solid rgba(215, 221, 227, .5) } } .brandshop-about__contacts__item:not(:last-child) { margin-bottom: 5px } @media (max-width: 1919.98px) { .brandshop-about__contacts__item:not(:last-child) { margin-bottom: 2px } } @media (max-width: 767.98px) { .brandshop-about__contacts__item:not(:last-child) { margin-bottom: 0 } } .brandshop-about__email, .brandshop-about__phone { display: block; text-decoration: none; font-size: 22px; line-height: 40px; color: #00a0eb; transition: color .3s } @media (max-width: 1919.98px) { .brandshop-about__email, .brandshop-about__phone { font-size: 18px } } @media (max-width: 767.98px) { .brandshop-about__email, .brandshop-about__phone { font-size: 16px; line-height: 28px; font-weight: 500 } } .brandshop-about__email:hover, .brandshop-about__phone:hover { color: #0090d5 } .brandshop-about__phone { color: #212121 } @media (max-width: 767.98px) { .brandshop-about__phone { color: #00a0eb } } .brandshop-about__social { list-style: none; padding: 0; margin: 0 0 0 -8px; display: flex; align-items: center; justify-content: flex-start } @media (max-width: 1919.98px) { .brandshop-about__social { margin-left: -4px } } .brandshop-about__social > li:not(:last-child) { margin-right: 30px } @media (max-width: 1919.98px) { .brandshop-about__social > li:not(:last-child) { margin-right: 36px } } .brandshop-about__social > li > a { display: block; line-height: 1; text-decoration: none; color: #00a0eb; padding: 8px } @media (max-width: 1919.98px) { .brandshop-about__social > li > a { padding: 4px } } .brandshop-about__social > li > a svg { display: block; width: 20px; height: 20px; fill: #00a0eb } .brandshop-about__buttons { list-style: none; margin: 0; padding: 0; display: flex; align-items: center } .brandshop-about__buttons > li { margin-right: 24px } @media (max-width: 1279.98px) { .brandshop-about__buttons > li { margin-right: 10px } } @media (max-width: 767.98px) { .brandshop-about__buttons > li { flex-grow: 1; margin-right: 10px } .brandshop-about__buttons > li:last-child { margin-right: 0 } } .brandshop-about__buttons .button { min-width: 260px; height: 64px } @media (max-width: 1919.98px) { .brandshop-about__buttons .button { min-width: 196px; height: 56px } } @media (max-width: 767.98px) { .brandshop-about__buttons .button { display: flex; min-width: 100%; height: 46px; line-height: 46px; padding: 0 16px; font-size: 16px } .brandshop-about__buttons .button svg { width: 20px; height: 20px; margin-right: 4px } } .brandshop-about__button-link { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; background-color: #f4f4f4; color: #00a0eb; border-radius: 8px; transition: color .3s } @media (max-width: 1919.98px) { .brandshop-about__button-link { width: 56px; height: 56px } } @media (max-width: 767.98px) { .brandshop-about__button-link { width: 100%; height: 46px; min-width: 55px } } .brandshop-about__button-link:hover { color: #0090d5 } .brandshop-about__button-link svg { width: 18px; height: 18px; pointer-events: none } @media (max-width: 767.98px) { .brandshop-about__button-link svg { width: 16px; height: 16px } } @media (max-width: 767.98px) { .brandshop-about__button-link svg.icon-mail { width: 18px; height: 18px } } .brandshop-about__button-link .icon-link-colorless { fill: currentColor } .brandshop-about__nav { margin-top: 30px } @media (max-width: 767.98px) { .brandshop-about__nav { margin-top: 8px } } .brandshop-about__menu { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; position: relative } @media (max-width: 767.98px) { .brandshop-about__menu { justify-content: flex-start } } @media screen and (max-width: 374.98px) { .brandshop-about__menu { justify-content: space-between } } .brandshop-about__menu > li { display: flex; align-items: center; justify-content: center; font-weight: 500; height: 56px; font-size: 14px; line-height: 18px; letter-spacing: .02em; text-transform: uppercase; color: #97a4af; padding: 0 8px; cursor: pointer; transition: color .3s; white-space: nowrap } @media (max-width: 767.98px) { .brandshop-about__menu > li { height: 48px; padding: 0 } } .brandshop-about__menu > li:not(:last-child) { margin-right: 48px } @media (max-width: 767.98px) { .brandshop-about__menu > li:not(:last-child) { margin-right: 24px } } @media screen and (max-width: 374.98px) { .brandshop-about__menu > li:not(:last-child) { margin-right: 0 } } .brandshop-about__menu > li:hover { color: #86929b } .brandshop-about__menu > li.is-active { color: #00a0eb } .brandshop-info-mobile { background-color: #fff } @media (min-width: 768px) { .brandshop-info-mobile { display: none } } .brandshop-info-mobile__title { display: block; font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom: 12px } .brandshop-info-mobile__schedule:not(:first-child) { margin-top: 30px } .brandshop-info-mobile__schedule:not(:last-child) { margin-bottom: 30px } .brandshop-info-mobile__schedule-list { list-style: none; padding: 0; margin: 0; font-size: 16px; line-height: 20px } .brandshop-info-mobile__schedule-list > li { display: flex; align-items: center } .brandshop-info-mobile__schedule-list > li:not(:last-child) { margin-bottom: 8px } .brandshop-info-mobile__schedule-days:not(:last-child) { margin-right: 24px } .brandshop-info-mobile__contacts:not(:first-child) { margin-top: 30px } .brandshop-info-mobile__contacts:not(:last-child) { margin-bottom: 30px } .brandshop-info-mobile__contacts__title { font-size: 16px; line-height: 28px } .brandshop-info-mobile__contacts__item { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(215, 221, 227, .5) } .brandshop-info-mobile__contacts__item:first-child { border-top: 1px solid rgba(215, 221, 227, .5) } .brandshop-info-mobile__email, .brandshop-info-mobile__phone { display: block; text-decoration: none; font-size: 16px; line-height: 28px; font-weight: 500; color: #00a0eb; text-align: right } .brandshop-info-mobile__social { list-style: none; padding: 0; margin: 0 0 0 -8px; display: flex; align-items: center } @media (max-width: 767.98px) { .brandshop-info-mobile__social { flex-direction: row-reverse; margin: 0 -8px 0 0 } } @media (min-width: 768px) { .brandshop-info-mobile__social > li:not(:last-child) { margin-right: 14px } } @media (max-width: 767.98px) { .brandshop-info-mobile__social > li:not(:first-child) { margin-right: 14px } } .brandshop-info-mobile__social > li > a { display: block; line-height: 1; text-decoration: none; color: #00a0eb; padding: 0 8px } .brandshop-info-mobile__social > li > a svg { display: block; width: 20px; height: 20px; fill: #00a0eb } .brandshop-maplink__container { margin: 0 auto; max-width: 1312px } @media (max-width: 1919.98px) { .brandshop-maplink__container { max-width: 1366px; padding: 0 80px } } @media (max-width: 1279.98px) { .brandshop-maplink__container { padding: 0 30px } } @media (max-width: 1023.98px) { .brandshop-maplink__container { padding: 0 20px } } .brandshop-maplink__header { display: block; font-weight: 900; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 40px; line-height: 48px; margin-bottom: 20px; text-align: center; letter-spacing: .02em } @media (max-width: 767.98px) { .brandshop-maplink__header { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 26px; font-weight: 600; text-align: left; letter-spacing: -.01em; line-height: 30px } } .brandshop-maplink__text { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 450; font-size: 24px; line-height: 40px; margin-bottom: 60px; text-align: center } @media (max-width: 767.98px) { .brandshop-maplink__text { font-weight: 500; font-size: 18px; text-align: left; line-height: 28px } } .brandshop-maplink__link { color: #09f; text-decoration: none } .brandshop-location { background: #fff; padding-bottom: 140px } .brandshop-location, .brandshop-location *, .brandshop-location:after, .brandshop-location:before { box-sizing: border-box } @media (max-width: 1279.98px) { .brandshop-location { margin-top: 50px; padding-bottom: 70px } } @media (max-width: 1023.98px) { .brandshop-location { margin-top: 24px; padding-bottom: 30px } } .brandshop-location__ovh { position: relative; overflow: hidden } @media (min-width: 1280px) { .brandshop-location__ovh { min-height: 40vw; display: flex; flex-direction: column; justify-content: center } } .brandshop-location__container { margin: 0 auto; max-width: 1312px; width: 100% } @media (max-width: 1919.98px) { .brandshop-location__container { max-width: 1366px; padding: 0 80px } } @media (max-width: 1279.98px) { .brandshop-location__container { padding: 0 32px } } @media (max-width: 1023.98px) { .brandshop-location__container { padding: 0 20px } } .brandshop-location__inner { width: 50%; padding: 80px 80px 80px 0 } @media (max-width: 1919.98px) { .brandshop-location__inner { padding: 40px 80px 40px 0 } } @media (max-width: 1279.98px) { .brandshop-location__inner { width: 100%; padding: 0; display: flex; flex-direction: column; flex-wrap: wrap } } @media (max-width: 1279.98px) { .brandshop-location__address:not(:last-child) { margin-bottom: 50px } } @media (max-width: 767.98px) { .brandshop-location__address:not(:last-child) { margin-bottom: 30px } } .brandshop-location__address__name { display: block; font-weight: 500; font-size: 32px; line-height: 40px; color: #212121 } .brandshop-location__address__name:not(:last-child) { margin-bottom: 20px } @media (max-width: 1023.98px) { .brandshop-location__address__name { font-size: 28px; line-height: 36px } } @media (max-width: 767.98px) { .brandshop-location__address__name { font-size: 20px; line-height: 24px } } .brandshop-location__address__description { display: block; font-weight: 400; font-size: 24px; line-height: 32px; color: #212121 } .brandshop-location__address__description:not(:last-child) { margin-bottom: 40px } @media (max-width: 1279.98px) { .brandshop-location__address__description { font-size: 20px } .brandshop-location__address__description:not(:last-child) { margin-bottom: 32px } } @media (max-width: 767.98px) { .brandshop-location__address__description { font-size: 16px; line-height: 28px } .brandshop-location__address__description:not(:last-child) { margin-bottom: 30px } } .brandshop-location__address .button { width: 272px; height: 56px; line-height: 56px } @media (max-width: 1023.98px) { .brandshop-location__address .button { width: 100%; height: 46px; line-height: 46px } } .brandshop-location__route { margin-top: 60px } @media (max-width: 1279.98px) { .brandshop-location__route { order: 99; margin-top: 0 } } @media (max-width: 767.98px) { .brandshop-location__route { order: 0; margin-bottom: 30px; border-bottom: 1px solid rgba(215, 221, 227, .5) } } .brandshop-location__route__title { display: block; font-weight: 500; font-size: 32px; line-height: 40px; color: #212121 } @media (max-width: 1023.98px) { .brandshop-location__route__title { font-size: 24px; line-height: 32px } } @media (max-width: 767.98px) { .brandshop-location__route__title { display: flex; align-items: center; justify-content: space-between; font-size: 16px; line-height: 24px; padding: 16px 0; border-top: 1px solid rgba(215, 221, 227, .5) } } .brandshop-location__route__title:not(:last-child) { margin-bottom: 32px } @media (max-width: 1023.98px) { .brandshop-location__route__title:not(:last-child) { margin-bottom: 20px } } @media (max-width: 767.98px) { .brandshop-location__route__title:not(:last-child) { margin-bottom: 0 } } .brandshop-location__route__title svg { display: none } @media (max-width: 767.98px) { .brandshop-location__route__title svg { display: inline-block; width: 10px; height: 6px; fill: #afbbc6; margin: 0 8px; transition: transform .3s } } .js-accordion-block.is-active .brandshop-location__route__title svg { transform: rotate(180deg) } @media (max-width: 767.98px) { .brandshop-location__route__collapse { max-height: 0; opacity: 0; overflow-y: auto; overflow-x: hidden; transition-duration: .3s; transition-property: height, opacity, padding } .js-accordion-block.is-active .brandshop-location__route__collapse { opacity: 1; max-height: 400px; padding-bottom: 30px } } .brandshop-location__route .button { width: 272px; height: 56px; line-height: 56px } @media (max-width: 1023.98px) { .brandshop-location__route .button { width: 100%; height: 46px; line-height: 46px } } .brandshop-location__metro { display: flex; align-items: center; font-size: 20px; line-height: 24px; color: #212121; margin-bottom: 16px } @media (max-width: 767.98px) { .brandshop-location__metro { font-size: 18px; margin-bottom: 30px } } .brandshop-location__metro__icon { display: block; width: 24px; height: 24px; margin-right: 18px } .brandshop-location__transport:not(:last-child) { margin-bottom: 50px } @media (max-width: 767.98px) { .brandshop-location__transport:not(:last-child) { margin-bottom: 30px } } .brandshop-location__transport__line { display: flex; flex-wrap: wrap; align-items: center; margin-top: -12px } .brandshop-location__transport__line:not(:last-child) { margin-bottom: 12px } @media (max-width: 767.98px) { .brandshop-location__transport__line:not(:last-child) { margin-bottom: 30px } } .brandshop-location__transport__icon { margin-top: 12px } .brandshop-location__transport__icon:not(:last-child) { margin-right: 18px } .brandshop-location__transport__icon svg { display: inline-block; vertical-align: middle } .brandshop-location__transport__icon .icon-bus { width: 22px; height: 24px } .brandshop-location__transport__icon .icon-trolleybus { width: 22px; height: 32px; margin-top: -6px } .brandshop-location__transport__icon .icon-tramway { width: 22px; height: 36px; margin-top: -8px } .brandshop-location__transport__stop-name { font-size: 20px; line-height: 24px; color: #212121; margin-top: 12px } @media (max-width: 767.98px) { .brandshop-location__transport__stop-name { font-size: 14px; line-height: 16px } } .brandshop-location__transport__list { display: flex; flex-wrap: wrap; align-items: center; list-style: none; padding-left: 0; margin: 0 18px 0 0 } @media (max-width: 767.98px) { .brandshop-location__transport__list { margin-right: 12px } } .brandshop-location__transport__list > li { margin-top: 12px } .brandshop-location__transport__list > li:not(:last-child) { margin-right: 12px } @media (max-width: 767.98px) { .brandshop-location__transport__list > li:not(:last-child) { margin-right: 6px } } .brandshop-location__transport__list__item { width: auto; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; height: 25px; background-color: #eaeef1; border-radius: 5px; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: .01em; color: #212121 } @media (max-width: 767.98px) { .brandshop-location__transport__list__item { font-size: 14px; padding: 0 6px } } .brandshop-location__map-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: calc(50% + 40px); height: 100% } @media (max-width: 1279.98px) { .brandshop-location__map-wrapper { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 100%; height: 275px; max-width: none; margin-bottom: 50px } } @media (max-width: 767.98px) { .brandshop-location__map-wrapper { height: 150px; margin-bottom: 0 } } .brandshop-location__map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f4f4f4 } @media (max-width: 767.98px) { .brandshop-location .button { width: 100% } } .brandshop-scheme { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; overflow: hidden } @media (max-width: 1023.98px) { .brandshop-scheme { position: fixed; z-index: 1400 } } .brandshop-scheme:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transition: opacity .3s } @media (max-width: 1023.98px) { .brandshop-scheme:before { background: rgba(0, 0, 0, .5); position: fixed } } .brandshop-scheme:not(.is-visible) { display: none } @media (max-width: 1023.98px) { .brandshop-scheme:not(.is-active):before { opacity: 0 } .brandshop-scheme:not(.is-active) .brandshop-scheme__container { transform: translateY(100%) } } .brandshop-scheme__container { height: 100%; position: relative } @media (max-width: 1023.98px) { .brandshop-scheme__container { background: #fff; position: fixed; bottom: 0; left: 0; width: 100%; height: auto; border-radius: 24px 24px 0 0; transition: transform .3s } } .brandshop-scheme__title { font-weight: 500; font-size: 24px; line-height: 34px; text-align: center; color: #000; padding: 32px 20px 20px; display: none } @media (max-width: 1023.98px) { .brandshop-scheme__title { display: block } } .brandshop-scheme__picture { width: 100%; height: 100%; overflow: hidden; background: #f4f4f4; display: flex; align-items: center; justify-content: center } @media (max-width: 1023.98px) { .brandshop-scheme__picture { height: 320px } } .brandshop-scheme__picture img { position: relative; display: flex; align-items: center } .brandshop-scheme__close { width: 48px; height: 48px; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center } .brandshop-scheme__close:-moz-focusring { outline: none } .brandshop-scheme__close:focus { outline: none } @media (min-width: 1024px) { .brandshop-scheme__close { background: #fff; border-radius: 100%; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); top: 20px; right: 20px } } .brandshop-scheme__close svg { flex-shrink: 0; display: block; width: 14px; height: 14px; fill: #000; pointer-events: none } @media (max-width: 1023.98px) { .brandshop-scheme__close svg { fill: #afbbc6 } } .brandshop-scheme__zoom { background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); border-radius: 8px; width: 48px; height: 88px; position: absolute; top: calc(50% - 44px); right: 20px } @media (max-width: 1023.98px) { .brandshop-scheme__zoom { display: none } } .brandshop-scheme__zoom-button { width: 100%; height: 50%; display: flex; align-items: center; justify-content: center } .brandshop-scheme__zoom-button:-moz-focusring { outline: none } .brandshop-scheme__zoom-button:focus { outline: none } .brandshop-scheme__zoom-button svg { pointer-events: none } .photos-main { padding-bottom: 140px; background: #fff } .photos-main, .photos-main *, .photos-main:after, .photos-main:before { box-sizing: border-box } @media (max-width: 1365.98px) { .photos-main { padding-bottom: 130px } } @media (max-width: 1023.98px) { .photos-main { padding-bottom: 70px } } @media (max-width: 767.98px) { .photos-main { padding-bottom: 30px } } .photos-main__container { margin: 0 auto; max-width: 1312px } @media (max-width: 1919.98px) { .photos-main__container { max-width: 1366px; padding: 0 80px } } @media (max-width: 1365.98px) { .photos-main__container { padding: 0 32px } } @media (max-width: 1023.98px) { .photos-main__container { padding: 0 20px } } .photos-main__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 32px; line-height: 1; margin-bottom: 60px } @media (max-width: 1023.98px) { .photos-main__title { margin-bottom: 30px; font-size: 20px; line-height: 24px } } @media (max-width: 767.98px) { .photos-main__title { margin-bottom: 20px } } .brandshop-store .photos-main__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 48px; line-height: 56px; letter-spacing: .02em; margin: 0 0 40px } @media (max-width: 1365.98px) { .brandshop-store .photos-main__title { font-size: 32px; line-height: 40px; margin: 0 0 28px } } @media (max-width: 1023.98px) { .brandshop-store .photos-main__title { font-size: 20px; line-height: 28px; margin: 0 0 16px } } @media (max-width: 1365.98px) { .photos-main__items { margin: 0 -32px; padding: 0 32px } } @media (max-width: 1023.98px) { .photos-main__items { margin: 0 -20px; padding: 0 20px } } .photos-main__items-wrapper { width: auto; height: auto } @media (min-width: 1366px) { .photos-main__items-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 73% 30px auto; grid-template-columns:73% auto; -ms-grid-rows: 305px 30px 305px; grid-template-rows:305px 305px; gap: 30px 30px } .photos-main__items-wrapper > :first-child { -ms-grid-row: 1; -ms-grid-column: 1 } .photos-main__items-wrapper > :nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3 } .photos-main__items-wrapper > :nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1 } .photos-main__items-wrapper > :nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 3 } } @media (min-width: 1366px) and (-ms-high-contrast: none), screen and (min-width: 1366px) and (-ms-high-contrast: active) { .photos-main__items-wrapper { display: -ms-grid; -ms-grid-columns: 73% 30px 1fr; -ms-grid-rows: 305px 30px 305px } } @media (max-width: 1365.98px) { .photos-main__items-wrapper { display: flex } } .photos-main__item { border-radius: 12px; overflow: hidden; position: relative; cursor: pointer } @media (max-width: 1365.98px) { .photos-main__item { border-radius: 4px; width: 290px; height: 275px } } @media (max-width: 1023.98px) { .photos-main__item { width: 95px; height: 90px } } .photos-main__item:hover .photos-main__item-photo { transform: scale(1.1) } @media (min-width: 1366px) { .photos-main__item:first-child { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/span 2 } } @media (min-width: 1366px) and (-ms-high-contrast: none), screen and (min-width: 1366px) and (-ms-high-contrast: active) { .photos-main__item:first-child { -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span: 3 } } @media (min-width: 1366px) { .photos-main__item:first-child .photos-main__item-photo.is-secondary { display: none } } @media (max-width: 1365.98px) { .photos-main__item:first-child .photos-main__item-photo.is-primary { display: none } .photos-main__item:first-child .photos-main__item-photo.is-secondary { display: block } } @media (min-width: 1366px) { .photos-main__item:nth-child(2) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1 } } @media (min-width: 1366px) and (-ms-high-contrast: none), screen and (min-width: 1366px) and (-ms-high-contrast: active) { .photos-main__item:nth-child(2) { -ms-grid-column: 3; -ms-grid-row: 1 } } @media (min-width: 1366px) { .photos-main__item:nth-child(3) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 2; grid-row: 2 } } @media (min-width: 1366px) and (-ms-high-contrast: none), screen and (min-width: 1366px) and (-ms-high-contrast: active) { .photos-main__item:nth-child(3) { -ms-grid-column: 3; -ms-grid-row: 3 } } @media (min-width: 1366px) { .photos-main__item:nth-child(n+4) { display: none } } .photos-main__item-photo { -o-object-fit: cover; object-fit: cover; transition: transform .3s; pointer-events: none } .photos-main__item-overlay, .photos-main__item-photo { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .photos-main__item-overlay { background: #212121; opacity: .87; font-weight: 500; font-size: 42px; line-height: 28px; color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none } @media (max-width: 1365.98px) { .photos-main__item-overlay { display: none } } .photos-main__item-overlay:hover, .photos-main__item-overlay:visited { color: #fff } .photos-main__show-more { font-weight: 500; font-size: 20px; line-height: 24px; margin-top: 30px } @media (max-width: 1023.98px) { .photos-main__show-more { font-size: 16px; line-height: 24px; margin-top: 20px } } .photos-tiles { padding-bottom: 200px; background: #fff } .photos-tiles, .photos-tiles *, .photos-tiles:after, .photos-tiles:before { box-sizing: border-box } @media (max-width: 1279.98px) { .photos-tiles { padding-bottom: 150px } } @media (max-width: 1023.98px) { .photos-tiles { padding-bottom: 140px } } @media (max-width: 767.98px) { .photos-tiles { padding-bottom: 100px } } .photos-tiles__container { margin: 0 auto; max-width: 1312px } @media (max-width: 1919.98px) { .photos-tiles__container { max-width: 1366px; padding: 0 80px } } @media (max-width: 1279.98px) { .photos-tiles__container { padding: 0 32px } } @media (max-width: 1023.98px) { .photos-tiles__container { padding: 0 20px } } .photos-tiles__items { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr; grid-template-columns:repeat(4, 1fr); grid-auto-rows: 300px; gap: 30px } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .photos-tiles__items { display: flex; flex-wrap: wrap; margin: -30px 0 0 -30px; gap: 0 } } @media (max-width: 1919.98px) { .photos-tiles__items { grid-auto-rows: 225px } } @media (max-width: 1279.98px) { .photos-tiles__items { grid-auto-rows: 210px; gap: 20px } } @media (max-width: 1279.98px) and (-ms-high-contrast: none), screen and (max-width: 1279.98px) and (-ms-high-contrast: active) { .photos-tiles__items { margin: -20px 0 0 -20px; gap: 0 } } @media (max-width: 767.98px) { .photos-tiles__items { -ms-grid-columns: 1fr 10px 1fr; grid-template-columns:repeat(2, 1fr); grid-auto-rows: 155px; gap: 10px } } @media (max-width: 767.98px) and (-ms-high-contrast: none), screen and (max-width: 767.98px) and (-ms-high-contrast: active) { .photos-tiles__items { margin: -10px 0 0 -10px; gap: 0 } } .photos-tiles__item { border-radius: 8px; overflow: hidden; position: relative; cursor: pointer } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .photos-tiles__item { width: calc(25% - 30px); margin: 30px 0 0 30px } .photos-tiles__item:before { content: ""; display: block; width: 100%; padding-top: 93.46405% } } @media (-ms-high-contrast: none) and (max-width: 1279.98px), screen and (-ms-high-contrast: active) and (max-width: 1279.98px) { .photos-tiles__item { width: calc(25% - 20px); margin: 20px 0 0 20px } } @media (-ms-high-contrast: none) and (max-width: 767.98px), screen and (-ms-high-contrast: active) and (max-width: 767.98px) { .photos-tiles__item { width: calc(50% - 10px); margin: 10px 0 0 10px } } .photos-tiles__item:hover .photos-tiles__item-photo { transform: scale(1.1) } .photos-tiles__item.is-primary { -ms-grid-column: 3; -ms-grid-column-span: 2; grid-column: 3/span 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/span 2 } @media (max-width: 1279.98px) { .photos-tiles__item.is-primary { grid-column: auto; grid-row: auto } } @media (max-width: 1279.98px) { .photos-tiles__item.is-primary .photos-tiles__item-photo.is-primary { display: none } } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .photos-tiles__item.is-primary .photos-tiles__item-photo.is-primary { display: none } } @media (min-width: 1366px) { .photos-tiles__item.is-primary .photos-tiles__item-photo.is-secondary { display: none } } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .photos-tiles__item.is-primary .photos-tiles__item-photo.is-secondary { display: block } } .photos-tiles__item-photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform .3s } .gallery-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1400; overflow: hidden; background: #212121 } .gallery-popup:not(.is-active) { display: none } .gallery-popup__container { height: 100vh; padding-top: 100px; display: flex; flex-direction: column } @media (max-width: 1919.98px) { .gallery-popup__container { padding-top: 70px } } @media (max-width: 1023.98px) { .gallery-popup__container { padding-top: 40px } } .gallery-popup__close { width: 48px; height: 48px; position: absolute; top: 8px; right: 8px; background: url(/local/templates/haier/css/../images/icon-cross-2.svg) no-repeat 50%; z-index: 10 } .gallery-popup__close:-moz-focusring { outline: none } .gallery-popup__close:focus { outline: none } .gallery-popup__main { flex-grow: 1; width: 100%; display: flex } .gallery-popup__main-wrapper { flex-shrink: 0; height: auto } .gallery-popup__main-next, .gallery-popup__main-prev { background: #fff; border-radius: 100%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; position: absolute; top: calc(50% - 24px); margin-top: 0; transition: opacity .3s } .gallery-popup__main-next:-moz-focusring, .gallery-popup__main-prev:-moz-focusring { outline: none } .gallery-popup__main-next:focus, .gallery-popup__main-prev:focus { outline: none } @media (max-width: 1279.98px) { .gallery-popup__main-next, .gallery-popup__main-prev { display: none } } .gallery-popup__main-next.swiper-button-disabled, .gallery-popup__main-prev.swiper-button-disabled { opacity: 0 } .gallery-popup__main-next svg, .gallery-popup__main-prev svg { display: block; width: 6px; height: 10px; fill: #000; pointer-events: none } .gallery-popup__main-prev { left: 40px } @media (max-width: 1919.98px) { .gallery-popup__main-prev { left: 20px } } .gallery-popup__main-prev svg { transform: rotate(180deg) } .gallery-popup__main-next { right: 40px } @media (max-width: 1919.98px) { .gallery-popup__main-next { right: 20px } } .gallery-popup__thumbs { flex-shrink: 0; margin-top: 80px; padding: 0 40px; width: 100% } @media (max-width: 1919.98px) { .gallery-popup__thumbs { margin-top: 56px; padding: 0 20px } } @media (max-width: 1023.98px) { .gallery-popup__thumbs { margin-top: 40px } } .gallery-popup__slide { position: relative; overflow: hidden } .gallery-popup__main .gallery-popup__slide { box-sizing: border-box; padding: 0 40px } @media (max-width: 1919.98px) { .gallery-popup__main .gallery-popup__slide { padding: 0 20px } } .gallery-popup__main .gallery-popup__slide.is-preloaded { display: flex; flex-direction: column } .gallery-popup__thumbs .gallery-popup__slide { width: auto; height: auto; padding-bottom: 46px } @media (max-width: 1023.98px) { .gallery-popup__thumbs .gallery-popup__slide { padding-bottom: 20px } } .gallery-popup__thumbs .gallery-popup__slide:before { content: ""; display: block; background: #22b0f3; width: 100%; height: 6px; position: absolute; bottom: 0; left: 0; transform: scaleY(0); transform-origin: 50% 100%; transition: transform .3s } @media (max-width: 1919.98px) { .gallery-popup__thumbs .gallery-popup__slide:before { height: 3px } } .gallery-popup__thumbs .gallery-popup__slide.is-active:before { transform: scaleY(1) } .gallery-popup__main .gallery-popup__img-container { width: 100%; height: 100%; position: relative } .gallery-popup__slide.is-preloaded .gallery-popup__img-container { width: auto; height: auto } .gallery-popup__img { display: block; -o-object-fit: cover; object-fit: cover; pointer-events: none } .gallery-popup__main .gallery-popup__img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .gallery-popup__slide.is-preloaded .gallery-popup__img { width: 100%; height: 100% } .gallery-popup__thumbs .gallery-popup__img { width: 110px; height: 90px; border-radius: 6px } @media (max-width: 1279.98px) { .gallery-popup__thumbs .gallery-popup__img { width: 64px; height: 54px } } .reviews-v2 { background: #fff } .reviews-v2, .reviews-v2 *, .reviews-v2:after, .reviews-v2:before { box-sizing: border-box } .reviews-v2.is-general { padding-bottom: 150px } @media (max-width: 1023.98px) { .reviews-v2.is-general { padding-bottom: 100px } } .reviews-v2:not(.is-general) { padding-bottom: 160px } @media (max-width: 1919.98px) { .reviews-v2:not(.is-general) { padding-bottom: 150px } } @media (max-width: 1279.98px) { .reviews-v2:not(.is-general) { padding-bottom: 140px } } @media (max-width: 1023.98px) { .reviews-v2:not(.is-general) { padding-bottom: 100px } } .reviews-v2:not(.is-active) { display: none } .reviews-v2__container { margin: 0 auto; max-width: 1312px } @media (max-width: 1919.98px) { .reviews-v2__container { max-width: 1366px; padding: 0 80px } } @media (max-width: 1279.98px) { .reviews-v2__container { padding: 0 32px } } @media (max-width: 1023.98px) { .reviews-v2__container { padding: 0 20px } } .reviews-v2__title { font-weight: 500; font-size: 32px; line-height: 28px; margin-bottom: 24px } @media (max-width: 1023.98px) { .reviews-v2__title { font-size: 20px; line-height: 24px } } .brandshop-store .reviews-v2__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 48px; line-height: 56px; letter-spacing: .02em; margin: 0 0 40px } @media (max-width: 1365.98px) { .brandshop-store .reviews-v2__title { font-size: 32px; line-height: 40px; margin: 0 0 28px } } @media (max-width: 1023.98px) { .brandshop-store .reviews-v2__title { font-size: 20px; line-height: 28px; margin: 0 0 16px } } .reviews-v2__review-sent { background: #f2f7ec; border-radius: 8px; font-size: 20px; line-height: 40px; margin-bottom: 20px; padding: 40px } @media (min-width: 768px) { .reviews-v2__review-sent br { display: none } } @media (max-width: 767.98px) { .reviews-v2__review-sent { font-size: 16px; line-height: 24px; padding: 20px } } .reviews-v2__review-sent:not(.is-active) { display: none } .reviews-v2__reviews-empty { font-size: 20px; line-height: 28px; margin-bottom: 40px } @media (max-width: 767.98px) { .reviews-v2__reviews-empty { font-size: 16px; line-height: 28px; margin-bottom: 16px } } .reviews-v2__reviews-empty:not(.is-active) { display: none } .reviews-v2__items { margin-top: 30px } .reviews-v2__item { background: #fff; box-shadow: 0 4px 44px rgba(0, 0, 0, .1); border-radius: 12px; padding: 40px 48px } @media (max-width: 1023.98px) { .reviews-v2__item { padding: 24px 18px } } .reviews-v2__item:not(:first-child) { margin-top: 20px } .reviews-v2__item-header { display: flex; align-items: flex-start } @media (max-width: 1023.98px) { .reviews-v2__item-header { flex-wrap: wrap } } .reviews-v2__item-stars { flex-shrink: 0; display: flex; order: 0 } .reviews-v2__item-star { flex-shrink: 0; fill: #c1cad2; transition: fill .3s } .reviews-v2__item-star:not(:first-child) { margin-left: 4px } .reviews-v2__item-star.is-active { fill: #fdb222 } .reviews-v2__item-author { flex-shrink: 0; font-weight: 500; font-size: 16px; line-height: 1; color: #afbbc6; margin-left: 30px; order: 1 } @media (max-width: 767.98px) { .reviews-v2__item-author { margin-left: 0; margin-top: 8px; order: 3; width: 100% } } .reviews-v2__item-date { flex-shrink: 0; font-weight: 500; font-size: 16px; line-height: 1; color: #afbbc6; margin-left: auto; order: 2 } .reviews-v2__item-body { font-size: 20px; line-height: 28px; margin-top: 16px } @media (max-width: 1023.98px) { .reviews-v2__item-body { font-size: 16px } } .reviews-v2__buttons { margin-top: 40px; display: flex; justify-content: center } @media (max-width: 767.98px) { .reviews-v2__buttons { margin-top: 24px } } .reviews-v2__button { flex-shrink: 0; background: #22b0f3; box-shadow: 0 10px 20px rgba(34, 176, 243, .35); border-radius: 8px; font-weight: 500; font-size: 20px; line-height: 26px; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; width: 250px; height: 64px } .reviews-v2__button:-moz-focusring { outline: none } .reviews-v2__button:focus { outline: none } @media (max-width: 1919.98px) { .reviews-v2__button { font-size: 18px; line-height: 23px; width: 200px; height: 56px } } @media (max-width: 1023.98px) { .reviews-v2__button { width: 60px; height: 60px; border-radius: 100%; font-size: 0; background: #22b0f3 url(/local/templates/haier/css/../images/icon-review.svg) no-repeat 50%; margin-left: auto } } .reviews-v2-rate { background: #f6f6f6; border: 1px solid #f4f4f4; border-radius: 8px; padding: 30px } .reviews-v2-rate, .reviews-v2-rate *, .reviews-v2-rate:after, .reviews-v2-rate:before { box-sizing: border-box } @media (max-width: 767.98px) { .reviews-v2-rate { padding: 20px } } .reviews-v2-rate__title { font-size: 20px; line-height: 24px; color: rgba(0, 0, 0, .9); margin-bottom: 15px; text-align: center } @media (max-width: 767.98px) { .reviews-v2-rate__title { font-size: 16px; margin-bottom: 12px } } .reviews-v2-rate__stars { display: flex; justify-content: center } .reviews-v2-rate__star { flex-shrink: 0; cursor: pointer } .reviews-v2-rate__star:not(:first-child) { margin-left: 45px } @media (max-width: 767.98px) { .reviews-v2-rate__star:not(:first-child) { margin-left: 30px } } .reviews-v2-rate__star.is-active svg { fill: #fdb222 } .reviews-v2-rate__star svg { fill: #c1cad2; transition: fill .3s; width: 33px; height: 32px } @media (max-width: 767.98px) { .reviews-v2-rate__star svg { width: 29px; height: 28px } } .reviews-v2-form { background: #fff } .reviews-v2-form, .reviews-v2-form *, .reviews-v2-form:after, .reviews-v2-form:before { box-sizing: border-box } .reviews-v2-form.is-general { padding-bottom: 150px } @media (max-width: 1023.98px) { .reviews-v2-form.is-general { padding-bottom: 100px } } .reviews-v2-form:not(.is-general) { padding: 80px 0 160px } @media (max-width: 1919.98px) { .reviews-v2-form:not(.is-general) { padding-bottom: 150px } } @media (max-width: 1279.98px) { .reviews-v2-form:not(.is-general) { padding: 40px 0 140px } } @media (max-width: 1023.98px) { .reviews-v2-form:not(.is-general) { padding: 20px 0 100px } } .reviews-v2-form:not(.is-active) { display: none } .reviews-v2-form__container { margin: 0 auto; max-width: 1312px } @media (max-width: 1919.98px) { .reviews-v2-form__container { max-width: 1366px; padding: 0 80px } } @media (max-width: 1279.98px) { .reviews-v2-form__container { padding: 0 32px } } @media (max-width: 1023.98px) { .reviews-v2-form__container { padding: 0 20px } } .reviews-v2-form__content { background: #fff; box-shadow: 0 4px 44px rgba(0, 0, 0, .1); border-radius: 12px; padding: 50px 80px 80px; position: relative } @media (max-width: 1279.98px) { .reviews-v2-form__content { padding: 0; box-shadow: none } } .reviews-v2-form__close { display: flex; align-items: center; justify-content: center; position: absolute; top: 24px; right: 24px; padding: 8px } .reviews-v2-form__close:-moz-focusring { outline: none } .reviews-v2-form__close:focus { outline: none } @media (max-width: 1279.98px) { .reviews-v2-form__close { top: -4px; right: -16px } } .reviews-v2-form__close svg { flex-shrink: 0; pointer-events: none } .reviews-v2-form__title { font-weight: 500; font-size: 32px; line-height: 40px; margin-bottom: 24px } @media (max-width: 1279.98px) { .reviews-v2-form__title { padding-right: 48px } } @media (max-width: 1023.98px) { .reviews-v2-form__title { font-size: 24px; line-height: 40px } } .reviews-v2-form__row { margin-top: 20px } .reviews-v2-form__input, .reviews-v2-form__textarea { background: #fcfcfc; border: 1px solid #d7dde3; border-radius: 6px; font-size: 20px; line-height: 24px; color: #97a4af; padding: 15px; width: 100% } .reviews-v2-form__input:-moz-focusring, .reviews-v2-form__textarea:-moz-focusring { outline: none } .reviews-v2-form__input:focus, .reviews-v2-form__textarea:focus { outline: none } .reviews-v2-form__input::-moz-placeholder, .reviews-v2-form__textarea::-moz-placeholder { color: #97a4af } .reviews-v2-form__input:-ms-input-placeholder, .reviews-v2-form__textarea:-ms-input-placeholder { color: #97a4af } .reviews-v2-form__input::placeholder, .reviews-v2-form__textarea::placeholder { color: #97a4af } .reviews-v2-form__textarea { height: 180px; resize: none } .reviews-v2-form__checkbox { display: inline-flex; align-items: flex-start; position: relative; overflow: hidden; cursor: pointer } .reviews-v2-form__checkbox-input { position: absolute; bottom: 100%; right: 100% } .reviews-v2-form__checkbox-input:checked ~ .reviews-v2-form__checkbox-box { background: #22b0f3; border-color: #22b0f3 } .reviews-v2-form__checkbox-input:checked ~ .reviews-v2-form__checkbox-box svg { opacity: 1 } .reviews-v2-form__checkbox-box { background: #fcfcfc; border: 1px solid #d7dde3; border-radius: 4px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-right: 16px; transition-property: background-color, border-color; transition-duration: .3s } .reviews-v2-form__checkbox-box svg { flex-shrink: 0; pointer-events: none; opacity: 0; transition: opacity .3s } .reviews-v2-form__checkbox-text { font-size: 18px; line-height: 24px } @media (max-width: 1023.98px) { .reviews-v2-form__checkbox-text { font-size: 16px } } .reviews-v2-form__buttons { margin-top: 60px } @media (max-width: 1279.98px) { .reviews-v2-form__buttons { margin-top: 40px } } .reviews-v2-form__button { flex-shrink: 0; background: #22b0f3; box-shadow: 0 10px 20px rgba(34, 176, 243, .35); border-radius: 8px; font-weight: 500; font-size: 18px; line-height: 23px; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; width: 180px; height: 56px } .reviews-v2-form__button:-moz-focusring { outline: none } .reviews-v2-form__button:focus { outline: none } @media (max-width: 767.98px) { .reviews-v2-form__button { width: 100% } } .reviews { position: relative; padding: 110px 0 } @media (max-width: 1919.98px) { .reviews { padding: 80px 0 } } @media (max-width: 1366.98px) { .reviews { padding: 70px 0 } } @media (max-width: 768.98px) { .reviews { padding: 39px 0 48px; border-top: 1px solid rgba(175, 187, 198, .5) } } .reviews__container { max-width: 1920px; margin: 0 auto; padding: 0 303px } @media (max-width: 1919.98px) { .reviews__container { padding: 0 158px } } @media (max-width: 1366.98px) { .reviews__container { padding: 0 94px } } @media screen and (max-width: 1023.98px) { .reviews__container { padding: 0 20px } } .reviews__header { display: flex; justify-content: space-between; margin-bottom: 30px } @media (max-width: 768.98px) { .reviews__header { display: block; margin-bottom: 12px } } .reviews__title { font-weight: 500; font-size: 32px; line-height: 48px; letter-spacing: .01em; padding-right: 24px } @media (max-width: 768.98px) { .reviews__title { font-size: 24px; line-height: 36px; margin-bottom: 24px; padding-right: 0 } } .reviews__rating { display: flex; align-items: center } .reviews__rating-text { display: flex; align-items: baseline; margin-left: 14px } .reviews__rating-score { font-weight: 500; font-size: 24px; line-height: 32px; letter-spacing: .02em; color: #00a0eb } @media (max-width: 768.98px) { .reviews__rating-score { font-size: 20px } } .reviews__rating-count { font-weight: 500; font-size: 20px; line-height: 32px; letter-spacing: .02em; color: #97a4af; white-space: nowrap } @media (max-width: 768.98px) { .reviews__rating-count { font-size: 18px } } .reviews__rating-count:not(.is-empty):before { content: "/"; display: inline; margin: 0 2px } .reviews__status { font-size: 20px; line-height: 40px } @media (max-width: 768.98px) { .reviews__status { font-size: 16px; line-height: 24px } } .reviews__status:not(:last-child) { margin-bottom: 20px } @media (max-width: 768.98px) { .reviews__status:not(:last-child) { margin-bottom: 24px } } .reviews__rate:not(:last-child) { margin-bottom: 20px } .reviews__footer { margin-top: 30px; display: flex; align-items: flex-end; flex-wrap: wrap } @media (max-width: 768.98px) { .reviews__footer { margin-top: 40px; flex-direction: column; align-items: center; justify-content: flex-start } } .reviews__pagination { display: flex; height: 44px } @media (max-width: 767.98px) { .reviews__pagination { height: 28px } } .reviews__pagination-arrow, .reviews__pagination-button { display: flex; align-items: center; justify-content: center; color: #212121; cursor: pointer; transition-property: color, background-color; transition-duration: .25s } .reviews__pagination-arrow:-moz-focusring, .reviews__pagination-button:-moz-focusring { outline: none } .reviews__pagination-arrow:focus, .reviews__pagination-button:focus { outline: none } .reviews__pagination-arrow:hover, .reviews__pagination-button:hover { color: #22b0f3 } .reviews__pagination-arrow:not(:first-child), .reviews__pagination-button:not(:first-child) { margin-left: 20px } .reviews__pagination-arrow.is-disabled, .reviews__pagination-button.is-disabled { opacity: .5; cursor: not-allowed; color: #212121 } .reviews__pagination-arrow { width: 26px } .reviews__pagination-arrow svg { width: 7px; height: 11px; display: block; flex-shrink: 0; fill: currentColor; pointer-events: none } .reviews__pagination-arrow:first-child svg { transform: rotate(180deg) } .reviews__pagination-button { background: #fff; border-radius: 4px; width: 46px; font-size: 24px; line-height: 36px } @media (max-width: 767.98px) { .reviews__pagination-button { width: 28px; font-size: 16px; line-height: 20px } } .reviews__pagination-button.is-active { background: #22b0f3; color: #fff } .reviews__pagination:not(.is-hidden) + .reviews__button { margin-right: 0 } @media (max-width: 768.98px) { .reviews__pagination:not(.is-hidden) + .reviews__button { margin-right: auto } } .reviews__button { min-width: 200px; margin: 0 auto } @media (max-width: 768.98px) { .reviews__button:not(:first-child) { margin-top: 34px } } .reviews__success { background: rgba(127, 179, 60, .1); border-radius: 6px; font-size: 20px; line-height: 40px; padding: 24px 32px; width: 100% } @media (max-width: 768.98px) { .reviews__success { font-size: 16px; line-height: 28px; padding: 24px 18px } } .reviews__success:not(:first-child) { margin-top: 40px } .reviews__sort { display: flex; margin: 24px 0 } .reviews__sort-title { font-size: 16px; font-weight: 400; line-height: 20px; color: #97a4af; margin-right: 3px } @media (max-width: 1023.98px) { .reviews__sort-title { display: none } } .reviews__sort-dropdown { position: relative; display: flex; flex-direction: column; color: #212121; font-size: 16px; font-weight: 400; line-height: 20px } .reviews__sort-dropdown.__opened .reviews__sort-dropdown-list { display: flex } .reviews__sort-dropdown.__opened .reviews__sort-dropdown-selected:before { transform: translateY(-50%) } .reviews__sort-dropdown-selected { position: relative; color: #212121; cursor: pointer } .reviews__sort-dropdown-selected:before { content: ""; position: absolute; width: 12px; height: 12px; right: -18px; top: 50%; transform: rotateX(180deg) translateY(50%); transition: .2s ease-in-out; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M5.61 4.488l-2.96 3.7A.5.5 0 003.04 9h5.92a.5.5 0 00.39-.812l-2.96-3.7a.5.5 0 00-.78 0z' fill='%2322B0F3'/%3E%3C/svg%3E") } .reviews__sort-dropdown-list { display: none; position: absolute; flex-direction: column; width: 237px; grid-gap: 15px 0; left: 0; bottom: -16.5px; transform: translateY(100%); padding: 20px 30px 20px 20px; border-radius: 8px; background: #fff; box-shadow: 0 0 25px 0 hsla(0, 0%, 70.6%, .25); z-index: 1 } .reviews__sort-dropdown-list:before { content: ""; position: absolute; width: 13px; height: 7.5px; right: 38px; top: -6px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' fill='none'%3E%3Cpath d='M0 7.5L6.5 0 13 7.5H0z' fill='%23fff'/%3E%3C/svg%3E") } .reviews__sort-dropdown-list-el { cursor: pointer } .reviews__sort-dropdown-list-el.__selected { pointer-events: none; font-weight: 500 } .reviews-rate { background: #fff; border: 1px solid #f4f4f4; border-radius: 8px; padding: 30px } @media (max-width: 767.98px) { .reviews-rate { padding: 20px } } .reviews-rate__title { font-size: 20px; line-height: 24px; color: rgba(0, 0, 0, .9); margin-bottom: 15px; text-align: center } @media (max-width: 767.98px) { .reviews-rate__title { font-size: 16px; margin-bottom: 12px } } .reviews-rate__stars { display: flex; justify-content: center } .reviews-rate__star { flex-shrink: 0; cursor: pointer; color: #c1cad2; transition: color .25s; width: 33px; height: 32px; opacity: .8 } @media (max-width: 767.98px) { .reviews-rate__star { width: 29px; height: 28px } } .reviews-rate__star:not(:first-child) { margin-left: 45px } @media (max-width: 767.98px) { .reviews-rate__star:not(:first-child) { margin-left: 30px } } .reviews-rate__star.is-active { color: #fdb222 } .review-item { background: #fff; padding: 40px; border-radius: 12px } @media (max-width: 768.98px) { .review-item { padding: 24px 18px } } .review-item:not(:first-child) { margin-top: 20px } .review-item__person-header { display: flex; justify-content: space-between; align-items: center; font-weight: 500; font-size: 16px; line-height: 1; color: #afbbc6 } @media (max-width: 768.98px) { .review-item__person-header { align-items: flex-start } } .review-item__data { display: flex; align-items: center } @media (max-width: 768.98px) { .review-item__data { display: block } } .review-item__person-user { margin-left: 30px } @media (max-width: 768.98px) { .review-item__person-user { margin-left: 0; margin-top: 14px } } .review-item__text-header { font-weight: 500; font-size: 18px; line-height: 20px; margin-top: 24px } @media (max-width: 768.98px) { .review-item__text-header { font-size: 16px; margin-top: 16px } } .review-item__text-body { font-size: 20px; line-height: 40px; margin-top: 16px; position: relative; overflow: hidden } @media (max-width: 768.98px) { .review-item__text-body { font-size: 16px; line-height: 28px; margin-top: 16px } } .review-item__text-body:after, .review-item__text-body:before { position: absolute; pointer-events: none; border-radius: 2px } .review-item__text-body:before { content: ""; width: 56px; height: 40px; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 50%); bottom: 0; right: 0 } @media (max-width: 768.98px) { .review-item__text-body:before { height: 28px } } .review-item__text-body:after { content: "..."; background: rgba(34, 176, 243, .1); bottom: 8px; right: 0; width: 28px; height: 18px; font-size: 20px; line-height: 8px; letter-spacing: .005em; text-align: center; color: #00a0eb } @media (max-width: 768.98px) { .review-item__text-body:after { height: 14px; bottom: 6px; font-size: 16px } } .review-item__text-body:not(.is-expanded) { height: 80px; cursor: pointer } @media (max-width: 768.98px) { .review-item__text-body:not(.is-expanded) { height: 56px } } .review-item__text-body.is-expanded:after, .review-item__text-body.is-expanded:before { display: none } .review-item__photos { display: flex; margin-top: 16px } @media (max-width: 768.98px) { .review-item__photos { margin-top: 10px } } .review-item__photos-item { flex-shrink: 0; width: 82px; height: 82px; position: relative; cursor: pointer } @media (max-width: 1279.98px) { .review-item__photos-item { width: 60px; height: 60px } } .review-item__photos-item:not(:first-child) { margin-left: 16px } @media (max-width: 1279.98px) { .review-item__photos-item:not(:first-child) { margin-left: 10px } } @media (max-width: 768.98px) { .review-item__photos-item:not(:first-child) { margin-left: 8px } } @media (max-width: 768.98px) { .review-item__photos-item:nth-child(1n+5) { display: none } } .review-item__photos-item:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #22b0f3; border-radius: 6px; opacity: 0; transition: opacity .25s; box-sizing: border-box; pointer-events: none } .review-item__photos-item:hover:after { opacity: 1 } .review-item__photos-item img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 6px } .review-item__photos-more { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 100%, .8); border-radius: 6px; font-weight: 500; font-size: 20px; line-height: 32px; letter-spacing: .02em; color: #00a0eb; display: flex; align-items: center; justify-content: center; pointer-events: none } @media (min-width: 769px) { .review-item__photos-more { display: none } } .review-item__reply { position: relative; background: rgba(34, 176, 243, .06); border-radius: 8px; margin-top: 16px; padding: 30px 30px 24px 62px } @media (max-width: 1279.98px) { .review-item__reply { padding: 20px 20px 20px 52px } } @media (max-width: 768.98px) { .review-item__reply { padding: 15px } } @media (max-width: 768.98px) { .review-item__reply .review-item__person-header { font-size: 14px } } .review-item__reply .review-item__person-user { color: #00a0eb; margin-left: 0; margin-top: 0 } .review-item__reply .review-item__text-body { line-height: 32px } @media (max-width: 768.98px) { .review-item__reply .review-item__text-body { line-height: 20px } } .review-item__reply-icon { position: absolute; width: 15px; height: 20px; top: 28px; left: 30px } @media (max-width: 1279.98px) { .review-item__reply-icon { top: 18px; left: 20px } } @media (max-width: 768.98px) { .review-item__reply-icon { display: none } } .reviews-form__title { font-weight: 500; font-size: 32px; line-height: 40px; margin: 0 0 30px } @media (max-width: 768.98px) { .reviews-form__title { font-size: 24px; margin-bottom: 20px } } .reviews-form .reviews-rate { background: #f6f6f6; margin-bottom: 20px } @media (max-width: 768.98px) { .reviews-form .reviews-rate { padding: 20px 30px } .reviews-form .reviews-rate__stars { max-width: 260px; justify-content: space-between; margin: 0 auto } .reviews-form .reviews-rate__star { width: 28px; height: 28px; margin-left: 0 } } .reviews-form__row { margin: 20px 0 0 } .reviews-form__row--error { background: #fff3f5; border-radius: 8px; margin-top: 20px; font-size: 16px; line-height: 24px; letter-spacing: .01em; padding: 25px 30px } .reviews-form__row--textarea .input-text__input { height: 184px } .reviews-form__row--checkbox.input-checkbox { margin-bottom: 0 } @media (min-width: 769px) { .reviews-form__row--checkbox.input-checkbox .input-checkbox__label { font-size: 18px; line-height: 24px; padding-left: 40px } .reviews-form__row--checkbox.input-checkbox .input-checkbox__label:before { width: 24px; height: 24px } .reviews-form__row--checkbox.input-checkbox .input-checkbox__label:after { top: 4px; left: 6px } } .reviews-form__row--footer { margin-top: 30px } .reviews-form__row--footer .button { min-width: 180px } .reviews-modal { padding: 24px 0 } @media (max-width: 767.98px) { .reviews-modal { padding: 0 } } .reviews-modal .tingle-modal-box { width: 100%; max-width: 762px; top: 0; margin: auto 0 } @media (max-width: 767.98px) { .reviews-modal .tingle-modal-box { border-radius: 0; max-width: none; min-height: 100vh; display: flex; flex-direction: column } } .reviews-modal .tingle-modal-box__content { padding: 50px 60px; overflow-y: visible } @media (max-width: 767.98px) { .reviews-modal .tingle-modal-box__content { padding: 24px 20px 40px; margin: auto 0 } } .file-inputs { margin: 30px 0 } .file-inputs__header { margin-bottom: 24px; display: flex; align-items: baseline; width: 100% } .file-inputs__header-title { font-weight: 500; font-size: 20px; line-height: 28px; letter-spacing: .02em } @media (max-width: 768.98px) { .file-inputs__header-title { font-size: 18px; line-height: 24px } } .file-inputs__header-counter { font-weight: 500; font-size: 15px; line-height: 28px; letter-spacing: -.06em; color: #97a4af; margin-left: 5px } .file-inputs__body { display: flex } .file-inputs__items { display: flex; flex-wrap: wrap; margin: -10px 0 0 -16px } .file-inputs__item { position: relative; margin: 10px 0 0 16px; display: flex } .file-inputs__item-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; text-indent: -9999px; cursor: pointer; z-index: 1 } .file-inputs__item-input:-moz-focusring { outline: none } .file-inputs__item-input:focus { outline: none } .file-inputs__item-inner { flex-shrink: 0; background: #f6f6f6; border-radius: 6px; width: 82px; height: 82px; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative } @media (max-width: 768.98px) { .file-inputs__item-inner { width: 60px; height: 60px } } .file-inputs__item-icon { display: block } @media (max-width: 768.98px) { .file-inputs__item-icon { width: 23px } } .file-inputs__item-image { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .file-inputs__item-remove { width: 22px; height: 22px; position: absolute; top: 2px; right: 2px; cursor: pointer; background: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; z-index: 1 } .file-inputs__item-remove:-moz-focusring { outline: none } .file-inputs__item-remove:focus { outline: none } @media (max-width: 768.98px) { .file-inputs__item-remove { width: 20px; height: 20px } } .file-inputs__item-remove:before { content: ""; display: block; width: 10px; height: 11px; background: url(/local/templates/haier/css/../images/icon-cross-3.svg); pointer-events: none } @media (max-width: 768.98px) { .file-inputs__item-remove:before { width: 8px; height: 9px } } .file-inputs__item.is-uploaded .file-inputs__item-icon, .file-inputs__item.is-uploaded .file-inputs__placeholder, .file-inputs__item:not(.is-uploaded) .file-inputs__item-image, .file-inputs__item:not(.is-uploaded) .file-inputs__item-remove, .file-inputs__item:not(:only-child) .file-inputs__placeholder { display: none } .file-inputs__item.is-loading:after { content: ""; display: block; position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); width: 30px; height: 30px; background: url(/local/templates/haier/css/../images/icon-preloader.svg); animation: rotate 1.5s linear infinite } .file-inputs__item.is-loading .file-inputs__item-icon { display: none } .file-inputs__placeholder { flex-grow: 1; padding-left: 30px; padding-top: 12px; font-size: 18px; line-height: 28px; letter-spacing: .02em } @media (max-width: 768.98px) { .file-inputs__placeholder { padding-left: 20px; padding-top: 0; font-size: 16px; line-height: 20px } } .file-inputs__placeholder-text { color: #959799; margin-top: 3px } .modal-credit-notice { text-align: center } .modal-credit-notice__icon img { display: block; margin: 0 auto; width: 70px; height: 70px } .modal-credit-notice__title { margin-top: 35px; font-weight: 700; font-size: 24px; line-height: 32px; letter-spacing: .01em } .modal-credit-notice__text { margin-top: 20px; font-size: 20px; line-height: 32px } .modal-credit-notice__button { margin-top: 20px; min-width: 200px } .modal-credit { text-align: center } .modal-credit__title { font-weight: 500; font-size: 24px; line-height: 40px } @media (max-width: 768.98px) { .modal-credit__title { line-height: 28px } } .modal-credit__items { margin-top: 20px; margin-left: -30px; display: flex; justify-content: center } @media (max-width: 768.98px) { .modal-credit__items { margin-top: 24px; margin-left: -20px } } .modal-credit__item { width: 177px; height: 135px; margin-left: 30px; border: 1px solid #d7dde3; box-shadow: 0 0 0 1px transparent; border-radius: 6px; padding: 15px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition-property: border-collor, box-shadow; transition-duration: .25s } @media (max-width: 768.98px) { .modal-credit__item { margin-left: 20px; padding: 10px; width: calc(33.333% - 20px); height: 100px } } .modal-credit__item.is-active, .modal-credit__item:hover { border-color: #22b0f3; box-shadow: 0 0 0 1px #22b0f3 } .modal-credit__item.is-disabled { opacity: .5; cursor: not-allowed; border-color: #d7dde3; box-shadow: 0 0 0 1px transparent } .modal-credit__item img { display: block; max-width: 100%; max-height: 100%; pointer-events: none } .modal-credit__picker { background: #f4f4f4; border-radius: 6px; margin: 30px auto 0; padding: 20px; display: flex; justify-content: center; text-align: left; width: 100%; max-width: 530px } @media (max-width: 768.98px) { .modal-credit__picker { max-width: 100% } } .modal-credit__picker.is-hidden + .modal-credit__button { margin-top: 50px } .modal-credit__picker-row { flex-shrink: 0; margin-left: -30px; display: flex; width: 100% } @media (max-width: 768.98px) { .modal-credit__picker-row { display: block } } .modal-credit__picker-col { flex-shrink: 0; padding-left: 30px; width: 50% } @media (max-width: 768.98px) { .modal-credit__picker-col { width: 100% } .modal-credit__picker-col:not(:first-child) { margin-top: 10px } } .modal-credit__picker-dropdown { margin-bottom: 0 } .modal-credit__picker-title { font-size: 20px; line-height: 24px } .modal-credit__picker-amount { margin-top: 2px; font-weight: 500; font-size: 24px; line-height: 31px; letter-spacing: .01em; color: #00a0eb } .modal-credit__button { margin-top: 30px; width: 200px } @media (max-width: 768.98px) { .modal-credit__button { width: 100% } } .video-reviews-slider { width: 100%; padding: 80px 0 60px; background-color: #f4f4f4 } @media (max-width: 1366.98px) { .video-reviews-slider { padding: 60px 0 30px } } @media (max-width: 768.98px) { .video-reviews-slider { padding: 30px 0 15px; border-top: 1px solid rgba(175, 187, 198, .5) } } .video-reviews-slider__container { max-width: 1470px } @media (max-width: 1366.98px) { .video-reviews-slider__container { max-width: 1112px } } .video-reviews-slider__title { width: 100%; font-size: 32px; line-height: 48px; margin-bottom: 1em } @media (max-width: 768.98px) { .video-reviews-slider__title { font-size: 24px; line-height: 36px } } .video-reviews-slider__swiper { position: relative; padding-bottom: 80px; border-bottom: 1px solid rgba(175, 187, 198, .5) } @media (max-width: 1919.98px) { .video-reviews-slider__swiper { padding-bottom: 60px } } @media (max-width: 1279.98px) { .video-reviews-slider__swiper { padding-bottom: 50px } } @media (max-width: 768.98px) { .video-reviews-slider__swiper { padding-bottom: 30px; border-bottom: 0 } } @media (max-width: 1366.98px) { .video-reviews-slider__swiper .swiper__container { margin: 0 -30px; padding: 0 30px } } @media (max-width: 768.98px) { .video-reviews-slider__swiper .swiper__container { margin: 0 -20px; padding: 0 20px } } .video-reviews-slider__swiper .swiper__next, .video-reviews-slider__swiper .swiper__prev { background: #fff; border-radius: 100%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; margin-top: 0; box-shadow: 0 12px 40px 0 hsla(0, 0%, 76.9%, .8); margin-top: -104px } .video-reviews-slider__swiper .swiper__next:-moz-focusring, .video-reviews-slider__swiper .swiper__prev:-moz-focusring { outline: none } .video-reviews-slider__swiper .swiper__next:focus, .video-reviews-slider__swiper .swiper__prev:focus { outline: none } @media (max-width: 767.98px) { .video-reviews-slider__swiper .swiper__next, .video-reviews-slider__swiper .swiper__prev { display: none } } .video-reviews-slider__swiper .swiper__next.swiper-button-disabled, .video-reviews-slider__swiper .swiper__prev.swiper-button-disabled { display: none } .video-reviews-slider__swiper .swiper__next svg, .video-reviews-slider__swiper .swiper__prev svg { display: block; width: 6px; height: 10px; fill: #000; pointer-events: none } @media (max-width: 1919.98px) { .video-reviews-slider__swiper .swiper__next, .video-reviews-slider__swiper .swiper__prev { margin-top: -84px } } @media (max-width: 1279.98px) { .video-reviews-slider__swiper .swiper__next, .video-reviews-slider__swiper .swiper__prev { margin-top: -74px } } @media (max-width: 768.98px) { .video-reviews-slider__swiper .swiper__next, .video-reviews-slider__swiper .swiper__prev { margin-top: -54px } } .video-reviews-slider__swiper .swiper__prev { left: -15px } @media (min-width: 1366px) { .video-reviews-slider__swiper .swiper__prev { left: -24px } } .video-reviews-slider__swiper .swiper__prev svg { transform: rotate(180deg) } .video-reviews-slider__swiper .swiper__next { right: -15px } @media (min-width: 1366px) { .video-reviews-slider__swiper .swiper__next { right: -24px } } .video-reviews-slider__card { display: block; height: auto; background: #fff; color: #000; text-decoration: none; border-radius: 12px } @media (max-width: 1365.98px) { .video-reviews-slider__card { width: 300px } } @media (max-width: 767.98px) { .video-reviews-slider__card { width: 260px } } .video-reviews-slider__card .card__cover { position: relative; border-radius: 12px 12px 0 0; overflow: hidden } .video-reviews-slider__card .card__cover:after, .video-reviews-slider__card .card__cover:before { content: "" } .video-reviews-slider__card .card__cover:before { display: block; padding-top: 56.19335% } .video-reviews-slider__card .card__cover:after { background: linear-gradient(0deg, rgba(0, 0, 0, .15), transparent); z-index: 1 } @media (min-width: 769px) { [data-slides-per-view="1"] .video-reviews-slider__card .card__cover:before { padding-top: 38.02281% } } @media (min-width: 769px) { [data-slides-per-view="2"] .video-reviews-slider__card .card__cover:before { padding-top: 47.35812% } } .video-reviews-slider__card .card__cover:after, .video-reviews-slider__card .card__cover img, .video-reviews-slider__card .card__cover picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block } .video-reviews-slider__card .card__cover img { -o-object-fit: cover; object-fit: cover } .video-reviews-slider__card .card__play-button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; height: 60px; width: 60px; position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); transform-origin: center; transition: height, width, opacity, .15s linear } .video-reviews-slider__card .card__play-button:-moz-focusring { outline: none } .video-reviews-slider__card .card__play-button:focus { outline: none } .video-reviews-slider__card .card__play-button:disabled { cursor: not-allowed } .video-reviews-slider__card .card__play-button svg { width: 100%; height: 100% } .video-reviews-slider__card .card__play-button:focus { opacity: .85 } .video-reviews-slider__card .card__info { padding: 20px 30px 30px } .video-reviews-slider__card .card__date { font-size: 16px; color: #afbbc6; margin-bottom: 18px } .video-reviews-slider__card .card__title { font-size: 20px; font-weight: 500; line-height: 28px } @media (max-width: 1366.98px) { .video-reviews-slider__card .card__title { font-size: 18px } } @media (max-width: 768.98px) { .video-reviews-slider__card .card__title { font-size: 16px } } .video-reviews-slider__card:hover .card__play-button { height: 66px; width: 66px } .cookies-notice { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: fixed; bottom: 10px; left: 50%; max-width: calc(100% - 20px); z-index: 1400; transition: transform .3s; transform: translateX(-50%); border-radius: 10px; background: #fff; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .12) } @media (max-width: 1023.98px) { .cookies-notice { width: 100%; bottom: 65px } } @media print { .cookies-notice { display: none } } .cookies-notice:not(.is-visible) { display: none } .cookies-notice:not(.is-active) { transform: translateX(-50%) translateY(100%) } .cookies-notice__container { padding: 10px 10px 10px 20px; margin: 0 auto; display: flex; align-items: center; gap: 20px } @media (max-width: 1023.98px) { .cookies-notice__container { padding: 8px 8px 8px 15px; gap: 10px } } .cookies-notice__text { flex-grow: 1; font-size: 18px; line-height: 20px; white-space: nowrap } @media (max-width: 1919.98px) { .cookies-notice__text { font-size: 14px } } @media (max-width: 1365.98px) { .cookies-notice__text { font-size: 12px } } @media (max-width: 1023.98px) { .cookies-notice__text { font-size: 14px; line-height: 18px; white-space: normal } } .cookies-notice__text a { color: #22b0f3; text-decoration: none; transition: color .3s } .cookies-notice__text a:visited { color: #22b0f3 } .cookies-notice__text a:hover { color: #0090d5 } .cookies-notice__button { flex-shrink: 0; background: #22b0f3; border-radius: 6px; min-width: 94px; height: 40px; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 16px; line-height: 1; text-align: center; color: #fff; box-shadow: none; transition: background-color .3s; padding: 0 16px } .cookies-notice__button:-moz-focusring { outline: none } .cookies-notice__button:focus { outline: none } @media (max-width: 1365.98px) { .cookies-notice__button { max-width: 80px; height: 32px; font-size: 12px } } @media (max-width: 1023.98px) { .cookies-notice__button { height: 40px; font-size: 16px } } .cookies-notice__button:hover { background: #0090d5 } @media (max-width: 1023.98px) { .cookies-notice-product { bottom: 65px } } .ac-selection-banner { width: 100%; max-width: 1472px; padding: 40px 80px; margin: 0 auto } @media (max-width: 1366.98px) { .ac-selection-banner { max-width: 1266px; padding-left: 30px; padding-right: 30px } } @media (max-width: 1279.98px) { .ac-selection-banner { padding-top: 30px; padding-bottom: 30px } } @media (max-width: 768.98px) { .ac-selection-banner { padding-left: 20px; padding-right: 20px } } .ac-selection-banner__container { position: relative } @media (max-width: 1023.98px) { .ac-selection-banner__container:before { content: ""; display: block; padding-top: 17.5% } } .ac-selection-banner__content { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 12px; overflow: hidden; padding: 24px 30px; background: url(/local/templates/haier/css/../images/ac-selection/banner-bg.webp?v2) no-repeat 100%/cover; color: #fff; height: 153px; position: relative } @media (max-width: 1366.98px) { .ac-selection-banner__content { background-image: url(/local/templates/haier/css/../images/ac-selection/banner-bg-2.webp?v2) } } @media (max-width: 1279.98px) { .ac-selection-banner__content { background-image: url(/local/templates/haier/css/../images/ac-selection/banner-bg-tablet-2.webp?v2); padding: 25px 28px 30px } } @media (max-width: 1023.98px) { .ac-selection-banner__content { background-image: url(/local/templates/haier/css/../images/ac-selection/banner-bg-mobile-2.webp?v2); padding: 0; border-radius: 8px; display: flex; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100% } } @media screen and (max-width: 640px) { .ac-selection-banner__content { background-image: url(/local/templates/haier/css/../images/ac-selection/banner-bg-mobile-2.webp?v2) } } @media screen and (max-width: 320px) { .ac-selection-banner__content { background-image: url(/local/templates/haier/css/../images/ac-selection/banner-bg-mobile-2.webp?v2) } } .ac-selection-banner__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 26px; line-height: 30px; letter-spacing: .02em } @media (max-width: 1279.98px) { .ac-selection-banner__title { width: 300px } } @media (max-width: 1023.98px) { .ac-selection-banner__title { display: none } } .ac-selection-banner__button { font-weight: 500; font-size: 18px; line-height: 24px; text-align: center; color: #000; margin-top: 15px; width: 234px; height: 56px; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 5px } @media (max-width: 1279.98px) { .ac-selection-banner__button { color: #fff; width: 161px; justify-content: unset; background: unset; border-radius: 0; margin-top: -1px; margin-left: 2px } } @media (max-width: 1023.98px) { .ac-selection-banner__button { font-size: 18px; line-height: 18px; width: 200px; height: auto; margin-top: auto; margin-bottom: auto; margin-left: 10px; padding-top: 5px; padding-bottom: 4px } } @media screen and (max-width: 640px) { .ac-selection-banner__button { font-size: 16px } } @media (max-width: 1023.98px) { .ac-selection-banner__button-text--desktop { display: none } } @media (min-width: 1024px) { .ac-selection-banner__button-text--mobile { display: none } } @media (max-width: 1023.98px) { .ac-selection-banner__button-text--mobile { text-align: left } } .ac-selection-banner__button-icon { flex-shrink: 0; margin-left: 10px; margin-top: 3px; display: block } @media (min-width: 1280px) { .ac-selection-banner__button-icon--white { display: none } } @media (max-width: 1023.98px) { .ac-selection-banner__button-icon--white { position: absolute; left: 115px; height: 8px; margin-top: 20px } } @media screen and (max-width: 640px) { .ac-selection-banner__button-icon--white { left: 102px } } @media (max-width: 1279.98px) { .ac-selection-banner__button-icon--black { display: none } } .ac-selection-banner__table { position: absolute; top: 17px; right: 29px; display: -ms-grid; display: grid; -ms-grid-columns: 200px 8px 200px; grid-template-columns:200px 200px; -ms-grid-rows: 56px 8px 56px; grid-template-rows:56px 56px; gap: 8px } .ac-selection-banner__table > :first-child { -ms-grid-row: 1; -ms-grid-column: 1 } .ac-selection-banner__table > :nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3 } .ac-selection-banner__table > :nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1 } .ac-selection-banner__table > :nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 3 } @media (max-width: 1366.98px) { .ac-selection-banner__table { -ms-grid-columns: 180px 180px; grid-template-columns:180px 180px } } @media (max-width: 1279.98px) { .ac-selection-banner__table { -ms-grid-columns: 170px 170px; grid-template-columns:170px 170px; right: 20px } } @media (max-width: 1023.98px) { .ac-selection-banner__table { display: none } } .ac-selection-banner__table-cell { background-color: #4238f5; border-radius: 12px; display: -ms-grid; display: grid; -ms-grid-columns: 50px 137px; grid-template-columns:50px 137px; align-content: center } @media (max-width: 1366.98px) { .ac-selection-banner__table-cell { -ms-grid-columns: 50px 120px; grid-template-columns:50px 120px } } @media (max-width: 1279.98px) { .ac-selection-banner__table-cell { -ms-grid-columns: 50px 100px; grid-template-columns:50px 100px } } .ac-selection-banner__table-cell img { height: 26px; width: 26px; -ms-grid-row-align: center; align-self: center; margin-left: 16px } .ac-selection-banner__table-cell span { line-height: 16px; font-size: 15px; -ms-grid-row-align: center; align-self: center } .ac-selection, .ac-selection:after { transition: opacity .25s } .ac-selection:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat; width: 36px; height: 36px; animation: rotate 1.5s linear infinite; pointer-events: none; opacity: 0 } .ac-selection.is-loading:after { opacity: 1 } .ac-selection-modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1410; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 40px; background: rgba(0, 0, 0, .6); opacity: 0; transition: opacity .15s linear } @media (max-width: 1279.98px) { .ac-selection-modal { padding: 20px } } @media (max-width: 767.98px) { .ac-selection-modal { padding: 20px 0 0 } } .ac-selection-modal.is-open { opacity: 1; display: flex; align-items: flex-start } .ac-selection-modal__dialog { opacity: 0; position: relative; box-sizing: border-box; margin: auto; padding: 0; border-radius: 12px; width: 1068px; max-width: calc(100% - .01px) !important; background: #fff; transition: .3s linear; transition-property: opacity, transform } @media (max-width: 767.98px) { .ac-selection-modal__dialog { margin-top: auto; margin-bottom: 0; border-radius: 12px 12px 0 0 } } .ac-selection-modal.is-open .ac-selection-modal__dialog { opacity: 1 } .ac-selection-modal__close { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 20px; right: 20px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin: -5px; transition: opacity .25s } .ac-selection-modal__close:not(.is-disabled) { cursor: pointer } .ac-selection-modal__close svg { flex-shrink: 0; display: block; width: 14px; height: 14px; fill: #212121 } @media (max-width: 767.98px) { .ac-selection-modal__close svg { fill: #afbbc6 } } .ac-selection-modal__close svg path { fill: currentColor } .ac-selection-step { display: none; position: relative } .ac-selection-step.is-active { display: block } .ac-selection__content { height: 564px; display: flex; flex-direction: column; width: 50%; background-color: #fff; border-radius: 12px; padding: 55px 60px 60px; color: #212121 } @media (max-width: 1279.98px) { .ac-selection__content { padding: 45px 50px 60px } } @media (max-width: 1023.98px) { .ac-selection__content { width: 60%; padding: 40px 40px 45px } } @media (max-width: 767.98px) { .ac-selection__content { background: transparent; height: auto; min-height: 550px; width: 100%; padding: 20px 20px 58px } } .ac-selection__image { width: calc(50% + 30px); margin-left: -30px; position: absolute; top: 0; right: 0; bottom: 0; border-radius: 0 12px 12px 0; background-color: #f4f4f4; background-position: 50%; background-size: cover; background-repeat: no-repeat } @media (max-width: 767.98px) { .ac-selection__image { display: none } } .ac-selection__image-mobile { display: none; width: 100%; background-color: #f4f4f4; background-position: 50%; background-size: cover; background-repeat: no-repeat; border-radius: 12px; margin: 0 0 15px } .ac-selection__image-mobile:before { content: ""; display: block; padding-top: 46.8% } @media (max-width: 767.98px) { .ac-selection__image-mobile { display: block } } .ac-selection__head { display: flex; align-items: center; margin: 0 0 20px } @media (max-width: 767.98px) { .ac-selection__head { justify-content: stretch; padding-right: 20px; margin-bottom: 16px } } .ac-selection__back { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin: -5px -5px -5px -10px } .ac-selection__back:not(.is-disabled) { cursor: pointer } .ac-selection__back svg { flex-shrink: 0; display: block; width: 8px; height: 13px; fill: #22b0f3 } .ac-selection__back svg path { fill: currentColor } .ac-selection__back.is-disabled { cursor: default; pointer-events: none } .ac-selection__back.is-disabled svg { fill: #afbbc6 } .ac-selection__title { display: block; font-weight: 500; font-size: 32px; line-height: 1.06; margin: 0 0 15px } @media (max-width: 1023.98px) { .ac-selection__title { font-size: 28px } } @media (max-width: 767.98px) { .ac-selection__title { font-weight: 500; font-size: 24px; line-height: 1.416; margin-bottom: 5px } } .ac-selection__desc { display: block; font-size: 18px; line-height: 1.44; letter-spacing: -.01em; margin: 0 0 20px } @media (max-width: 1023.98px) { .ac-selection__desc { font-size: 16px; line-height: 1.37; letter-spacing: .02em; margin-bottom: 15px } } .ac-selection__meta-text { display: block; font-size: 14px; line-height: 20px; letter-spacing: .02em; color: #97a4af } .ac-selection__row:not(:last-child) { margin-bottom: 30px } @media (max-width: 767.98px) { .ac-selection__row:not(:last-child) { margin-bottom: 20px } } .ac-selection__footer { margin-top: auto } .ac-selection__footer .button { min-width: 172px } @media (max-width: 767.98px) { .ac-selection__footer .button { width: 100% } } .ac-selection__checkbox-list { list-style: none; padding: 0; margin: 0 } .ac-selection__checkbox-list--two-column { display: flex; flex-wrap: wrap } .ac-selection__checkbox-list--two-column > li { width: 50% } @media (max-width: 767.98px) { .ac-selection__checkbox-list--two-column > li { width: 100% } } .ac-selection__checkbox-list > li { -moz-column-break-inside: avoid; break-inside: avoid } .ac-selection__checkbox-list > li:not(:last-child) { margin-bottom: 16px } .ac-selection .input-checkbox__label { font-size: 18px; line-height: 24px; padding-left: 40px } @media (max-width: 1023.98px) { .ac-selection .input-checkbox__label { font-size: 16px; padding-left: 35px } } .ac-selection .input-checkbox__label:before { top: 0; left: 0; width: 22px; height: 22px; border-radius: 4px } .ac-selection .input-checkbox__label:after { top: 5px; left: 6px } @media (max-width: 767.98px) { .ac-selection .input-checkbox__label > div { display: inline-block } } .ac-selection .input-checkbox__label > div + * { margin-top: 10px } .ac-selection-select .choices:focus .choices__inner { border: 2px solid #00a0eb; background-color: #fff } .ac-selection-select .choices.is-disabled > .choices__inner { border: 2px solid #d7dde3; color: #959799; background-color: #f2f2f2 } .ac-selection-select .choices.is-disabled:focus .choices__inner { border: 2px solid #d7dde3 } .ac-selection-select .choices.is-disabled:hover:after { border-top-color: #afbbc6 !important } .ac-selection-select .choices.is-open .choices__inner { border-radius: 6px 6px 0 0; color: #212121 } @media (max-width: 767.98px) { .ac-selection-select .choices.is-open .choices__inner { border-radius: 0 0 6px 6px } } .ac-selection-select .choices__list--single { padding: 0 } .ac-selection-select select { outline-color: #22b0f3 } .ac-selection-select select:focus { color: #212121 } .ac-selection-select .choices__inner, .ac-selection-select select { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 54px; display: block; width: 100%; max-width: 100%; height: 56px; padding: 0 15px; border-radius: 6px; color: #212121; border: 1px solid #d7dde3; background-color: #fcfcfc; transition: background-color .25s ease-in-out, border-color .25s ease-in-out; -webkit-appearance: none } .ac-selection-select .choices__inner:hover, .ac-selection-select select:hover { border-color: #00a0eb } .ac-selection-select .choices[data-type*=select-one]:after, .ac-selection-select select:after { content: ""; right: 15px; border-color: transparent; border-width: 0; margin-top: -2px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #afbbc6; transition: transform .25s ease-in-out, border-color .25s ease-in-out } @media (max-width: 767.98px) { .ac-selection-select .choices[data-type*=select-one]:after, .ac-selection-select select:after { transform: rotate(180deg) } } .ac-selection-select .choices[data-type*=select-one]:hover:after, .ac-selection-select select:hover:after { border-top-color: #22b0f3 } .ac-selection-select .choices[data-type*=select-one].is-open:after, .ac-selection-select select.is-open:after { transform: rotate(180deg) } @media (max-width: 767.98px) { .ac-selection-select .choices[data-type*=select-one].is-open:after, .ac-selection-select select.is-open:after { transform: rotate(0deg) } } .ac-selection-select .choices__list--dropdown { top: 100%; margin-top: -2px; padding: 0; border: 2px solid #00a0eb; border-top: 1px solid #d6dde0; background-color: #fff; border-radius: 0 0 6px 6px; z-index: 9 } @media (max-width: 767.98px) { .ac-selection-select .choices__list--dropdown { top: auto; bottom: 100%; border-top: 2px solid #00a0eb; border-bottom: 1px solid #d6dde0; border-radius: 6px 6px 0 0; margin-top: 0; margin-bottom: -2px } } .ac-selection-select .choices__list--dropdown .choices__item { font-size: 18px; line-height: 24px; padding: 16px 15px 16px; color: #212121 } .ac-selection-select .choices__list--dropdown .choices__placeholder { display: none } .ac-selection-select .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: rgba(215, 221, 227, .3) } .ac-selection-tooltip { display: inline-block; position: relative; color: #212121; pointer-events: all } .ac-selection-tooltip .icon-question-circle { background-color: #fff; border-color: #d7dde3; color: #d7dde3 } .ac-selection-tooltip:focus .ac-selection-tooltip .icon-question-circle, .ac-selection-tooltip:hover .ac-selection-tooltip .icon-question-circle { background-color: #22b0f3; border-color: #22b0f3; color: #fff } .ac-selection-tooltip .icon-question { width: 8px; height: 9px } .ac-selection-tooltip__popup { display: none; cursor: default; position: absolute; top: 50%; left: calc(100% + 12px); transform: translateY(-50%); z-index: 30 } @media (max-width: 767.98px) { .ac-selection-tooltip__popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; transform: none; background: rgba(0, 0, 0, .6) } } .ac-selection-tooltip.is-open .ac-selection-tooltip__popup { display: block } .ac-selection-tooltip__popup-content { padding: 16px 20px 20px; min-width: 285px; background-color: #fff; border-radius: 5px; font-size: 14px; line-height: 1.29; box-shadow: 0 10px 35px hsla(0, 0%, 70.6%, .25) } @media (max-width: 767.98px) { .ac-selection-tooltip__popup-content { position: absolute; top: auto; right: 0; bottom: 0; left: 0; border-radius: 20px 20px 0 0; min-width: auto; font-size: 16px; line-height: 1.5; padding: 30px 20px 36px } } .ac-selection-tooltip__popup-content:after { content: ""; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #fff; border-bottom: 10px solid transparent } @media (max-width: 767.98px) { .ac-selection-tooltip__popup-content:after { display: none } } .ac-selection-tooltip__popup-title { display: block; font-weight: 500; font-size: 14px; line-height: 1.43; letter-spacing: .02em; color: #212121; margin: 0 0 10px } @media (max-width: 767.98px) { .ac-selection-tooltip__popup-title { margin-right: 20px; font-size: 20px; line-height: 1.4 } } .ac-selection-tooltip__popup-text { display: block; font-size: 14px; line-height: 1.29; color: #212121 } @media (max-width: 767.98px) { .ac-selection-tooltip__popup-text { font-size: 16px; line-height: 1.5 } } .ac-selection-tooltip__popup-close { display: none; cursor: pointer; position: absolute; top: 20px; right: 20px; color: #afbbc6 } @media (max-width: 767.98px) { .ac-selection-tooltip__popup-close { display: block } } .ac-selection-tooltip__popup-close svg { display: block; width: 14px; height: 14px; fill: currentColor } .ac-selection-tooltip__popup-close svg path { fill: currentColor } .ac-selection__notice { font-size: 14px; line-height: 20px; letter-spacing: .02em; color: #97a4af; margin-top: 24px; display: flex; align-items: flex-start } .ac-selection__notice:before { content: ""; display: block; width: 16px; height: 16px; background: url(/local/templates/haier/css/../images/icon-info.svg) no-repeat; margin-right: 10px; flex-shrink: 0; margin-top: 2px } .catalog-empty { background-color: #f4f4f4; padding: 130px 0 100px; text-align: center; color: #212121 } @media (max-width: 1919.98px) { .catalog-empty { padding-top: 105px; padding-bottom: 90px } } @media (max-width: 1366.98px) { .catalog-empty { padding-top: 90px; padding-bottom: 60px } } @media (max-width: 768.98px) { .catalog-empty { padding-top: 60px; padding-bottom: 90px } } ._empty .catalog-empty { background-color: #fff; border-radius: 12px } @media (max-width: 768.98px) { ._empty .catalog-empty { border-radius: 0 } } .catalog-empty__icon { display: block; margin: 0 0 32px } @media (max-width: 1366.98px) { .catalog-empty__icon { margin-bottom: 28px } } @media (max-width: 1279.98px) { .catalog-empty__icon { margin-bottom: 28px } } @media (max-width: 768.98px) { .catalog-empty__icon { margin-bottom: 28px } } .catalog-empty__icon svg { display: block; margin: 0 auto; width: 128px; height: 66px; fill: #22b0f3 } @media (max-width: 1366.98px) { .catalog-empty__icon svg { width: 104px; height: 54px } } .catalog-empty__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 32px; line-height: 1.25; margin: 0 0 10px } @media (max-width: 1366.98px) { .catalog-empty__title { font-size: 28px; line-height: 1.28571 } } @media (max-width: 768.98px) { .catalog-empty__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 24px; line-height: 1.33333; margin-bottom: 15px } } .catalog-empty__text { font-size: 20px; line-height: 1.6 } @media (max-width: 1366.98px) { .catalog-empty__text { font-size: 18px; line-height: 1.77778 } } @media (max-width: 768.98px) { .catalog-empty__text { font-size: 18px; line-height: 1.55556 } } .authorization__recovery { display: flex; flex-direction: column; align-items: flex-end; margin-top: 12px } .authorization__bottom { display: flex; align-items: center } @media (max-width: 768.98px) { .authorization__bottom-col { text-align: center } } @media (max-width: 768.98px) { .authorization__bottom-col:not(:first-child) { margin-top: 12px } } .authorization__bottom-link { font-size: 18px } .authorization .input-text--msg .error-message { position: absolute; bottom: 1px; left: 0 } .authorization .omnichannel__container { flex-wrap: wrap } .authorization .omnichannel__text { flex-basis: 100%; margin-bottom: 20px } .authorization-confirm__phone { font-weight: 500; color: #22b0f3 } .modal .authorization, .modal .authorization-confirm { width: 400px } @media (max-width: 768.98px) { .modal .authorization, .modal .authorization-confirm { width: auto } } .registration__step[data-step="1"] { height: 100%; display: flex; flex-direction: column } @media (max-width: 767.98px) { .registration__step[data-step="1"] .form__row { display: block } } .registration__checkboxes { margin-bottom: auto; padding-bottom: 16px } .registration__back-button { display: flex; align-items: center; font-size: 16px; line-height: 24px; color: #22b0f3; margin-bottom: 15px } @media (max-width: 1023.98px) { .registration__back-button { margin-bottom: 20px } } .registration__back-button .icon { flex-shrink: 0; margin-right: 8px; color: currentColor } .registration__text { font-size: 18px; line-height: 28px; margin-bottom: 10px } @media (max-width: 1023.98px) { .registration__text { margin-bottom: 20px } } .modal-reg-form { width: 900px } /*@media (max-width: 1365.98px) {*/ /* .modal .registration {*/ /* width: 760px*/ /* }*/ /*}*/ @media (max-width: 1023.98px) { .modal .registration { width: auto } } .registration .form__group { margin-bottom: 20px } .registration .form__group.input-checkbox { margin-bottom: 16px } @media (max-width: 1023.98px) { .registration .form__group.input-checkbox { margin-bottom: 10px } } @media (max-width: 767.98px) { .registration .js-registration-form-submit { width: 100% } } .registration .js-code-resubmit-container { margin-bottom: 20px } @media (max-width: 575px) { .registration .omnichannel__container { margin-right: 0; flex-wrap: wrap; max-width: 230px } } .registration-success { text-align: center; max-width: 570px; width: 100%; margin: 0 auto } @media (max-width: 767.98px) { .articles { padding-top: 40px; border-top: 1px solid rgba(175, 187, 198, .5) } } .articles--standalone { margin-top: 80px } @media (max-width: 1365.98px) { .articles--standalone { margin-top: 60px } } @media (max-width: 767.98px) { .articles--standalone { margin-top: 30px } } .articles__container { max-width: 1470px } @media (max-width: 1365.98px) { .articles__container { max-width: 1112px } } .articles__title { font-size: 32px; line-height: 48px } @media (max-width: 767.98px) { .articles__title { font-weight: 500; font-size: 24px; line-height: 36px } } .articles__list { margin: 0; padding: 0; list-style: none; margin-top: 60px; padding-bottom: 80px; border-bottom: 1px solid rgba(175, 187, 198, .5) } @media (max-width: 1919.98px) { .articles__list { margin-top: 30px; padding-bottom: 60px } } @media (max-width: 1279.98px) { .articles__list { padding-bottom: 50px } } @media (max-width: 767.98px) { .articles__list { margin-top: 10px; padding-bottom: 30px; border-bottom: 0 } } .articles__list-item:not(:first-child) { margin-top: 30px } @media (max-width: 1279.98px) { .articles__list-item:not(:first-child) { margin-top: 20px } } .articles__item { display: flex; align-items: flex-start; background: #fff; border-radius: 12px; padding: 30px; text-decoration: none } @media (max-width: 767.98px) { .articles__item { padding: 20px } } .articles__item-col:first-child { flex-shrink: 0; margin-right: 30px } @media (max-width: 767.98px) { .articles__item-col:first-child { margin-right: 20px } } .articles__item-image { width: 103px; height: 103px; display: block; border-radius: 12px } @media (max-width: 767.98px) { .articles__item-image { width: 70px; height: 70px } } .articles__item-date { font-size: 16px; line-height: 20px; color: #afbbc6 } @media (max-width: 767.98px) { .articles__item-date { font-weight: 500 } } .articles__item-title { font-size: 20px; line-height: 28px; color: #000; margin-top: 10px } @media (max-width: 767.98px) { .articles__item-title { font-weight: 500; font-size: 16px; line-height: 24px; margin-top: 5px } } .articles__item-link { font-weight: 500; font-size: 16px; line-height: 20px; color: #22b0f3; margin-top: 25px } @media (max-width: 767.98px) { .articles__item-link { margin-top: 4px; line-height: 20px } } .service-order-panel { display: flex; background-color: rgba(151, 164, 175, .15); padding: 32px 30px; border-radius: 6px } @media (max-width: 768.98px) { .service-order-panel { display: block; padding: 20px } } .service-order-panel__text { font-size: 18px; line-height: 1.2; margin: 0 30px 0 0 } .service-order-panel__text p:last-of-type, .service-order-panel__text p:only-child { margin-bottom: 0 } @media (max-width: 768.98px) { .service-order-panel__text { margin: 0 0 30px 0; font-size: 16px; line-height: 24px } } .service-order-panel__btn .button { font-size: 18px; width: 240px; height: 56px; line-height: 56px } @media (max-width: 767.98px) { .service-order-panel__btn .button { width: 100% } } .service-order-panel__btn--multiline .button { line-height: 1.2; padding-top: 6px } @media (max-width: 1023.98px) { .installation-data { padding: 30px 20px 30px } } .installation-service__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 32px; font-weight: 600; letter-spacing: -.02em; line-height: 1.25; color: #212121; margin-bottom: 20px } @media (max-width: 1023.98px) { .installation-service__title { font-size: 24px; line-height: 1.33333 } } .installation-service__group { margin: 30px 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr; grid-template-columns:repeat(2, 1fr); -ms-grid-rows: 1fr 20px 1fr; grid-template-rows:repeat(2, 1fr); gap: 20px } .installation-service__group > :first-child { -ms-grid-row: 1; -ms-grid-column: 1 } .installation-service__group > :nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3 } .installation-service__group > :nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1 } .installation-service__group > :nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 3 } @media (max-width: 1023.98px) { .installation-service__group { -ms-grid-columns: 1fr; grid-template-columns:1fr; -ms-grid-rows: auto; grid-template-rows:auto; gap: 10px; margin: 20px 0 } .installation-service__group > :first-child { -ms-grid-row: 1; -ms-grid-column: 1 } } .installation-service__group-cover { grid-row: -1/1; border-radius: 12px; overflow: hidden; height: 100% } .installation-service__group-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media (max-width: 1023.98px) { .installation-service__group-cover { -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2 } } .installation-service-item { border-radius: 12px; background-color: #f8f8f8; padding: 30px; display: flex; align-items: center; gap: 20px } @media (max-width: 1023.98px) { .installation-service-item { padding: 20px; gap: 20px } } .installation-service-item__icon { --installation-icon-size: 60px; width: var(--installation-icon-size); height: var(--installation-icon-size); flex: 0 0 var(--installation-icon-size) } .installation-service-item__icon svg { width: 100%; height: 100% } @media (max-width: 1919.98px) { .installation-service-item__icon { --installation-icon-size: 52px } } @media (max-width: 1023.98px) { .installation-service-item__icon { --installation-icon-size: 48px } } @media (max-width: 1023.98px) { .installation-service-item__content { display: flex; flex-direction: column; gap: 4px; align-items: flex-start } } .installation-service-item__link, .installation-service-item__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 28px; font-weight: 450; margin: 0; text-align: left } .installation-content-area .account-dropdown__items li, .installation-content-area p { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.55556; margin-bottom: 20px } .installation-content-area h3 { font-size: 24px; line-height: 1.25; font-weight: 600; font-family: Futura PT, Arial, Helvetica, sans-serif; margin-bottom: 30px } @media (max-width: 1023.98px) { .installation-content-area h3 { font-size: 20px; line-height: 1.4 } } .installation-content-area b { font-weight: 500 } .installation-content-area ol > li, .installation-content-area ul > li { margin-bottom: 20px; font-weight: 400 } .installation-content-area ol, .installation-content-area ul { margin: 20px 0; padding-left: 40px } @media (max-width: 1023.98px) { .installation-content-area ol, .installation-content-area ul { padding-left: 20px } } .installation-content-area ol > li { padding-left: 5px } .installation-content-area.is-montage { margin-bottom: 40px } @media (max-width: 1023.98px) { .installation-content-area.is-montage { margin-bottom: 30px } } .installation-caption { font-size: 18px; font-weight: 600; line-height: 28px; background-color: #fff; border: 1px solid #e4e4e4; padding: 30px; border-radius: 12px; margin-top: 20px; margin-bottom: 40px } @media (max-width: 1023.98px) { .installation-caption { padding: 20px } } .installation-caption.is-grey { border: none; background-color: #f8f8f8 } .installation-caption > p { font-weight: 400 } .installation-caption > p:last-child { margin-bottom: 0 } .installation-caption > .installation-caption:last-child { margin-bottom: 0; margin-top: 30px } @media (max-width: 1023.98px) { .installation-caption > .installation-caption:last-child { margin-top: 20px } } .installation-caption.is-last { margin-bottom: 0; font-weight: 400 } .pd { background: #fff; padding-bottom: 80px; position: relative } @media (max-width: 1365.98px) { .pd { padding-bottom: 30px } } @media (max-width: 1023.98px) { .pd { padding-top: 300px; padding-bottom: 24px } } @media (max-width: 1023.98px) { .pd--preserve-aspect { padding-top: 0 } } @media (max-width: 1023.98px) { .pd--preserve-aspect .pd__aspect-spacer { padding-top: 0; max-width: 760px } } @media (max-width: 1023.98px) { .pd--preserve-aspect .pd__aspect-spacer:before { content: ""; display: block; padding-top: 73.68421% } } @media (max-width: 767.98px) { .pd--preserve-aspect .pd__aspect-spacer:before { padding-top: 100% } } .pd > .container { position: static } .pd__tabs { background: #f6f6f6; padding: 4px; border-radius: 6px; display: flex; height: 52px } .pd__tabs-item { width: 50%; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 400; cursor: pointer } @media (max-width: 1279.98px) { .pd__tabs-item { font-size: 14px } } @media (max-width: 1023.98px) { .pd__tabs-item { font-size: 16px } } .pd__tabs-item:not(:last-child) { margin-right: 4px } .pd__tabs-percent { margin-left: 6px; padding: 0 4px; background: #fa4d62; color: #fff; font-size: 14px; font-weight: 700; border-radius: 4px } @media (max-width: 1919.98px) { .pd__tabs-percent { font-size: 12px } } @media (max-width: 1023.98px) { .pd__tabs-percent { font-size: 14px } } .pd__tabs-selected { background: #fff; border-radius: 6px } .pd__kit-container { border-top: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; padding: 13px 0 } @media (max-width: 1919.98px) { .pd__kit-container { padding: 9px 0 15px } } @media (max-width: 1023.98px) { .pd__kit-container { padding: 14px 0 18px } } .pd__kit-items { position: relative; display: flex } .pd__kit-items .icon-plus { position: absolute; top: 45%; left: calc(50% - 16px); z-index: 1; width: 32px; height: 32px } .pd__kit-item { width: 50%; padding: 3px 0 7px 14px } .pd__kit-item-image { display: flex; justify-content: center; align-items: center } .pd__kit-item:first-child { padding: 3px 14px 7px 0; border-right: 1px solid #d7dee3 } .pd__kit-item picture { display: flex; justify-content: center; cursor: pointer; padding: 16px; width: 101px; height: 101px } @media (max-width: 1919.98px) { .pd__kit-item picture { padding: 13px; width: 82.2px; height: 82.2px } } @media (max-width: 1023.98px) { .pd__kit-item picture { padding: 16px; width: 109px; height: 109px } } .pd__kit-image { display: block; max-width: 100%; max-height: 100%; width: auto; height: 101px; -o-object-fit: contain; object-fit: contain } .pd__kit-title { display: block; text-decoration: none; color: #212121; padding: 0 10px; font-size: 16px; font-weight: 400; line-height: 22px; height: 46px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden } .pd__kit-title:hover { color: #00a0eb } @media (max-width: 1279.98px) { .pd__kit-title { font-size: 14px } } @media (max-width: 1023.98px) { .pd__kit-title { font-size: 16px } } .pd__kit-price { margin-top: 6px; padding: 0 10px; font-weight: 600; font-size: 20px } @media (max-width: 1919.98px) { .pd__kit-price { font-size: 18px } } @media (max-width: 1279.98px) { .pd__kit-price { font-size: 16px } } @media (max-width: 1023.98px) { .pd__kit-price { font-size: 22px } } .pd__kit-old-price { margin-top: 8px; padding: 0 10px; font-size: 16px; line-height: 20px; font-weight: 450; -webkit-text-decoration: line-through red; text-decoration: line-through red } @media (max-width: 1279.98px) { .pd__kit-old-price { font-size: 14px } } @media (max-width: 1023.98px) { .pd__kit-old-price { font-size: 16px } } .pd__kit-link { margin-top: 8px; display: flex; justify-content: center; font-weight: 400; font-size: 18px; line-height: 28px } @media (max-width: 1919.98px) { .pd__kit-link { font-size: 16px } } @media (max-width: 1279.98px) { .pd__kit-link { font-size: 14px } } @media (max-width: 1023.98px) { .pd__kit-link { font-size: 16px } } .pd__header { padding-bottom: 24px; border-bottom: 1px solid rgba(175, 187, 198, .5) } @media (max-width: 1365.98px) { .pd__header { padding-bottom: 16px } } @media (max-width: 1023.98px) { .pd__header { padding: 20px 0 } } @media (max-width: 767.98px) { .pd__header { padding-bottom: 10px } } .pd__header-container { display: flex; align-items: flex-end; margin: 0 -8px } @media (max-width: 1023.98px) { .pd__header-container { display: block } } .pd__header-col { padding: 0 8px } @media (max-width: 1023.98px) { .pd__header-col { margin-top: 15px } } @media (max-width: 767.98px) { .pd__header-col { margin-top: 10px } } .pd__header-col--left { flex-grow: 1 } .pd__header-col--right { flex-shrink: 0; display: flex } .pd__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 24px; line-height: 32px; margin: 0 0 16px } @media (max-width: 1919.98px) { .pd__title { font-weight: 800; font-size: 18px; line-height: 24px } } @media (max-width: 1023.98px) { .pd__title { margin-bottom: 12px } } @media (max-width: 767.98px) { .pd__title { margin-bottom: 10px } } .pd__reviews { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex } .pd__reviews.__empty { pointer-events: none } .pd__reviews:not(:last-child) { margin-right: 30px } @media (max-width: 1365.98px) { .pd__reviews:not(:last-child) { margin-right: 40px } } @media (max-width: 1023.98px) { .pd__reviews:not(:last-child) { margin-right: auto } } .pd__reviews:hover .pd__reviews-text { color: #0090d5 } .pd__reviews--no-link { cursor: default; pointer-events: none } .pd__reviews--no-link .pd__reviews-text { color: #5d6672 } .pd__reviews-icons { flex-shrink: 0; margin-top: 2px } .pd__reviews-text { font-size: 18px; line-height: 20px; color: #22b0f3; white-space: nowrap; transition: color .25s; margin-left: 10px } @media (max-width: 1919.98px) { .pd__reviews-text { font-size: 15px } } @media (max-width: 1365.98px) { .pd__reviews-text { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; font-size: 14px; letter-spacing: .01em; margin-left: 8px } } @media (max-width: 1023.98px) { .pd__reviews-text { font-size: 16px } } .pd__reviews-text-label.__empty { color: #5d6672 } @media (max-width: 1023.98px) { .pd__reviews-text-label { display: none } } .pd__compare { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; display: flex } .pd__compare:-moz-focusring { outline: none } .pd__compare:focus { outline: none } .pd__compare:disabled { cursor: not-allowed } .pd__compare:not(:last-child) { margin-right: 30px } @media (max-width: 1365.98px) { .pd__compare:not(:last-child) { margin-right: 15px } } @media (max-width: 1023.98px) { .pd__compare:not(:last-child) { margin-right: 18px } } .pd__compare:hover .pd__compare-text { color: #0090d5 } .pd__compare:not(.is-active) .pd__compare-icon--active { display: none } .pd__compare:not(.is-active):hover .pd__compare-icon { color: #afbbc6 } .pd__compare.is-active .pd__compare-icon--default { display: none } .pd__compare.is-active:hover .pd__compare-icon { color: #0090d5 } .pd__compare-icon { flex-shrink: 0; display: block; transition: color .25s; width: 22px; height: 22px } @media (max-width: 1365.98px) { .pd__compare-icon { width: 20px; height: 20px } } @media (max-width: 1023.98px) { .pd__compare-icon { width: 22px; height: 22px } } .pd__compare-icon--default { color: #bfc9d2 } .pd__compare-icon--active { color: #22b0f3 } .pd__compare-text { font-size: 18px; line-height: 20px; color: #22b0f3; white-space: nowrap; transition: color .25s; margin-left: 10px } @media (max-width: 1919.98px) { .pd__compare-text { font-size: 16px } } @media (max-width: 1023.98px) { .pd__compare-text { display: none } } .pd__favorite { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; display: flex } .pd__favorite:-moz-focusring { outline: none } .pd__favorite:focus { outline: none } .pd__favorite:disabled { cursor: not-allowed } .pd__favorite:not(:last-child) { margin-right: 30px } @media (max-width: 1365.98px) { .pd__favorite:not(:last-child) { margin-right: 15px } } @media (max-width: 1023.98px) { .pd__favorite:not(:last-child) { margin-right: 18px } } .pd__favorite:hover .pd__favorite-icon { color: #afbbc6 } .pd__favorite:hover .pd__favorite-text { color: #0090d5 } .pd__favorite.is-active .pd__favorite-icon { fill: #22b0f3 } .pd__favorite.is-active:hover .pd__favorite-icon { color: #0090d5 } .pd__favorite-icon { flex-shrink: 0; fill: #bfc9d2; transition: color .25s; width: 22px; height: 22px } @media (max-width: 1365.98px) { .pd__favorite-icon { width: 20px; height: 20px } } @media (max-width: 1023.98px) { .pd__favorite-icon { width: 22px; height: 22px } } .pd__favorite-text { font-size: 18px; line-height: 20px; color: #22b0f3; white-space: nowrap; transition: color .25s; margin-left: 10px } @media (max-width: 1919.98px) { .pd__favorite-text { font-size: 16px } } @media (max-width: 1023.98px) { .pd__favorite-text { display: none } } .pd__body { padding-top: 30px } @media (max-width: 1023.98px) { .pd__body { padding-top: 20px } } .pd__body-container { display: flex } @media (max-width: 1023.98px) { .pd__body-container { display: block } } .pd__body-col--media { flex-shrink: 0; width: 920px } @media (max-width: 1919.98px) { .pd__body-col--media { width: 42.60615vw } } @media (max-width: 1365.98px) { .pd__body-col--media { width: 39.25781vw } } @media (max-width: 1023.98px) { .pd__body-col--media { width: auto } } .pd__body-col--data { flex-grow: 1; max-width: calc(100% - 1270px) } @media (max-width: 1919.98px) { .pd__body-col--data { max-width: calc(100% - 62.95754vw) } } @media (max-width: 1365.98px) { .pd__body-col--data { max-width: calc(100% - 66.40625vw) } } @media (max-width: 1023.98px) { .pd__body-col--data { flex-grow: 0; max-width: none; margin-top: 30px } } .pd__body-col--info { flex-shrink: 0; width: 350px } @media (max-width: 1919.98px) { .pd__body-col--info { width: 20.35139vw } } @media (max-width: 1365.98px) { .pd__body-col--info { width: 27.14844vw } } @media (max-width: 1023.98px) { .pd__body-col--info { width: auto } } .pd__media { display: flex } @media (max-width: 1023.98px) { .pd__media { display: block } } .pd__media-col--primary { flex-grow: 1; max-width: calc(100% - 160px) } @media (max-width: 1919.98px) { .pd__media-col--primary { max-width: calc(100% - 60px - 1.75695vw) } } @media (max-width: 1919.98px) and (min-width: 1440px) { .pd__media-col--primary { max-width: calc(100% - 60px - 2.92826vw) } } @media (max-width: 1365.98px) { .pd__media-col--primary { max-width: calc(100% - 42px - 1.95312vw) } } @media (max-width: 1023.98px) { .pd__media-col--primary { max-width: none } } .pd__media-col--secondary { flex-shrink: 0; padding-right: 80px } @media (max-width: 1919.98px) { .pd__media-col--secondary { padding-right: 1.75695vw } } @media (max-width: 1919.98px) and (min-width: 1440px) { .pd__media-col--secondary { padding-right: 2.92826vw } } @media (max-width: 1365.98px) { .pd__media-col--secondary { padding-right: 1.95312vw } } @media (max-width: 1023.98px) { .pd__media-col--secondary { position: fixed; bottom: 100%; right: 100%; opacity: 0; pointer-events: none } } .pd__media-slider { position: relative } .pd__media-slider .picture-magnifier:not(.cursor-disabled) { cursor: url(/local/templates/haier/css/../images/magnifier-cursor.svg), zoom-in } .pd__media-slider .picture-magnifier.cursor-disabled { cursor: grabbing } .pd__media-slider--primary { width: 100%; height: 560px } @media (max-width: 1919.98px) { .pd__media-slider--primary { height: 530px } } @media (max-width: 1365.98px) { .pd__media-slider--primary { height: 340px } } @media (max-width: 1023.98px) { .pd__media-slider--primary { width: auto; height: 300px; position: absolute; left: 30px; right: 30px; top: 0 } } @media (max-width: 768.98px) { .pd__media-slider--primary { left: 20px; right: 20px } } .pd__media-slider--primary .pd__media-slider-container { border-radius: 8px } @media (max-width: 1023.98px) { .pd__media-slider--primary .pd__media-slider-container { border-radius: 4px } } .pd__media-slider--primary .pd__media-slider-slide { background: #f4f4f4; height: 560px } @media (max-width: 1919.98px) { .pd__media-slider--primary .pd__media-slider-slide { height: 530px } } @media (max-width: 1365.98px) { .pd__media-slider--primary .pd__media-slider-slide { height: 340px } } @media (max-width: 1023.98px) { .pd__media-slider--primary .pd__media-slider-slide { height: 300px } } .pd__media-slider--primary .pd__media-slider-slide--background-red { background: #ffedef } .pd__media-slider--primary .pd__media-slider-slide--video { height: 100%; -o-object-fit: cover; object-fit: cover } .pd__media-slider--primary .pd__media-slider-content img { max-width: calc(100% - 160px); max-height: calc(100% - 160px) } @media (max-width: 1919.98px) { .pd__media-slider--primary .pd__media-slider-content img { max-width: calc(100% - 128px); max-height: calc(100% - 128px) } } @media (max-width: 1365.98px) { .pd__media-slider--primary .pd__media-slider-content img { max-width: calc(100% - 80px); max-height: calc(100% - 80px) } } @media (max-width: 1023.98px) { .pd__media-slider--primary .pd__media-slider-content img { max-width: calc(100% - 48px); max-height: calc(100% - 48px) } } .pd__media-slider--primary .pd__media-slider-content.is-full img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .pd--preserve-aspect .pd__media-slider--primary { height: auto; min-height: 530px } @media (max-width: 1365.98px) { .pd--preserve-aspect .pd__media-slider--primary { min-height: 0 } } @media (max-width: 1023.98px) { .pd--preserve-aspect .pd__media-slider--primary { max-width: 760px } } .pd--preserve-aspect .pd__media-slider--primary:before { content: ""; display: block; padding-top: 73.68421% } @media (max-width: 1365.98px) { .pd--preserve-aspect .pd__media-slider--primary:before { padding-top: 106.4257% } } @media (max-width: 1023.98px) { .pd--preserve-aspect .pd__media-slider--primary:before { padding-top: 73.68421% } } @media (max-width: 767.98px) { .pd--preserve-aspect .pd__media-slider--primary:before { padding-top: 100% } } .pd--preserve-aspect .pd__media-slider--primary .pd__media-slider-container { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .pd--preserve-aspect .pd__media-slider--primary .pd__media-slider-slide { height: 100% } .pd__media-slider--secondary { width: 80px; height: 560px } @media (max-width: 1919.98px) { .pd__media-slider--secondary { width: 60px; height: 530px } } @media (max-width: 1365.98px) { .pd__media-slider--secondary { width: 42px; height: 340px } } .pd__media-slider--secondary .pd__media-slider-container { height: 460px } @media (max-width: 1919.98px) { .pd__media-slider--secondary .pd__media-slider-container { height: 435px } } @media (max-width: 1365.98px) { .pd__media-slider--secondary .pd__media-slider-container { height: 270px } } .pd__media-slider--secondary .pd__media-slider-container:not(.swiper-container-initialized) .pd__media-slider-slide { margin-bottom: 20px } @media (max-width: 1919.98px) { .pd__media-slider--secondary .pd__media-slider-container:not(.swiper-container-initialized) .pd__media-slider-slide { margin-bottom: 15px } } .pd__media-slider--secondary .pd__media-slider-slide { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 60px; border-radius: 4px; transition: background-color .25s } @media (max-width: 1919.98px) { .pd__media-slider--secondary .pd__media-slider-slide { height: 60px } } @media (max-width: 1365.98px) { .pd__media-slider--secondary .pd__media-slider-slide { height: 42px; border-radius: 2px } } @media (min-width: 1280px) { .pd__media-slider--secondary .pd__media-slider-slide:hover { background: #f4f4f4 } } .pd__media-slider--secondary .pd__media-slider-slide.is-active { background: #f4f4f4 } .pd__media-slider--secondary .pd__media-slider-slide.is-active.pd__media-slider-slide--background-red { background: #ffedef } @media (min-width: 1280px) { .pd__media-slider--secondary .pd__media-slider-slide.is-active.pd__media-slider-slide--background-red:hover { background: #ffedef } } .pd__media-slider--secondary .pd__media-slider-content img { max-width: calc(100% - 16px); max-height: calc(100% - 16px) } .pd__media-slider--is360 { padding: 16px; color: #212121; border-radius: 4px; border: 1px solid #ebebeb } @media (max-width: 1365.98px) { .pd__media-slider--is360 { padding: 8px 6px } } @media (min-width: 1920px) { .pd__media-slider--is360 { padding: 16px 25px } } .pd__media-slider-slide { position: relative; box-sizing: border-box } .pd__media-slider-slide:before { content: ""; display: block } .pd__media-slider-loading { content: ""; display: block; position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); width: 30px; height: 30px; background: url(/local/templates/haier/css/../images/icon-preloader.svg); animation: rotate 1.5s linear infinite; pointer-events: none } .pd__media-slider-content { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .pd__media-slider-content picture { pointer-events: none } .pd__media-slider-content img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; -o-object-fit: contain; object-fit: contain } .pd__media-slider-nav { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; display: flex; justify-content: center; background: #fff; width: 100%; height: 16px; position: static; margin: 0 } .pd__media-slider-nav:-moz-focusring { outline: none } .pd__media-slider-nav:focus { outline: none } .pd__media-slider-nav:disabled { cursor: not-allowed } @media (max-width: 1365.98px) { .pd__media-slider-nav { height: 24px } } .pd__media-slider-nav:hover { color: #22b0f3 } .pd__media-slider-nav--prev { align-items: flex-start } .pd__media-slider-nav--prev svg { transform: rotate(180deg) } .pd__media-slider-nav--next { align-items: flex-end } .pd__media-slider-nav svg { flex-shrink: 0; width: 20px; height: 8px; display: block; transition: color .25s } .pd__media-slider-pagination { position: absolute; bottom: -16px; left: 0; width: 100% !important; display: flex; align-items: center; justify-content: center; pointer-events: none } @media (min-width: 1024px) { .pd__media-slider-pagination { display: none } } .pd__media-slider-pagination .swiper-pagination-bullet { flex-shrink: 0; width: 6px; height: 6px; background: #afbbc6; border-radius: 100%; margin: 0 5px; transition: background-color .25s; display: none; left: auto !important } .pd__media-slider-pagination .swiper-pagination-bullet-active { background: #22b0f3 } .pd__media-slider-pagination .swiper-pagination-bullet-active-main, .pd__media-slider-pagination .swiper-pagination-bullet-active-next, .pd__media-slider-pagination .swiper-pagination-bullet-active-next-next, .pd__media-slider-pagination .swiper-pagination-bullet-active-prev, .pd__media-slider-pagination .swiper-pagination-bullet-active-prev-prev { display: block } .pd__banner-wrap { width: 100%; position: absolute; bottom: 0; right: 0; max-width: 344px; opacity: 1; pointer-events: auto; transition: opacity .5s ease, pointer-events .5s ease } @media (max-width: 1365.98px) { .pd__banner-wrap { max-width: 295px } } @media (max-width: 1279.98px) { .pd__banner-wrap { max-width: 265px } } @media (max-width: 767.98px) { .pd__banner-wrap { width: 100%; max-width: 100% } } .pd__banner-wrap .banner-stock, .pd__banner-wrap .promo-stretch { --banner-image-width: 105px; --banner-image-height: 110px; --banner-font-size: 12px; --banner-line-height: 16px; height: 56px; justify-content: flex-start; padding: 8px 120px 8px 15px } @media (max-width: 1919.98px) { .pd__banner-wrap .banner-stock, .pd__banner-wrap .promo-stretch { --banner-image-width: 80px; --banner-image-height: 78px; --banner-font-size: 11px; --banner-line-height: 16px; height: 48px; padding: 9px 95px 9px 13px } } @media (max-width: 1279.98px) { .pd__banner-wrap .banner-stock, .pd__banner-wrap .promo-stretch { --banner-image-width: 80px; --banner-image-height: 78px; --banner-font-size: 11px; --banner-line-height: 1.5; height: 52px; padding: 12px 95px 10px 14.4px } } @media (max-width: 767.98px) { .pd__banner-wrap .banner-stock, .pd__banner-wrap .promo-stretch { --banner-image-width: 105px; --banner-image-height: 110px; --banner-font-size: 11px; --banner-line-height: 16px; height: 56px; padding: 13px 120px 11px 16px } } .pd__banner-wrap .banner-stock:after, .pd__banner-wrap .promo-stretch:after { border-top-right-radius: 0; border-bottom-left-radius: 0 } @media (max-width: 767.98px) { .pd__banner-wrap .banner-stock:after, .pd__banner-wrap .promo-stretch:after { border-top-left-radius: 0; border-bottom-left-radius: 6px } } .pd__banner-wrap .banner-stock__img { max-width: var(--banner-image-width); height: var(--banner-image-height); -o-object-fit: contain; object-fit: contain; -o-object-position: bottom; object-position: bottom } .pd__banner-wrap .banner-stock__text, .pd__banner-wrap .promo-stretch__text { font-weight: 700; font-size: var(--banner-font-size); line-height: var(--banner-line-height); text-transform: uppercase; max-width: 220px; text-align: left; margin-right: 0; letter-spacing: .02em } .pd__banner-wrap .banner-stock--link .banner-stock__text:after { display: none } .pd__banner-wrap .promo-stretch { z-index: 2; border-top-right-radius: 0; border-bottom-left-radius: 0; align-items: flex-start; justify-content: center } .pd__banner-wrap .promo-stretch__text { padding: 0 } .pd__banner-wrap .promo-stretch__image { width: var(--banner-image-width); height: var(--banner-image-height) } .pd__banner-wrap .promo-stretch__image .icon { width: .5517em; height: .4827em; margin-left: -.1724em } .pd__banner-wrap .promo-stretch__image--w-icon { font-size: 38px; line-height: 28px; letter-spacing: -.015em; padding: 1.1842em 0 0 0 } @media (max-width: 1919.98px) { .pd__banner-wrap .promo-stretch__image--w-icon { font-size: 29px; line-height: 22px; padding: .931em 0 0 0 } } @media (max-width: 767.98px) { .pd__banner-wrap .promo-stretch__image--w-icon { font-size: 38px; line-height: 28px; padding: 1.1842em 0 0 0 } } .pd__media.hide-promo .pd__banner-wrap { opacity: 0; pointer-events: none; transition: opacity .5s ease, pointer-events .5s ease } .pd__badge-wrap { display: flex; justify-content: flex-end; top: 20px; right: 20px; width: calc(100% - 20px) } .pd__3d, .pd__badge-wrap { position: absolute; z-index: 1 } .pd__3d { display: none; width: 80px; height: 60px; min-height: 60px; justify-content: center; align-items: center; border-radius: 4px; border: 1px solid #ebebeb; background: #fff; color: #212121; cursor: pointer; bottom: 20px; left: 20px; transition: color .3s } @media (max-width: 767.98px) { .pd__3d { width: 50px; height: 50px; min-height: 50px; border-radius: 8px; bottom: 10px; left: 10px } } .pd__3d:hover { color: #22b0f3 } .catalog-popup__media-col--secondary .pd__3d { position: static; margin-bottom: 50px } @media (max-width: 1023.98px) { .catalog-popup__tab-content .pd__3d { bottom: 50px } } @media (min-width: 1024px) { .catalog-popup__tab-content .pd__3d { display: none !important } } .pd__3d-icon-wrapper { display: flex; justify-content: center; align-items: center; max-height: 60px; padding: 5px 15px } @media (max-width: 1919.98px) { .pd__3d-icon-wrapper { padding: 5px } } @media (max-width: 1279.98px) { .pd__3d-icon-wrapper { max-height: 45px } } @media (max-width: 1023.98px) { .pd__3d-icon-wrapper { max-height: 60px } } .pd__3d-icon { width: 100%; height: 100%; display: block; pointer-events: none } .pd__manual { font-size: 18px; line-height: 28px; letter-spacing: .01em; margin-top: 30px; display: flex; flex-direction: column; color: #5f5f5f } @media (max-width: 1919.98px) { .pd__manual { font-size: 16px; line-height: 20px; letter-spacing: .02em; margin-top: 20px } } @media (max-width: 1365.98px) { .pd__manual { margin-top: 16px; font-size: 14px } } @media (max-width: 1023.98px) { .pd__manual { margin-top: 0 } } @media (max-width: 767.98px) { .pd__manual { line-height: 24px } } @media (max-width: 1023.98px) { .pd__manual a { font-size: 16px } } .pd__manual p { margin: 0 } .pd__manual + .pd__manual, .pd__manual-link:not(:first-child), .pd__manual p:not(:first-child) { margin-top: 8px } @media (max-width: 767.98px) { .pd__manual-link:not(:first-child) { margin-top: 0 } } @media (max-width: 1919.98px) { .pd__manual-link span { display: block } } @media (max-width: 1023.98px) { .pd__manual-link span { display: inline } } .pd__counter-wrapper { border: none; padding: 0 } @media (max-width: 1023.98px) { .pd__counter-wrapper { border-top: 1px solid rgba(175, 187, 198, .5); padding-top: 24px } } .pd__counter { display: flex; padding: 25px 30px; margin-bottom: 15px; border-radius: 8px; background: #f6f6f6 } @media (max-width: 1919.98px) { .pd__counter { padding: 20px } } @media (max-width: 1365.98px) { .pd__counter { margin-bottom: 10px } } @media (max-width: 1023.98px) { .pd__counter { margin-bottom: 24px } } .pd__counter-title { display: flex; justify-content: space-between; color: #212121; font-family: Futura PT; font-size: 16px; font-weight: 400; line-height: 20px } @media (max-width: 1365.98px) { .pd__counter-title { font-size: 14px; line-height: 16px } } @media (max-width: 1023.98px) { .pd__counter-title { font-size: 16px; line-height: 20px } } .pd__counter-title .icon-info { flex-shrink: 0; width: 14px; height: 14px; color: #afbbc6 } .pd__counter-timer { display: flex; gap: 8px; margin-top: 8px; background: transparent } @media (max-width: 1919.98px) { .pd__counter-timer { gap: 6px } } @media (max-width: 1365.98px) { .pd__counter-timer { gap: 8px } } @media (max-width: 1023.98px) { .pd__counter-timer { gap: 6px } } .pd__counter-timer-colored { color: red } .pd__counter-timer-inner { display: inline } .pd__counter-timer-item { display: flex; justify-content: center; align-items: center; height: 28px; width: 57.75px; border-radius: 6px; background: #fff } @media (max-width: 1919.98px) { .pd__counter-timer-item { height: 27px; width: 47.5px } } @media (max-width: 1365.98px) { .pd__counter-timer-item { height: 32px; width: 43.75px } } @media (max-width: 1023.98px) { .pd__counter-timer-item { height: 27px; width: 61px } } .pd__counter-timer-item:last-child .pd__counter-timer-name { color: rgba(250, 77, 98, .5) } .pd__counter-timer--days, .pd__counter-timer--hours, .pd__counter-timer--minutes, .pd__counter-timer--seconds { text-align: center; font-family: Futura PT; font-size: 18px; font-weight: 400; line-height: 28px } @media (max-width: 1919.98px) { .pd__counter-timer--days, .pd__counter-timer--hours, .pd__counter-timer--minutes, .pd__counter-timer--seconds { font-size: 16px } } @media (max-width: 1365.98px) { .pd__counter-timer--days, .pd__counter-timer--hours, .pd__counter-timer--minutes, .pd__counter-timer--seconds { font-size: 14px; line-height: 16px } } @media (max-width: 1023.98px) { .pd__counter-timer--days, .pd__counter-timer--hours, .pd__counter-timer--minutes, .pd__counter-timer--seconds { font-size: 16px; line-height: 28px } } .pd__counter-timer--seconds { color: #fa4d62 } .pd__counter-timer-name { color: #97a4af; font-family: Futura PT; font-size: 14px; font-weight: 400; line-height: 28px } @media (max-width: 1919.98px) { .pd__counter-timer-name { font-size: 12px } } @media (max-width: 1365.98px) { .pd__counter-timer-name { line-height: 16px; font-size: 12px } } @media (max-width: 1023.98px) { .pd__counter-timer-name { line-height: 28px; font-size: 12px } } .pd__counter-timer-divider { color: #212121; text-align: center; font-family: Futura PT; font-size: 16px; font-weight: 450; line-height: 28px; opacity: .3 } .pd__content { display: flex; flex-direction: column; font-size: 18px; line-height: 24px } @media (max-width: 1919.98px) { .pd__content { font-size: 16px; line-height: 20px } } @media (max-width: 1365.98px) { .pd__content { font-size: 14px; line-height: 16px } } @media (max-width: 1023.98px) { .pd__content { display: block; font-size: 16px; line-height: 20px } } .pd__content--data { padding: 0 80px } @media (max-width: 1919.98px) { .pd__content--data { padding: 0 1.75695vw } } @media (max-width: 1919.98px) and (min-width: 1440px) { .pd__content--data { padding: 0 2.92826vw } } @media (max-width: 1365.98px) { .pd__content--data { padding: 0 1.95312vw } } @media (max-width: 1023.98px) { .pd__content--data { padding: 0 } } .pd__content-item:not(:last-child) { margin-bottom: 24px } @media (max-width: 1919.98px) { .pd__content-item:not(:last-child) { margin-bottom: 20px } } @media (max-width: 1365.98px) { .pd__content-item:not(:last-child) { margin-bottom: 16px } } .pd__colors-items { display: flex; flex-wrap: wrap; margin: 16px 0 0 -5px } @media (max-width: 767.98px) { .pd__colors-items { margin-top: 10px } } .pd__colors-item { flex-shrink: 0; margin-left: 5px; margin-bottom: 5px } .pd__colors-color { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 35px; height: 35px; border: 2px solid #22b0f3; border-radius: 100%; padding: 5px; display: block; text-decoration: none } .pd__colors-color:not(.is-active) { border-color: transparent } .pd__colors-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; border-radius: 100% } .pd__systems-items { display: flex; flex-wrap: wrap; margin: 16px 0 0 -10px } .pd__systems-item { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; flex-shrink: 0; height: 42px; border: 2px solid #22b0f3; border-radius: 100px; padding: 0 8px; margin-left: 10px; font-weight: 500; display: flex; align-items: center; color: #212121; text-decoration: none; margin-bottom: 10px } @media (min-width: 1920px) { .pd__systems-item { font-size: 16px } } .pd__systems-item:not(.is-active) { border: 1px solid #d7dde3 } .pd__systems-item:hover, .pd__systems-item:visited { color: #212121 } @media (max-width: 1023.98px) { .pd__stats--desktop { display: none } } .pd__stats--mobile { display: none } @media (max-width: 1023.98px) { .pd__stats--mobile { display: block } } .pd__points { border-top: 1px solid #d7dee3; display: flex; flex-direction: column; gap: 8px; padding: 20px 0; margin-top: 20px; font-size: 18px; line-height: 24px; font-weight: 400 } @media (max-width: 767.98px) { .pd__points { font-size: 16px; line-height: 20px; padding: 24px 0; margin-top: 24px } } .pd__points-tooltip { font-size: 0; line-height: 0 } .pd__points-count { cursor: pointer; display: flex; align-items: center; gap: 6px; color: #fa4d62 } .pd__points-text { line-height: 16px; color: #959799 } .pd__stats-items { margin: 0; padding: 0 0 0 20px } .pd__stats-items--no-bullets { padding: 0; list-style: none } .pd__stats-item { display: flex; align-items: center } .pd__stats-item:not(:first-child) { margin-top: 1em } .pd__stats-icon { flex-shrink: 0; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; margin-right: 16px } @media (max-width: 1365.98px) { .pd__stats-icon { width: 24px; height: 24px; margin-right: 8px } } @media (max-width: 1023.98px) { .pd__stats-icon { width: 30px; height: 30px; margin-right: 16px } } .pd__stats-icon img { display: block; max-width: 100%; max-height: 100% } .pd__stats-more { letter-spacing: .01em; margin-top: 16px } @media (max-width: 1365.98px) { .pd__stats-more { margin-top: 24px } } @media (max-width: 1023.98px) { .pd__stats-more { margin-top: 16px } } .pd__services { display: flex; flex-wrap: wrap; gap: 5px } @media (max-width: 1023.98px) { .pd__services { background: none; border-radius: 0; padding: 0; margin-top: 24px } } @media (max-width: 767.98px) { .pd__services { flex-wrap: nowrap } } .pd__services-item { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; flex-grow: 1; background: #f6f6f6; padding: 22px 15px; border-radius: 12px; flex-basis: calc(33.3% - 5px); text-decoration: none } @media (max-width: 1023.98px) { .pd__services-item { padding: 20px } } @media (max-width: 767.98px) { .pd__services-item { padding: 22px 12px } } .pd__services-icon { display: block; max-width: 32px } @media (max-width: 1919.98px) { .pd__services-icon { max-width: 24px } } @media (max-width: 1023.98px) { .pd__services-icon { max-width: 32px } } .pd__services-text { font-size: 16px; line-height: 18px; letter-spacing: -.005em; color: #97a4af; margin-top: 10px; text-align: center; width: 100%; max-width: 90px } @media (max-width: 1919.98px) { .pd__services-text { font-size: 12px; line-height: 14px; margin-top: 6px } } @media (max-width: 1023.98px) { .pd__services-text { font-size: 16px; line-height: 18px; letter-spacing: normal; margin-top: 10px } } .pd__services-arrow { width: 8px; height: 8px; display: inline-block } .pd__info { background: #fff; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); border-radius: 8px; padding: 30px } @media (max-width: 1919.98px) { .pd__info { padding: 20px } } @media (max-width: 1023.98px) { .pd__info { box-shadow: none; padding: 20px 0 0; border-top: 1px solid rgba(175, 187, 198, .5); border-radius: 0 } } .pd__info-benefit { font-size: 18px; font-weight: 400; line-height: 21px; margin-bottom: 20px } @media (max-width: 1919.98px) { .pd__info-benefit { font-size: 16px } } @media (max-width: 1279.98px) { .pd__info-benefit { font-size: 14px } } @media (max-width: 1023.98px) { .pd__info-benefit { font-size: 16px } } .pd__info-title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; font-size: 24px; line-height: 28px; letter-spacing: .02em; margin-bottom: 8px } @media (max-width: 1023.98px) { .pd__info-title { font-size: 28px; line-height: 36px; letter-spacing: normal } } .pd__info-price { display: flex; align-items: baseline; margin-top: 20px } @media (max-width: 1023.98px) { .pd__info-price { margin-top: 24px } } .pd__info-price + .pd__info-follow { margin-top: 2px } .pd__info-price-current { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; flex-shrink: 0; font-weight: 800; font-size: 28px; line-height: 36px } @media (max-width: 1279.98px) { .pd__info-price-current { font-size: 24px } } @media (max-width: 1023.98px) { .pd__info-price-current { font-weight: 600; font-size: 32px; line-height: 41px } } .pd__info-price-current--red { color: #fa4d62 } .pd__info-price-old { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; flex-shrink: 0; font-weight: 600; font-size: 14px; line-height: 18px; color: #97a4af; text-decoration: line-through; margin-left: 12px } @media (max-width: 1279.98px) { .pd__info-price-old { font-size: 12px } } @media (max-width: 1023.98px) { .pd__info-price-old { font-size: 16px; line-height: 21px; margin-left: 8px } } .pd__info-credit { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; margin-top: 8px; font-size: 16px; line-height: 20px; position: relative } @media (max-width: 1919.98px) { .pd__info-credit { margin-top: 5px } } .pd__info-credit--split { margin: 8px -16px 0; min-height: 184px } @media (max-width: 1919.98px) { .pd__info-credit--split { margin: 5px -16px 0 } } @media (max-width: 1023.98px) { .pd__info-credit--split { margin: 5px -20px 0; min-height: 236px } } .pd__info-credit-loading { position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); width: 30px; height: 30px; background: url(/local/templates/haier/css/../images/icon-preloader.svg); animation: rotate 1.5s linear infinite } .pd__info-credit-payment { font-weight: 600; font-size: 14px; letter-spacing: -.05em; background: #feca65; border-radius: 4px; padding: 0 10px; white-space: nowrap; line-height: 20px } .pd__info-credit-duration { margin-left: 6px; white-space: nowrap } .pd__info-credit-duration--sm { font-size: 14px } .pd__info-follow { margin-top: 10px } .pd__info-follow-link { position: relative; font-size: 18px; line-height: 24px; text-align: left } @media (max-width: 1919.98px) { .pd__info-follow-link { font-size: 16px; line-height: 20px } } @media (max-width: 1365.98px) { .pd__info-follow-link { font-size: 14px } } @media (max-width: 1023.98px) { .pd__info-follow-link { font-size: 16px } } .pd__info-follow-link:before { position: absolute; content: ""; top: -18px; right: 0; bottom: -18px; left: 0; margin: auto; display: block; height: 36px; width: 36px; background: url(/local/templates/haier/css/../images/icon-preloader.svg) no-repeat 50%; background-size: 36px; transition: opacity .3s; opacity: 0; visibility: hidden; animation: rotate 1.5s linear infinite; pointer-events: none } .pd__info-follow-link.is-loading { color: rgba(34, 176, 243, .5) } .pd__info-follow-link.is-loading:before { opacity: 1; visibility: visible } .pd__info-follow-link.is-active { color: #97a4af } .pd__info-follow-link.is-active.is-loading { color: rgba(151, 164, 175, .5) } .pd__info-follow-link.is-active.pd__media-slider--is360 { border: none } .card .pd__info-follow-link { font-size: 14px } .pd__info-discounted { margin-top: 20px } .pd__info-discounted-text { font-size: 16px; font-weight: 450; line-height: 24px; max-width: 281px } .pd__info-discounted-text span { display: inline-flex } .pd__cashback { display: none; visibility: hidden; width: 0; height: 0; opacity: 0; border-top: 1px solid rgba(175, 187, 198, .5); padding-top: 20px; margin-top: 20px } .pd__cashback-primary { display: flex; align-items: center; color: #22b0f3 } .pd__cashback--upper .pd__cashback-primary { color: #fa4d62 } .pd__cashback-primary-text { font-size: 18px; line-height: 24px; letter-spacing: -.015em } @media (max-width: 1919.98px) { .pd__cashback-primary-text { font-size: 16px; line-height: 20px } } @media (max-width: 1365.98px) { .pd__cashback-primary-text { font-size: 14px } } @media (max-width: 1023.98px) { .pd__cashback-primary-text { font-size: 16px } } .pd__cashback-primary-icon { flex-shrink: 0; margin-left: 8px; width: 24px; height: 14px; display: block } @media (max-width: 1023.98px) { .pd__cashback-primary-icon { width: 30px; height: 18px } } .pd__cashback-secondary { font-size: 14px; line-height: 18px; color: #97a4af } @media (max-width: 1919.98px) { .pd__cashback-secondary { font-size: 12px; line-height: 15px; letter-spacing: -.01em; margin-top: 8px } } @media (max-width: 1023.98px) { .pd__cashback-secondary { font-size: 16px; line-height: 20px } } .pd__delivery { display: flex; margin-top: 12px } .pd__delivery-icon { flex-shrink: 0; margin-right: 10px; width: 23px; height: 15px; display: block } @media (max-width: 1023.98px) { .pd__delivery-icon { width: 27px; height: 17px } } .pd__delivery-icon-info { cursor: pointer; color: #22b0f3; transition: color .2s ease } .pd__delivery-icon-info:hover { color: #3f8ed0 } .pd__delivery-text { font-size: 18px; line-height: 1 } @media (max-width: 1919.98px) { .pd__delivery-text { font-size: 16px } } @media (max-width: 1365.98px) { .pd__delivery-text { font-size: 14px } } @media (max-width: 1023.98px) { .pd__delivery-text { font-weight: 500; line-height: 20px; letter-spacing: .01em } } @media (max-width: 767.98px) { .pd__delivery-text { font-weight: 400; line-height: 16px } } .pd__delivery-text span { color: #22b0f3 } .pd__lowStock { color: #fa4d62; margin: 20px 0 12px 0 } .pd__buy { margin-top: 24px } @media (max-width: 767.98px) { .pd__buy { display: none } } .pd__buy-buttons { display: flex; flex-direction: column; gap: 10px } .pd__buy-button { box-shadow: none } @media (max-width: 1919.98px) { .pd__buy-button { font-size: 16px } } .pd__buy-button:not(.button--twice) { padding: 0 8px } @media (max-width: 1023.98px) { .pd__discontinued { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid rgba(175, 187, 198, .5) } } .pd__warning { padding-left: 24px; position: relative; font-size: 16px; line-height: 20px; color: #fa4d62 } .pd__warning:not(:last-child) { margin-bottom: 24px } .pd__warning:before { content: ""; display: block; background: url(/local/templates/haier/css/../images/icon-warning.svg) no-repeat; width: 16px; height: 16px; position: absolute; top: 2px; left: 0 } .pd__online { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-top: 1px solid rgba(175, 187, 198, .5); padding-top: 24px; display: block; text-decoration: none; transition: opacity .25s; width: 100%; max-width: 244px; text-align: left } @media (max-width: 1919.98px) { .pd__online { padding-top: 20px } } @media (max-width: 1365.98px) { .pd__online { max-width: 190px; padding-top: 16px } } @media (max-width: 1023.98px) { .pd__online { border-top: 0; padding: 25px 20px; border-radius: 8px; display: block; background: hsla(0, 0%, 96.5%, .8); max-width: none } } @media (max-width: 767.98px) { .pd__online { width: 100%; padding: 20px } } @media (max-width: 1023.98px) { .pd__body-col--data .pd__online { display: none } } .pd__body-col--info .pd__online { display: none } @media (max-width: 1023.98px) { .pd__body-col--info .pd__online { display: block } } .pd__online:not(.is-active) { opacity: 0; visibility: hidden } .pd__online:hover .pd__online-body-text { color: #0090d5 } .pd__online:hover .pd__online-body-icon { background: #0090d5 } .pd__online-header, .pd__online-header-label { display: flex; align-items: center } .pd__online-header-label { flex-shrink: 0; background: #fa4d62; border-radius: 30px; font-weight: 500; font-size: 10px; line-height: 18px; letter-spacing: .045em; color: #fff; margin-right: 10px; padding: 0 8px 0 6px } .pd__online-header-label:before { flex-shrink: 0; content: ""; display: block; width: 4px; height: 4px; background: #fff; border-radius: 100%; margin-right: 4px } .pd__online-header-text { font-weight: 500; font-size: 20px; line-height: 26px; transition: color .25s; color: #212121 } @media (max-width: 1919.98px) { .pd__online-header-text { font-size: 18px; line-height: 24px } } @media (max-width: 1365.98px) { .pd__online-header-text { font-size: 15px; line-height: 20px } } @media (max-width: 1023.98px) { .pd__online-header-text { font-size: 20px } } @media (max-width: 767.98px) { .pd__online-header-text { line-height: 24px } } .pd__online-body { display: flex; align-items: center; justify-content: space-between; margin-top: 10px } @media (max-width: 1023.98px) { .pd__online-body { margin-top: 15px } } @media (max-width: 767.98px) { .pd__online-body { margin-top: 4px } } .pd__body-col--data .pd__online-body { justify-content: flex-start } .pd__online-body-text { font-size: 18px; line-height: 22px; color: #22b0f3; transition: color .25s } @media (max-width: 1919.98px) { .pd__online-body-text { font-size: 16px; line-height: 20px } } @media (max-width: 1365.98px) { .pd__online-body-text { font-size: 14px; line-height: 18px } } @media (max-width: 1023.98px) { .pd__online-body-text { line-height: 24px } } @media (max-width: 767.98px) { .pd__online-body-text { font-size: 16px; line-height: 24px } } .pd__online-body-icon { flex-shrink: 0; width: 34px; height: 34px; box-shadow: 0 3px 15px hsla(0, 0%, 70.6%, .25); background: #22b0f3; border-radius: 8px; margin-left: 8px; display: flex; align-items: center; justify-content: center; transition: background-color .25s } @media (max-width: 1919.98px) { .pd__online-body-icon { width: 28px; height: 28px } } @media (max-width: 1365.98px) { .pd__online-body-icon { width: 24px; height: 24px } } @media (max-width: 1023.98px) { .pd__online-body-icon { width: 35px; height: 35px } } .pd__online-body-icon svg { flex-shrink: 0; display: block; margin-left: 1px; width: 7px; height: 10px } .pd__online-footer { font-size: 14px; line-height: 24px; letter-spacing: .01em; margin-top: 18px; color: #97a4af } @media (max-width: 1919.98px) { .pd__online-footer { font-size: 12px; margin-top: 10px } } @media (max-width: 1023.98px) { .pd__online-footer { font-size: 16px; line-height: 20px; margin-top: 15px } } @media (max-width: 767.98px) { .pd__online-footer { margin-top: 4px } } .pd__tooltip { padding: 15px 20px !important } @media (max-width: 768.98px) { .pd__tooltip { padding: 30px 20px !important } } .pd__tooltip > :first-child { margin-top: 0 } .pd__tooltip--label .pd__tooltip { padding: 17px 20px 19px 20px !important } @media (max-width: 768.98px) { .pd__tooltip--label .pd__tooltip { padding: 32px 20px !important } } .pd__tooltip--label .pd__tooltip-title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; font-size: 20px; line-height: 28px; margin-bottom: 10px } @media (max-width: 768.98px) { .pd__tooltip--label .pd__tooltip-title { font-size: 24px; margin-bottom: 24px } } .pd__tooltip--label .pd__tooltip-text { font-size: 14px; line-height: 20px } @media (max-width: 768.98px) { .pd__tooltip--label .pd__tooltip-text { font-size: 18px; line-height: 28px; letter-spacing: .18px } } .pd__tooltip--label .pd__tooltip-footer { margin-top: 10px; font-size: 14px } @media (max-width: 768.98px) { .pd__tooltip--label .pd__tooltip-footer { margin-top: 24px } } .pd__tooltip-title { font-weight: 500; font-size: 20px; line-height: 28px; margin-bottom: 20px } @media (min-width: 1024px) { .pd__tooltip-title--md { display: none } } .pd__tooltip-text { font-size: 16px; line-height: 24px; margin-top: 8px } .pd__tooltip-list { margin: 0; padding: 0; list-style: none; font-size: 16px; line-height: 24px; color: #97a4af; margin-top: 8px } .pd__tooltip-list li { display: flex; justify-content: space-between } .pd__tooltip-list li:not(:first-child) { margin-top: 8px } .pd__tooltip-list span { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; flex-shrink: 0; font-weight: 500; padding-left: 8px; color: #212121 } .pd__tooltip-footer { font-size: 16px; line-height: 20px; margin-top: 8px } @media (max-width: 768.98px) { .pd__tooltip-footer { margin-top: 24px } } .pd__tooltip-footer i { top: .1em } .pd__tooltip-footer .link--arrow:before { top: 4px } @media (min-width: 1024px) { .pd__tooltip-close { display: none } } .pd__damaged { color: #212121; display: flex; border-top: 1px solid rgba(175, 187, 198, .5); flex-direction: column; gap: 16px; max-width: 244px; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; font-weight: 400; line-height: 28px; padding: 24px 0 } @media (max-width: 1919.98px) { .pd__damaged { padding: 20px 0 } } @media (max-width: 1365.98px) { .pd__damaged { max-width: 190px; padding: 16px 0 } } @media (max-width: 1023.98px) { .pd__damaged { min-width: 100% } } .pd__damaged .icon-info { color: #afbbc6; width: 14px; height: 14px } .pd__damaged-title { font-size: 20px; font-weight: 450 } .pd__damaged-buttons { display: flex; gap: 10px } .pd__damaged-button { position: relative; color: #212121; cursor: pointer; display: flex; gap: 8px; align-items: center; justify-content: center; padding: 12px 16px; border-radius: 8px; border: 1px solid #d7dde3; transition: border-color .25s; text-decoration: none } @media (max-width: 1023.98px) { .pd__damaged-button { width: 100% } } .pd__damaged-button-link { position: absolute; width: 100%; height: 100% } .pd__damaged-trigger { display: flex; padding: 5px; gap: 8px; align-items: center; z-index: 1 } .pd__damaged-button.is-active { border: 2px solid #22b0f3 } .pd__damaged-link { margin-top: 7px } @media (max-width: 767.98px) { .pd__damaged-link { font-size: 16px; line-height: 24px } } .pd__damaged-content { display: flex; flex-direction: column; font-size: 18px; font-weight: 400; line-height: 22px } @media (max-width: 1365.98px) { .pd__damaged-content { font-size: 16px; line-height: 24px } } @media (max-width: 1023.98px) { .pd__damaged-content { font-size: 14px; line-height: 20px } } @media (max-width: 767.98px) { .pd__damaged-content { font-size: 16px; line-height: 24px } } .pd__damaged-name { color: #5f5f5f } .pd-drivers { padding: 30px 0 } .pd-drivers--v2 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .pd-drivers--v2 > .container { max-width: 1470px } @media (max-width: 1365.98px) { .pd-drivers--v2 > .container { max-width: 1112px } } .pd-drivers__items { max-width: 865px; margin: 0 auto } @media (max-width: 1919.98px) { .pd-drivers__items { max-width: 744px } } @media (max-width: 1279.98px) { .pd-drivers__items { max-width: 772px } } @media (max-width: 1023.98px) { .pd-drivers__items { max-width: none } } .pd-drivers--v2 .pd-drivers__items { max-width: 100% } .pd-drivers__item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 24px 0; display: flex; align-items: center; justify-content: space-between; text-decoration: none } @media (max-width: 1023.98px) { .pd-drivers__item { padding: 20px 0 } } .pd-drivers__item:not(:last-child) { border-bottom: 1px solid #d7dde3 } .pd-drivers__item:hover .pd-drivers__text { color: #22b0f3 } .pd-drivers__item:hover .pd-drivers__button { background: #00a0eb } .pd-drivers--v2 .pd-drivers__item { padding: 30px 35px; justify-content: flex-start; background: #fff; border-radius: 12px } @media (max-width: 1023.98px) { .pd-drivers--v2 .pd-drivers__item { padding: 20px } } .pd-drivers--v2 .pd-drivers__item:not(:last-child) { border-bottom: 0; margin-bottom: 20px } .pd-drivers__picture { flex-shrink: 0 } .pd-drivers__image { width: 135px; height: 135px; border-radius: 22px; margin-right: 35px; display: block; pointer-events: none } @media (max-width: 1023.98px) { .pd-drivers__image { width: 70px; height: 70px; border-radius: 12px; margin-right: 20px } } .pd-drivers__description { max-width: 770px; margin-right: auto } .pd-drivers__title { font-weight: 500; font-size: 20px; line-height: 28px; letter-spacing: .02em; color: #000 } .pd-drivers__title:not(:last-child) { margin-bottom: 10px } .pd-drivers__text { font-size: 18px; line-height: 24px; letter-spacing: .02em; color: #212121; margin-right: 24px; transition: color .25s } @media (max-width: 1023.98px) { .pd-drivers__text { font-size: 16px } } .pd-drivers--v2 .pd-drivers__text { font-size: 20px; line-height: 28px; color: #000; margin-right: 20px } @media (max-width: 1023.98px) { .pd-drivers--v2 .pd-drivers__text { font-size: 16px; line-height: 20px } } .pd-drivers__button { flex-shrink: 0; color: #fff; display: flex; align-items: center; justify-content: center; padding: 0 8px; width: 128px; height: 40px } @media (max-width: 1023.98px) { .pd-drivers__button { width: 40px; height: 40px } } .pd-drivers--v2 .pd-drivers__button { width: 148px; height: 56px } @media (max-width: 1023.98px) { .pd-drivers--v2 .pd-drivers__button { width: 40px; height: 40px } } .pd-drivers__button-text { margin-right: 8px } @media (max-width: 1023.98px) { .pd-drivers__button-text { display: none } } .pd-drivers__button-icon { width: 17px; height: 21px; display: block } @media (max-width: 1023.98px) { .pd-drivers .is-hidden-768 { display: none } } .pd-drivers .is-visible-768 { display: none } @media (max-width: 1023.98px) { .pd-drivers .is-visible-768 { display: block } } .layout { padding-top: 140px } @media (max-width: 1919.98px) { .layout { padding-top: 115px } } @media (max-width: 1023.98px) { .layout { padding-top: 80px } } @media (max-width: 1279.98px) { .layout { background: #fff } } .layout--journal-page { background: transparent } .layout--journal-page .layout__col { padding-top: 0; margin: 0 } .layout--journal-page .layout__col--content:before { display: none } @media (max-width: 1279.98px) { .layout--journal-page .layout__col--menu { display: none } } .layout--journal-page .breadcrumbs { margin-bottom: 60px } @media (max-width: 768.98px) { .layout--journal-page .breadcrumbs { margin-bottom: 30px } } .layout__container { max-width: 1360px; margin: 0 auto; padding: 0 35px } @media (max-width: 1279.98px) { .layout__container { padding: 0 32px } } @media (max-width: 768.98px) { .layout__container { padding: 0 20px } } .layout__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 32px; line-height: 1; margin: 0 } @media (max-width: 768.98px) { .layout__title { font-size: 22px; line-height: 28px } } .layout__row { display: flex; gap: 67px } @media (max-width: 1279.98px) { .layout__row { flex-direction: column; margin: 0 } } .layout__col { padding: 40px 0 0 } @media (max-width: 1279.98px) { .layout__col { margin: 0 -32px; padding: 0 } } @media (max-width: 768.98px) { .layout__col { margin: 0 -20px } } .layout__col--content { flex-grow: 1; max-width: 936px; padding-bottom: 160px } @media (max-width: 1279.98px) { .layout__col--content { max-width: none; position: relative; padding-top: 30px; padding-bottom: 160px; background: #f4f4f4 } } @media (max-width: 768.98px) { .layout__col--content { padding-top: 20px; padding-bottom: 60px } } .layout__col--content:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 15px; background: linear-gradient(180deg, rgba(0, 0, 0, .1), transparent); pointer-events: none } @media (min-width: 1280px) { .layout__col--content:before { display: none } } .layout__col--menu { flex-shrink: 0; width: 224px } @media (min-width: 1280px) { .layout__col--menu { margin-left: 40px } } @media (max-width: 1279.98px) { .layout__col--menu { width: auto; padding-top: 24px; order: -1 } } @media (max-width: 768.98px) { .layout__col--menu { padding-top: 24px } } .layout .breadcrumbs { margin-bottom: 40px } @media (max-width: 768.98px) { .layout .breadcrumbs { margin-bottom: 24px } } .layout .breadcrumbs__link, .layout .breadcrumbs__link:visited { color: #212121 } @media (max-width: 768.98px) { .layout .breadcrumbs__link, .layout .breadcrumbs__link:visited { color: #22b0f3 } } .layout .breadcrumbs__link:hover { color: #22b0f3 } .layout .breadcrumbs__text { color: #97a4af } .layout .breadcrumbs .icon-shevron { fill: #212121 } .layout-menu { font-size: 20px; line-height: 24px; color: #97a4af } @media (max-width: 1279.98px) { .layout-menu { font-weight: 500; font-size: 14px; line-height: 18px; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; overflow: auto; scroll-behavior: smooth; padding: 0 32px } } @media (max-width: 768.98px) { .layout-menu { padding: 0 20px } } .layout-menu__items { margin: 0; padding: 0; list-style: none } @media (max-width: 1279.98px) { .layout-menu__items { display: flex; position: relative } } .layout-menu__items > li { display: flex; align-items: flex-start; flex-direction: column } @media (max-width: 1279.98px) { .layout-menu__items > li { padding-right: 20px } } .layout-menu__items > li:not(:first-child) { margin-top: 20px } @media (max-width: 1279.98px) { .layout-menu__items > li:not(:first-child) { margin-top: 0 } } .layout-menu__item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 24px; color: inherit; transition: color .25s; text-decoration: none; display: block; position: relative } @media (max-width: 1279.98px) { .layout-menu__item { padding-left: 0; padding-bottom: 17px } } .layout-menu__item:visited { color: inherit } .layout-menu__item:hover { color: #00a0eb } .layout-menu__item.is-active { color: #212121 } @media (max-width: 1279.98px) { .layout-menu__item.is-active { color: #22b0f3 } } .layout-menu__item:not(.is-active):before { transform: scaleX(0) } @media (max-width: 1279.98px) { .layout-menu__item:not(.is-active):before { transform: scaleY(0) } } .layout-menu__item:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 2px; background: #22b0f3; pointer-events: none; transition: transform .25s; transform-origin: left center } @media (max-width: 1279.98px) { .layout-menu__item:before { bottom: 0; margin-top: auto; width: 100%; height: 3px; transform-origin: center bottom } } .journal__menu { margin-bottom: 32px } @media (max-width: 1279.98px) { .journal__menu { margin-bottom: 30px; padding: 0 20px } } @media (max-width: 768.98px) { .journal__menu { padding: 0 20px; overflow: auto; scroll-behavior: smooth } } .journal__menu-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; margin: -10px 0 0 -10px } @media (max-width: 1279.98px) { .journal__menu-list { position: relative } } @media (max-width: 768.98px) { .journal__menu-list { flex-wrap: nowrap; margin: 0 } } .journal__menu-list-item { flex-shrink: 0; margin: 10px 0 0 10px } @media (max-width: 768.98px) { .journal__menu-list-item { margin: 0; padding-right: 10px } .journal__menu-list-item:last-child { padding-right: 20px } } @media (max-width: 768.98px) { .journal__menu-list-item--expander { display: none } } @media (min-width: 769px) { .journal__menu-list-item:not(.is-active) { display: none } } .journal__menu-item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; height: 44px; background: #fff; border-radius: 100px; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); font-size: 18px; line-height: 28px; letter-spacing: .02em; color: #212121; padding: 8px 15px; transition-property: background-color, color, box-shadow; transition-duration: .25s; text-decoration: none; white-space: nowrap } @media (max-width: 768.98px) { .journal__menu-item { height: 36px; font-size: 14px; line-height: 20px; box-shadow: none } } .journal__menu-item--expander { width: 44px; display: flex; align-items: center; justify-content: center } .journal__menu-item--expander span { flex-shrink: 0; display: block; width: 5px; height: 5px; background: #c4c4c4; border-radius: 100%; pointer-events: none } .journal__menu-item--expander span:not(:first-child) { margin-left: 5px } .journal__menu-item:visited { color: #212121 } .journal__menu-item:hover { color: #212121; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .5) } @media (max-width: 768.98px) { .journal__menu-item:hover { box-shadow: none } } .journal__menu-item.is-active { background: #22b0f3; box-shadow: 0 10px 20px rgba(34, 176, 243, .35); color: #fff } @media (max-width: 768.98px) { .journal__menu-item.is-active { box-shadow: none } } @media (max-width: 1279.98px) { .journal__content { padding: 0 20px } } @media (max-width: 768.98px) { .journal__content { padding: 0 20px } } .journal__items { display: flex; flex-wrap: wrap; margin: -32px -15px 0 } @media (max-width: 1023.98px) { .journal__items { margin-left: -10px; margin-right: -10px } } .journal__item { margin-top: 32px; padding: 0 15px; width: 33.333% } @media (max-width: 1023.98px) { .journal__item { width: 50%; padding: 0 10px } } @media (max-width: 767.98px) { .journal__item { width: 100% } } .journal__footer { margin-top: 40px; display: flex; justify-content: center } @media (max-width: 1279.98px) { .journal__footer { margin-top: 30px } } @media (max-width: 768.98px) { .journal__footer { margin-top: 20px } } .journal__footer-button { flex-shrink: 0; width: 200px } @media (max-width: 768.98px) { .journal__footer-button { width: 100%; height: 46px; line-height: 46px; font-size: 16px } } .journal-item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #fff; border-radius: 12px; box-shadow: 0 0 0 hsla(0, 0%, 70.6%, .25); transition: box-shadow .25s; text-decoration: none; display: flex; flex-direction: column; overflow: hidden; height: 100% } @media (max-width: 768.98px) { .journal-item { box-shadow: none } } .journal-item:hover { box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25) } @media (max-width: 768.98px) { .journal-item:hover { box-shadow: none } } .journal-item__picture { display: block; position: relative } .journal-item__picture:before { content: ""; display: block; padding-top: 51.36986% } .journal-item__picture img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .journal-item__content { display: flex; flex-direction: column; height: 100%; padding: 15px 20px 20px } @media (max-width: 768.98px) { .journal-item__content { padding-bottom: 20px } } .journal-item__info { display: flex; align-items: center; justify-content: space-between; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: .02em; color: #afbbc6; white-space: nowrap } .journal-item__info:last-child { margin-top: auto } .journal-item__comments, .journal-item__likes, .journal-item__views { display: flex; align-items: center } .journal-item__comments-icon, .journal-item__likes-icon, .journal-item__views-icon { width: 20px; height: 20px; margin-right: 5px; color: #d7dde3 } .journal-item__comments-icon:hover, .journal-item__likes-icon:hover, .journal-item__share-icon:hover { color: #97a4af; cursor: pointer } .journal-item__views-icon { width: 24px; height: 24px } .journal-item__likes { margin: 0 20px 0 auto } .journal-item__comments.active, .journal-item__comments.active svg, .journal-item__likes.active, .journal-item__likes.active svg { color: #22b0f3 } .journal-item__text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-weight: 500; font-size: 18px; line-height: 22px; letter-spacing: .02em; color: #000; margin: 10px 0 8px 0 } @media (max-width: 768.98px) { .journal-item__text { font-size: 16px; line-height: 20px } } .journal-page { background: #fff; border-radius: 12px; padding: 40px; font-size: 18px; line-height: 28px } @media (max-width: 768.98px) { .journal-page { padding: 20px; font-size: 16px; line-height: 24px; letter-spacing: .02em } } .journal-page h1 { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 32px; line-height: 40px; letter-spacing: .02em; margin: 30px 0 24px } @media (max-width: 768.98px) { .journal-page h1 { font-size: 24px; line-height: 32px; letter-spacing: normal; margin: 10px 0 } } .journal-page h2 { font-weight: 500; font-size: 24px; line-height: 40px; margin: 20px 0 } @media (max-width: 768.98px) { .journal-page h2 { font-size: 24px; line-height: 30px } } .journal-page h3 { font-weight: 500; font-size: 20px; line-height: 28px; margin: 10px 0; letter-spacing: .01em } .journal-page p { margin: 1em 0 } .journal-page a:not(.card-labels__link) { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #00a0eb; text-decoration: none; transition: color .25s } .journal-page a:not(.card-labels__link):visited { color: #00a0eb } @media (min-width: 1280px) { .journal-page a:not(.card-labels__link):hover { color: #0090d5 } } .journal-page a:not(.card-labels__link):active { color: #0090d5 } .journal-page b { font-weight: 500 } .journal-page .journal-page__info { display: flex; align-items: center; font-size: 16px; font-weight: 500; line-height: 20px; color: #afbbc6; white-space: nowrap; margin: 20px 0 } @media (max-width: 768.98px) { .journal-page .journal-page__info { font-size: 14px } } .journal-page .journal-page__info-date { margin-right: 20px } @media (max-width: 768.98px) { .journal-page .journal-page__info-date { margin-right: 10px } } .journal-page .journal-page__info-comments, .journal-page .journal-page__info-likes, .journal-page .journal-page__info-share, .journal-page .journal-page__info-views { display: flex; align-items: center } .journal-page .journal-page__info-comments-icon, .journal-page .journal-page__info-likes-icon, .journal-page .journal-page__info-share-icon, .journal-page .journal-page__info-views-icon { width: 20px; height: 20px; margin-right: 8px; color: #afbbc6 } @media (max-width: 768.98px) { .journal-page .journal-page__info-comments-icon, .journal-page .journal-page__info-likes-icon, .journal-page .journal-page__info-share-icon, .journal-page .journal-page__info-views-icon { width: 18px; height: 18px } } .journal-page .journal-page__info-comments:hover, .journal-page .journal-page__info-likes:hover, .journal-page .journal-page__info-share:hover { color: #97a4af } .journal-page .journal-page__info-comments:hover svg, .journal-page .journal-page__info-likes:hover svg, .journal-page .journal-page__info-share:hover svg { color: #97a4af; cursor: pointer } .journal-page .journal-page__info-views-icon { width: 24px; height: 24px } @media (max-width: 768.98px) { .journal-page .journal-page__info-views-icon { width: 20px; height: 20px } } .journal-page .journal-page__info-likes { margin: 0 24px 0 auto } @media (max-width: 768.98px) { .journal-page .journal-page__info-likes { margin: 0 16px 0 auto } } .journal-page .journal-page__info-likes.active, .journal-page .journal-page__info-likes.active .journal-page__info-likes-icon { color: #22b0f3 } .journal-page .journal-page__info-comments { margin-right: 50px } @media (max-width: 768.98px) { .journal-page .journal-page__info-comments { margin-right: 16px } } .journal-page .journal-page__info-comments.active, .journal-page .journal-page__info-comments.active .journal-page__info-comments-icon { color: #22b0f3 } .journal-page .journal-page__info-share { position: relative } .journal-page .journal-page__info-share:before { content: ""; display: block; position: absolute; left: -25px; width: 1px; height: 18px; background: #afbbc6 } @media (max-width: 768.98px) { .journal-page .journal-page__info-share:before { display: none } } .journal-page .journal-page__info-share:hover .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuODg1IDguMDcyYzIuNjYtMi41ODggNi4yOTQtMi42NSA3LjQxMi0yLjU5N1YxLjQ2N2MwLS44OTggMS4wOTItMS4zNDEgMS43MTctLjY5N2w3LjI5MiA3LjUxNmExIDEgMCAwMS0uMDE4IDEuNDFsLTcuMjkyIDcuMTRjLS42MzMuNjItMS43LjE3MS0xLjctLjcxNVYxMi4xNUMzLjc4NiAxMS4zNC42NTYgMTcuNzU5LjYyNiAxNy44MjZhLjMwNC4zMDQgMCAwMS0uMzMuMTY4LjMwOC4zMDggMCAwMS0uMjQ2LS4yODJjLS4yODgtNC4yODguNjY3LTcuNTMzIDIuODM2LTkuNjR6IiBmaWxsPSIjOTdBNEFGIi8+PC9zdmc+) } .journal-page .journal-page__info-share:hover .ya-share2__title { color: #97a4af } .journal-page .journal-page__info-share .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more { padding: 0 !important; border: none; background: inherit; font-family: Futura PT, sans-serif; font-size: 16px; font-weight: 500; line-height: 20px; white-space: nowrap } .journal-page .journal-page__info-share .ya-share2__title { margin-left: 8px !important; color: #afbbc6 } @media (max-width: 768.98px) { .journal-page .journal-page__info-share .ya-share2__title { display: none !important } } @media (max-width: 768.98px) { .journal-page .journal-page__info-share .ya-share2__link_more { padding: 0 !important } } .journal-page .journal-page__info-share .ya-share2__badge, .journal-page .journal-page__info-share .ya-share2__icon, .journal-page .journal-page__info-share .ya-share2__list { vertical-align: text-bottom !important } .journal-page .journal-page__info-share .ya-share2__container_size_m .ya-share2__popup:not(.ya-share2__popup_mobile) { box-shadow: 0 10px 35px 0 hsla(0, 0%, 70.6%, .25) } .journal-page .journal-page__info-share .ya-share2__list .ya-share2__list_direction_vertical { display: flex; flex-direction: column-reverse; gap: 7px; padding: 30px !important } .journal-page .journal-page__info-share .ya-share2__container_size_m.ya-share2__container_as-popup .ya-share2__item, .journal-page .journal-page__info-share .ya-share2__container_size_m .ya-share2__popup:not(.ya-share2__popup_mobile) .ya-share2__item { padding: 0 } .journal-page .journal-page__info-share .ya-share2__item_more .ya-share2__badge { background: none } .journal-page .journal-page__info-share .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon { width: 40px; height: 40px } .journal-page .journal-page__info-share .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuODg1IDguMDcyYzIuNjYtMi41ODggNi4yOTQtMi42NSA3LjQxMi0yLjU5N1YxLjQ2N2MwLS44OTggMS4wOTItMS4zNDEgMS43MTctLjY5N2w3LjI5MiA3LjUxNmExIDEgMCAwMS0uMDE4IDEuNDFsLTcuMjkyIDcuMTRjLS42MzMuNjItMS43LjE3MS0xLjctLjcxNVYxMi4xNUMzLjc4NiAxMS4zNC42NTYgMTcuNzU5LjYyNiAxNy44MjZhLjMwNC4zMDQgMCAwMS0uMzMuMTY4LjMwOC4zMDggMCAwMS0uMjQ2LS4yODJjLS4yODgtNC4yODguNjY3LTcuNTMzIDIuODM2LTkuNjR6IiBmaWxsPSIjQUZCQkM2Ii8+PC9zdmc+); background-size: 20px 20px; width: 20px; height: 20px } @media (max-width: 768.98px) { .journal-page .journal-page__info-share .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more { background-size: 18px 18px; width: 18px; height: 18px; vertical-align: middle } } .journal-page .journal-page__info-share .ya-share2__item_copy .ya-share2__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMTUiIGZpbGw9IiNGNEY0RjQiLz48cGF0aCBkPSJNMjQuMTQzIDIxLjYwN2wxLjc2OC0xLjc2OGE0LjE2NyA0LjE2NyAwIDAwMC01Ljg5M3YwYTQuMTY3IDQuMTY3IDAgMDAtNS44OTIgMGwtMS43NjggMS43NjhtMi4zNTcgOS40MjhMMTguODQgMjYuOTFhNC4xNjcgNC4xNjcgMCAwMS01Ljg5MyAwdjBhNC4xNjcgNC4xNjcgMCAwMTAtNS44OTNsMS43NjgtMS43NjdNMjIuMzc1IDE3LjQ4MmwtNS44OTMgNS44OTMiIHN0cm9rZT0iIzIxMjEyMSIgc3Ryb2tlLXdpZHRoPSIxLjY2NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+); background-size: 40px 40px } .journal-page .journal-page__info-share .ya-share2__item_service_vkontakte .ya-share2__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMTUiIGZpbGw9IiNGNEY0RjQiLz48cGF0aCBkPSJNMjAuODk0IDI3QzE0LjA2IDI3IDEwLjE2MiAyMi40OTYgMTAgMTVoMy40MjNjLjExMiA1LjUwMiAyLjYzNSA3LjgzMiA0LjYzNSA4LjMxMlYxNWgzLjIyMnY0Ljc0NGMxLjk3NC0uMjAzIDQuMDQ3LTIuMzY2IDQuNzQ2LTQuNzQ0aDMuMjI0YTguOTc2IDguOTc2IDAgMDEtMS41NDQgMy40MyA5LjM4MSA5LjM4MSAwIDAxLTIuODQxIDIuNTUyIDkuODEyIDkuODEyIDAgMDEzLjIzOCAyLjQ4QTkuMzY1IDkuMzY1IDAgMDEzMCAyN2gtMy41NDhhNS45MTIgNS45MTIgMCAwMC0xLjkxMi0yLjg5NCA2LjI5IDYuMjkgMCAwMC0zLjI2LTEuMzk0VjI3aC0uMzg4LjAwMnoiIGZpbGw9IiMyMTIxMjEiLz48L3N2Zz4=); background-size: 40px 40px } .journal-page .journal-page__info-share .ya-share2__item_service_odnoklassniki .ya-share2__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMTUiIGZpbGw9IiNGNEY0RjQiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjE4NiAxNS40MjRjMC0yLjcyIDIuMTkxLTQuOTI0IDQuODkzLTQuOTI0czQuODkzIDIuMjA0IDQuODkzIDQuOTI0YzAgMi43MTgtMi4xOTIgNC45MjItNC44OTMgNC45MjItMi43MDMgMC00Ljg5My0yLjIwNC00Ljg5My00LjkyMnptMi44NyAwYTIuMDMgMi4wMyAwIDAwMi4wMjMgMi4wMzUgMi4wMyAyLjAzIDAgMDAyLjAyMi0yLjAzNSAyLjAyOSAyLjAyOSAwIDAwLTIuMDIyLTIuMDM2IDIuMDI5IDIuMDI5IDAgMDAtMi4wMjMgMi4wMzZ6bTYuOTQ1IDcuNDU3Yy0uMDYxLjA1LTEuMjM1Ljk4Mi0zLjE5NCAxLjM4NGwyLjk1NyAyLjk1Yy41Mi41MjIuNTIgMS4zNy4wMDEgMS44OTJhMS4zNDIgMS4zNDIgMCAwMS0uOTQuMzkzYy0uMzQ5IDAtLjY4NS0uMTQtLjk0MS0uMzkybC0yLjg3LTIuODEyLTIuNjA4IDIuNzk0YTEuMzIxIDEuMzIxIDAgMDEtMS44OC4wMzUgMS4yOCAxLjI4IDAgMDEtLjI5Ni0uNDIzIDEuMzU5IDEuMzU5IDAgMDEtLjAyLTEuMDM1Yy4wNjUtLjE2NC4xNi0uMzEyLjI4MS0uNDM1bDIuODA3LTIuOTVjLTIuMDE0LS4zOTMtMy4yMzctMS4zNS0zLjMtMS40MDFhMS4zNDQgMS4zNDQgMCAwMS0uMjA1LTEuODgyIDEuMzI1IDEuMzI1IDAgMDExLjg3LS4yMDhjLjAxMi4wMSAxLjI5Ljk3NyAzLjM1Ljk3OCAyLjA2LS4wMDEgMy4zMTItLjk2OCAzLjMyNC0uOTc3YTEuMzI0IDEuMzI0IDAgMDExLjg3LjIwN2MuNDYuNTc2LjM2OCAxLjQxOS0uMjA2IDEuODgyeiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg==); background-size: 40px 40px } .journal-page .journal-page__info-share .ya-share2__item_service_whatsapp .ya-share2__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMTUiIGZpbGw9IiNGNEY0RjQiLz48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjE2NV8xMzgzOTEpIj48cGF0aCBkPSJNMjAuNSAxMS42OGMtNC4zMTIgMC03LjgyIDMuNTA4LTcuODIgNy44MiAwIDEuMzQ2LjM0OCAyLjY3IDEuMDA3IDMuODM4bC0uOTk1IDMuNTVhLjM0LjM0IDAgMDAuNDEuNDIybDMuNzA0LS45MThhNy44MjQgNy44MjQgMCAwMDMuNjk0LjkyOGM0LjMxMiAwIDcuODItMy41MDggNy44Mi03Ljgycy0zLjUwOC03LjgyLTcuODItNy44MnptMy45MzMgMTAuNThjLS4xNjcuNDYyLS45Ny44ODUtMS4zNTUuOTQyLS4zNDYuMDUtLjc4NC4wNzItMS4yNjQtLjA3OWExMS43NjYgMTEuNzY2IDAgMDEtMS4xNDUtLjQxOGMtMi4wMTQtLjg1OC0zLjMyOS0yLjg2LTMuNDMtMi45OTMtLjEtLjEzMi0uODItMS4wNzUtLjgyLTIuMDUgMC0uOTc2LjUyLTEuNDU1LjcwMy0xLjY1NGEuNzQyLjc0MiAwIDAxLjUzNi0uMjQ4Yy4xMzQgMCAuMjY4LjAwMi4zODUuMDA3LjEyMy4wMDYuMjg5LS4wNDYuNDUyLjM0LjE2Ny4zOTguNTY5IDEuMzczLjYxOCAxLjQ3My4wNS4wOTkuMDg0LjIxNS4wMTcuMzQ3LS4wNjYuMTMyLS4xLjIxNS0uMi4zMy0uMTAxLjExNy0uMjExLjI2LS4zMDIuMzQ4LS4xLjEtLjIwNS4yMDYtLjA4OC40MDUuMTE3LjE5OS41Mi44NDggMS4xMTcgMS4zNzMuNzY3LjY3NSAxLjQxNC44ODUgMS42MTQuOTg0LjIwMS4xLjMxOC4wODMuNDM1LS4wNS4xMTctLjEzMi41MDItLjU3OC42MzYtLjc3Ny4xMzQtLjE5OC4yNjctLjE2NS40NTItLjA5OS4xODQuMDY2IDEuMTcxLjU0NSAxLjM3Mi42NDUuMi4wOTkuMzM0LjE0OS4zODQuMjMxLjA1LjA4Mi4wNS40OC0uMTE3Ljk0MnoiIGZpbGw9IiMyMTIxMjEiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF82MTY1XzEzODM5MSI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIgMTEpIiBkPSJNMCAwaDE3djE3SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+); background-size: 40px 40px } .journal-page .journal-page__info-share .ya-share2__item_service_telegram .ya-share2__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMTUiIGZpbGw9IiNGNEY0RjQiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjE2OCAxOS41OTdjNC41NjQtMS44MzUgNy42MDctMy4wNDUgOS4xMy0zLjYyOSA0LjM0Ny0xLjY2OCA1LjI1LTEuOTU5IDUuODM5LTEuOTY4LjEyOS0uMDAyLjQxOS4wMjguNjA2LjE2OGEuNTkyLjU5MiAwIDAxLjIyMy4zOTFjLjAyMS4xMTMuMDQ3LjM2OC4wMjYuNTctLjIzNSAyLjI4My0xLjI1NSA3LjgyNi0xLjc3NCAxMC4zODQtLjIxOCAxLjA4Mi0uNjUgMS40NDQtMS4wNjkgMS40OC0uOTEuMDc4LTEuNi0uNTUzLTIuNDgtMS4wODYtMS4zNzgtLjgzNC0yLjE1Ni0xLjM1Mi0zLjQ5My0yLjE2Ni0xLjU0NS0uOTQtLjU0NC0xLjQ1Ni4zMzctMi4zLjIzLS4yMiA0LjIzNS0zLjU4MiA0LjMxMy0zLjg4OC4wMS0uMDM4LjAyLS4xOC0uMDczLS4yNTUtLjA5MS0uMDc1LS4yMjYtLjA1LS4zMjQtLjAzLS4xMzguMDMtMi4zMzkgMS4zNzItNi42MDMgNC4wMjgtLjYyNC4zOTYtMS4xOS41ODktMS42OTcuNTc5LS41Ni0uMDExLTEuNjM0LS4yOTItMi40MzQtLjUzMS0uOTgtLjI5NC0xLjc1OS0uNDUtMS42OS0uOTUuMDM0LS4yNi40MjMtLjUyNiAxLjE2My0uNzk3eiIgZmlsbD0iIzIxMjEyMSIvPjwvc3ZnPg==); background-size: 40px 40px } .journal-page .journal-page__info-share .ya-share2__popup .ya-share2__list .ya-share2__item { opacity: 1 } .journal-page .journal-page__info-share .ya-share2__popup .ya-share2__list .ya-share2__item:hover { background: none } .journal-page .journal-page__info-share .ya-share2__popup .ya-share2__list .ya-share2__item:hover .ya-share2__title { color: #22b0f3 } .journal-page .journal-page__info-share .ya-share2__popup .ya-share2__list .ya-share2__item .ya-share2__link { display: inline-flex; align-items: center } .journal-page .journal-page__info-share .ya-share2__popup .ya-share2__list .ya-share2__item .ya-share2__title { font-family: Futura PT, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color: #212121 } .journal-page .journal-page__info-share .ya-share2__item.ya-share2__item_copy:hover .ya-share2__icon_copy { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMTUiIGZpbGw9IiMyMkIwRjMiLz48cGF0aCBkPSJNMjQuMTQzIDIxLjYwN2wxLjc2OC0xLjc2OGE0LjE2NyA0LjE2NyAwIDAwMC01Ljg5M3YwYTQuMTY3IDQuMTY3IDAgMDAtNS44OTIgMGwtMS43NjggMS43NjhtMi4zNTcgOS40MjhMMTguODQgMjYuOTFhNC4xNjcgNC4xNjcgMCAwMS01Ljg5MyAwdjBhNC4xNjcgNC4xNjcgMCAwMTAtNS44OTNsMS43NjgtMS43NjdNMjIuMzc1IDE3LjQ4MmwtNS44OTMgNS44OTMiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjY2NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+) } .journal-page .journal-page__info-share .ya-share2__item.ya-share2__item_service_vkontakte:hover .ya-share2__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMTUiIGZpbGw9IiMyMkIwRjMiLz48cGF0aCBkPSJNMjAuODk0IDI3QzE0LjA2IDI3IDEwLjE2MiAyMi40OTYgMTAgMTVoMy40MjNjLjExMiA1LjUwMiAyLjYzNSA3LjgzMiA0LjYzNSA4LjMxMlYxNWgzLjIyMnY0Ljc0NGMxLjk3NC0uMjAzIDQuMDQ3LTIuMzY2IDQuNzQ2LTQuNzQ0aDMuMjI0YTguOTc2IDguOTc2IDAgMDEtMS41NDQgMy40MyA5LjM4MSA5LjM4MSAwIDAxLTIuODQxIDIuNTUyIDkuODEyIDkuODEyIDAgMDEzLjIzOCAyLjQ4QTkuMzY1IDkuMzY1IDAgMDEzMCAyN2gtMy41NDhhNS45MTIgNS45MTIgMCAwMC0xLjkxMi0yLjg5NCA2LjI5IDYuMjkgMCAwMC0zLjI2LTEuMzk0VjI3aC0uMzg4LjAwMnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) } .journal-page .journal-page__info-share .ya-share2__item.ya-share2__item_service_odnoklassniki:hover .ya-share2__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMTUiIGZpbGw9IiMyMkIwRjMiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjE4NiAxNS40MjRjMC0yLjcyIDIuMTkxLTQuOTI0IDQuODkzLTQuOTI0czQuODkzIDIuMjA0IDQuODkzIDQuOTI0YzAgMi43MTgtMi4xOTIgNC45MjItNC44OTMgNC45MjItMi43MDMgMC00Ljg5My0yLjIwNC00Ljg5My00LjkyMnptMi44NyAwYTIuMDMgMi4wMyAwIDAwMi4wMjMgMi4wMzUgMi4wMyAyLjAzIDAgMDAyLjAyMi0yLjAzNSAyLjAyOSAyLjAyOSAwIDAwLTIuMDIyLTIuMDM2IDIuMDI5IDIuMDI5IDAgMDAtMi4wMjMgMi4wMzZ6bTYuOTQ1IDcuNDU3Yy0uMDYxLjA1LTEuMjM1Ljk4Mi0zLjE5NCAxLjM4NGwyLjk1NyAyLjk1Yy41Mi41MjIuNTIgMS4zNy4wMDEgMS44OTJhMS4zNDIgMS4zNDIgMCAwMS0uOTQuMzkzYy0uMzQ5IDAtLjY4NS0uMTQtLjk0MS0uMzkybC0yLjg3LTIuODEyLTIuNjA4IDIuNzk0YTEuMzIxIDEuMzIxIDAgMDEtMS44OC4wMzUgMS4yOCAxLjI4IDAgMDEtLjI5Ni0uNDIzIDEuMzU5IDEuMzU5IDAgMDEtLjAyLTEuMDM1Yy4wNjUtLjE2NC4xNi0uMzEyLjI4MS0uNDM1bDIuODA3LTIuOTVjLTIuMDE0LS4zOTMtMy4yMzctMS4zNS0zLjMtMS40MDFhMS4zNDQgMS4zNDQgMCAwMS0uMjA1LTEuODgyIDEuMzI1IDEuMzI1IDAgMDExLjg3LS4yMDhjLjAxMi4wMSAxLjI5Ljk3NyAzLjM1Ljk3OCAyLjA2LS4wMDEgMy4zMTItLjk2OCAzLjMyNC0uOTc3YTEuMzI0IDEuMzI0IDAgMDExLjg3LjIwN2MuNDYuNTc2LjM2OCAxLjQxOS0uMjA2IDEuODgyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) } .journal-page .journal-page__info-share .ya-share2__item.ya-share2__item_service_whatsapp:hover .ya-share2__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMTUiIGZpbGw9IiMyMkIwRjMiLz48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjE2NV8xMzg0MjApIj48cGF0aCBkPSJNMjAuNSAxMS42OGMtNC4zMTIgMC03LjgyIDMuNTA4LTcuODIgNy44MiAwIDEuMzQ2LjM0OCAyLjY3IDEuMDA3IDMuODM4bC0uOTk1IDMuNTVhLjM0LjM0IDAgMDAuNDEuNDIybDMuNzA0LS45MThhNy44MjQgNy44MjQgMCAwMDMuNjk0LjkyOGM0LjMxMiAwIDcuODItMy41MDggNy44Mi03Ljgycy0zLjUwOC03LjgyLTcuODItNy44MnptMy45MzMgMTAuNThjLS4xNjcuNDYyLS45Ny44ODUtMS4zNTUuOTQyLS4zNDYuMDUtLjc4NC4wNzItMS4yNjQtLjA3OWExMS43NjYgMTEuNzY2IDAgMDEtMS4xNDUtLjQxOGMtMi4wMTQtLjg1OC0zLjMyOS0yLjg2LTMuNDMtMi45OTMtLjEtLjEzMi0uODItMS4wNzUtLjgyLTIuMDUgMC0uOTc2LjUyLTEuNDU1LjcwMy0xLjY1NGEuNzQyLjc0MiAwIDAxLjUzNi0uMjQ4Yy4xMzQgMCAuMjY4LjAwMi4zODUuMDA3LjEyMy4wMDYuMjg5LS4wNDYuNDUyLjM0LjE2Ny4zOTguNTY5IDEuMzczLjYxOCAxLjQ3My4wNS4wOTkuMDg0LjIxNS4wMTcuMzQ3LS4wNjYuMTMyLS4xLjIxNS0uMi4zMy0uMTAxLjExNy0uMjExLjI2LS4zMDIuMzQ4LS4xLjEtLjIwNS4yMDYtLjA4OC40MDUuMTE3LjE5OS41Mi44NDggMS4xMTcgMS4zNzMuNzY3LjY3NSAxLjQxNC44ODUgMS42MTQuOTg0LjIwMS4xLjMxOC4wODMuNDM1LS4wNS4xMTctLjEzMi41MDItLjU3OC42MzYtLjc3Ny4xMzQtLjE5OC4yNjctLjE2NS40NTItLjA5OS4xODQuMDY2IDEuMTcxLjU0NSAxLjM3Mi42NDUuMi4wOTkuMzM0LjE0OS4zODQuMjMxLjA1LjA4Mi4wNS40OC0uMTE3Ljk0MnoiIGZpbGw9IiNmZmYiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF82MTY1XzEzODQyMCI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIgMTEpIiBkPSJNMCAwaDE3djE3SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+) } .journal-page .journal-page__info-share .ya-share2__item.ya-share2__item_service_telegram:hover .ya-share2__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMTUiIGZpbGw9IiMyMkIwRjMiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjE2OCAxOS41OTdjNC41NjQtMS44MzUgNy42MDctMy4wNDUgOS4xMy0zLjYyOSA0LjM0Ny0xLjY2OCA1LjI1LTEuOTU5IDUuODM5LTEuOTY4LjEyOS0uMDAyLjQxOS4wMjguNjA2LjE2OGEuNTkyLjU5MiAwIDAxLjIyMy4zOTFjLjAyMS4xMTMuMDQ3LjM2OC4wMjYuNTctLjIzNSAyLjI4My0xLjI1NSA3LjgyNi0xLjc3NCAxMC4zODQtLjIxOCAxLjA4Mi0uNjUgMS40NDQtMS4wNjkgMS40OC0uOTEuMDc4LTEuNi0uNTUzLTIuNDgtMS4wODYtMS4zNzgtLjgzNC0yLjE1Ni0xLjM1Mi0zLjQ5My0yLjE2Ni0xLjU0NS0uOTQtLjU0NC0xLjQ1Ni4zMzctMi4zLjIzLS4yMiA0LjIzNS0zLjU4MiA0LjMxMy0zLjg4OC4wMS0uMDM4LjAyLS4xOC0uMDczLS4yNTUtLjA5MS0uMDc1LS4yMjYtLjA1LS4zMjQtLjAzLS4xMzguMDMtMi4zMzkgMS4zNzItNi42MDMgNC4wMjgtLjYyNC4zOTYtMS4xOS41ODktMS42OTcuNTc5LS41Ni0uMDExLTEuNjM0LS4yOTItMi40MzQtLjUzMS0uOTgtLjI5NC0xLjc1OS0uNDUtMS42OS0uOTUuMDM0LS4yNi40MjMtLjUyNiAxLjE2My0uNzk3eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) } .journal-page .journal-page__infobar { padding: 35px 40px; border-radius: 12px; background: #f9fafb } @media (max-width: 768.98px) { .journal-page .journal-page__infobar { padding: 20px 20px; margin: 0 -20px; background: #fcfcfc } } .journal-page .journal-page__infobar .journal-page__info { margin: 0 } .journal-page .journal-page__intro { font-size: 24px; line-height: 36px; margin: 24px 0 } @media (max-width: 768.98px) { .journal-page .journal-page__intro { font-size: 18px; line-height: 28px } } .journal-page .journal-page__list { font-size: inherit; line-height: 20px; margin: 44px 0 48px; padding: 0 0 0 16px } @media (max-width: 768.98px) { .journal-page .journal-page__list { margin: 16px 0 24px; padding-left: 20px } } .journal-page .journal-page__list--blue { color: #22b0f3 } .journal-page .journal-page__list-spaced { line-height: inherit; padding-left: 60px } @media (max-width: 768.98px) { .journal-page .journal-page__list-spaced { padding-left: 20px } } .journal-page .journal-page__list-spaced > li:not(:first-child) { margin-top: 30px } @media (max-width: 768.98px) { .journal-page .journal-page__list-spaced > li:not(:first-child) { margin-top: 20px } } .journal-page .journal-page__list > li:not(:first-child) { margin-top: 15px } .journal-page .journal-page__download { font-weight: 500; font-size: inherit; line-height: inherit; color: #00a0eb; display: flex; flex-direction: column; align-items: flex-start } .journal-page .journal-page__download-icon { flex-shrink: 0; width: 40px; height: 40px; background: #fff; border-radius: 100%; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); margin-right: 15px; display: flex; align-items: center; justify-content: center; pointer-events: none } @media (max-width: 768.98px) { .journal-page .journal-page__download-icon { width: 30px; height: 30px } } .journal-page .journal-page__download-icon img { display: block } @media (max-width: 768.98px) { .journal-page .journal-page__download-icon img { width: 13px; height: 13px } } .journal-page .journal-page__download a { display: flex; align-items: center } .journal-page .journal-page__download a, .journal-page .journal-page__download a:active, .journal-page .journal-page__download a:visited { color: inherit } .journal-page .journal-page__image { margin: 40px 0 } @media (max-width: 768.98px) { .journal-page .journal-page__image { margin: 24px 0 } } .journal-page .journal-page__image-picture { display: block } .journal-page .journal-page__image-picture img, .journal-page .journal-page__image-picture source { display: block; border-radius: 12px; max-width: 100% } .journal-page .journal-page__image-text { font-size: 14px; line-height: inherit; text-align: center; margin-top: 20px } @media (max-width: 768.98px) { .journal-page .journal-page__image-text { font-size: 12px; line-height: 20px; margin-top: 10px } } .journal-page .journal-page__slider { margin: 40px 0 } @media (max-width: 768.98px) { .journal-page .journal-page__slider { margin: 24px 0 } } .journal-page .journal-page__slider-image { display: block; border-radius: 12px; margin: 0 auto; max-width: 100% } .journal-page .journal-page__slider-footer { display: flex; align-items: center; justify-content: center; margin-top: 30px } @media (max-width: 768.98px) { .journal-page .journal-page__slider-footer { margin-top: 20px } } .journal-page .journal-page__slider-nav { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; width: 40px; height: 40px; background: #fff; border-radius: 100%; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25) } .journal-page .journal-page__slider-nav:-moz-focusring { outline: none } .journal-page .journal-page__slider-nav:focus { outline: none } .journal-page .journal-page__slider-nav:disabled { cursor: not-allowed } .journal-page .journal-page__slider-nav--prev img { transform: rotate(180deg) } .journal-page .journal-page__slider-nav.swiper-button-disabled img { opacity: .5 } .journal-page .journal-page__slider-count { display: flex; align-items: center; font-size: 14px; line-height: 28px; padding: 0 16px } .journal-page .journal-page__slider-count-total { display: flex; align-items: center; position: relative; color: #afbbc6 } .journal-page .journal-page__slider-count-total:before { content: ""; display: block; width: 2px; height: 20px; background: #d7dde3; transform: rotate(30deg); margin: 0 8px } .journal-page .journal-page__comments { margin-top: 60px } .journal-page .journal-page__comments-title { font-size: 24px; font-weight: 500 } .journal-page .journal-page__comments-count { color: #959799 } .journal-page .journal-page__comments-new { display: flex; flex-direction: column; gap: 20px; margin-top: 20px } .journal-page .journal-page__comments-new .textarea-comments__container { position: relative; display: flex; flex-direction: column } .journal-page .journal-page__comments-new .textarea-comments__container span { position: absolute; top: 7.5px; left: 15px; z-index: 2; color: #97a4af } @media (max-width: 768.98px) { .journal-page .journal-page__comments-new .textarea-comments__container span { top: 9px } } .journal-page .journal-page__comments-new .textarea-comments__container textarea { pointer-events: none; cursor: not-allowed } .journal-page .journal-page__comments-new .textarea-comments__new { font-family: Futura PT; min-height: 41px; height: 41px; padding: 6px 15px 9px 15px; border-radius: 8px; border: 1px solid #d7dde3; overflow: hidden; resize: vertical; font-size: 18px; color: #212121 } .journal-page .journal-page__comments-new .textarea-comments__new::-moz-placeholder { font-size: 18px; color: #97a4af } .journal-page .journal-page__comments-new .textarea-comments__new:-ms-input-placeholder { font-size: 18px; color: #97a4af } .journal-page .journal-page__comments-new .textarea-comments__new::placeholder { font-size: 18px; color: #97a4af } @media (max-width: 768.98px) { .journal-page .journal-page__comments-new .textarea-comments__new { height: 65px } } .journal-page .journal-page__comments-new .button-comments-new { margin-right: auto; height: 41px; width: 160px; font-size: 18px; line-height: normal } .journal-page .journal-page__comments-notification { margin-top: 40px; padding: 25px; background: #f2f7ec; border-radius: 8px; font-weight: 500 } .journal-page .journal-page__comments-list { display: flex; flex-direction: column; gap: 32px; margin-top: 60px } .journal-page .journal-page__comments-more { margin-top: 32px; font-size: 18px; font-weight: 500; color: #00a0eb } .journal-page .journal-page__comments-more:hover { cursor: pointer } .journal-page .journal-page__comment { display: flex; flex-direction: column; gap: 16px } .journal-page .journal-page__comment-title { display: flex; justify-content: space-between; line-height: 20px } .journal-page .journal-page__comment-author { font-size: 18px; font-weight: 450 } .journal-page .journal-page__comment-date { font-size: 16px; font-weight: 500; color: #afbbc6 } .journal-page .journal-page__comment-text { max-height: 5em; text-overflow: ellipsis; overflow: hidden } .journal-page .journal-page__comment-expand { display: none; margin: -10px auto; color: #00a0eb; cursor: pointer } .journal-page .journal-page__comment-controls { display: flex; gap: 24px } .journal-page .journal-page__comment-delete, .journal-page .journal-page__comment-likes { display: flex; align-items: center; font-size: 16px; line-height: 20px; font-weight: 500; color: #afbbc6 } .journal-page .journal-page__comment-delete-icon, .journal-page .journal-page__comment-likes-icon { width: 20px; height: 20px; margin-right: 8px; color: #afbbc6 } .journal-page .journal-page__comment-delete:hover, .journal-page .journal-page__comment-likes:hover { color: #97a4af } .journal-page .journal-page__comment-delete:hover svg, .journal-page .journal-page__comment-likes:hover svg { color: #97a4af; cursor: pointer } .journal-page .journal-page__comment-likes.active, .journal-page .journal-page__comment-likes.active .journal-page__comment-likes-icon { color: #22b0f3 } .journal-page .journal-page__comment-delete:hover, .journal-page .journal-page__comment-delete:hover .journal-page__comment-delete-icon { color: #97a4af } .journal-page .journal-page__comment-answer { display: flex; gap: 10px; margin: 16px 0 0 10px } .journal-page .journal-page__comment-answer-content { display: flex; flex-direction: column; gap: 16px; padding-top: 5px } .journal-page .journal-page__comment-answer-icon { width: 22px; height: 22px; flex-shrink: 0 } .journal-page .journal-page__notice { background: #f9fafb; border-radius: 12px; padding: 20px 40px; margin: 24px 0; position: relative; font-size: 16px; line-height: 24px; letter-spacing: .01em; color: #3c3c3c } @media (max-width: 768.98px) { .journal-page .journal-page__notice { padding: 20px } } .journal-page .journal-page__notice--quote { padding-left: 94px; min-height: 65px; line-height: 28px; color: #212121 } @media (max-width: 768.98px) { .journal-page .journal-page__notice--quote { padding-left: 56px } } .journal-page .journal-page__notice--quote img { display: block; position: absolute; top: 25px; left: 40px } @media (max-width: 768.98px) { .journal-page .journal-page__notice--quote img { left: 20px; width: 20px; height: 14px } } .journal-page .journal-page__table-outer { margin: 40px 0 } @media (max-width: 768.98px) { .journal-page .journal-page__table-outer { margin: 20px -20px; position: relative } .journal-page .journal-page__table-outer:after, .journal-page .journal-page__table-outer:before { content: ""; display: block; position: absolute; top: 0; width: 20px; height: 100%; z-index: 1; pointer-events: none; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5)) } .journal-page .journal-page__table-outer:before { left: 0; transform: rotate(180deg) } .journal-page .journal-page__table-outer:after { right: 0 } } @media (max-width: 768.98px) { .journal-page .journal-page__table-inner { padding: 0 20px; overflow: auto; display: flex } .journal-page .journal-page__table-inner:after { flex-shrink: 0; content: ""; display: block; width: 20px; height: 20px; pointer-events: none } } .journal-page .journal-page__table-table { flex-shrink: 0; font-size: 16px; line-height: 20px; border: 0; width: 100%; border-collapse: collapse; border-spacing: 0 } @media (max-width: 768.98px) { .journal-page .journal-page__table-table { white-space: nowrap } } .journal-page .journal-page__table-table td, .journal-page .journal-page__table-table th { padding: 22px 8px } @media (max-width: 768.98px) { .journal-page .journal-page__table-table td, .journal-page .journal-page__table-table th { padding-top: 30px; padding-bottom: 15px } } .journal-page .journal-page__table-table td:first-child, .journal-page .journal-page__table-table th:first-child { padding-left: 0 } .journal-page .journal-page__table-table td:last-child, .journal-page .journal-page__table-table th:last-child { padding-right: 0 } .journal-page .journal-page__table-table th { font-weight: 500; border: 0; text-align: left } .journal-page .journal-page__table-table td { border-bottom: 1px solid rgba(215, 221, 227, .6) } .journal-page .journal-page__table-table.is-full-border td, .journal-page .journal-page__table-table.is-full-border th { border: 1px solid rgba(215, 221, 227, .6) } .journal-page .journal-page__table-table.is-full-border td:first-child, .journal-page .journal-page__table-table.is-full-border th:first-child { padding-left: 8px } .journal-page .journal-page__table-table.is-full-border td:last-child, .journal-page .journal-page__table-table.is-full-border th:last-child { padding-right: 8px } .journal-page .journal-page__video { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; border-radius: 12px; box-shadow: 0 4px 30px hsla(0, 0%, 70.6%, .25); margin: 40px 0; overflow: hidden } @media (max-width: 768.98px) { .journal-page .journal-page__video { margin: 24px 0; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25) } } .journal-page .journal-page__video-picture { position: relative } .journal-page .journal-page__video-picture:before { content: ""; display: block; padding-top: 46.62005% } .journal-page .journal-page__video-picture > img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .journal-page .journal-page__video-play { width: 74px; height: 74px; background: #22b0f3; border-radius: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: flex; align-items: center; justify-content: center } @media (max-width: 768.98px) { .journal-page .journal-page__video-play { width: 56px; height: 56px } } .journal-page .journal-page__video-play img { display: block; margin-left: 5px } @media (max-width: 768.98px) { .journal-page .journal-page__video-play img { width: 14px } } .journal-page .journal-page__video-content { padding: 20px 30px 30px } @media (max-width: 768.98px) { .journal-page .journal-page__video-content { padding: 15px 20px 40px } } .journal-page .journal-page__video-date { font-size: 16px; line-height: 28px; color: #afbbc6; white-space: nowrap } .journal-page .journal-page__video-text { font-weight: 500; font-size: 18px; line-height: 22px; color: #000; margin-top: 16px } @media (max-width: 768.98px) { .journal-page .journal-page__video-text { font-size: 16px; line-height: 20px; margin-top: 12px } } .journal-page > :first-child { margin-top: 0 } .journal-page > :last-child { margin-bottom: 0 } .journal-related:not(:first-child) { margin-top: 80px } @media (max-width: 1279.98px) { .journal-related:not(:first-child) { margin-top: 60px } } .journal-related__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 32px; line-height: 24px; margin: 0 0 40px } @media (max-width: 1279.98px) { .journal-related__title { margin-bottom: 30px } } @media (max-width: 768.98px) { .journal-related__title { font-size: 24px; line-height: 32px } } .journal-related__row { display: flex; flex-wrap: wrap; margin: 0 -15px } @media (max-width: 1023.98px) { .journal-related__row { margin: -20px -10px 0 } } @media (max-width: 767.98px) { .journal-related__row { display: block } } .journal-related__col { padding: 0 15px; width: 33.333% } @media (max-width: 1023.98px) { .journal-related__col { width: 50%; padding: 0 10px; margin-top: 20px } } @media (max-width: 767.98px) { .journal-related__col { width: 100% } } .journal-products { margin: 60px 0 40px; position: relative } @media (max-width: 768.98px) { .journal-products { margin: 40px 0 24px } } .journal-products__title { font-size: 24px; line-height: 40px; font-weight: 450; margin: 0 0 52px } @media (max-width: 768.98px) { .journal-products__title { margin: 0 0 20px; font-size: 20px; font-family: Futura PT, Arial, Helvetica, sans-serif; letter-spacing: .02em; line-height: 28px; font-weight: 800 } } .journal-products__more { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: .02em; color: #22b0f3; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; transition: color .25s; height: 100% } .journal-products__more:visited { color: #22b0f3 } .journal-products__more:hover { color: #0090d5 } .journal-products__more:hover svg { fill: #0090d5 } .journal-products__more-icon { width: 48px; height: 48px; background: #fff; border: 1px solid currentColor; border-radius: 100%; margin-bottom: 12px; display: flex; align-items: center; justify-content: center } .journal-products__more svg { flex-shrink: 0; display: block; fill: #22b0f3; transition: color .25s } @media (max-width: 768.98px) { .journal-products .swiper-container { margin: 0 -20px; padding: 0 20px } } .journal-products .swiper-slide { box-sizing: border-box; height: auto } @media (max-width: 768.98px) { .journal-products .swiper-slide { width: 150px } } .journal-products .swiper-button-next, .journal-products .swiper-button-prev { margin-top: -42px } @media (max-width: 1023.98px) { .journal-products .swiper-button-next, .journal-products .swiper-button-prev { display: none } } .journal-products .swiper-button-next.swiper-button-disabled, .journal-products .swiper-button-prev.swiper-button-disabled { opacity: 0 } .journal-products .swiper-button-prev { left: -64px } .journal-products .swiper-button-next { right: -64px } .switch-tabs__tabs { display: flex; margin-left: -20px } .switch-tabs__tab { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; flex: 1 1 0; background: #fff; border: 1px solid #d7dde3; border-radius: 6px; margin-left: 20px; max-width: 100%; height: 72px; padding: 0 24px; display: flex; align-items: center } @media (max-width: 768.98px) { .switch-tabs__tab { padding: 0 16px } } .switch-tabs__tab.is-active { border: 2px solid #22b0f3 } .switch-tabs__tab.is-disabled { border: 1px solid #d7dde3; opacity: .5; pointer-events: none; display: none } .switch-tabs__switch { flex-shrink: 0; margin-right: 16px; position: relative; top: auto; left: auto } .switch-tabs__text { font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: .01em } .switch-tabs__content { padding-top: 24px } .switch-tabs__content:not(.is-active) { display: none } .pickpoint__result { font-size: 18px; line-height: 32px } .pickpoint__result b { font-weight: 500 } .pickpoint__apply, .pickpoint__change { min-width: 220px; margin-top: 20px; margin-right: 16px } .pickpoint .form__global-error { margin: 20px 0 0 } .tradein.is-placeholder .tradein__card, .tradein:not(.is-placeholder) .tradein__banner { display: none } .tradein__header { font-size: 18px; line-height: 23px } .tradein__warning { background: #f2fbff; border-radius: 8px; padding: 16px; font-size: 18px; line-height: 25px; margin-top: 8px } .tradein__body { display: flex; margin: 40px -40px 0; transition: opacity .25s } @media (max-width: 1023.98px) { .tradein__body { margin-left: -10px; margin-right: -10px } } @media (max-width: 767.98px) { .tradein__body { display: block } } .tradein__body-col { flex-shrink: 0; padding: 0 40px } @media (max-width: 1023.98px) { .tradein__body-col { padding: 0 10px } } .tradein__body-col:first-child { flex-grow: 1; max-width: calc(100% - 418px) } @media (max-width: 1023.98px) { .tradein__body-col:first-child { max-width: calc(100% - 358px) } } @media (max-width: 767.98px) { .tradein__body-col:first-child { max-width: none } } .tradein__body-col:nth-child(2) { flex-shrink: 0 } @media (max-width: 767.98px) { .tradein__body-col:nth-child(2) { margin-top: 48px } } .tradein__filters p { margin-bottom: 25px } .tradein__filters:not(:first-child) { margin-top: 48px } .tradein__card { height: 100%; width: 338px } @media (max-width: 767.98px) { .tradein__card { width: auto } } .tradein__banner { position: relative; border-radius: 8px; overflow: hidden; width: 338px } @media (max-width: 767.98px) { .tradein__banner { width: auto } } .tradein__banner:before { content: ""; display: block; padding-top: 224.26036% } @media (max-width: 767.98px) { .tradein__banner:before { padding-top: 264.1115% } } .tradein__banner-image { -o-object-fit: cover; object-fit: cover } .tradein__banner-content, .tradein__banner-image { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .tradein__banner-content { padding: 48px 24px } .tradein__banner-title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 24px; line-height: 32px; letter-spacing: .02em; color: #fff; text-align: center } .tradein__banner-steps { margin-top: 40px; padding-left: 24px } @media (max-width: 767.98px) { .tradein__banner-steps { padding-left: 0 } } .tradein__banner-step { display: flex; align-items: center } .tradein__banner-step:not(:first-child) { margin-top: 24px } .tradein__banner-step:last-child .tradein__banner-arrow { display: none } .tradein__banner-col:first-child { flex-shrink: 0; position: relative } .tradein__banner-arrow { display: block; position: absolute; top: 48px; left: 50%; transform: translateX(-50%) } @media (max-width: 767.98px) { .tradein__banner-arrow { display: none } } .tradein__banner-icon { display: block; position: relative } .tradein__banner-text { padding-left: 24px; font-size: 18px; line-height: 24px; color: #fff } .tradein__footer { margin-top: 48px } .tradein h2 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 24px; line-height: 40px; margin: 0 0 20px } .tradein .form__group:last-child { margin-bottom: 0 } .tradein .select { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .tradein .card { background: #f4f4f4; padding: 30px 30px 40px; height: auto; border-radius: 6px; border: 0 } .tradein .card-labels__label { color: #212121; font-size: 18px; font-weight: 400; line-height: 24px; text-transform: none } .tradein .card-labels__label-price { margin: 6px 6px 6px 0; padding: 4px 8px; color: #fff; font-size: 24px; font-weight: 700; line-height: 28px; background: #fa4d62; border-radius: 4px } .tradein .card__picture-label { top: 30px } .tradein .card__label { padding: 0 } .tradein .card__container-picture { background: none } .tradein .card__price-block { font-size: 18px; font-weight: 450; align-items: baseline } .tradein .card__price { font-size: 18px } .tradein .card__price-old { color: #808093; font-size: 18px; font-weight: 450 } .tradein .card__about { font-size: 18px; line-height: 20px; margin-bottom: 24px } .tradein .card__about a { text-decoration: none } .tradein .card__about a, .tradein .card__about a:hover, .tradein .card__about a:visited { color: #212121 } .tradein .card__about svg { margin-left: 8px } .tradein .card__notice { font-size: 18px; line-height: 20px } .tradein .card__notice:not(:first-child) { margin-top: 24px } .tradein .card__button { padding: 0; margin-top: 24px; min-width: 200px; box-shadow: none; white-space: nowrap } .tradein .select .choices__list--dropdown .choices__item { line-height: 22px } .tradein .select .choices__list--dropdown .choices__placeholder { display: none } .tradein .choices__item.choices__item--selectable { padding-right: 16px } .tradein__blue-color { color: #22b0f3 } .installment-promo { background: #fff; border-radius: 12px; padding: 34px } @media (max-width: 768.98px) { .installment-promo { padding: 25px 20px 35px; text-align: center } } .installment-promo:not(:first-child) { margin-top: 20px } .installment-promo__row { display: flex; align-items: center; margin: 0 -15px } @media (max-width: 768.98px) { .installment-promo__row { display: block } } .installment-promo__col { padding: 0 15px } .installment-promo__col:nth-child(2) { flex-grow: 1 } .installment-promo__icon { width: 100px; height: 100px; background: #22b0f3; border-radius: 12px; display: flex; align-items: center; justify-content: center } @media (max-width: 768.98px) { .installment-promo__icon { width: 70px; height: 70px; margin: 0 auto } } .installment-promo__icon img { flex-shrink: 0; display: block } @media (max-width: 768.98px) { .installment-promo__icon img { width: 30px } } .installment-promo__text { max-width: 400px } @media (max-width: 768.98px) { .installment-promo__text { max-width: none } } .installment-promo__text-header { font-weight: 500; font-size: 20px; line-height: 24px } @media (max-width: 768.98px) { .installment-promo__text-header { margin-top: 20px } } .installment-promo__text-body { font-size: 16px; line-height: 22px; letter-spacing: .01em; margin-top: 16px } @media (max-width: 768.98px) { .installment-promo__text-body { margin-top: 20px } } .installment-promo__text-body span { font-weight: 500; white-space: nowrap } .installment-promo__button { width: 240px } @media (max-width: 768.98px) { .installment-promo__button { width: 280px; height: 46px; font-size: 16px; line-height: 46px; margin: 24px auto 0 } } .catalog-banners { margin-bottom: 30px } @media (max-width: 1365.98px) { .catalog-banners .swiper-container.is-slider { margin: 0 -30px; padding: 0 30px } } @media (max-width: 1023.98px) { .catalog-banners .swiper-container.is-slider { margin: 0 -20px; padding: 0 20px } .catalog-banners .swiper-container.is-slider .swiper-slide { width: 281px } } .catalog-banners .swiper-wrapper { box-sizing: border-box } .catalog-banner { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; height: 97px; display: block; text-decoration: none } @media (max-width: 1365.98px) { .catalog-banner { height: 81px } } .catalog-banner:hover .catalog-banner__text i:before { transform: translate(4px) } .catalog-banner img, .catalog-banner source { border-radius: 12px; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media (max-width: 1365.98px) { .catalog-banner img, .catalog-banner source { border-radius: 8px } } .catalog-banner__text { display: flex; align-items: center; padding: 0 30px; position: relative; height: 100% } @media (max-width: 1365.98px) { .catalog-banner__text { padding: 0 25px } } .catalog-banner__text p { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; font-size: 18px; line-height: 23px; letter-spacing: -.001em; pointer-events: none; margin: 0; color: #fff } @media (max-width: 1365.98px) { .catalog-banner__text p { font-size: 16px; line-height: 21px } } .catalog-banner__text i:before { background-image: url(/local/templates/haier/css/../images/icon-arrow-white.svg); top: .3em } .welcome { display: flex; flex-direction: column; padding: 20px; background: url(/local/templates/haier/css/../images/welcome/bg.webp) no-repeat 50%/cover; background-image: conic-gradient(from 179.85deg at 52.42% 50%, #172733 -23.94deg, #1e1a33 32.92deg, #15292d 104.81deg, #1a2533 179.72deg, #181730 218.18deg, #15262e 307.55deg, #172733 336.06deg, #1e1a33 392.92deg); min-height: 100vh } @media (max-width: 1023.98px) { .welcome { background-image: url(/local/templates/haier/css/../images/welcome/bg-mobile.webp); background-image: conic-gradient(from 180deg at 50% 50%, #172733 -23.94deg, #1e1a33 32.92deg, #15292d 104.81deg, #1a2533 179.72deg, #181730 218.18deg, #15262e 307.55deg, #172733 336.06deg, #1e1a33 392.92deg) } } .welcome__container { margin: auto; box-shadow: 21px 18px 29px rgba(0, 31, 140, .09); border-radius: 24px; padding: 35px 50px; display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 386px; background: #fff } @media (max-width: 1023.98px) { .welcome__container { box-shadow: 0 4px 54px rgba(0, 0, 0, .1); padding: 30px 16px } } .welcome__logo { width: 90px; height: 90px; background: #212121; border-radius: 100%; display: flex; align-items: center; justify-content: center } .welcome__logo-icon { flex-shrink: 0; width: 60px; height: 19px; fill: #fff } .welcome__button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 24px; font-weight: 500; font-size: 18px; white-space: nowrap; height: 56px; line-height: 52px; border-width: 2px } @media (max-width: 1023.98px) { .welcome__button { font-size: 16px; height: 48px; line-height: 44px } } .welcome__button + .welcome__button { margin-top: 10px } .welcome__social { margin-top: 35px } .welcome__phone { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 20px; font-weight: 500; font-size: 16px; line-height: 23px; color: #212121; text-decoration: none; transition: color .25s } .welcome__phone:visited { color: #212121 } .welcome__phone:hover { color: #0090d5 } .store-top { background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); position: relative; z-index: 1 } @media (max-width: 1023.98px) { .store-top { padding: 16px 0 } } .store-top__container { display: flex } @media (max-width: 1023.98px) { .store-top__container { display: block } } .store-top__item { padding: 24px 0 } @media (max-width: 1023.98px) { .store-top__item { padding: 0 } } .store-top__item:first-child { flex-grow: 1; padding-right: 14.92537% } @media (max-width: 1365.98px) { .store-top__item:first-child { padding-right: 6.66667% } } @media (max-width: 1023.98px) { .store-top__item:first-child { padding-right: 0 } } .store-top__item:nth-child(2) { flex-shrink: 0 } .store-top__map { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; line-height: 20px; display: inline-flex; align-items: center; color: #00a0eb; margin: -4px 0 16px 30px } @media (max-width: 1023.98px) { .store-top__map { margin: 0 0 24px } } .store-top__map .icon { flex-shrink: 0; margin-right: 8px } .store-banner { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: .02em; color: #fff; width: 100%; max-width: 1312px; margin: 0 auto; overflow: hidden; position: relative } @media (max-width: 1023.98px) { .store-banner--single { margin: 0 15px; width: auto } } @media (max-width: 1023.98px) { .store-banner br { content: "" } .store-banner br:after { content: " " } } .store-banner__container { overflow: hidden; margin: 0 15px } .store-banner__item { position: relative; border-radius: 10px; overflow: hidden; height: 396px } @media (max-width: 1023.98px) { .store-banner__item { height: auto } } .store-banner__background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px; -o-object-fit: cover; object-fit: cover } .store-banner__content { position: relative; padding: 33px 55px; display: flex; flex-direction: column; justify-content: center } @media (max-width: 1023.98px) { .store-banner__content { padding: 33px; align-items: center; justify-content: flex-end } } .store-banner__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 40px; line-height: 40px; margin-bottom: 14px } @media (max-width: 1365.98px) { .store-banner__title { font-size: 24px; line-height: 28px } } @media (max-width: 1023.98px) { .store-banner__title { font-size: 26px; line-height: 30px } } .store-banner__text { font-size: 16px; line-height: 24px; opacity: .7 } @media (max-width: 1023.98px) { .store-banner__text { line-height: 20px; margin-bottom: 14px } } .store-banner__features .store-banner__text { margin-bottom: 0 } @media (max-width: 1023.98px) { .store-banner__text, .store-banner__title { text-align: center } } .store-banner__features { margin-top: auto; padding-top: 24px; display: flex } @media (max-width: 1023.98px) { .store-banner__features { padding-top: 20px; display: block } } .store-banner__feature { display: flex; flex-direction: column; align-items: center; flex-shrink: 0 } @media (max-width: 1023.98px) { .store-banner__feature { flex-direction: row } } .store-banner__feature:not(:last-child) { margin-right: 40px } @media (max-width: 1023.98px) { .store-banner__feature:not(:last-child) { margin-right: 0; margin-bottom: 16px; display: flex } } .store-banner__icon { width: 64px; height: 64px; border: 1px solid #fff; border-radius: 100%; font-weight: 500; font-size: 24px; line-height: 28px; display: flex; align-items: center; justify-content: center } @media (max-width: 1023.98px) { .store-banner__icon { width: 48px; height: 48px; font-size: 18px; line-height: 20px; flex-shrink: 0 } } .store-banner__icon:not(:last-child) { margin-bottom: 8px } @media (max-width: 1023.98px) { .store-banner__icon:not(:last-child) { margin-bottom: 0; margin-right: 16px } } .store-banner__icon svg { flex-shrink: 0 } .store-banner__btn { display: none; position: absolute; width: 30px; height: 30px; border-radius: 100%; background: #ebedf2; top: calc(50% - 15px); color: #808093; z-index: 1; align-items: center; justify-content: center } .store-banner__btn .icon { position: relative; display: inline; width: 12px; height: 12px; left: -1px; pointer-events: none } .store-banner__btn_show { display: flex; justify-content: center; align-items: center } .store-banner__btn--prev { left: 0; transform: rotate(180deg) } .store-banner__btn--next { right: 0 } @media (max-width: 1919.98px) { .store-banner { max-width: 1236px } } .store-banner-02 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: .02em; color: #fff } .store-banner-02__wrapper { height: 396px; position: relative; border-radius: 10px; overflow: hidden; background: #000 } @media (max-width: 1023.98px) { .store-banner-02__wrapper { height: 100%; min-height: 500px } } .store-banner-02__background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media (max-width: 1023.98px) { .store-banner-02__background { height: auto; width: auto; min-width: 100%; left: 50%; transform: translateX(-50%) } } .store-banner-02__content { position: relative; padding: 40px 52px 48px; display: flex; flex-direction: column } @media (max-width: 1919.98px) { .store-banner-02__content { padding: 40px 52px } } @media (max-width: 1023.98px) { .store-banner-02__content { display: block; padding: 290px 16px 26px; background: linear-gradient(180deg, transparent 280px, #000 320px) } } .store-banner-02__content--small { position: relative; padding: 40px 52px 48px; display: flex; flex-direction: column } @media (max-width: 1919.98px) { .store-banner-02__content--small { padding: 40px 52px } } .store-banner-02__title { font-weight: 700; font-size: 40px; line-height: 40px; margin-bottom: 14px; max-width: 390px } @media (max-width: 1439.98px) { .store-banner-02__title { font-size: 24px; line-height: 28px; max-width: 240px } } @media (max-width: 1023.98px) { .store-banner-02__title { font-size: 20px; line-height: 24px; max-width: 100%; margin: 0 auto 10px; text-align: center } } .store-banner-02__text { font-size: 16px; line-height: 24px; color: hsla(0, 0%, 100%, .7); max-width: 370px } @media (max-width: 1919.98px) { .store-banner-02__text { max-width: 380px } } @media (max-width: 1365.98px) { .store-banner-02__text { max-width: 300px; font-size: 16px; line-height: 20px } } @media (max-width: 1023.98px) { .store-banner-02__text { max-width: 100%; margin: 0 auto; text-align: center } } .store-banner-02__text--long { max-width: 520px } .store-banner-02__features { margin-top: 31px; padding-top: 24px } @media (max-width: 1023.98px) { .store-banner-02__features { padding-top: 16px; display: flex; justify-content: center } } .store-banner-02__feature { display: flex; align-items: center } .store-banner-02__icon { flex-shrink: 0; width: 56px; height: 71px; margin-right: 6px; position: relative } @media (max-width: 1023.98px) { .store-banner-02__icon { width: 40px; height: 50px } } .store-banner-02__icon .icon { flex-shrink: 0; width: 100%; height: 100% } .store-banner-02__icon-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 35px; line-height: 1 } @media (max-width: 1023.98px) { .store-banner-02__icon-inner { font-size: 24px; margin-right: 10px } } .store-banner-02__icon-text { font-weight: 500; font-size: 18px; line-height: 23px } @media (max-width: 1023.98px) { .store-banner-02__icon-text { font-size: 16px; line-height: 21px } } .store-buttons { display: flex } .store-info .store-buttons { margin-top: auto; padding-top: 40px } @media (max-width: 1365.98px) { .store-info .store-buttons { padding-top: 32px } } @media (max-width: 1023.98px) { .store-info .store-buttons { padding-top: 24px } } .store-buttons__item { flex-shrink: 0 } .store-buttons__item:not(:last-child) { margin-right: 8px } @media (max-width: 767.98px) { .store-buttons__item:first-child { flex: 1 1 auto } } .store-buttons__button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 48px } @media (max-width: 1023.98px) { .store-buttons__button { height: 44px } } .store-buttons__button .icon { flex-shrink: 0 } .store-buttons__button > * { pointer-events: none } .store-buttons__button--route { width: 190px; padding: 0 8px; font-size: inherit } @media (max-width: 767.98px) { .store-buttons__button--route { width: 100% } } .store-top .store-buttons__button--route { width: 220px; font-size: 16px; line-height: 1 } @media (max-width: 767.98px) { .store-top .store-buttons__button--route { width: 100% } } .store-buttons__button--route .icon { width: 16px; height: 16px; margin-right: 10px } @media (max-width: 1023.98px) { .store-buttons__button--route .icon { margin-right: 8px } } .store-top .store-buttons__button--route .icon { width: 20px; height: 20px } @media (max-width: 1023.98px) { .store-top .store-buttons__button--route .icon { width: 16px; height: 16px } } .store-buttons__button--link { width: 48px; background: #f4f4f4; border-radius: 8px; display: flex; align-items: center; justify-content: center } .store-contacts { display: flex; justify-content: space-between; max-width: 700px } @media (max-width: 1023.98px) { .store-contacts { margin: 0 -20px; flex-wrap: wrap; justify-content: flex-start } } @media (max-width: 767.98px) { .store-contacts { justify-content: space-between } } .store-info .store-contacts { margin-bottom: 24px; padding-right: 6%; max-width: 100% } @media (max-width: 1365.98px) { .store-info .store-contacts { padding-right: 4% } } @media (max-width: 1023.98px) { .store-info .store-contacts { margin-bottom: 0; padding-right: 0; margin: 0 -20px } } .store-contacts__block, .store-contacts__item { flex-shrink: 0 } @media (max-width: 1023.98px) { .store-contacts__block, .store-contacts__item { flex-shrink: 1; padding: 0 20px; margin-bottom: 24px } } @media (min-width: 1024px) { .store-contacts__block:not(:last-child), .store-contacts__item:not(:last-child) { padding-right: 40px } } @media (min-width: 1366px) { .store-contacts__block:not(:last-child), .store-contacts__item:not(:last-child) { padding-right: 30px } } .store-contacts__title { font-size: 16px; line-height: 24px; letter-spacing: .02em; color: #97a4af; margin-bottom: 8px } @media (max-width: 1023.98px) { .store-contacts__title { margin-bottom: 4px } } @media (max-width: 1023.98px) { .store-info .store-contacts__title { margin-bottom: 0 } } .store-contacts__text { font-size: 16px; line-height: 20px; letter-spacing: .02em; max-width: 260px } @media (max-width: 1023.98px) { .store-contacts__text { max-width: none } } @media (min-width: 1366px) { .store-info .store-contacts__text { font-size: 20px; line-height: 28px; max-width: 315px } } .store-contacts__block { display: flex; align-items: center; margin-bottom: 15px } .store-contacts__block .icon { position: relative; top: 1px; color: #d7dde3; margin-left: 4px } .store-contacts__block .pd__tooltip-text { font-size: 14px; line-height: 18px; letter-spacing: .02em } .store-contacts__block:last-child { margin-bottom: 0 } .store-contacts__img { display: block; margin-right: 10px } .store-info__title { margin-bottom: 40px } .store-info__map { position: relative; min-height: 520px; padding: 8px } @media (max-width: 1023.98px) { .store-info__map { padding: 0 } } .store-info__map-container { position: absolute; top: 0; left: 0; width: 100%; height: 100% } @media (max-width: 1023.98px) { .store-info__map-container { position: relative; height: 300px } } .store-info__map-overlay { position: relative; background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); border-radius: 12px; padding: 24px; color: #000; font-size: 16px; line-height: 20px; letter-spacing: .02em; width: 380px; display: flex; flex-direction: column; min-height: 504px } @media (max-width: 1365.98px) { .store-info__map-overlay { box-shadow: 0 0 16px rgba(0, 0, 0, .2) } } @media (max-width: 1023.98px) { .store-info__map-overlay { box-shadow: none; padding: 24px 0 32px; min-height: 0; width: auto } } .store-info__map-title { font-size: 20px; line-height: 28px; letter-spacing: normal; margin: 0 0 16px } .store-info__subway { display: flex; margin-bottom: 10px } .store-info__subway-icon { flex-shrink: 0 } .store-info__subway-name { padding: 2px 0 0 8px } .store-info__transport { margin-bottom: 20px } .store-info__transport-line { display: flex; align-items: flex-start } .store-info__transport-line:not(:last-child) { margin-bottom: 8px } .store-info__transport-icon { margin: -2px 8px 0 0 } .store-info__transport-list { margin: 0; padding: 0; list-style: none; display: flex; margin-right: 8px } .store-info__transport-list li { flex-shrink: 0; background: #f4f4f4; border-radius: 4px; font-size: 14px; padding: 0 8px; white-space: nowrap } .store-info__transport-list li:not(:last-child) { margin-right: 4px } .store-info__directions { margin: 0; padding: 0; list-style: none } .store-info__directions li { padding-left: 16px; position: relative } .store-info__directions li:not(:last-child) { margin-bottom: 16px } .store-info__directions li:before { content: ""; position: absolute; top: 7px; left: 0; width: 6px; height: 6px; background: currentColor; border-radius: 100% } .video-banner { display: block; position: relative; height: 864px; overflow: hidden } @media (max-width: 1366.98px) { .video-banner { height: 640px } } @media (max-width: 1279.98px) { .video-banner { height: 540px } } @media (max-width: 768.98px) { .video-banner { height: 410px } } .video-banner img { display: block; position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .basket-warnings:not(.is-active) { display: none } .comparison-tooltip { width: 400px; min-height: 96px; position: absolute; background: #fff; box-shadow: 0 0 32px rgba(134, 143, 168, .2); border-radius: 8px; padding: 20px 20px 20px 108px; font-size: 16px; line-height: 24px; transition: opacity .25s; z-index: 1400 } @media (max-width: 1023.98px) { .comparison-tooltip { position: fixed; top: 68px; left: 20px; right: 20px; max-width: calc(100% - 40px) } } .comparison-tooltip .link--icon-arrow i:before { top: 3px } .comparison-tooltip:hover .link--icon-arrow i:before { color: #22b0f3; transform: translate(4px) } .comparison-tooltip:not(.is-active) { opacity: 0; pointer-events: none } .comparison-tooltip:before { content: ""; display: block; position: absolute; top: -5px; right: 32px; width: 11px; height: 11px; background: #fff; transform: rotate(45deg) skew(5deg, 5deg); pointer-events: none } @media (max-width: 1023.98px) { .comparison-tooltip:before { display: none } } .comparison-tooltip__image { background: #f4f4f4; position: absolute; top: 20px; left: 20px; width: 72px; height: 56px; overflow: hidden } @media (max-width: 1023.98px) { .comparison-tooltip__image { width: 62px; height: 48px } } .comparison-tooltip__image img { display: block; position: absolute; top: 50%; left: 50%; max-width: calc(100% - 16px); max-height: calc(100% - 16px); transform: translate(-50%, -50%) } .comparison-tooltip__title { font-weight: 500; letter-spacing: .02em; color: #212121 } .comparison-tooltip__text { margin-top: 8px } .comparison-tooltip.__left-arrow:before { right: auto; left: 32px } .halva-payments { display: flex; white-space: nowrap; margin: 0 -4px } @media (max-width: 359.98px) { .halva-payments { margin: 0 -2px } } .radio-block__input:disabled + .radio-block__label > .halva-payments { display: none } .halva-payments__item { flex: 1 1 auto; max-width: 25%; padding: 0 4px } @media (max-width: 359.98px) { .halva-payments__item { padding: 0 2px } } .halva-payments__item:before { content: ""; display: block; height: 2px; background: #22b0f3; border-radius: 4px; margin-bottom: 2px } .halva-payments__date { font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis } @media (max-width: 359.98px) { .halva-payments__date { font-size: 13px } } @media (max-width: 424.98px) { .halva-payments__date--desktop { display: none } } @media (min-width: 425px) { .halva-payments__date--mobile { display: none } } .halva-payments__item:not(:first-child) .halva-payments__date { color: #97a4af } .halva-payments__item:first-child .halva-payments__date { text-transform: capitalize } .halva-payments__sum { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: -.02em; text-transform: uppercase; color: #323232 } @media (max-width: 359.98px) { .halva-payments__sum { font-size: 14px } } .certs-form__message { color: #fa4d62 } .certs-form__message.is-success { color: #73a03a } .certs-form__footer { display: flex } @media (max-width: 1023.98px) { .certs-form__footer { display: block } } @media (max-width: 1023.98px) { .certs-form__footer button { width: 100% } } .certs-form__footer button:not(:first-child) { margin-left: 16px } @media (max-width: 1023.98px) { .certs-form__footer button:not(:first-child) { margin-left: 0; margin-top: 16px } } @media (min-width: 1024px) { .certs-form__footer button:last-child { margin-left: auto } } @media (max-width: 1023.98px) { .certs-form__footer button[type=reset] { padding: 8px; display: block; width: auto; margin-left: auto; margin-right: auto } } .certs-print { font-size: 24px; line-height: 36px; color: #959799 } .certs-print b { font-weight: 500; color: #212121; display: block } .certs-print__header { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid hsla(0, 0%, 78%, .6); display: none } @media print { .certs-print__header { display: block } } .certs-print__controls, .certs-print__footer, .certs-print__item:not(:first-child) { margin-top: 24px } @media print { .certs-print__controls { display: none } } .modal-product { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #f4f4f4; border-radius: 12px; padding-bottom: 15px } .modal-product:not(:last-child) { margin-bottom: 15px } @media (max-width: 1023.98px) { .modal-product { background-color: transparent } } .modal-product__item { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: auto 420px 170px 1fr; grid-template-columns:auto 420px 170px 1fr; align-items: center; padding: 20px } @media (max-width: 1023.98px) { .modal-product__item { display: flex; padding: 0 0 0 96px; position: relative; background: none; border-radius: 0; min-height: 104px; flex-wrap: wrap } } .modal-product__image { flex-shrink: 0; width: 80px; height: 80px; margin-right: 24px; position: relative } @media (max-width: 1023.98px) { .modal-product__image { width: 76px; height: 104px; margin-right: 0; position: absolute; top: 0; left: 0 } } .modal-product__image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; display: block } .modal-product__title { width: 100%; max-width: 200px; margin-right: auto; font-weight: 500; font-size: 18px; line-height: 24px } @media (max-width: 1023.98px) { .modal-product__title { max-width: 100%; margin-right: 0; margin-bottom: 10px } } .modal-product__add-to-basket { flex-shrink: 0; margin-right: 50px; min-width: 110px } @media (max-width: 1023.98px) { .modal-product__add-to-basket { margin-right: auto; min-width: 0 } } .modal-product__price { flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-start } .modal-product__price-old { font-weight: 500; font-size: 18px; line-height: 24px; margin-bottom: 3px; position: relative } @media (max-width: 1023.98px) { .modal-product__price-old { font-weight: 400; font-size: 14px; line-height: 16px; margin-bottom: 0 } } .modal-product__price-old:before { content: ""; display: block; position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; background: #fa4d62; border-top: 1px solid #fff } .modal-product__price-new { font-weight: 700; font-size: 32px; line-height: 24px } @media (max-width: 1023.98px) { .modal-product__price-new { font-size: 20px; line-height: 28px } } .modal-product--sale .modal-product__price-new { color: #fa4d62 } .modal-products { position: relative } .modal-products__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 24px; line-height: 24px; letter-spacing: .01em; text-align: center; margin-bottom: 30px } @media (max-width: 1023.98px) { .modal-products__title { font-size: 20px; line-height: 28px; margin: 0 0 20px } } .modal-products__description { font-size: 18px; line-height: 26px; margin-top: -24px; margin-bottom: 40px; text-align: center; font-family: Futura PT, Arial, Helvetica, sans-serif; color: #212121 } .modal-products__nav { top: 60% } @media (max-width: 1023.98px) { .modal-products__nav { display: none } } .modal-products__nav--prev { left: -80px } @media (max-width: 1365.98px) { .modal-products__nav--prev { left: -56px } } .modal-products__nav--next { left: auto; right: -80px } @media (max-width: 1365.98px) { .modal-products__nav--next { right: -56px } } @media (max-width: 1023.98px) { .modal-products .swiper-container { margin: 0 -20px; padding: 0 20px } } .modal-products .swiper-slide { height: auto } @media (max-width: 1023.98px) { .modal-products .swiper-slide { width: 150px } } .modal-products.is-analogs .arrow.swiper-button-disabled { opacity: 0 } .modal-products .card__container-price-old { margin-left: 0 } .popup-club-discount__wrap { --switch-width: 48px; --switch-height: 28px; padding-top: 15px; border-top: 1px solid #cfd6dd; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 24px; color: #212121; margin: 0 15px } @media (max-width: 1023.98px) { .popup-club-discount__wrap { display: block; margin-right: 0; margin-left: 0; margin-top: 12px } } .popup-club-discount__main { display: flex; flex-direction: row; gap: 10px; align-items: center } .popup-club-discount__radio { position: relative } .popup-club-discount__radio .switch { top: 0; left: 0; transition: opacity .25s } .popup-club-discount__radio .switch, .popup-club-discount__radio .switch__label { width: var(--switch-width, 48px); height: var(--switch-height, 28px) } .popup-club-discount__radio .switch__label:after { width: 20px; height: 20px } .popup-club-discount__radio .switch__label:before { width: var(--switch-width, 48px); height: var(--switch-height, 28px); background-color: #d7dde3 } .installation__input:checked + .installation__label .popup-club-discount__radio .switch__label:after, .installation__input:checked ~ .installation__meta .installation__label .popup-club-discount__radio .switch__label:after, .payment-options__input:checked + .payment-options__label .popup-club-discount__radio .switch__label:after, .popup-club-discount__radio .installation__input:checked + .installation__label .switch__label:after, .popup-club-discount__radio .installation__input:checked ~ .installation__meta .installation__label .switch__label:after, .popup-club-discount__radio .payment-options__input:checked + .payment-options__label .switch__label:after, .popup-club-discount__radio .radio-block__input:checked + .radio-block__label .switch__label:after, .popup-club-discount__radio .radio-block__input:checked + .radio-block__sub-label .switch__label:after, .popup-club-discount__radio .switch-tabs__tab.is-active .switch__label:after, .popup-club-discount__radio .switch__label.is-active:after, .radio-block__input:checked + .radio-block__label .popup-club-discount__radio .switch__label:after, .radio-block__input:checked + .radio-block__sub-label .popup-club-discount__radio .switch__label:after, .switch-tabs__tab.is-active .popup-club-discount__radio .switch__label:after { transform: translateX(18px) } .popup-club-discount__radio-label { width: var(--switch-width, 48px); height: var(--switch-height, 28px); position: relative; display: block; cursor: pointer } .popup-club-discount__value { border-radius: 4px; background-color: #22b0f3; padding: 0 8px; line-height: 22px; font-size: 16px; color: #fff; font-weight: 500; white-space: nowrap; display: inline-block } div.popup-club-discount__tooltip.is-simple { z-index: 1450; max-width: 394px !important; padding: 20px !important } @media (max-width: 1023.98px) { div.popup-club-discount__tooltip.is-simple { max-width: 255px !important } } div.popup-club-discount__tooltip.is-simple .tooltip-v2__title { display: none } div.popup-club-discount__tooltip.is-simple .tooltip-v2__text { font-size: 16px; line-height: 1.25; font-weight: 400 } @media (max-width: 1023.98px) { div.popup-club-discount__tooltip.is-simple .tooltip-v2__text { padding-right: 24px } } .content-area div.popup-club-discount__tooltip.is-simple .tooltip-v2__text a:not(.button), div.popup-club-discount__tooltip.is-simple .tooltip-v2__text .content-area a:not(.button), div.popup-club-discount__tooltip.is-simple .tooltip-v2__text a.link { display: block; font-weight: 500; margin-top: 2px } div.popup-club-discount__tooltip.is-simple .tooltip-v2__text .link--icon-arrow i:before { position: absolute; width: 5px; height: 12px; background: url(/local/templates/haier/css/../images/icon-tooltip2-link.svg) no-repeat 50%; left: 4px; top: 50%; margin-top: -6px } @media (max-width: 1023.98px) { div.popup-club-discount__tooltip.is-simple .tooltip-v2__close { top: 20px; right: 20px; display: block } } .popup-club-discount__tooltip-icon { display: inline-block } .popup-club-discount__tooltip-icon .icon-question-circle { background: transparent; border: 1px solid #22b0f3; color: #22b0f3; width: 14px; height: 14px } .popup-club-discount__tooltip-icon .icon-question { width: 8px; height: 10px } .popup-club-discount__tooltip-text { font-size: 16px; line-height: 20px } .popup-club-discount__tooltip-link { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; font-size: 16px; line-height: 20px; display: inline-flex; align-items: center; gap: 4px } .popup-club-discount__tooltip-link:not(:first-child) { margin-top: 2px } .popup-club-discount__tooltip-link .icon { flex-shrink: 0; width: 8px; height: 8px; margin-top: 1px } .popup-club-discount__error { border: 1px solid #cfd6dd; border-radius: 12px; display: flex; gap: 7px; padding: 17px 14px; margin: 0 15px } @media (max-width: 1023.98px) { .popup-club-discount__error { margin: 12px 0 0 0; padding: 17px 20px; gap: 5px; border-radius: 8px } } .popup-club-discount__error-icon { flex: 0 0 14px; width: 14px; height: 14px; padding-top: 2px } .popup-club-discount__error-icon svg { width: 100%; height: 100% } .popup-club-discount__error-text { font-size: 16px; font-weight: 400; line-height: 1.25; letter-spacing: -.005em; color: #313131; margin: 0; transition: color .25s } .popup-club-discount__error-text a, .popup-club-discount__error-text a:visited { color: #22b0f3 } .popup-club-discount__error-text a:hover { color: #2354a5 } .add-products { margin-top: 24px; padding-left: 145px } @media (max-width: 768.98px) { .add-products { padding-left: 0 } } .add-products__button { border: 1px solid rgba(215, 221, 227, .6); border-radius: 8px; padding: 20px 24px; width: 100%; display: flex; align-items: flex-start; text-align: left } @media (max-width: 767.98px) { .add-products__button { padding: 20px } } .add-products__icon { width: 32px; height: 32px; border: 1px solid rgba(215, 221, 227, .6); border-radius: 4px; position: relative; pointer-events: none; margin-right: 24px; flex-shrink: 0; display: block; transition-property: background-color, border-color; transition-duration: .25s } @media (max-width: 767.98px) { .add-products__icon { margin-right: 15px } } @media (min-width: 1280px) { .add-products__button:hover .add-products__icon { background: #22b0f3; border-color: #22b0f3 } } .add-products__button:active .add-products__icon { background: #22b0f3; border-color: #22b0f3 } .add-products__icon:after, .add-products__icon:before { content: ""; display: block; background: #22b0f3; border-radius: 2px; width: 12px; height: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: background-color .25s } @media (min-width: 1280px) { .add-products__button:hover .add-products__icon:after, .add-products__button:hover .add-products__icon:before { background: #fff } } .add-products__button:active .add-products__icon:after, .add-products__button:active .add-products__icon:before { background: #fff } .add-products__icon:after { transform: translate(-50%, -50%) rotate(90deg) } .add-products__text { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: .02em; text-transform: uppercase; padding: 4px 0 } @media (max-width: 767.98px) { .add-products__text { font-size: 13px; line-height: 20px; padding: 6px 0 } } .catalog-seo { padding-bottom: 40px; font-size: 16px; line-height: 20px } @media (max-width: 1023.98px) { .catalog-seo { padding-bottom: 30px } } .catalog-seo__container { overflow: hidden; position: relative; height: 80px; will-change: height } @media (max-width: 1023.98px) { .catalog-seo__container { height: 96px } } .catalog-seo.is-active .catalog-seo__container { padding-bottom: 32px } .catalog-seo__container:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #fff 40%, hsla(0, 0%, 100%, 0)); transition: transform .25s; transform-origin: 50% 100% } .catalog-seo.is-active .catalog-seo__container:before { transform: scaleY(0) } .catalog-seo__trigger { font-size: 14px; line-height: 20px; letter-spacing: .02em; color: #00a0eb; position: absolute; bottom: 0; left: 0 } @media (max-width: 1023.98px) { .catalog-seo__trigger { font-size: 12px; line-height: 14px; color: #00a0eb } } @media (min-width: 1280px) { .catalog-seo__trigger:hover { color: #2354a5 } } .catalog-seo__trigger:active { color: #2354a5 } .catalog-seo h1, .catalog-seo h2, .catalog-seo h3, .catalog-seo h4, .catalog-seo h5, .catalog-seo h6 { font-weight: 500; font-size: 24px; line-height: 40px; margin: 20px 0 } @media (max-width: 1023.98px) { .catalog-seo h1, .catalog-seo h2, .catalog-seo h3, .catalog-seo h4, .catalog-seo h5, .catalog-seo h6 { line-height: 30px } } .catalog-seo a { color: #22b0f3; text-decoration: none; transition: color .25s } .catalog-seo a:visited { color: #22b0f3 } .catalog-seo a:hover { color: #2354a5 } .arrow-v2 { width: 53px; height: 53px; border-radius: 100%; background: #fff; display: flex; justify-content: center; align-items: center; transition-property: background-color, color, opacity; transition-duration: .25s; box-shadow: 0 4px 20px rgba(0, 0, 0, .1); color: #212121; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1 } .arrow-v2:-moz-focusring { outline: none } .arrow-v2:focus { outline: none } @media (max-width: 1919.98px) { .arrow-v2 { width: 53px; height: 53px } } @media (max-width: 1365.98px) { .arrow-v2 { width: 48px; height: 48px; box-shadow: 0 3px 15px rgba(0, 0, 0, .1) } } .main-slider .arrow-v2 { top: 220px; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1) } @media (max-width: 1919.98px) { .main-slider .arrow-v2 { top: 176px } } @media (max-width: 1365.98px) { .main-slider .arrow-v2 { top: 140px } } @media (max-width: 767.98px) { .main-slider .arrow-v2 { display: none } } .special-offers .arrow-v2 { top: calc(50% - 31px) } @media (max-width: 1919.98px) { .special-offers .arrow-v2 { top: calc(50% - 34px) } } @media (max-width: 1365.98px) { .special-offers .arrow-v2 { top: calc(50% - 23px) } } @media (max-width: 767.98px) { .special-offers .arrow-v2 { display: none } } .main-catalog .arrow-v2 { top: calc(50% - 34px) } @media (max-width: 1919.98px) { .main-catalog .arrow-v2 { top: calc(50% - 20px) } } @media (max-width: 1365.98px) { .main-catalog .arrow-v2 { top: calc(50% - 23px) } } @media (max-width: 767.98px) { .main-catalog .arrow-v2 { display: none } } .categories-slider .arrow-v2 { box-shadow: none; background-color: #ebedf2; color: #808093; width: 30px; height: 30px } @media (max-width: 1919.98px) { .categories-slider .arrow-v2 { width: 30px; height: 30px } } @media (max-width: 1365.98px) { .categories-slider .arrow-v2 { width: 20px; height: 20px } } .categories-slider .arrow-v2:not(.swiper-button-disabled):active, .categories-slider .arrow-v2:not(.swiper-button-disabled):hover { background-color: #dadbdf; color: #808093 } @media (max-width: 767.98px) { .arrow-v2 { display: none } } @media (min-width: 1280px) { .arrow-v2:not(.swiper-button-disabled):hover { color: #22b0f3 } } .arrow-v2:not(.swiper-button-disabled):active { background: #22b0f3; color: #fff } .arrow-v2.swiper-button-disabled { opacity: 0; cursor: default; pointer-events: auto } .arrow-v2--prev { left: 50px } @media (max-width: 1919.98px) { .arrow-v2--prev { left: 55px } } @media (max-width: 1365.98px) { .arrow-v2--prev { left: 40px } } @media (max-width: 1023.98px) { .arrow-v2--prev { left: 25px } } .main-slider .arrow-v2--prev { left: 54px } @media (max-width: 1365.98px) { .main-slider .arrow-v2--prev { left: 6px } } @media (max-width: 1365.98px) { .search-results .arrow-v2--prev { left: 12px } } @media (max-width: 1023.98px) { .search-results .arrow-v2--prev { left: 25px } } .categories-slider .arrow-v2--prev { left: 65px } @media (max-width: 1919.98px) { .categories-slider .arrow-v2--prev { left: 65px } } @media (max-width: 1365.98px) { .categories-slider .arrow-v2--prev { left: 20px } } @media (max-width: 1023.98px) { .categories-slider .arrow-v2--prev { display: none } } .special-offers .arrow-v2--prev { left: 54px } @media (max-width: 1365.98px) { .special-offers .arrow-v2--prev { left: 6px } } .arrow-v2--next { right: 50px } @media (max-width: 1919.98px) { .arrow-v2--next { right: 55px } } @media (max-width: 1365.98px) { .arrow-v2--next { right: 40px } } @media (max-width: 1023.98px) { .arrow-v2--next { right: 25px } } .main-slider .arrow-v2--next { right: 54px } @media (max-width: 1365.98px) { .main-slider .arrow-v2--next { right: 6px } } @media (max-width: 1365.98px) { .search-results .arrow-v2--next { right: 12px } } @media (max-width: 1023.98px) { .search-results .arrow-v2--next { right: 25px } } .categories-slider .arrow-v2--next { right: 65px } @media (max-width: 1919.98px) { .categories-slider .arrow-v2--next { right: 65px } } @media (max-width: 1365.98px) { .categories-slider .arrow-v2--next { right: 20px } } @media (max-width: 1023.98px) { .categories-slider .arrow-v2--next { display: none } } .special-offers .arrow-v2--next { right: 54px } @media (max-width: 1365.98px) { .special-offers .arrow-v2--next { right: 6px } } .arrow-v2__icon { flex-shrink: 0; width: 12px; height: 12px; display: block } @media (max-width: 1279.98px) { .arrow-v2__icon { width: 9px; height: 9px } } .arrow-v2--prev .arrow-v2__icon { transform: rotate(180deg) } @media (min-width: 1280px) { .arrow-v2:not(.swiper-button-disabled):hover .arrow-v2__icon { color: #22b0f3 } } .arrow-v2:not(.swiper-button-disabled):active .arrow-v2__icon { color: #fff } .main-slider .arrow-v2__icon { width: 12px; height: 12px } @media (max-width: 1279.98px) { .main-slider .arrow-v2__icon { width: 8px; height: 8px } } .categories-slider .arrow-v2__icon { width: 12px; height: 12px } @media (max-width: 1279.98px) { .categories-slider .arrow-v2__icon { width: 8px; height: 8px } } .slider-pagination { display: flex; align-items: center; justify-content: center } .slider-pagination .swiper-pagination-bullet { flex-shrink: 0; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, .2); border-radius: 100%; margin: 0 11px; background: transparent; opacity: 1; transition-property: width, height, border-color, background-color; transition-duration: .25s; will-change: width, height } @media (max-width: 767.98px) { .slider-pagination .swiper-pagination-bullet { width: 8px; height: 8px } } .main-tech .slider-pagination .swiper-pagination-bullet { width: 8px; height: 8px } @media (max-width: 1919.98px) { .main-tech .slider-pagination .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 8px } } @media (max-width: 1365.98px) { .main-tech .slider-pagination .swiper-pagination-bullet { width: 6px; height: 6px } } @media (max-width: 1023.98px) { .main-tech .slider-pagination .swiper-pagination-bullet { margin: 0 5px } } .main-slider .slider-pagination .swiper-pagination-bullet { width: 8px; height: 8px } @media (max-width: 1919.98px) { .main-slider .slider-pagination .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 8px } } @media (max-width: 1365.98px) { .main-slider .slider-pagination .swiper-pagination-bullet { width: 6px; height: 6px } } @media (max-width: 1023.98px) { .main-slider .slider-pagination .swiper-pagination-bullet { margin: 0 5px } } .main-catalog .slider-pagination .swiper-pagination-bullet { width: 8px; height: 8px } @media (max-width: 1919.98px) { .main-catalog .slider-pagination .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 8px } } @media (max-width: 1365.98px) { .main-catalog .slider-pagination .swiper-pagination-bullet { width: 6px; height: 6px } } @media (max-width: 1023.98px) { .main-catalog .slider-pagination .swiper-pagination-bullet { margin: 0 5px } } .slider-pagination .swiper-pagination-bullet-active { width: 18px; height: 18px; background: #22b0f3; border-color: #22b0f3 } @media (max-width: 767.98px) { .slider-pagination .swiper-pagination-bullet-active { width: 12px; height: 12px } } .main-tech .slider-pagination .swiper-pagination-bullet-active { width: 12px; height: 12px } @media (max-width: 1919.98px) { .main-tech .slider-pagination .swiper-pagination-bullet-active { width: 10px; height: 10px } } @media (max-width: 1365.98px) { .main-tech .slider-pagination .swiper-pagination-bullet-active { width: 8px; height: 8px } } @media (max-width: 1023.98px) { .main-tech .slider-pagination .swiper-pagination-bullet-active { width: 8px; height: 8px } } .main-slider .slider-pagination .swiper-pagination-bullet-active { width: 12px; height: 12px } @media (max-width: 1919.98px) { .main-slider .slider-pagination .swiper-pagination-bullet-active { width: 10px; height: 10px } } @media (max-width: 1365.98px) { .main-slider .slider-pagination .swiper-pagination-bullet-active { width: 8px; height: 8px } } @media (max-width: 1023.98px) { .main-slider .slider-pagination .swiper-pagination-bullet-active { width: 8px; height: 8px } } .main-catalog .slider-pagination .swiper-pagination-bullet-active { width: 12px; height: 12px } @media (max-width: 1919.98px) { .main-catalog .slider-pagination .swiper-pagination-bullet-active { width: 10px; height: 10px } } @media (max-width: 1365.98px) { .main-catalog .slider-pagination .swiper-pagination-bullet-active { width: 8px; height: 8px } } @media (max-width: 1023.98px) { .main-catalog .slider-pagination .swiper-pagination-bullet-active { width: 8px; height: 8px } } .main-slider .slider-pagination { height: 49px; margin-bottom: -49px } @media (max-width: 1919.98px) { .main-slider .slider-pagination { height: 35px; margin-bottom: -35px } } @media (max-width: 1365.98px) { .main-slider .slider-pagination { height: 33px; margin-bottom: -33px } } @media (max-width: 1023.98px) { .main-slider .slider-pagination { height: 38px; margin-bottom: -38px } } .main-tech .slider-pagination { height: 49px; margin-bottom: -49px } @media (max-width: 1919.98px) { .main-tech .slider-pagination { height: 35px; margin-bottom: -35px } } @media (max-width: 1365.98px) { .main-tech .slider-pagination { height: 33px; margin-bottom: -33px } } @media (max-width: 1023.98px) { .main-tech .slider-pagination { height: 38px; margin-bottom: -38px } } .main-catalog .slider-pagination { height: 44px; margin-top: 5px } @media (max-width: 1919.98px) { .main-catalog .slider-pagination { height: 30px } } @media (max-width: 1365.98px) { .main-catalog .slider-pagination { height: 28px } } @media (max-width: 1023.98px) { .main-catalog .slider-pagination { margin-top: 0; height: 40px } } .main-title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 40px; line-height: 56px; letter-spacing: .01em; margin: 0 } @media (max-width: 1919.98px) { .main-title { font-size: 32px; line-height: 41px } } @media (max-width: 1365.98px) { .main-title { font-size: 28px; line-height: 36px } } @media (max-width: 1023.98px) { .main-title { font-size: 24px; line-height: 31px } } .main-title--border-bottom { border-bottom: 1px solid #d7dde3; padding-bottom: 30px } @media (max-width: 1023.98px) { .main-title--border-bottom { padding-bottom: 10px } } .search-results .main-title { font-size: 32px; line-height: 41px } @media (max-width: 1023.98px) { .search-results .main-title { font-size: 24px; line-height: 31px } } .main-catalog__heading .main-title { border-bottom: 0; padding-bottom: 0 } .main-slider { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff; position: relative } .main-slider__wrapper { padding: 0 80px 49px } @media (max-width: 1919.98px) { .main-slider__wrapper { padding: 0 80px 35px } } @media (max-width: 1365.98px) { .main-slider__wrapper { padding: 0 30px 33px } } @media (max-width: 1023.98px) { .main-slider__wrapper { padding: 0 0 38px } } .main-slider__slide { position: relative; box-sizing: border-box; height: 440px } @media (max-width: 1919.98px) { .main-slider__slide { height: 352px } } @media (max-width: 1365.98px) { .main-slider__slide { height: 280px } } @media (max-width: 767.98px) { .main-slider__slide { height: 180px } } .main-slider__slide:before { content: ""; display: block; height: 640px } @media (max-width: 1365.98px) { .main-slider__slide:before { height: 460px } } @media (max-width: 767.98px) { .main-slider__slide:before { height: auto; padding-top: 133.33333% } } .main-slider__slide.swiper-slide { width: 1319px } @media (max-width: 1919.98px) { .main-slider__slide.swiper-slide { width: 1054px } } @media (max-width: 1365.98px) { .main-slider__slide.swiper-slide { width: 825px } } @media (max-width: 1023.98px) { .main-slider__slide.swiper-slide { width: 100% } } .main-slider__slide.swiper-slide-full { width: 100% } .main-slider__slide:after { content: ""; height: 100%; width: 50%; pointer-events: none; z-index: 1; position: absolute; left: 0; bottom: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .7), transparent); display: none; border-radius: 10px } @media (max-width: 1365.98px) { .main-slider__slide:after { display: block } } @media (max-width: 1023.98px) { .main-slider__slide:after { border-radius: 0 } } @media (max-width: 767.98px) { .main-slider__slide:after { display: none } } .main-slider__img, .main-slider__slide video { border-radius: 10px } .main-slider__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; pointer-events: none; -o-object-fit: cover; object-fit: cover; -o-object-position: top right; object-position: top right } @media (max-width: 1023.98px) { .main-slider__img { border-radius: 0 } } @media (max-width: 767.98px) { .main-slider__img { -o-object-position: top center; object-position: top center } } .main-slider__content { flex-shrink: 0; width: 715px; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 80px; box-sizing: content-box; font-size: 24px; line-height: 32px; color: #fff; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 400 } @media (max-width: 1919.98px) { .main-slider__content { font-size: 18px; line-height: 20px; width: 555px; font-weight: 450 } } @media (max-width: 1365.98px) { .main-slider__content { font-size: 16px; line-height: 18px; width: 400px; font-weight: 450 } } @media (max-width: 1023.98px) { .main-slider__content { font-size: 12px; line-height: 16px; font-weight: 400 } } @media (max-width: 767.98px) { .main-slider__content { width: 199px; box-sizing: border-box; text-align: start; align-items: flex-start; padding: 0 0 0 20px } } .main-slider__content-wrapper { display: flex; flex-direction: column; gap: 10px } .main-slider__content-text svg { display: none } @media (max-width: 767.98px) { .main-slider__content-text svg { display: inline; margin-left: 4px; width: 7px; height: 7px; white-space: nowrap } } @media (max-width: 767.98px) { .main-slider__content-text .hide-on-mobile + svg, .main-slider__content-text.hide-on-mobile-parent { display: none } } .main-slider__content h2 { margin-bottom: 0; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 45px; line-height: 56px; letter-spacing: .45px; color: #fff; text-transform: uppercase } @media (max-width: 1919.98px) { .main-slider__content h2 { font-size: 35px; line-height: 40px; letter-spacing: .35px } } @media (max-width: 1365.98px) { .main-slider__content h2 { font-size: 28px; line-height: 32px; letter-spacing: .28px } } @media (max-width: 767.98px) { .main-slider__content h2 { font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: .32px } } .main-slider__content img { margin-bottom: 11px } .main-slider__content button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; display: inline-flex; align-items: center; text-align: center; color: #fff; height: 56px; width: -moz-fit-content; width: fit-content; background: #22b0f3; border-radius: 6px; padding: 0 40px; text-decoration: none; transition-property: background-color, color, border-color; transition-duration: .25s; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 450; line-height: 20px } .main-slider__content button:-moz-focusring { outline: none } .main-slider__content button:focus { outline: none } .main-slider__content button:disabled { cursor: not-allowed } @media (max-width: 1919.98px) { .main-slider__content button { font-size: 16px } } @media (max-width: 1365.98px) { .main-slider__content button { font-size: 12px; height: 40px; padding: 0 30px } } @media (max-width: 767.98px) { .main-slider__content button { display: none } } .main-slider__content button:visited { color: #fff } @media (min-width: 1280px) { .main-slider__content button:hover { background: #0090d5; color: #fff } } .main-slider__content button:active { background: #0090d5; color: #fff } .main-slider__content button:not(:first-child) { margin-top: 15px } @media (max-width: 1919.98px) { .main-slider__content button:not(:first-child) { margin-top: 10px } } @media (max-width: 1365.98px) { .main-slider__content button:not(:first-child) { margin-top: 5px } } @media (max-width: 767.98px) { .main-slider__content .hide-on-mobile { display: none } } .main-slider__content .logo { width: 125px; height: 38px } @media (max-width: 767.98px) { .main-slider__content .logo { width: 92px; height: 28px } } .main-slider__highlight { white-space: nowrap; display: inline-block; position: relative; box-sizing: border-box; padding: 0 12px; font-weight: 400 } @media (max-width: 1023.98px) { .main-slider__highlight { padding: 0 5px; font-weight: 450 } } .main-slider__text .main-slider__highlight { padding: 0 10px; font-weight: 500 } @media (max-width: 1919.98px) { .main-slider__text .main-slider__highlight { padding: 0 .52083vw } } @media (max-width: 1023.98px) { .main-slider__text .main-slider__highlight { padding: 0 3px } } .main-slider__highlight:before { content: ""; position: absolute; inset: -2px 0; background: #4238f5; border-radius: 8px; pointer-events: none; z-index: -1 } @media (max-width: 1023.98px) { .main-slider__highlight:before { border-radius: 4px } } .main-slider__text .main-slider__highlight:before { border-radius: 8px; inset: -6px 0 } @media (max-width: 1919.98px) { .main-slider__text .main-slider__highlight:before { inset: -.3125vw 0; border-radius: 6px } } @media (max-width: 1023.98px) { .main-slider__text .main-slider__highlight:before { inset: 0; border-radius: 4px } } .main-slider__buttons { display: flex; align-items: center; gap: 8px } @media (max-width: 767.98px) { .main-slider__buttons { justify-content: center } } .main-slider__buttons:not(:first-child) { margin-top: 25px } @media (max-width: 1919.98px) { .main-slider__buttons:not(:first-child) { margin-top: 20px } } @media (max-width: 1365.98px) { .main-slider__buttons:not(:first-child) { margin-top: 15px } } @media (max-width: 767.98px) { .main-slider__buttons:not(:first-child) { margin-top: 12px } } .main-slider__buttons-item { flex-shrink: 0; position: relative; display: block; width: 162px; height: 56px; cursor: default; pointer-events: none } @media (max-width: 1365.98px) { .main-slider__buttons-item { height: 40px; width: 117px } } @media (max-width: 1023.98px) { .main-slider__buttons-item { display: none } } .main-slider__buttons-item_mobile { display: none } @media (max-width: 1023.98px) { .main-slider__buttons-item_mobile { flex-shrink: 0; position: relative; display: flex; justify-content: center; align-items: center; width: 99px; padding: 6px 9px; border-radius: 6px; background: #fff; font-size: 12px; font-weight: 450; line-height: 15px; color: #000; text-decoration: none } } .main-slider__buttons-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; pointer-events: none } .main-slider__link { display: block; position: absolute; inset: 0; z-index: 3 } .main-slider__copyright { position: absolute; display: block; bottom: 20px; left: 80px; z-index: 2; color: #fff; opacity: .5 } @media (max-width: 1919.98px) { .main-slider__copyright { font-size: 11px; line-height: 18px } } @media (max-width: 1365.98px) { .main-slider__copyright { font-size: 10px; line-height: 15px; left: 60px } } @media (max-width: 1023.98px) { .main-slider__copyright { font-size: 10px; line-height: 12px; width: 340px; left: 20px; bottom: 10px } } .video-slider { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff; position: relative } @media (max-width: 1919.98px) { .video-slider .arrow-v2 { top: calc(50% - 18px) } } @media (max-width: 1365.98px) { .video-slider .arrow-v2 { top: calc(50% - 10px) } } @media (max-width: 767.98px) { .video-slider .arrow-v2 { height: 100%; top: calc(50% - 25px) } } .video-slider__container, .video-slider__wrapper { height: 100% } .video-slider__picture { display: block; position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; top: 0 } .video-slider__picture img { width: 100%; height: 100% } .video-slider__slide { position: relative; box-sizing: border-box } .video-slider__slide:before { content: ""; display: block; height: 640px } @media (max-width: 1919.98px) { .video-slider__slide:before { height: 570px } } @media (max-width: 1365.98px) { .video-slider__slide:before { height: 450px } } @media (max-width: 767.98px) { .video-slider__slide:before { height: 410px } } .video-slider__slide:after { content: ""; height: 100%; width: 50%; pointer-events: none; z-index: 1; position: absolute; left: 0; bottom: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .7), transparent); display: none } @media (max-width: 1365.98px) { .video-slider__slide:after { display: block } } @media (max-width: 767.98px) { .video-slider__slide:after { display: none } } .video-slider__img, .video-slider__slide video { pointer-events: none } .video-slider__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover } @media (max-width: 767.98px) { .video-slider__img { -o-object-position: top center; object-position: top center } } .video-slider__content { flex-shrink: 0; width: 715px; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 80px; box-sizing: content-box; font-size: 24px; line-height: 32px; color: #fff; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 400 } @media (max-width: 1919.98px) { .video-slider__content { font-size: 1.25vw; line-height: 1.66667vw; width: 555px } } @media (max-width: 1279.98px) { .video-slider__content { width: 400px; padding: 0 30px } } @media (max-width: 1023.98px) { .video-slider__content { font-size: 12px; line-height: 21px } } @media (max-width: 767.98px) { .video-slider__content { top: unset; bottom: 75px; height: auto; text-align: center; width: 100%; box-sizing: border-box; padding: 0 35px; align-items: center } } .video-slider__content h2 { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 45px; line-height: 56px; letter-spacing: .02em; color: #fff; text-transform: uppercase } @media (max-width: 1919.98px) { .video-slider__content h2 { font-size: 38px; line-height: 48px } } @media (max-width: 1279.98px) { .video-slider__content h2 { font-size: 28px; line-height: 32px } } @media (max-width: 767.98px) { .video-slider__content h2 { font-weight: 450; font-size: 20px; line-height: 28px; margin-bottom: 5px } } .video-slider__content img { margin-bottom: 11px } .video-slider__content button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; line-height: 26px; display: inline-flex; align-items: center; text-align: center; color: #fff; height: 60px; background: #22b0f3; border-radius: 8px; padding: 0 24px; text-decoration: none; transition-property: background-color, color, border-color; transition-duration: .25s; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 500; line-height: normal } .video-slider__content button:-moz-focusring { outline: none } .video-slider__content button:focus { outline: none } .video-slider__content button:disabled { cursor: not-allowed } @media (max-width: 1023.98px) { .video-slider__content button { font-size: 16px; line-height: 21px; height: 40px; padding: 0 12px } } .video-slider__content button:visited { color: #fff } @media (min-width: 1280px) { .video-slider__content button:hover { background: #0090d5; color: #fff } } .video-slider__content button:active { background: #0090d5; color: #fff } .video-slider__content button:not(:first-child) { margin-top: 25px } @media (max-width: 1919.98px) { .video-slider__content button:not(:first-child) { margin-top: 22px } } @media (max-width: 1365.98px) { .video-slider__content button:not(:first-child) { font-size: 12px; height: 40px; padding: 0 16px; margin-top: 22px } } @media (max-width: 767.98px) { .video-slider__content button:not(:first-child) { margin-top: 15px; font-size: 16px; height: 40px; padding: 12px 25px; border-radius: 6px } } @media (max-width: 767.98px) { .video-slider__content_center { height: 100%; top: 0; bottom: unset } } .video-slider__bottom { z-index: 9999; position: absolute; bottom: 80px; width: 100%; display: flex; justify-content: space-between; padding: 0 80px } @media (max-width: 1365.98px) { .video-slider__bottom { bottom: 30px; padding: 0 30px } } @media (max-width: 767.98px) { .video-slider__bottom { justify-content: center; bottom: 15px } } .video-slider__buttons { display: flex; align-items: center; max-width: 112px } .video-slider__buttons button { background: none; border: 2px solid #fff; border-radius: 80px; padding: 17px; cursor: pointer } @media (max-width: 1365.98px) { .video-slider__buttons button { padding: 14px 16px } } .video-slider__buttons button:first-child { margin-right: 16px; transform: rotate(180deg) } .video-slider__buttons button svg { color: #fff } @media (max-width: 1365.98px) { .video-slider__buttons button svg { width: 12px; height: 16px } } .video-slider__buttons button:hover { border: 2px solid #22b0f3 } .video-slider__buttons button:hover svg { color: #22b0f3 } .video-slider__buttons button:active { border: 2px solid #0090d5 } .video-slider__buttons button:active svg { color: #0090d5 } @media (max-width: 767.98px) { .video-slider__buttons { display: none } } .video-slider__btn-container { display: flex; margin-right: 10px } .video-slider__btn-container.swiper-pagination-bullet-active { border-radius: 80px; width: auto; height: auto } .video-slider__btn { display: block; width: 48px; height: 48px; border-radius: 50%; cursor: pointer; transition: all .5s ease; z-index: 3; position: relative; margin-right: 10px } @media (max-width: 767.98px) { .video-slider__btn { width: 40px; height: 40px } } .video-slider__btn:not(.is-current):before { opacity: .5; border-radius: 50% } .video-slider__btn.is-current { border: 2px solid #22b0f3; background: none } .video-slider__btn.is-current:after { background: conic-gradient(#22b0f3 0 var(--percent), #fff 0 100%); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #fff 0); z-index: 100; transform: rotate(90deg) } .video-slider__btn.is-current.is-active { background: #22b0f3 } .video-slider__btn.is-current.is-active:before { border: 6px solid transparent; border-left: 10px solid #fff; background: transparent; width: 0; height: 0; margin-left: -3px } @media (hover: hover) { .video-slider__btn.is-current.is-active:hover { background: #0090d5; border-color: #0090d5 } } .video-slider__btn:before { position: absolute; content: ""; width: 10px; height: 10px; background: #fff; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; transition: all .25s ease-in-out } .video-slider__btn:after { content: ""; position: absolute; top: -2px; left: -2px; right: 0; bottom: 0; width: calc(100% + 4px); height: calc(100% + 4px); border-radius: 50% } @media (hover: hover) { .video-slider__btn:hover { background: #22b0f3 } } .categories-slider { background-color: #fff } .categories-slider__wrapper { padding: 0 80px; position: relative } @media (max-width: 1365.98px) { .categories-slider__wrapper { padding: 0 30px } } .categories-slider-container { padding: 40px 0 } @media (max-width: 1919.98px) { .categories-slider-container { padding: 34px 0 } } @media (max-width: 1365.98px) { .categories-slider-container { padding: 20px 0 } } .categories-slider-item, .categories-slider-slide { height: auto; display: flex } .categories-slider-item { flex-direction: column; align-items: center; gap: 20px; padding: 30px 25px; flex: 1 1 auto; border-radius: 10px; border: 2px solid transparent; box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06); font-family: Futura PT; font-size: 16px; font-weight: 450; line-height: 20px; letter-spacing: .16px; color: #353436; text-align: center; text-decoration: none; transition-property: border-color, color; transition-duration: .25s } @media (max-width: 1919.98px) { .categories-slider-item { padding: 20px 14px; gap: 16px; font-size: 14px; line-height: 18px; letter-spacing: .14px } } @media (max-width: 1365.98px) { .categories-slider-item { padding: 20px 10px; gap: 14px; font-size: 12px; line-height: 16px; letter-spacing: .12px } } .categories-slider-item:hover { border-color: #22b0f3; color: #22b0f3 } .categories-slider-item:hover .categories-slider-item__arrow { color: #22b0f3 } .categories-slider-item__image { height: 100px; width: 100% } @media (max-width: 1919.98px) { .categories-slider-item__image { height: 72px } } @media (max-width: 1365.98px) { .categories-slider-item__image { height: 69px } } .categories-slider-item__image img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain } .categories-slider-item__name { height: 100%; align-content: center; max-width: 150px } @media (max-width: 1919.98px) { .categories-slider-item__name { max-width: 109px } } @media (max-width: 1365.98px) { .categories-slider-item__name { max-width: 96px } } .categories-slider-item__name_nowrap { white-space: nowrap } .categories-slider-item__counter { color: #b3b4b5; font-weight: 400 } @media (max-width: 1919.98px) { .categories-slider-item__counter { font-size: 14px } } @media (max-width: 1365.98px) { .categories-slider-item__counter { font-size: 12px } } .categories-slider-item__arrow { flex-shrink: 0; width: 8px; height: 8px; color: #353436 } .categories-nonslider-mobile { background-color: #fff } .categories-nonslider-mobile__wrapper { padding: 0 20px } .categories-nonslider-mobile-container { padding: 20px 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px } .categories-nonslider-mobile-item { display: flex; flex-direction: column; width: 162px; gap: 10px; padding: 15px 17px; border-radius: 10px; border: 2px solid transparent; box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06); font-family: Futura PT; font-size: 14px; font-weight: 450; line-height: 18px; letter-spacing: .14px; color: #353436; text-align: center; text-decoration: none } .categories-nonslider-mobile-item__image { height: 80px; width: 100% } .categories-nonslider-mobile-item__image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .categories-nonslider-mobile-item__name { height: 100%; align-content: center } .categories-nonslider-mobile-item__name_nowrap { white-space: nowrap } .categories-nonslider-mobile-item__counter { color: #b3b4b5; font-weight: 400 } .categories-nonslider-mobile-item__arrow { flex-shrink: 0; width: 8px; height: 8px; color: #353436 } .special-offers { background-color: #fff } @media (max-width: 1023.98px) { .special-offers { padding-top: 20px } } .special-offers__wrapper { padding: 0 80px 40px; position: relative } @media (max-width: 1919.98px) { .special-offers__wrapper { padding: 0 80px 34px } } @media (max-width: 1365.98px) { .special-offers__wrapper { padding: 0 30px 30px } } @media (max-width: 1023.98px) { .special-offers__wrapper { padding: 0 0 20px } } .special-offers-container { padding: 30px 0 5px 0 } @media (max-width: 1919.98px) { .special-offers-container { padding: 30px 0 5px 0 } } @media (max-width: 1365.98px) { .special-offers-container { padding: 20px 0 5px 0 } } @media (max-width: 1023.98px) { .special-offers-container { padding: 0 20px } } .special-offers-container .swiper-slide { border-radius: 10px } .special-offers-slide { height: 440px } @media (max-width: 1919.98px) { .special-offers-slide { height: 352px } } @media (max-width: 1365.98px) { .special-offers-slide { height: 280px } } @media (max-width: 1023.98px) { .special-offers-slide { height: 357px; width: 295px } } .special-offers-item { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 32px; height: 100%; border-radius: 10px; font-family: Futura PT; text-decoration: none; box-sizing: border-box } @media (max-width: 1919.98px) { .special-offers-item { padding: 25px } } @media (max-width: 1365.98px) { .special-offers-item { padding: 20px } } .special-offers-item__content { font-size: 28px; font-weight: 500; line-height: 32px } @media (max-width: 1919.98px) { .special-offers-item__content { font-size: 22px; line-height: 25.6px } } @media (max-width: 1365.98px) { .special-offers-item__content { font-size: 18px; line-height: 22px } } @media (max-width: 767.98px) { .special-offers-item__content { font-size: 20px; line-height: 28px } } .special-offers-item__content button { margin-top: 20px; display: flex; height: 56px; padding: 9px 40px; justify-content: center; align-items: center; border-radius: 6px; background: #22b0f3; text-align: center; font-size: 18px; font-weight: 450; line-height: 20px; color: #fff } @media (max-width: 1919.98px) { .special-offers-item__content button { font-size: 16px; line-height: 20px } } @media (max-width: 767.98px) { .special-offers-item__content button { height: 46px; padding: 9px 25px; line-height: 16px } } .special-offers-item__content img { margin-top: 10px } .special-offers-item__link { display: block; font-size: 18px; font-weight: 400; line-height: 28px; margin-top: 10px } @media (max-width: 1919.98px) { .special-offers-item__link { margin-top: 5px; font-size: 16px; font-weight: 450; line-height: normal } } @media (max-width: 1365.98px) { .special-offers-item__link { font-size: 14px } } @media (max-width: 767.98px) { .special-offers-item__link { font-size: 16px } } .special-offers-item__link svg { width: 8px; height: 8px } @media (max-width: 1919.98px) { .special-offers-item__link svg { width: 8px; height: 8px } } @media (max-width: 1365.98px) { .special-offers-item__link svg { width: 6px; height: 6px } } @media (max-width: 767.98px) { .special-offers-item__link svg { width: 8px; height: 8px } } .special-offers-item__image { position: absolute; width: 100%; max-width: 280px; height: 210px; align-self: flex-end; bottom: 32px; right: 32px } @media (max-width: 1919.98px) { .special-offers-item__image { bottom: 25px; right: 25px; height: 137px; max-width: 183px } } @media (max-width: 1365.98px) { .special-offers-item__image { bottom: 20px; right: 20px; height: 143px; max-width: 193px } } @media (max-width: 767.98px) { .special-offers-item__image { bottom: 20px; right: 20px; height: 192px; max-width: 255px } } .special-offers-item_big { width: calc(200% + 10px) } @media (max-width: 767.98px) { .special-offers-item_big { width: 100% } } .special-offers-item video { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; -o-object-fit: cover; object-fit: cover; border-radius: 10px } .special-offers__pagination { position: static; display: flex; align-items: center; justify-content: center; height: 44px } @media (max-width: 1919.98px) { .special-offers__pagination { height: 30px } } @media (max-width: 1365.98px) { .special-offers__pagination { height: 28px } } @media (max-width: 1023.98px) { .special-offers__pagination { height: 38px } } .special-offers__pagination .swiper-pagination-bullet { flex-shrink: 0; width: 8px; height: 8px; border: 1px solid rgba(0, 0, 0, .2); border-radius: 100%; margin: 0 11px; background: transparent; opacity: 1; transition-property: width, height, border-color, background-color; transition-duration: .25s; will-change: width, height } @media (max-width: 1919.98px) { .special-offers__pagination .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 7.5px } } @media (max-width: 1365.98px) { .special-offers__pagination .swiper-pagination-bullet { width: 6px; height: 6px } } @media (max-width: 767.98px) { .special-offers__pagination .swiper-pagination-bullet { margin: 0 5px } } .special-offers__pagination .swiper-pagination-bullet-active { width: 12px; height: 12px; background: #22b0f3; border-color: #22b0f3 } @media (max-width: 1919.98px) { .special-offers__pagination .swiper-pagination-bullet-active { width: 10px; height: 10px } } @media (max-width: 1365.98px) { .special-offers__pagination .swiper-pagination-bullet-active { width: 8px; height: 8px } } .special-offers_void { z-index: -1 } @media (max-width: 767.98px) { .special-offers_void { display: none; width: 0 } } .main-premium { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff } .top-block + .main-premium { padding-top: 80px } @media (max-width: 1919.98px) { .top-block + .main-premium { padding-top: 64px } } @media (max-width: 1365.98px) { .top-block + .main-premium { padding-top: 40px } } @media (max-width: 767.98px) { .top-block + .main-premium { padding-top: 20px } } .main-premium__wrapper { padding-bottom: 60px } @media (max-width: 1023.98px) { .main-premium__wrapper { padding-bottom: 40px } } .main-premium__top { padding: 50px; position: relative } @media (max-width: 1365.98px) { .main-premium__top { padding: 27px } } @media (max-width: 767.98px) { .main-premium__top { padding: 20px } } .main-premium__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; pointer-events: none; -o-object-fit: cover; object-fit: cover; border-radius: 10px } .main-premium__content { max-width: 805px; position: relative } @media (max-width: 1919.98px) { .main-premium__content { max-width: 765px } } @media (max-width: 1365.98px) { .main-premium__content { max-width: 524px } } @media (max-width: 1023.98px) { .main-premium__content { max-width: 404px } } @media (max-width: 767.98px) { .main-premium__content { max-width: 100% } } .main-premium__top-icon { width: 79px; height: 79px; border-radius: 10px; background: linear-gradient(314.8deg, #333 45.91%, #c1c1c1 153.69%) } @media (max-width: 1365.98px) { .main-premium__top-icon { width: 75px; height: 79px } } .main-premium__top-title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 38px; line-height: 50px; color: #fff; margin: 0 } @media (max-width: 1365.98px) { .main-premium__top-title { font-size: 20px; line-height: 26px } } @media (max-width: 1023.98px) { .main-premium__top-title { font-size: 20px; line-height: 26px } } .main-premium__top-title:not(:first-child) { margin-top: 60px } @media (max-width: 1365.98px) { .main-premium__top-title:not(:first-child) { margin-top: 45px } } @media (max-width: 767.98px) { .main-premium__top-title:not(:first-child) { margin-top: 65px } } .main-premium__top-title:not(:last-child) { margin-bottom: 20px } @media (max-width: 767.98px) { .main-premium__top-title:not(:last-child) { margin-bottom: 0 } } .main-premium__top-text { font-size: 24px; line-height: 32px; color: hsla(0, 0%, 100%, .8); margin: 0 } @media (max-width: 1365.98px) { .main-premium__top-text { font-size: 16px; line-height: 20px } } @media (max-width: 1023.98px) { .main-premium__top-text { font-size: 12px; line-height: 14px } } @media (max-width: 767.98px) { .main-premium__top-text { display: none } } .main-premium__link { font-weight: 500; font-size: 24px; line-height: 32px; color: rgba(0, 160, 235, .9); display: inline-flex; align-items: baseline; text-decoration: none; transition: color .25s } @media (max-width: 1365.98px) { .main-premium__link { font-size: 16px; line-height: 20px } } @media (max-width: 1023.98px) { .main-premium__link { font-size: 16px; line-height: 21px } } @media (max-width: 767.98px) { .main-premium__link { font-size: 12px; line-height: 20px } } .main-premium__link:visited { color: rgba(0, 160, 235, .9) } @media (min-width: 1280px) { .main-premium__link:hover { color: #22b0f3 } } .main-premium__link:active { color: #22b0f3 } .main-premium__link-arrow { flex-shrink: 0; display: block; margin-left: 5px; width: 12px; height: 12px } @media (max-width: 1365.98px) { .main-premium__link-arrow { width: 8px; height: 8px } } @media (max-width: 1023.98px) { .main-premium__link-arrow { width: 9px; height: 9px } } .main-premium__bottom { display: flex; margin-left: -10px } @media (max-width: 1023.98px) { .main-premium__bottom { flex-wrap: wrap } } @media (max-width: 767.98px) { .main-premium__bottom { display: block } } .main-premium__item-container { flex: 1 1; padding: 10px 0 0 10px } @media (max-width: 1023.98px) { .main-premium__item-container { flex: 0 0 50%; max-width: 50% } } @media (max-width: 767.98px) { .main-premium__item-container { max-width: 100% } } .main-premium__item { padding: 40px 30px 50px; text-align: center; background: radial-gradient(67.84% 67.84% at 50% -28.85%, hsla(0, 0%, 100%, .3) 0, hsla(0, 0%, 100%, 0) 100%), #0f0f0f; box-shadow: 0 0 10px rgba(0, 0, 0, .1); border-radius: 10px; display: block; text-decoration: none; height: 100% } @media (max-width: 1919.98px) { .main-premium__item { background: radial-gradient(149.65% 34.67% at 50% -9.17%, hsla(0, 0%, 100%, .3) 0, hsla(0, 0%, 100%, 0) 100%), #0f0f0f; padding: 30px } } @media (max-width: 1365.98px) { .main-premium__item { background: radial-gradient(55% 55% at 50% -13.29%, hsla(0, 0%, 100%, .3) 0, hsla(0, 0%, 100%, 0) 100%), #0f0f0f; padding: 30px 12px } } @media (max-width: 1023.98px) { .main-premium__item { background: radial-gradient(25.07% 255.24% at -6.57% 50.48%, hsla(0, 0%, 100%, .3) 0, hsla(0, 0%, 100%, 0) 100%), #0f0f0f; padding: 28px 20px 28px 75px; position: relative; min-height: 80px; display: flex; flex-direction: column; justify-content: center; text-align: left } .main-premium__item:first-child { order: 1 } .main-premium__item:nth-child(2) { order: 3 } .main-premium__item:nth-child(3) { order: 5 } .main-premium__item:nth-child(4) { order: 2 } .main-premium__item:nth-child(5) { order: 4 } .main-premium__item:nth-child(6) { order: 6 } } @media (max-width: 767.98px) { .main-premium__item { padding: 20px 20px 20px 75px } } .main-premium__bottom-icon-wrap { color: #fff; border-radius: 14px; width: 60px; height: 60px; margin: 0 auto; position: relative; overflow: hidden; transition-property: color, transform; transition-duration: .25s } @media (max-width: 1919.98px) { .main-premium__bottom-icon-wrap { border-radius: 10px; width: 46px; height: 46px } } @media (max-width: 1365.98px) { .main-premium__bottom-icon-wrap { width: 40px; height: 40px } } @media (max-width: 1023.98px) { .main-premium__bottom-icon-wrap { position: absolute; top: 50%; left: 20px; transform: translateY(-50%) } } .main-premium__bottom-icon-wrap:after, .main-premium__bottom-icon-wrap:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity .25s } .main-premium__bottom-icon-wrap:before { background: linear-gradient(314.8deg, #333 45.91%, #c1c1c1 153.69%) } @media (min-width: 1280px) { .main-premium__item:active .main-premium__bottom-icon-wrap:before, .main-premium__item:hover .main-premium__bottom-icon-wrap:before { opacity: 0 } } .main-premium__bottom-icon-wrap:after { background: linear-gradient(314.8deg, #fff, #fff); opacity: 0 } @media (min-width: 1280px) { .main-premium__item:active .main-premium__bottom-icon-wrap:after, .main-premium__item:hover .main-premium__bottom-icon-wrap:after { opacity: 1 } } @media (min-width: 1280px) { .main-premium__item:active .main-premium__bottom-icon-wrap, .main-premium__item:hover .main-premium__bottom-icon-wrap { color: #333; transform: scale(1.065) } } .main-premium__bottom-icon { display: block; width: 100%; height: 100%; position: relative; z-index: 1 } @media (min-width: 1280px) { .main-premium__item:hover .main-premium__bottom-icon { transform: scale(1.05) } } .main-premium__bottom-title { font-weight: 500; font-size: 20px; line-height: 28px; color: #fff; margin: 0 } @media (max-width: 1919.98px) { .main-premium__bottom-title { font-size: 14px; line-height: 20px } } @media (max-width: 1365.98px) { .main-premium__bottom-title { font-size: 12px } } @media (max-width: 1023.98px) { .main-premium__bottom-title { font-size: 16px } } .main-premium__bottom-title:not(:first-child) { margin-top: 20px } @media (max-width: 1919.98px) { .main-premium__bottom-title:not(:first-child) { margin-top: 15px } } @media (max-width: 1023.98px) { .main-premium__bottom-title:not(:first-child) { margin-top: 0 } } .main-premium__bottom-text { font-size: 20px; line-height: 28px; color: #858585; margin: 0 } @media (max-width: 1919.98px) { .main-premium__bottom-text { font-size: 14px; line-height: 20px } } @media (max-width: 1365.98px) { .main-premium__bottom-text { font-size: 12px; line-height: 18px } } @media (max-width: 1023.98px) { .main-premium__bottom-text { line-height: 14px } } @media (max-width: 767.98px) { .main-premium__bottom-text { line-height: 12px } } .main-premium__bottom-text:not(:first-child) { margin-top: 5px } @media (max-width: 1023.98px) { .main-premium__bottom-text:not(:first-child) { margin-top: 0 } } .main-premium__bottom-text span { color: #22b0f3; white-space: nowrap } @media (max-width: 1919.98px) { .main-premium__bottom-text span { display: block; margin-top: 20px } } @media (max-width: 1365.98px) { .main-premium__bottom-text span { display: inline; margin-top: 0 } } .main-tech { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff } .main-tech .arrow-v2 { top: calc(50% - 30px) } @media (max-width: 1023.98px) { .main-tech .arrow-v2 { top: calc(50% - 35px) } } .main-tech__wrapper { padding-bottom: 60px; position: relative } @media (max-width: 767.98px) { .main-tech__wrapper { padding-bottom: 70px } } .main-tech__wrapper:not(:first-child) { margin-top: 30px } @media (max-width: 767.98px) { .main-tech__wrapper:not(:first-child) { margin-top: 20px } } .main-tech__container { padding: 0 80px } @media (max-width: 1365.98px) { .main-tech__container { padding: 0 58px 30px } } @media (max-width: 1023.98px) { .main-tech__container { padding: 0 40px } } @media (max-width: 767.98px) { .main-tech__container { padding: 0; margin: 0 20px } } .main-tech__slide { position: relative; box-sizing: border-box; transition: .3s ease-out } .main-tech__slide:before { content: ""; display: block; padding-top: 105.17241% } .main-tech__slide.swiper-slide-prev { opacity: 0 } .main-tech__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; pointer-events: none; -o-object-fit: cover; object-fit: cover; border-radius: 10px } .main-tech__content { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 56px 30px } @media screen and (max-width: 1799px) { .main-tech__content { padding: 30px } } @media (max-width: 767.98px) { .main-tech__content { padding: 20px 10px } } .main-tech__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 28px; line-height: 40px; letter-spacing: .02em; margin: 0 } @media (max-width: 1919.98px) { .main-tech__title { font-size: 24px; line-height: 36px } } @media (max-width: 1365.98px) { .main-tech__title { margin-bottom: 5px } } @media (max-width: 1023.98px) { .main-tech__title { font-size: 18px; line-height: 26px } } .main-tech__slide--theme-dark .main-tech__title { color: #fff } .main-tech__text { font-size: 18px; line-height: 24px; color: rgba(51, 51, 51, .6); margin: 0 auto 8px; min-height: 72px; max-width: 600px } @media (max-width: 1919.98px) { .main-tech__text { font-size: 16px; line-height: 20px; min-height: 60px } } @media screen and (max-width: 1799px) { .main-tech__text { min-height: 80px } } @media (max-width: 1023.98px) { .main-tech__text { font-size: 14px; line-height: 18px; min-height: 64px } } .main-tech__slide--theme-dark .main-tech__text { color: hsla(0, 0%, 100%, .6) } .main-tech__link { font-weight: 500; font-size: 16px; line-height: 20px; color: #22b0f3; display: inline-flex; align-items: baseline; text-decoration: none; transition: color .25s } @media (max-width: 1919.98px) { .main-tech__link { font-size: 16px; line-height: 20px } } @media (max-width: 1023.98px) { .main-tech__link { font-size: 12px; line-height: 16px } } @media (max-width: 767.98px) { .main-tech__link { font-size: 16px; line-height: 20px } } .main-tech__link:visited { color: #22b0f3 } @media (min-width: 1280px) { .main-tech__link:hover { color: #2354a5 } } .main-tech__link:active { color: #2354a5 } .main-tech__link:not(:first-child) { margin-top: 8px } @media (max-width: 1023.98px) { .main-tech__link:not(:first-child) { margin-top: 8px } } @media (max-width: 767.98px) { .main-tech__link:not(:first-child) { margin-top: 4px } } .main-tech__link-arrow { flex-shrink: 0; display: block; margin-left: 2px; width: 9px; height: 9px; transform: translateY(-2px) } @media (max-width: 1919.98px) { .main-tech__link-arrow { transform: none } } @media (max-width: 1023.98px) { .main-tech__link-arrow { width: 6px; height: 6px } } @media (max-width: 767.98px) { .main-tech__link-arrow { width: 9px; height: 9px; transform: translateY(1px) } } .main-tech__overlay-link { display: block; position: absolute; inset: 0 } .main-catalog { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff } .main-catalog__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; border-bottom: 1px solid #d7dde3; padding-bottom: 30px } @media (max-width: 1365.98px) { .main-catalog__heading { padding-bottom: 15px } } @media (max-width: 1023.98px) { .main-catalog__heading { padding-bottom: 10px } } .main-catalog__link { display: flex; align-items: center; font-size: 24px; line-height: 56px; white-space: nowrap } @media (max-width: 1919.98px) { .main-catalog__link { line-height: 41px } } @media (max-width: 1365.98px) { .main-catalog__link { font-size: 22px; line-height: 36px } } @media (max-width: 1023.98px) { .main-catalog__link { font-size: 20px; font-weight: 500; line-height: 31px } } .main-catalog__link-icon { flex-shrink: 0; width: 14px; height: 8px; margin-left: 8px; margin-top: 4px } .main-catalog__wrapper { padding: 0 80px 40px; position: relative } @media (max-width: 1919.98px) { .main-catalog__wrapper { padding: 0 80px 60px } } @media (max-width: 1365.98px) { .main-catalog__wrapper { padding: 0 58px 30px } } @media (max-width: 1023.98px) { .main-catalog__wrapper { padding: 0 40px 30px } } @media (max-width: 767.98px) { .main-catalog__wrapper { padding: 0 0 20px } } @media (max-width: 1365.98px) { .search-results .main-catalog__wrapper { padding: 0 30px } } @media (max-width: 1023.98px) { .search-results .main-catalog__wrapper { padding: 0 } } .main-catalog__container { padding: 30px 0 0 } @media (max-width: 1365.98px) { .main-catalog__container { padding: 20px 0 0 } } @media (max-width: 1023.98px) { .main-catalog__container { padding: 30px 0 0; margin: 0 } } @media (max-width: 767.98px) { .main-catalog__container { padding: 30px 20px 0 } } @media (max-width: 1023.98px) { .search-results .main-catalog__container { padding-left: 30px; padding-right: 30px } } @media (max-width: 768.98px) { .search-results .main-catalog__container { padding-left: 20px; padding-right: 20px } } .main-catalog.is-new { padding-bottom: 20px } @media (max-width: 1919.98px) { .main-catalog.is-new { padding-bottom: 0 } } @media (max-width: 1365.98px) { .main-catalog.is-new { padding-bottom: 20px } } .main-catalog.is-new .card__header .card-labels__label:not([data-visibility=new]) { display: none !important } .main-catalog__slide { box-sizing: border-box; height: auto } @media (max-width: 1023.98px) { .main-catalog__slide { width: 339px } } @media (max-width: 767.98px) { .main-catalog__slide { width: 295px } } .main-catalog.is-offers .main-catalog__slide { width: 285px } @media (max-width: 1919.98px) { .main-catalog.is-offers .main-catalog__slide { width: 242px } } @media (max-width: 767.98px) { .main-catalog.is-offers .main-catalog__slide { width: 295px } } .main-catalog.is-offers .main-catalog__slide--main-offer { width: 420px } @media (max-width: 1919.98px) { .main-catalog.is-offers .main-catalog__slide--main-offer { width: 395px } } @media (max-width: 767.98px) { .main-catalog.is-offers .main-catalog__slide--main-offer { width: 295px } } .sale-steps { background: #fff; padding: 30px 0; border-bottom: 1px solid rgba(175, 187, 198, .5) } @media (max-width: 767.98px) { .sale-steps { padding: 24px 0 30px } } @media (max-width: 767.98px) { .sale-steps > .container { padding: 0 } } .sale-steps__header { margin: 0 0 20px; display: flex; justify-content: space-between; align-items: flex-end } @media (max-width: 767.98px) { .sale-steps__header { margin: 0 0 24px } } .sale-steps__title { font-weight: 500; font-size: 28px; line-height: 40px; color: #000; font-family: Futura PT, Arial, Helvetica, sans-serif; margin: 0 } @media (max-width: 767.98px) { .sale-steps__title { font-size: 24px; line-height: 24px; padding: 0 16px } } .sale-steps__more { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 24px; font-weight: 500; color: #00a0eb; display: inline-flex; align-items: center; text-decoration: none } .sale-steps__more_mobile { display: none } @media (max-width: 767.98px) { .sale-steps__more { font-size: 16px } .sale-steps__more_desktop { display: none } .sale-steps__more_mobile { display: inline-flex; padding: 0 16px } } .sale-steps__more img { width: 5px; height: 8px; display: block; margin: 2px 0 0 4px } @media (max-width: 767.98px) { .sale-steps__more img { margin-top: 3px } } @media (max-width: 767.98px) { .sale-steps__list { margin: 0 0 20px; padding: 0 16px } } .sale-steps__list:not(.is-initialized) .sale-steps__wrapper { gap: 10px } .sale-steps__slide { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 12px; background: #22b0f3; color: #fff; letter-spacing: -.001em; position: relative; overflow: hidden; height: auto } @media (max-width: 767.98px) { .sale-steps__slide { width: 298px } } .sale-steps__list:not(.is-initialized) .sale-steps__slide { width: calc(33.333% - 6.666px) } @media (max-width: 767.98px) { .sale-steps__list:not(.is-initialized) .sale-steps__slide { width: 298px } } .sale-steps__block { padding: 30px 40px } @media (max-width: 767.98px) { .sale-steps__block { padding: 24px } } .sale-steps__bg { position: absolute; left: 0; top: 0; z-index: 1 } .sale-steps__bg, .sale-steps__bg img { width: 100%; height: 100%; pointer-events: none } .sale-steps__bg img { -o-object-fit: cover; object-fit: cover; display: block } .sale-steps__label { padding: 0 0 15px; margin: 0 0 15px; font-weight: 600; font-size: 20px; line-height: 26px; border-bottom: 1px solid hsla(0, 0%, 100%, .4); position: relative; z-index: 2 } @media (max-width: 767.98px) { .sale-steps__label { padding: 0 0 12px; margin: 0 0 12px; font-size: 18px; line-height: 26px } } .sale-steps__text { font-size: 18px; line-height: 26px; position: relative; z-index: 2 } .sale-text { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff; padding: 40px 0; border-bottom: 1px solid rgba(175, 187, 198, .5); text-align: center } @media (max-width: 767.98px) { .sale-text { padding: 24px 0; text-align: left } } .sale-text.has-slider { border-bottom: 0; padding-bottom: 0 !important } .sale-text__content { font-size: 24px; line-height: 32px; color: #000 } @media (max-width: 767.98px) { .sale-text__content { font-size: 20px; line-height: 30px } .sale-text__content br { content: "" } .sale-text__content br:after { content: " " } } .sale-text__more { display: flex; align-items: center; justify-content: center; margin: 8px 0 0 } @media (max-width: 767.98px) { .sale-text__more { margin: 2px 0 0 } } .sale-text.has-slider .sale-text__more { display: none } .sale-text__link { display: flex; align-items: center; font-size: 14px; line-height: 24px; font-weight: 500; color: #00a0eb; text-decoration: none } @media (max-width: 767.98px) { .sale-text__link { font-size: 16px } } .sale-text__link img { width: 5px; height: 8px; display: block; margin: 2px 0 0 4px } @media (max-width: 767.98px) { .sale-text__link img { margin-top: 3px } } .kit-steps { background: #fff; padding: 50px 0 60px } @media (max-width: 1919.98px) { .kit-steps { padding: 40px 0 } } @media (max-width: 1279.98px) { .kit-steps { padding: 30px 0 20px } } @media (max-width: 1023.98px) { .kit-steps { padding: 20px 0 } } .kit-steps .container { padding: 0 306px } @media (max-width: 1919.98px) { .kit-steps .container { max-width: none; padding: 0 80px } } @media (max-width: 1279.98px) { .kit-steps .container { padding: 0 30px } } @media (max-width: 1023.98px) { .kit-steps .container { padding: 0 20px } } .kit-steps__header { margin: 0 0 25px; display: flex; justify-content: center; flex-direction: column } @media (max-width: 1919.98px) { .kit-steps__header { margin: 0 0 20px } } .kit-steps__title { display: flex; justify-content: center; font-weight: 500; font-size: 28px; line-height: 36px; margin-bottom: 0; color: #000; font-family: Futura PT, Arial, Helvetica, sans-serif } @media (max-width: 1919.98px) { .kit-steps__title { font-size: 26px } } @media (max-width: 1279.98px) { .kit-steps__title { font-size: 22px; line-height: 30px } } @media (max-width: 767.98px) { .kit-steps__title { font-size: 22px; line-height: 30px; padding: 0 20px; text-align: center } } .kit-steps__more { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 24px; font-weight: 500; color: #22b0f3; display: inline-flex; justify-content: center; margin: 16px 0 0; align-items: center; text-decoration: none } @media (max-width: 1919.98px) { .kit-steps__more { margin: 10px 0 0 } } @media (max-width: 1279.98px) { .kit-steps__more { margin: 5px 0 0 } } .kit-steps__more_mobile { display: none } @media (max-width: 767.98px) { .kit-steps__more_mobile { display: inline-flex; padding: 0 16px } } .kit-steps__more img { width: 5px; height: 8px; display: block; margin: 2px 0 0 4px } @media (max-width: 767.98px) { .kit-steps__more img { margin-top: 3px } } .kit-steps__list:not(.is-initialized) .kit-steps__wrapper { display: flex; gap: 10px } @media (max-width: 767.98px) { .kit-steps__list:not(.is-initialized) .kit-steps__wrapper { flex-direction: column } } .kit-steps__slide { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 12px; color: #fff; letter-spacing: -.001em; position: relative; overflow: hidden; height: auto } @media (max-width: 767.98px) { .kit-steps__slide { width: 100% } } .kit-steps__list:not(.is-initialized) .kit-steps__slide { width: calc(33.333% - 6.666px) } @media (max-width: 767.98px) { .kit-steps__list:not(.is-initialized) .kit-steps__slide { width: 100% } } .kit-steps__block { padding: 33px 160px 33px 28px } @media (max-width: 1279.98px) { .kit-steps__block { padding: 20px 100px 20px 20px } } .kit-steps__bg { position: absolute; left: 0; top: 0; z-index: 1 } .kit-steps__bg, .kit-steps__bg img { width: 100%; height: 100%; pointer-events: none } .kit-steps__bg img { -o-object-position: right center; object-position: right center; -o-object-fit: cover; object-fit: cover; display: block } .kit-steps__label { display: inline-block; padding: 2px 8px; border-radius: 4px; background: #4238f5; margin: 0 0 10px; font-weight: 600; font-size: 18px; line-height: 26px; position: relative; z-index: 2 } @media (max-width: 1279.98px) { .kit-steps__label { font-size: 16px; line-height: 21px } } .kit-steps__text { color: #212121; font-size: 18px; line-height: 24px; height: 48px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; z-index: 2 } @media (max-width: 1919.98px) { .kit-steps__text { height: 40px; font-size: 16px; line-height: 20px } } @media (max-width: 1279.98px) { .kit-steps__text { font-size: 14px } } .kit-card { height: 100%; position: relative; background: #fff; display: flex; flex-direction: column; transition: border-color .25s } .kit-card__header { margin-bottom: 16px } .kit-card__container-picture { display: block; text-decoration: none; margin-top: 10px; height: 162px; overflow: hidden; position: relative } @media (max-width: 1279.98px) { .kit-card__container-picture { height: 136px } } @media (max-width: 767.98px) { .catalog .kit-card__container-picture { position: absolute; top: 0; left: -8px; width: 96px; height: 136px } } .product--comparison .kit-card__container-picture { position: absolute; top: 0; left: 0; width: 56px; height: 62px } @media (max-width: 1023.98px) { .product--comparison .kit-card__container-picture { position: static; width: 45px; height: 50px; margin-bottom: 8px } } @media (min-width: 1280px) { .kit-card__container-picture:hover .kit-card__picture-image { transform: scale(1.05) } } .kit-card__container-picture .swiper-container { height: 100%; width: 100%; padding-bottom: 16px } .kit-card__container-picture .swiper-wrapper { box-sizing: border-box } .kit-card__container-picture .swiper-pagination { position: absolute; bottom: 2px; left: 0 !important; right: 0; display: flex; align-items: center; justify-content: center; transform: none !important; overflow: visible; width: auto !important } .kit-card__container-picture .swiper-pagination-bullet { margin: 0 2px !important; width: 4px; height: 4px; background: #d7d7da; border-radius: 100%; transition: none !important; opacity: 1; display: none; left: auto !important } .kit-card__container-picture .swiper-pagination-bullet-active { transform: scale(1.5); background-color: #000 } .kit-card__container-picture .swiper-pagination-bullet-active-main { display: block } .kit-card__slider:not(.swiper-container-initialized) .swiper-pagination { display: none } .kit-card__picture-image { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; -o-object-fit: contain; object-fit: contain; flex-shrink: 0; transition: transform .25s } .kit-card__slider-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; z-index: 1 } body.is-touch .kit-card__slider-overlay { display: none } .kit-card__slider-overlay > div { flex: 1 1 auto } .kit-card__body { flex-grow: 1 } .product--comparison .kit-card__body { flex-grow: 0 } .kit-card__container-reviews { display: flex } .journal-products .kit-card__container-reviews { margin-left: -4px } .kit-card__reviews { display: flex; text-decoration: none; font-size: 14px; height: 16px; line-height: 16px; color: #5d6672; transition: color .25s } .kit-card__reviews:hover { transition: color .25s; color: #2354a5 } @media (min-width: 768px) { .kit-card__reviews .rating__star { width: 18px; height: 18px; margin-top: -2px } } @media (max-width: 767.98px) { .catalog .kit-card__reviews .rating__star { margin-top: -1px } } @media (max-width: 1023.98px) { .kit-card__reviews .rating__star--scaled { transform: scale(1.5) } } .journal-products .kit-card__rating, .kit-card__rating { color: #1e2329 } .kit-card__review { margin-left: 8px } @media (max-width: 1279.98px) { .kit-card__review { margin-left: 4px } } @media (max-width: 1023.98px) { .kit-card__review { margin-left: 8px } } .kit-card__container-title { margin-top: 6px; margin-bottom: auto } @media (max-width: 767.98px) { .catalog .kit-card__container-title { margin-top: 4px } } .product--comparison .kit-card__container-title { margin-top: 0 } .journal-products .kit-card__container-title { margin-top: 4px } .kit-card__name-link { text-decoration: none } .kit-card-picture { display: flex; justify-content: center; align-items: center; height: 100% } .kit-card__name { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; overflow: hidden; color: #212121; font-weight: 450; transition: color .25s; margin: 0 } @media (max-width: 1279.98px) { .kit-card__name { height: 40px; font-size: 14px; line-height: 20px } } .product--comparison .kit-card__name { font-size: 14px; line-height: 24px; letter-spacing: .02em } .kit-card__name:hover { color: #00a0eb } @media (max-width: 767.98px) { .kit-card__footer { max-width: 320px } } .kit-card__container-price { margin-top: 16px } @media (max-width: 1279.98px) { .kit-card__container-price { margin-top: 10px } } @media (min-width: 768px) { .catalog-category .kit-card__container-price, .catalog[data-view=tiles] .kit-card__container-price, .favorites .kit-card__container-price { min-height: 67px } } @media (min-width: 1366px) { .catalog-category .kit-card__container-price, .catalog[data-view=tiles] .kit-card__container-price, .favorites .kit-card__container-price { min-height: 70px } } @media (min-width: 1920px) { .catalog-category .kit-card__container-price, .catalog[data-view=tiles] .kit-card__container-price, .favorites .kit-card__container-price { min-height: 72px } } .product-recommendations .kit-card__container-price { min-height: 91px } @media (max-width: 1919.98px) { .product-recommendations .kit-card__container-price { min-height: 87px } } @media (max-width: 1279.98px) { .product-recommendations .kit-card__container-price { min-height: 88px } } .card--v2 .kit-card__container-price { min-height: 50px } .kit-card__container-price-old + .kit-card__container-price { margin-top: 0 } .kit-card__price-block { display: flex; align-items: center } .kit-card__price-wrapper { display: flex; align-items: flex-end } @media (max-width: 1279.98px) { .kit-card__price-wrapper { flex-direction: column; align-items: flex-start } } @media (max-width: 1919.98px) { .main-catalog.is-offers .kit-card__price-wrapper { flex-direction: column-reverse; align-items: flex-start } } @media (max-width: 767.98px) { .main-catalog.is-offers .kit-card__price-wrapper { flex-direction: row; align-items: flex-end } } .kit-card__price { font-weight: 700; font-size: 16px; line-height: 28px; white-space: nowrap } @media (max-width: 1279.98px) { .kit-card__price { margin-bottom: 2px; line-height: 20px } } .kit-card--sale .kit-card__price { color: #fa4d62 } .tradein__card .kit-card__price { margin-right: 12px } .product--comparison .kit-card__price { font-size: 16px; line-height: 24px } .kit-card__container-price-old { display: flex; margin-bottom: 5px; margin-left: 8px } .kit-card__container-price-old ~ .card__container-price { color: #fa4d62 } .kit-card__price--simple-card .kit-card__container-price-old { margin: 5px 0 0 } @media (max-width: 1279.98px) { .kit-card__container-price-old { margin: 0 } } .product--comparison .kit-card__container-price-old { margin: 16px 0 0; font-size: 14px; line-height: 16px } @media (max-width: 1919.98px) { .main-catalog.is-offers .kit-card__container-price-old { margin: 0 } } @media (max-width: 767.98px) { .main-catalog.is-offers .kit-card__container-price-old { margin-left: 8px; margin-bottom: 5px } } .kit-card__price-old { font-size: 16px; line-height: 16px; font-weight: 450; color: #212121; position: relative; white-space: nowrap } .kit-card__price-old:before { content: ""; display: block; position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; background: #fa4d62; border-top: 1px solid #fff } .popular-kits { background: #fff } .popular-kits .container { padding: 0 306px } @media (max-width: 1919.98px) { .popular-kits .container { max-width: none; padding: 0 80px } } @media (max-width: 1279.98px) { .popular-kits .container { padding: 0 20px } } @media (max-width: 1023.98px) { .popular-kits .container { padding: 0 20px } } .popular-kits__header { display: flex; justify-content: center; font-size: 28px; font-weight: 500 } @media (max-width: 1919.98px) { .popular-kits__header { font-size: 26px; line-height: 36px } } @media (max-width: 1279.98px) { .popular-kits__header { font-size: 22px; line-height: 30px } } .popular-kits__wrapper { padding-bottom: 60px; position: relative } .popular-kits__wrapper .arrow-v2 { top: 40%; width: 53px; height: 53px } @media (max-width: 1919.98px) { .popular-kits__wrapper .arrow-v2 { top: 45%; width: 36px; height: 36px } } @media (max-width: 1279.98px) { .popular-kits__wrapper .arrow-v2 { top: 43%; width: 30px; height: 30px } } .popular-kits__wrapper .arrow-v2--next { right: -30px } @media (max-width: 1919.98px) { .popular-kits__wrapper .arrow-v2--next { right: -20px } } @media (max-width: 1365.98px) { .popular-kits__wrapper .arrow-v2--next { right: -15px } } @media (max-width: 1023.98px) { .popular-kits__wrapper .arrow-v2--next { right: 13px } } .popular-kits__wrapper .arrow-v2--prev { left: -30px } @media (max-width: 1919.98px) { .popular-kits__wrapper .arrow-v2--prev { left: -20px } } @media (max-width: 1365.98px) { .popular-kits__wrapper .arrow-v2--prev { left: -15px } } @media (max-width: 1023.98px) { .popular-kits__wrapper .arrow-v2--prev { left: 13px } } @media (max-width: 1023.98px) { .popular-kits__wrapper .arrow-v2 { top: 40% } } @media (max-width: 1919.98px) { .popular-kits__wrapper { padding-bottom: 30px } } @media (max-width: 1279.98px) { .popular-kits__wrapper { padding-bottom: 28.5px } } @media (max-width: 767.98px) { .popular-kits__wrapper { padding-bottom: 30px; border-bottom: 1px solid rgba(175, 187, 198, .5) } } .popular-kits__wrapper:not(:first-child) { margin-top: 25px } @media (max-width: 1919.98px) { .popular-kits__wrapper:not(:first-child) { margin-top: 20px } } .popular-kits__slide { position: relative; box-sizing: border-box } .popular-kits__slide.swiper-slide-prev { opacity: 0 } .popular-kits__products { display: flex; border-bottom: 1px solid #dee0e5 } .popular-kits__products-item { padding: 20px 26px; width: 50% } @media (max-width: 1279.98px) { .popular-kits__products-item { padding: 15px } } @media (max-width: 1023.98px) { .popular-kits__products-item { padding: 20px } } .popular-kits__products-item:first-child { border-right: 1px solid #dee0e5 } .popular-kits__products .icon-plus { position: absolute; top: 35%; left: calc(50% - 20px); z-index: 1; width: 40px; height: 40px } .popular-kits__item { width: 100%; height: 100%; border: 1px solid rgba(33, 33, 33, .0392156862745098); box-shadow: 0 0 20px 0 rgba(0, 0, 0, .050980392156862744) } .popular-kits__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 28px; line-height: 40px; letter-spacing: .02em; margin: 0 } @media (max-width: 1919.98px) { .popular-kits__title { font-size: 24px; line-height: 36px } } @media (max-width: 1365.98px) { .popular-kits__title { margin-bottom: 5px } } @media (max-width: 1023.98px) { .popular-kits__title { font-size: 18px; line-height: 26px } } .popular-kits__slide--theme-dark .popular-kits__title { color: #fff } .popular-kits__text { font-size: 18px; line-height: 24px; color: rgba(51, 51, 51, .6); margin: 0 auto 8px; min-height: 72px; max-width: 600px } @media (max-width: 1919.98px) { .popular-kits__text { font-size: 16px; line-height: 20px; min-height: 60px } } @media screen and (max-width: 1799px) { .popular-kits__text { min-height: 80px } } @media (max-width: 1023.98px) { .popular-kits__text { font-size: 14px; line-height: 18px; min-height: 64px } } .popular-kits__slide--theme-dark .popular-kits__text { color: hsla(0, 0%, 100%, .6) } .popular-kits__link { font-weight: 500; font-size: 16px; line-height: 20px; color: #22b0f3; display: inline-flex; align-items: baseline; text-decoration: none; transition: color .25s } @media (max-width: 1919.98px) { .popular-kits__link { font-size: 16px; line-height: 20px } } @media (max-width: 1023.98px) { .popular-kits__link { font-size: 12px; line-height: 16px } } @media (max-width: 767.98px) { .popular-kits__link { font-size: 16px; line-height: 20px } } .popular-kits__link:visited { color: #22b0f3 } @media (min-width: 1280px) { .popular-kits__link:hover { color: #2354a5 } } .popular-kits__link:active { color: #2354a5 } .popular-kits__link:not(:first-child) { margin-top: 8px } @media (max-width: 1023.98px) { .popular-kits__link:not(:first-child) { margin-top: 8px } } @media (max-width: 767.98px) { .popular-kits__link:not(:first-child) { margin-top: 4px } } .popular-kits__link-arrow { flex-shrink: 0; display: block; margin-left: 2px; width: 9px; height: 9px; transform: translateY(-2px) } @media (max-width: 1919.98px) { .popular-kits__link-arrow { transform: none } } @media (max-width: 1023.98px) { .popular-kits__link-arrow { width: 6px; height: 6px } } @media (max-width: 767.98px) { .popular-kits__link-arrow { width: 9px; height: 9px; transform: translateY(1px) } } .popular-kits__overlay-link { display: block; position: absolute; inset: 0 } .popular-kits__footer { display: flex; justify-content: space-between; padding: 0 20px } .popular-kits__footer-text { color: #212121; font-weight: 450; font-size: 16px; line-height: 16px } @media (max-width: 1279.98px) { .popular-kits__footer-text { font-size: 14px } } .popular-kits__sale-text { color: #808093; font-size: 16px; font-weight: 450; line-height: 16px } @media (max-width: 1279.98px) { .popular-kits__sale-text { font-size: 14px } } .popular-kits__sale-price { color: #fff; margin-left: 8px; padding: 0 4px; font-size: 12px; font-weight: 700; line-height: 16px; border-radius: 4px; background: #fa4d62 } .popular-kits__price { color: #fa4d62; font-weight: 700; font-size: 24px; line-height: 32px; margin-left: 6px } @media (max-width: 1279.98px) { .popular-kits__price { font-size: 16px; line-height: 22px; margin-left: 0 } } .popular-kits__content { margin: 12px 0 0 0 } @media (max-width: 1279.98px) { .popular-kits__content { margin: 20px 0 } } .popular-kits__button { background: #22b0f3; color: #fff; margin: 21px 0 21px 0; padding: 12px 24px; border-radius: 6px; font-size: 16px; line-height: 16px; font-weight: 450; cursor: pointer } @media (max-width: 1279.98px) { .popular-kits__button { margin: 19px 0; padding: 12px 14px } } .popular-kits__added { display: inline-flex; align-items: center } .popular-kits__counter { position: relative; display: flex; transition: opacity .25s } .popular-kits__counter-container { display: flex; align-items: center; margin: 21px 0; padding: 3px; height: 40px } .popular-kits__counter-button { position: relative; display: flex; justify-content: center; align-items: center; opacity: 1; transition: opacity .25s ease-in-out; width: 20px; height: 20px; margin: 0 5px; flex-shrink: 0; transition-property: opacity, background-color; transition-duration: .25s } .popular-kits__counter-button.is-visually-hidden { opacity: 1; background: #bfc1c1; pointer-events: none; cursor: not-allowed } @media (max-width: 768.98px) { .popular-kits__counter-button.is-visually-hidden { opacity: .3 } } @media (min-width: 1280px) { .popular-kits__counter-button:hover span { background-color: #0090d5 } } .popular-kits__counter-button:active span { background-color: #0090d5 } .add-to-basket .popular-kits__counter-button:active { background: #2354a5 } .popular-kits__counter-button span { display: flex; height: 2px; width: 14px; right: 4px; top: 9px; border-radius: 0; background: #afbbc6; transition: background-color .25s ease-in-out } .popular-kits__counter-button span:nth-child(2) { transform: rotate(90deg); position: absolute } .add-to-basket .popular-kits__counter-button span:nth-child(2) { top: calc(50% - 1px); left: calc(50% - 7px) } .popular-kits__counter-input { position: relative; height: 40px; width: 50px; background: none; border: 1px solid #d7dde3; border-radius: 6px; padding: 9px 5px; line-height: 1; font-size: 16px; font-weight: 500; text-align: center } .popular-kits__counter-input:focus { box-shadow: none } @media (max-width: 768.98px) { .popular-kits__counter-input { width: 44px; height: 30px } } .popular-kits .slider-pagination { margin-top: 30px } @media (max-width: 1919.98px) { .popular-kits .slider-pagination { margin-top: 10px } } @media (max-width: 1279.98px) { .popular-kits .slider-pagination { margin-top: 18.5px } } @media (max-width: 1023.98px) { .popular-kits .slider-pagination { margin-top: 15px } } .popular-kits .slider-pagination .swiper-pagination-bullet { width: 8px; height: 8px } @media (max-width: 1919.98px) { .popular-kits .slider-pagination .swiper-pagination-bullet { width: 10px; height: 10px } } @media (max-width: 1279.98px) { .popular-kits .slider-pagination .swiper-pagination-bullet { width: 6px; height: 6px } } .popular-kits .slider-pagination .swiper-pagination-bullet-active { width: 12px; height: 12px } @media (max-width: 1919.98px) { .popular-kits .slider-pagination .swiper-pagination-bullet-active { width: 10px; height: 10px } } @media (max-width: 1279.98px) { .popular-kits .slider-pagination .swiper-pagination-bullet-active { width: 8px; height: 8px } } .bs-sidebar .simplebar-wrapper { max-width: 100%; max-height: 100% } .bs-location .scrollbar-track-x, .bs-location .simplebar-track.simplebar-horizontal, .bs-sidebar .scrollbar-track-x, .bs-sidebar .simplebar-track.simplebar-horizontal { display: none } .bs-location .scrollbar-track-y, .bs-location .scrollbar-track-y.show, .bs-location .simplebar-track.simplebar-vertical, .bs-location .simplebar-track.simplebar-vertical.show, .bs-sidebar .scrollbar-track-y, .bs-sidebar .simplebar-track.simplebar-vertical { width: 4px; background: rgba(215, 221, 227, .2); border-radius: 5px; right: 5px; opacity: 0; transition: opacity .25s } .bs-sidebar .scrollbar-track-y, .bs-sidebar .simplebar-track.simplebar-vertical { top: 0; bottom: 10px } .bs-location .scrollbar-track-y, .bs-location .simplebar-track.simplebar-vertical { top: 0; bottom: 0 } .bs-location .is-scrollable:hover .scrollbar-track-y, .bs-location .is-scrollable:hover .scrollbar-track-y.show, .bs-location .is-scrollable:hover .simplebar-track.simplebar-vertical, .bs-location .is-scrollable:hover .simplebar-track.simplebar-vertical.show, .bs-sidebar .is-scrollable:hover .scrollbar-track-y, .bs-sidebar .is-scrollable:hover .simplebar-track.simplebar-vertical { opacity: 1 } .bs-location .scrollbar-thumb, .bs-location .simplebar-scrollbar, .bs-sidebar .scrollbar-thumb, .bs-sidebar .simplebar-scrollbar { width: 4px } .bs-sidebar .scrollbar-thumb, .bs-sidebar .simplebar-scrollbar { right: 0 } .bs-sidebar .scrollbar-thumb:before, .bs-sidebar .simplebar-scrollbar:before { width: 100%; background: #d7dde3; border-radius: 5px; top: 0 !important; bottom: 0 !important; opacity: 1 !important } .bs-location .scrollbar-thumb, .bs-location .simplebar-scrollbar { width: 100%; background: #d7dde3; border-radius: 5px } .bs-root { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-top: 120px; background: #fff } @media (max-width: 1919.98px) { .bs-root { padding-top: 100px } } @media (max-width: 1023.98px) { .bs-root { padding-top: 60px } } .bs-root__map { height: 798px; position: relative; background: #f4f4f4 } @media (max-width: 1919.98px) { .bs-root__map { height: 606px } } @media (max-width: 1365.98px) { .bs-root__map { height: 500px } } @media (max-width: 1023.98px) { .bs-root__map { height: auto; display: flex; flex-direction: column } } .bs-root__empty { display: none; background: #fff; box-shadow: 0 10px 35px hsla(0, 0%, 70.6%, .25); border-radius: 8px; position: absolute; top: auto; right: 10px; bottom: 10px; left: 10px; padding: 15px } @media (max-width: 1023.98px) { .bs-root__empty { display: block } } .bs-root__bottom { max-width: 1312px; margin: 0 auto; padding-bottom: 90px } @media (max-width: 1919.98px) { .bs-root__bottom { padding: 0 80px 90px; max-width: 1366px } } @media (max-width: 1365.98px) { .bs-root__bottom { padding: 0 32px 60px; max-width: 1280px } } @media (max-width: 1023.98px) { .bs-root__bottom { padding: 0 25px 70px; max-width: none; display: flex; flex-direction: column } } .bs-root__header { display: none; padding-top: 30px } @media (max-width: 1023.98px) { .bs-root__header { display: block } } .bs-root__section { padding-top: 100px } @media (max-width: 1919.98px) { .bs-root__section { padding-top: 90px } } @media (max-width: 1365.98px) { .bs-root__section { padding-top: 60px } } @media (max-width: 1023.98px) { .bs-root__section { padding-top: 20px; margin-top: 20px; border-top: 1px solid #e7ebee } } @media (max-width: 1023.98px) { .bs-root__section--features { order: 3 } } @media (max-width: 1023.98px) { .bs-root__section--stores { order: 2 } } @media (max-width: 1023.98px) { .bs-root__section--sale { order: 1 } } .bs-root__section--none { display: none } .bs-root__section--container { margin: 0 auto; max-width: 1312px; padding-top: 0; padding-bottom: 140px } @media (max-width: 1919.98px) { .bs-root__section--container { max-width: 1366px; padding: 0 80px 80px 80px } } @media (max-width: 1365.98px) { .bs-root__section--container { padding: 0 32px 32px 32px } } @media (max-width: 1023.98px) { .bs-root__section--container { padding: 20px 20px 32px 20px } } .bs-root .bs-root__section { padding-top: 100px } @media (max-width: 1919.98px) { .bs-root .bs-root__section { padding-top: 90px } } @media (max-width: 1365.98px) { .bs-root .bs-root__section { padding-top: 60px } } @media (max-width: 1023.98px) { .bs-root .bs-root__section { padding-top: 20px; margin-top: 20px } } .bs-sidebar { width: 660px; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); border-radius: 12px; overflow: hidden; transition: transform .25s } @media (max-width: 1919.98px) { .bs-sidebar { width: 550px } } @media (max-width: 1365.98px) { .bs-sidebar { width: 410px } } @media (max-width: 1023.98px) { .bs-sidebar { flex-shrink: 0; width: 100%; height: 64px; position: relative; top: auto; right: auto; bottom: auto; left: auto; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); border-radius: 0; order: -1; overflow: initial } } .bs-sidebar__container { height: 100%; display: flex; transition: transform .5s } .bs-sidebar__slide { width: 100%; display: flex; flex-direction: column; flex-shrink: 0 } @media (max-width: 1023.98px) { .bs-sidebar__slide:not(:first-child) { display: none } } .bs-sidebar__body-wrap, .bs-sidebar__header { padding: 0 40px } @media (max-width: 1919.98px) { .bs-sidebar__body-wrap, .bs-sidebar__header { padding: 0 35px } } @media (max-width: 1365.98px) { .bs-sidebar__body-wrap, .bs-sidebar__header { padding: 0 30px } } @media (max-width: 1023.98px) { .bs-sidebar__body-wrap, .bs-sidebar__header { padding: 0 25px } } .bs-sidebar__header { flex-shrink: 0; background: #fff; display: flex; align-items: center; justify-content: space-between; padding-top: 30px; padding-bottom: 24px } @media (max-width: 1919.98px) { .bs-sidebar__header { padding-top: 30px } } @media (max-width: 1365.98px) { .bs-sidebar__header { padding-top: 25px; padding-bottom: 20px } } @media (max-width: 1023.98px) { .bs-sidebar__header { padding: 0 10px 0 20px; height: 100% } } .bs-sidebar__header > :not(:first-child) { margin-left: 10px } .bs-sidebar__body { flex-grow: 1; overflow: hidden auto; max-height: 700px } @media (max-width: 1919.98px) { .bs-sidebar__body { max-height: 508px } } @media (max-width: 1365.98px) { .bs-sidebar__body { max-height: 415px } } @media (max-width: 1023.98px) { .bs-sidebar__body { display: none } } .bs-sidebar__body-inner { padding-bottom: 30px } @media (max-width: 1919.98px) { .bs-sidebar__body-inner { padding-bottom: 35px } } @media (max-width: 1365.98px) { .bs-sidebar__body-inner { padding-bottom: 30px } } .bs-sidebar__section { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e7ebee } @media (max-width: 1365.98px) { .bs-sidebar__section { margin-top: 14px; padding-top: 14px } } @media (max-width: 1023.98px) { .bs-sidebar__section { margin-top: 20px; padding-top: 20px } } .bs-sidebar__section--none { display: none } .bs-map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100% } @media (max-width: 1023.98px) { .bs-map { flex-shrink: 0; height: 426px; position: relative } } .bs-map__zoom { position: absolute; top: 359px; right: 20px; width: 40px; height: 80px; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); border-radius: 8px; background: #fff } @media (max-width: 1919.98px) { .bs-map__zoom { top: 263px } } @media (max-width: 1365.98px) { .bs-map__zoom { top: 210px; right: 10px } } @media (max-width: 1023.98px) { .bs-map__zoom { top: 173px } } .bs-map__zoom-button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; height: 50%; display: flex; align-items: center; justify-content: center; color: #4d4d4d; transition: color .25s } .bs-map__zoom-button:hover { color: #212121 } .bs-map__zoom-button:active { color: #00a0eb } .bs-marker { position: absolute; bottom: 0; left: -20px; width: 40px; height: 50px; color: #22b0f3; box-sizing: border-box } @media (max-width: 1919.98px) { .bs-marker { left: -16px; width: 32px; height: 40px } } @media (max-width: 1023.98px) { .bs-marker { left: -13px; width: 26px; height: 33px } } .bs-marker.is-hover { color: #0090d5 } .bs-marker.is-active { color: #2354a5 } .bs-marker.is-wide { left: -122px; width: 142px; color: #a054be } @media (max-width: 1919.98px) { .bs-marker.is-wide { left: -99px; width: 115px } } @media (max-width: 1023.98px) { .bs-marker.is-wide { width: 112px } } .bs-marker.is-wide.is-active, .bs-marker.is-wide.is-hover { color: #873fa4 } .bs-marker__content { position: absolute; top: 0; left: 0; width: 100%; height: 40px; font-size: 14px; line-height: 1; color: #fff; display: flex; align-items: center; justify-content: center; padding: 0 35px 0 5px } @media (max-width: 1919.98px) { .bs-marker__content { height: 32px; font-size: 11px; padding-right: 30px } } @media (max-width: 1023.98px) { .bs-marker__content { height: 26px; font-size: 12px; padding: 0 20px 0 2px } } .bs-marker svg { width: 100%; height: 100%; display: block } .bs-balloon { width: 354px; position: absolute; background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); border-radius: 12px; padding: 20px; box-sizing: border-box; font-size: 16px; line-height: 20px } @media (max-width: 1365.98px) { .bs-balloon { width: 270px; padding: 15px; font-size: 13px; line-height: 16px } } .bs-balloon__container { display: flex; justify-content: space-between } .bs-balloon__content { display: flex; flex-direction: column; max-width: 254px } @media (max-width: 1365.98px) { .bs-balloon__content { max-width: 200px } } .bs-balloon__content > :not(:first-child) { margin-top: 4px } @media (max-width: 1365.98px) { .bs-balloon__content > :not(:first-child) { margin-top: 2px } } .bs-balloon__title { font-weight: 500; font-size: inherit; line-height: inherit; letter-spacing: .02em; margin: 0 } .bs-balloon__phone { display: flex; flex-direction: column; align-items: flex-start } .bs-balloon__phone a { text-decoration: none; color: inherit; transition: color .25s; white-space: nowrap } .bs-balloon__phone a:visited { color: inherit } .bs-balloon__phone a:hover { color: #0090d5 } .bs-breadcrumbs { font-size: 16px; line-height: 20px; color: #000; display: flex; align-items: center } @media (max-width: 1365.98px) { .bs-breadcrumbs { font-size: 13px } } @media (max-width: 1023.98px) { .bs-breadcrumbs { font-size: 16px } } .bs-breadcrumbs__item { display: flex; align-items: center } @media (max-width: 1023.98px) { .bs-breadcrumbs__item { display: none } } .bs-breadcrumbs__item:not(:last-child) { margin-right: 10px } .bs-breadcrumbs__item--back { display: none } @media (max-width: 1023.98px) { .bs-breadcrumbs__item--back { display: flex } } .bs-store .bs-breadcrumbs__item--back { display: flex } .bs-breadcrumbs__link { color: #22b0f3; transition: color .25s; text-decoration: none } .bs-breadcrumbs__link:visited { color: #22b0f3 } .bs-breadcrumbs__link:hover { color: #0090d5 } .bs-breadcrumbs__icon { margin-top: 1px; margin-left: 12px } @media (max-width: 1365.98px) { .bs-breadcrumbs__icon { width: 4px; height: 6px; margin-left: 10px } } @media (max-width: 1023.98px) { .bs-breadcrumbs__icon { width: 5px; height: 8px } } .bs-breadcrumbs__item--back .bs-breadcrumbs__icon { order: -1; transform: rotate(180deg); margin-left: 0; margin-right: 12px } @media (max-width: 1365.98px) { .bs-breadcrumbs__item--back .bs-breadcrumbs__icon { margin-right: 10px } } .bs-location { font-size: 16px; line-height: 28px; position: relative; white-space: nowrap; z-index: 3 } @media (max-width: 1365.98px) { .bs-location { font-size: 13px; line-height: 20px } } @media (max-width: 1023.98px) { .bs-location { font-size: 16px } } .bs-location__trigger { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; font-size: inherit; color: #22b0f3; transition: color .25s } .bs-location__trigger:hover { color: #0090d5 } .bs-location__icon { margin-top: 2px } @media (max-width: 1365.98px) { .bs-location__icon { width: 6px; height: 4px } } @media (max-width: 1023.98px) { .bs-location__icon { width: 8px; height: 5px } } .bs-location__icon:not(:first-child) { margin-left: 8px } @media (max-width: 1365.98px) { .bs-location__icon:not(:first-child) { margin-left: 5px } } @media (max-width: 1023.98px) { .bs-location__icon:not(:first-child) { margin-left: 8px } } .bs-location__dropdown { background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); border-radius: 12px; padding: 30px 0; position: absolute; top: calc(100% + 22px); right: -12px; z-index: 2 } @media (max-width: 1919.98px) { .bs-location__dropdown { padding: 25px 0; right: -7px } } @media (max-width: 1365.98px) { .bs-location__dropdown { padding: 20px 0; right: -8px } } @media (max-width: 1023.98px) { .bs-location__dropdown { padding: 30px 0; right: auto; left: -30px } } .bs-location:not(.is-active) .bs-location__dropdown { display: none } .bs-location__dropdown-inner { padding: 0 30px; overflow: hidden auto; max-height: 370px; line-height: 28px } @media (max-width: 1919.98px) { .bs-location__dropdown-inner { max-height: 370px } } @media (max-width: 1365.98px) { .bs-location__dropdown-inner { max-height: 310px; line-height: 22px } } @media (max-width: 1023.98px) { .bs-location__dropdown-inner { max-height: 370px; line-height: 28px } } .bs-location__item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; transition: color .25s } .bs-location__item:not(:first-child) { margin-top: 10px } .bs-location__item:hover { color: #22b0f3 } .bs-switcher { display: none; position: relative; background: #fff; border: 1px solid #efefef; border-radius: 22px; align-items: center; justify-content: space-around; width: 82px; height: 44px } @media (max-width: 1023.98px) { .bs-switcher { display: flex } } .bs-switcher:not(.is-map):before { transform: translateX(100%) } .bs-switcher:before { content: ""; display: block; position: absolute; top: 2px; left: 2px; transition: transform .25s; width: 38px; height: 38px; border-radius: 100%; background: #22b0f3 } .bs-switcher__icon { position: relative; transition: color .25s } .bs-switcher__icon:hover { color: #0090d5 } .bs-switcher.is-map .bs-switcher__icon--map { color: #fff } .bs-switcher__icon--list { margin-right: 1px } .bs-switcher:not(.is-map) .bs-switcher__icon--list { color: #fff } .bs-title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 32px; line-height: 42px; letter-spacing: .02em; color: #000; margin: 0 0 4px; box-shadow: 0 0 0 rgba(0, 0, 0, .1); transition: box-shadow .25s } @media (max-width: 1919.98px) { .bs-title { font-size: 24px; line-height: 34px } } @media (max-width: 1365.98px) { .bs-title { font-size: 18px; line-height: 24px } } @media (max-width: 1023.98px) { .bs-title { font-size: 24px; line-height: 28px; letter-spacing: normal; color: #212121; margin-bottom: 8px } } .bs-title.is-sticky { box-shadow: 0 4px 14px rgba(0, 0, 0, .1) } .bs-sidebar .bs-title { margin: 0 -40px; padding: 0 40px 10px; background: #fff; position: sticky; top: 0; z-index: 2 } @media (max-width: 1919.98px) { .bs-sidebar .bs-title { margin: 0 -35px; padding-left: 35px; padding-right: 35px } } @media (max-width: 1365.98px) { .bs-sidebar .bs-title { margin: 0 -30px; padding-left: 30px; padding-right: 30px } } @media (max-width: 1023.98px) { .bs-sidebar .bs-title { margin: 0 -25px; padding-left: 25px; padding-right: 25px } } .bs-spoiler { font-size: 16px; line-height: 22px } @media (max-width: 1919.98px) { .bs-spoiler { line-height: 20px } } @media (max-width: 1279.98px) { .bs-spoiler { font-size: 13px; line-height: 18px } } @media (max-width: 1023.98px) { .bs-spoiler { font-size: 16px } } .bs-spoiler__container { overflow: hidden; position: relative; will-change: height; height: 44px; display: flex } @media (max-width: 1919.98px) { .bs-spoiler__container { height: 40px } } @media (max-width: 1365.98px) { .bs-spoiler__container { height: 18px } } .bs-spoiler.is-active .bs-spoiler__container { height: auto; flex-direction: column } .bs-spoiler__text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 44px; flex-grow: 1 } @media (max-width: 1919.98px) { .bs-spoiler__text { height: 40px } } @media (max-width: 1365.98px) { .bs-spoiler__text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 20px } } @media (max-width: 1279.98px) { .bs-spoiler__text { height: 18px } } .bs-spoiler.is-active .bs-spoiler__text { overflow: initial; -webkit-line-clamp: initial; height: auto } .bs-spoiler__text br + br { content: ""; display: block; margin-top: 6px } .bs-spoiler__trigger { flex-shrink: 0; display: flex; align-items: center; align-self: flex-end; font-size: inherit; line-height: inherit; color: #22b0f3; transition: color .25s } .bs-spoiler__trigger:not(:first-child) { margin-left: 8px } @media (max-width: 1023.98px) { .bs-spoiler__trigger:not(:first-child) { margin-left: 4px } } .bs-spoiler__trigger:hover { color: #0090d5 } .bs-spoiler.is-active .bs-spoiler__trigger { align-self: flex-start; margin-left: 0; margin-top: 6px } .bs-spoiler.is-active .bs-spoiler__trigger-text--default, .bs-spoiler:not(.is-active) .bs-spoiler__trigger-text--active { display: none } .bs-spoiler__icon { margin-top: 4px } @media (max-width: 1023.98px) { .bs-spoiler__icon { margin-top: 2px } } .bs-spoiler__icon:not(:first-child) { margin-left: 4px } .bs-spoiler.is-active .bs-spoiler__icon { transform: rotate(180deg); margin-top: 0 } .bs-sale { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: left } .bs-sale__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 32px; line-height: 24px; margin: 0 0 60px } @media (max-width: 1365.98px) { .bs-sale__title { font-size: 24px; line-height: 28px; margin-bottom: 25px } } @media (max-width: 1023.98px) { .bs-sale__title { font-size: 16px; line-height: 18px; margin-bottom: 20px } } .bs-sale--sidebar .bs-sale__title { font-family: inherit; font-weight: 500; font-size: 16px; line-height: 28px; margin: 0 0 14px } @media (max-width: 1365.98px) { .bs-sale--sidebar .bs-sale__title { font-size: 13px; line-height: 14px } } @media (max-width: 1023.98px) { .bs-sale--sidebar .bs-sale__title { font-size: 16px; line-height: 18px } } .bs-sale__slider-outer { position: relative } @media (max-width: 1023.98px) { .bs-sale__slider-outer { margin: 0 -25px } } .bs-sale--sidebar .bs-sale__slider-outer { margin: 0 -40px } @media (max-width: 1919.98px) { .bs-sale--sidebar .bs-sale__slider-outer { margin: 0 -35px } } @media (max-width: 1365.98px) { .bs-sale--sidebar .bs-sale__slider-outer { margin: 0 -30px } } @media (max-width: 1023.98px) { .bs-sale--sidebar .bs-sale__slider-outer { margin: 0 -10px 0 -20px } } @media (max-width: 1023.98px) { .brandshop-offers:not(.is-list) .bs-sale__slider-outer { margin: 0 -20px } } @media (max-width: 1023.98px) { .bs-sale__slider { padding: 0 25px } } .bs-sale--sidebar .bs-sale__slider { padding: 0 40px } @media (max-width: 1919.98px) { .bs-sale--sidebar .bs-sale__slider { padding: 0 35px } } @media (max-width: 1365.98px) { .bs-sale--sidebar .bs-sale__slider { padding: 0 30px } } @media (max-width: 1023.98px) { .bs-sale--sidebar .bs-sale__slider { padding: 0 10px 0 20px } } @media (max-width: 1023.98px) { .brandshop-offers:not(.is-list) .bs-sale__slider { padding: 0 20px } } .bs-sale__wrapper { align-items: flex-start } .bs-sale__slider:not(.swiper-container) .bs-sale__wrapper { display: flex; flex-wrap: wrap; margin-top: -24px; margin-left: -30px } @media (max-width: 1365.98px) { .bs-sale__slider:not(.swiper-container) .bs-sale__wrapper { margin-left: -24px } } @media (max-width: 1023.98px) { .bs-sale__slider:not(.swiper-container) .bs-sale__wrapper { justify-content: center; margin-left: -24px } } .bs-sale__slide { position: relative; text-decoration: none; box-sizing: border-box } .bs-sale__slide--subscribe { -ms-grid-row-align: stretch; align-self: stretch } .bs-sale__slider:not(.is-initialized) .bs-sale__slide { width: calc(33.333% - 20px); margin-right: 30px } @media (max-width: 1365.98px) { .bs-sale__slider:not(.is-initialized) .bs-sale__slide { width: calc(33.333% - 16px); margin-right: 24px } } @media (max-width: 1023.98px) { .bs-sale__slider:not(.is-initialized) .bs-sale__slide { width: 270px; margin-right: 10px } } .bs-sale--sidebar .bs-sale__slider:not(.is-initialized) .bs-sale__slide { margin-right: 20px } @media (max-width: 1365.98px) { .bs-sale--sidebar .bs-sale__slider:not(.is-initialized) .bs-sale__slide { margin-right: 14px } } @media (max-width: 1023.98px) { .bs-sale--sidebar .bs-sale__slider:not(.is-initialized) .bs-sale__slide { margin-right: 10px } } .bs-sale__slider:not(.swiper-container) .bs-sale__slide { width: calc(33.333% - 30px); margin-top: 24px; margin-left: 30px; margin-right: 0 } @media (max-width: 1365.98px) { .bs-sale__slider:not(.swiper-container) .bs-sale__slide { width: calc(33.333% - 24px); margin-left: 24px } } @media (max-width: 1023.98px) { .bs-sale__slider.is-initialized .bs-sale__slide, .bs-sale__slider:not(.swiper-container) .bs-sale__slide { width: 270px } } .bs-sale--sidebar .bs-sale__slider .bs-sale__slide { width: 245px } @media (max-width: 1919.98px) { .bs-sale--sidebar .bs-sale__slider .bs-sale__slide { width: 170px } } @media (max-width: 1365.98px) { .bs-sale--sidebar .bs-sale__slider .bs-sale__slide { width: 155px } } @media (max-width: 1023.98px) { .bs-sale--sidebar .bs-sale__slider .bs-sale__slide { width: 270px } } .bs-sale__image-container { position: relative; border-radius: 12px; overflow: hidden } @media (max-width: 1919.98px) { .bs-sale__image-container { border-radius: 8px } } @media (max-width: 1023.98px) { .bs-sale__image-container { border-radius: 10px } } .bs-sale__image-container:before { content: ""; display: block; padding-top: 66.90647% } .bs-sale__image-container:not(:last-child) { margin-bottom: 20px } @media (max-width: 1023.98px) { .bs-sale__image-container:not(:last-child) { margin-bottom: 14px } } .bs-sale__slide--coming-soon .bs-sale__image-container { background-color: #f4f4f4 } .bs-sale__slide--subscribe .bs-sale__image-container { height: 100% } .bs-sale__slide--subscribe .bs-sale__image-container:before { display: none } .bs-sale__image-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 30px } @media (max-width: 1365.98px) { .bs-sale__image-content { padding: 24px } } .bs-sidebar .bs-sale__image-content { padding: 20px } @media (max-width: 1919.98px) { .bs-sidebar .bs-sale__image-content { padding: 10px 15px } } @media (max-width: 1365.98px) { .bs-sidebar .bs-sale__image-content { padding: 8px 12px } } @media (max-width: 1023.98px) { .bs-sidebar .bs-sale__image-content { padding: 24px } } .bs-sale__slide--coming-soon .bs-sale__image-content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center } .bs-sale__slide--coming-soon .bs-sale__image-content > :not(:first-child) { margin-top: 16px } .bs-sale__slide--subscribe .bs-sale__image-content { position: static; height: 100% } .bs-sale__image-content .icon-offers { flex-shrink: 0; height: 94px; width: 94px } @media (max-width: 1919.98px) { .bs-sale__image-content .icon-offers { height: 90px; width: 90px } } @media (max-width: 1279.98px) { .bs-sale__image-content .icon-offers { height: 60px; width: 60px } } @media (max-width: 767.98px) { .bs-sale__image-content .icon-offers { height: 50px; width: 50px } } .bs-sale__image-content .button { font-size: 20px; height: 64px; line-height: 64px; padding: 0 26px; width: 100%; max-width: 240px } @media (max-width: 1919.98px) { .bs-sale__image-content .button { font-size: 18px; height: 56px; line-height: 54px; padding: 0 26px; max-width: 176px } } @media (max-width: 767.98px) { .bs-sale__image-content .button { font-size: 16px; height: 46px; line-height: 46px; padding: 0 16px; max-width: 100% } } .bs-sale__item-image { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .bs-sale__item-name { font-weight: 450; font-size: 24px; line-height: 40px; color: #000 } @media (max-width: 1279.98px) { .bs-sale__item-name { font-size: 16px; line-height: 18px } } .bs-sale__price { position: absolute; right: 0; bottom: 11px; min-height: 56px; padding: 5px 30px 5px 0; color: #fff; background-color: #4b98ea } .bs-sale__price--small { min-height: 31px; padding: 2px 5px; bottom: 9px } @media (max-width: 1023.98px) { .bs-sale__price { min-height: 31px; padding: 2px 5px; bottom: 9px } } .bs-sale__price-arrow { position: absolute; left: 1px; top: 0; height: 100%; min-width: 56px; aspect-ratio: 1/1; transform: translateX(-100%); overflow: hidden } .bs-sale__price--small .bs-sale__price-arrow { min-width: 30px } @media (max-width: 1023.98px) { .bs-sale__price-arrow { min-width: 31px } } .bs-sale__price-arrow:before { content: ""; display: block; width: 100%; height: 100%; transform: rotate(-45deg) translate(calc(50% - 1px), calc(50% - 1px)); background-color: #4b98ea } .bs-sale__price-left { font-size: 30px; line-height: 1.26; font-weight: 400 } .bs-sale__price--small .bs-sale__price-left { font-size: 16px; line-height: 1.33 } @media (max-width: 1023.98px) { .bs-sale__price-left { font-size: 16px; line-height: 1.33 } } .bs-sale__price-right { font-size: 34px; line-height: 1.26; font-weight: 700 } .bs-sale__price--small .bs-sale__price-right { font-size: 18px; line-height: 1.33 } @media (max-width: 1023.98px) { .bs-sale__price-right { font-size: 18px; line-height: 1.33 } } .bs-sale__item-text { font-weight: 500; font-size: 24px; line-height: 28px; color: #fff } @media (max-width: 1365.98px) { .bs-sale__item-text { font-size: 18px; line-height: 22px } } @media (max-width: 1023.98px) { .bs-sale__item-text { font-size: 14px; line-height: 22px } } .bs-sidebar .bs-sale__item-text { font-size: 16px; line-height: 20px } @media (max-width: 1919.98px) { .bs-sidebar .bs-sale__item-text { font-size: 14px } } @media (max-width: 1023.98px) { .bs-sidebar .bs-sale__item-text { line-height: 22px } } .bs-sale__slide--coming-soon .bs-sale__item-text { color: #212121 } .bs-sale__item-title { font-weight: 500; font-size: 24px; line-height: 32px; color: #000; margin: 0 } @media (max-width: 1365.98px) { .bs-sale__item-title { font-size: 18px; line-height: 24px } } @media (max-width: 1023.98px) { .bs-sale__item-title { font-size: 16px; line-height: 18px } } .bs-sale__item-title:not(:last-child) { margin-bottom: 10px } @media (max-width: 1023.98px) { .bs-sale__item-title:not(:last-child) { margin-bottom: 2px } } .bs-sale__item-more { font-size: 20px; line-height: 22px; color: #00a0eb; transition: color .25s; padding-right: 26px } @media (max-width: 1365.98px) { .bs-sale__item-more { font-size: 13px; line-height: 24px } } @media (max-width: 1023.98px) { .bs-sale__item-more { font-size: 16px; line-height: 18px; letter-spacing: .02em } } .bs-sale__item-more i { position: relative; pointer-events: none; height: 22px } @media (max-width: 1365.98px) { .bs-sale__item-more i { height: 24px } } @media (max-width: 1023.98px) { .bs-sale__item-more i { height: 18px } } .bs-sale__slide:hover .bs-sale__item-more { color: #0090d5 } .bs-sale__item-icon { transition: transform .25s; position: absolute; left: 8px; bottom: 5px } @media (max-width: 1365.98px) { .bs-sale__item-icon { bottom: 2px } } @media (max-width: 1023.98px) { .bs-sale__item-icon { bottom: 4px } } .bs-sale__slide:hover .bs-sale__item-icon { transform: translate(4px) } .bs-sale__nav { width: 54px; height: 54px; background: #fff; border-radius: 100%; position: absolute; top: 103px; transition-property: background-color, color, opacity; transition-duration: .25s; box-shadow: 0 4px 20px rgba(0, 0, 0, .1); display: flex; align-items: center; justify-content: center; margin: 0; z-index: 1; color: #000 } @media (max-width: 1919.98px) { .bs-sale__nav { width: 48px; height: 48px } } @media (max-width: 1365.98px) { .bs-sale__nav { width: 35px; height: 35px; box-shadow: 0 3px 15px rgba(0, 0, 0, .1) } } @media (max-width: 1023.98px) { .bs-sale__nav { display: none } } .bs-sale__nav:hover { background: #0090d5; color: #fff } .bs-sale__nav--prev { left: -27px } @media (max-width: 1919.98px) { .bs-sale__nav--prev { left: -24px } } @media (max-width: 1365.98px) { .bs-sale__nav--prev { left: -17px } } .bs-sale--sidebar .bs-sale__nav--prev { left: 12px } .bs-sale__nav--next { right: -27px } @media (max-width: 1919.98px) { .bs-sale__nav--next { right: -24px } } @media (max-width: 1365.98px) { .bs-sale__nav--next { right: -17px } } .bs-sale--sidebar .bs-sale__nav--next { right: 12px } .bs-sale:not(:hover) .bs-sale__nav, .bs-sale__nav.swiper-button-disabled { opacity: 0 } .bs-sale__slider:not(.is-initialized) .bs-sale__nav { display: none } .bs-sale--sidebar .bs-sale__nav { width: 48px; height: 48px; top: 50%; background: #22b0f3; color: #fff } @media (max-width: 1919.98px) { .bs-sale--sidebar .bs-sale__nav { width: 36px; height: 36px } } @media (max-width: 1365.98px) { .bs-sale--sidebar .bs-sale__nav { width: 28px; height: 28px } } .bs-sale--sidebar .bs-sale__nav:hover { background: #0090d5 } .bs-sale__nav-icon { width: 12px; height: 12px } @media (max-width: 1365.98px) { .bs-sale__nav-icon { width: 9px; height: 9px } } .bs-sale__nav--prev .bs-sale__nav-icon { transform: rotate(180deg) } .bs-sale__nav--next .bs-sale__nav-icon { margin-right: 2px } @media (max-width: 1919.98px) { .bs-sale--sidebar .bs-sale__nav-icon { width: 9px; height: 9px } } @media (max-width: 1365.98px) { .bs-sale--sidebar .bs-sale__nav-icon { width: 7px; height: 7px } } .bs-sale_none { display: none } .bs-sale--sidebar .bs-sale__nav { transform: translateY(-50%) } .bs-stores { font-size: 16px; line-height: 20px } @media (max-width: 1365.98px) { .bs-stores { font-size: 13px; line-height: 18px } } @media (max-width: 1023.98px) { .bs-stores { font-size: 16px; line-height: 20px } } .bs-stores:not(:first-child) { margin-top: 20px; border-top: 1px solid #e7ebee } @media (max-width: 1365.98px) { .bs-stores:not(:first-child) { margin-top: 14px } } .bs-stores__item { padding: 20px 40px; border-bottom: 1px solid #e7ebee; display: flex; justify-content: space-between; text-decoration: none; color: inherit; cursor: pointer; transition: background-color .3s ease-in-out } @media (max-width: 1919.98px) { .bs-stores__item { padding: 20px 35px } } @media (max-width: 1365.98px) { .bs-stores__item { padding: 20px 30px } } @media (max-width: 1023.98px) { .bs-stores__item { background: #fff; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); border-radius: 12px; border-bottom: 0; padding: 10px 25px } } @media (max-width: 1023.98px) { .bs-stores__item:not(:first-child) { margin-top: 10px } } .bs-stores__item:hover { background-color: #f4f4f4 } @media (max-width: 1023.98px) { .bs-stores__item:hover { background: #fff } } .bs-stores__meta { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none } .bs-stores__content { display: flex; flex-direction: column; justify-content: space-between; max-width: 510px } @media (max-width: 1919.98px) { .bs-stores__content { max-width: 410px } } @media (max-width: 1365.98px) { .bs-stores__content { max-width: 303px } } @media (max-width: 1023.98px) { .bs-stores__content { padding: 5px 8px 8px 8px; max-width: 222px } } .bs-stores__title { font-weight: 600; font-size: inherit; line-height: inherit; letter-spacing: .02em; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } @media (max-width: 1023.98px) { .bs-stores__title { font-weight: 600; white-space: normal } } .bs-stores__address:not(:first-child) { margin-top: 5px } @media (max-width: 1365.98px) { .bs-stores__address:not(:first-child) { margin-top: 0 } } .bs-stores__subway:not(:first-child) { margin-top: 6px } @media (max-width: 1365.98px) { .bs-stores__subway:not(:first-child) { margin-top: 0 } } .bs-stores__footer { display: flex } .bs-stores__footer:not(:first-child) { margin-top: 20px } @media (max-width: 1919.98px) { .bs-stores__footer:not(:first-child) { margin-top: 10px } } @media (max-width: 1365.98px) { .bs-stores__footer:not(:first-child) { margin-top: 10px } } .bs-stores__footer-col { flex-shrink: 0; width: 186px } @media (max-width: 1919.98px) { .bs-stores__footer-col { width: 170px } } @media (max-width: 1365.98px) { .bs-stores__footer-col { width: 138px } } .bs-stores__footer-col:not(:first-child) { margin-left: 10px } @media (max-width: 1919.98px) { .bs-stores__footer-col:not(:first-child) { margin-left: 16px } } @media (max-width: 1365.98px) { .bs-stores__footer-col:not(:first-child) { margin-left: 10px } } .bs-stores__phone { text-decoration: none; color: inherit; transition: color .25s; white-space: nowrap; display: flex; flex-direction: column; align-items: flex-start } @media (max-width: 1023.98px) { .bs-stores__phone { background: #22b0f3; border-radius: 10px; align-items: center; justify-content: center; width: 42px; height: 42px; display: flex } } .bs-stores__phone:visited { color: inherit } .bs-stores__phone:hover { color: #0090d5 } .bs-stores__sidebar { flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; max-width: 40px } @media (max-width: 1365.98px) { .bs-stores__sidebar { max-width: 32px } .bs-stores__sidebar .bs-stores__route { display: block; background: #f4f4f4; border-radius: 10px } } @media (max-width: 1023.98px) { .bs-stores__sidebar { max-width: 42px; justify-content: flex-start } } .bs-stores__sidebar:not(:first-child) { margin-left: 24px } @media (max-width: 1365.98px) { .bs-stores__sidebar:not(:first-child) { margin-left: 16px } } .bs-balloon .bs-stores__sidebar { justify-content: flex-end } .bs-balloon .bs-stores__sidebar:not(:first-child) { margin-left: 20px } @media (max-width: 1365.98px) { .bs-balloon .bs-stores__sidebar:not(:first-child) { margin-left: 8px } } .bs-stores__arrow { background: #fff; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); border-radius: 10px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; transition: background-color .25s } @media (max-width: 1365.98px) { .bs-stores__arrow { width: 32px; height: 32px; box-shadow: 0 3px 16px hsla(0, 0%, 70.6%, .25); border-radius: 6px } } @media (max-width: 1023.98px) { .bs-stores__arrow { width: 42px; height: 42px; background: #f4f4f4; box-shadow: none } } .bs-stores__arrow:hover { background: #0090d5 } .bs-stores__arrow-icon { width: 10px; height: 10px; margin-right: 2px; color: #22b0f3; transition: color .25s } .bs-stores__arrow:hover .bs-stores__arrow-icon { color: #fff } .bs-stores__route { display: flex; align-items: center; color: #22b0f3; text-decoration: none; transition: color .25s } .bs-stores__route:not(:first-child) { margin-top: 10px } .bs-stores__route:visited { color: #22b0f3 } .bs-stores__route:hover { color: #0090d5 } @media (max-width: 767.98px) { .bs-stores__route:first-child { display: none } } @media (max-width: 767.98px) { .bs-stores__route:nth-child(2n) { background-color: #22b0f3; border-radius: 8px; padding: 11px 18px; gap: 4px; box-shadow: 0 6px 16px 0 rgba(34, 176, 243, .35) } .bs-stores__route:nth-child(2n) .bs-stores__route-icon { fill: #fff } .bs-stores__route:nth-child(2n) .bs-stores__route-icon-container { width: 24px; height: 24px } .bs-stores__route:nth-child(2n) .bs-stores__route-text { color: #fff } .bs-stores__route:nth-child(2n):hover .bs-stores__route-icon { fill: #fff } } .bs-stores__route-icon-container { width: 22px; height: 20px; display: flex; align-items: center; justify-content: center; transition: background-color .25s } @media (max-width: 1365.98px) { .bs-stores__route-icon-container { width: 32px; height: 32px } } @media (max-width: 1023.98px) { .bs-stores__route-icon-container { width: 42px; height: 42px } } .bs-balloon .bs-stores__route-icon-container { width: 40px; height: 40px; background: #22b0f3; border-radius: 6px } @media (max-width: 1365.98px) { .bs-balloon .bs-stores__route-icon-container { width: 32px; height: 32px } } .bs-balloon .bs-stores__route:hover .bs-stores__route-icon-container { background: #0090d5 } .bs-stores__route-icon { width: 19px; height: 19px; fill: #22b0f3; transition: fill .25s } .bs-stores__route:hover .bs-stores__route-icon { fill: #0090d5 } .bs-balloon .bs-stores__route-icon, .bs-balloon .bs-stores__route:hover .bs-stores__route-icon { fill: #fff } .bs-stores__route-text { color: #22b0f3; margin-left: 8px } @media (max-width: 1365.98px) { .bs-stores__route-text { margin-left: 0 } } .bs-balloon .bs-stores__route-text { display: none } .bs-stores__content-footer { margin-top: 20px; display: flex } @media (max-width: 1023.98px) { .bs-stores__content-footer { display: none } } .bs-stores__content-footer .bs-stores__content-footer b__route { margin-right: 10px } .bs-stores__content-footer .bs-stores__content-footer b__route:last-child { margin-right: 0 } .bs-store { display: flex; flex-direction: column; font-size: 16px; line-height: 22px } @media (max-width: 1365.98px) { .bs-store { font-size: 13px; line-height: 18px } } @media (max-width: 1023.98px) { .bs-store { font-size: 16px; line-height: 20px } } .bs-modal .bs-store { min-height: 100%; position: relative } .bs-modal--bottom .bs-store { min-height: 0 } .bs-store__body, .bs-store__header { padding: 0 40px } @media (max-width: 1919.98px) { .bs-store__body, .bs-store__header { padding: 0 35px } } @media (max-width: 1365.98px) { .bs-store__body, .bs-store__header { padding: 0 30px } } @media (max-width: 1023.98px) { .bs-store__body, .bs-store__header { padding: 0 25px } } .bs-store__header { flex-shrink: 0; padding-top: 30px; padding-bottom: 24px } @media (max-width: 1919.98px) { .bs-store__header { padding-bottom: 14px } } @media (max-width: 1365.98px) { .bs-store__header { padding-top: 25px; padding-bottom: 10px } } @media (max-width: 1023.98px) { .bs-store__header { display: none } } .bs-store__body { flex-grow: 1; padding-bottom: 35px; overflow: hidden auto; max-height: 702px; transition: margin-top .25s } @media (max-width: 1919.98px) { .bs-store__body { max-height: 520px; padding-bottom: 30px } } @media (max-width: 1365.98px) { .bs-store__body { max-height: 423px } } @media (max-width: 1023.98px) { .bs-store__body { max-height: none; overflow: initial; background: #fff; box-shadow: 0 0 20px hsla(0, 0%, 70.6%, .25); border-radius: 12px 12px 0 0; padding-top: 33px; position: relative; z-index: 2 } } .bs-modal.is-full .bs-store__body { margin-top: 182px } .bs-modal--bottom.is-full .bs-store__body, .bs-modal.is-full .bs-photos + .bs-store__body { margin-top: 0 } .bs-store__subway { margin-top: 4px } .bs-store__row { display: flex; flex-wrap: wrap; margin-top: -4px } .bs-store__row--contacts { padding-top: 12px } @media (max-width: 1023.98px) { .bs-store__row--contacts { padding-top: 4px; line-height: 22px } } .bs-store__row > * { margin-top: 4px } .bs-store__row > :not(:last-child) { margin-right: 12px } @media (max-width: 1023.98px) { .bs-store__row > :not(:last-child) { margin-right: 10px } } .bs-store__row a { text-decoration: none; color: inherit; transition: color .25s; white-space: nowrap } .bs-store__row a:visited { color: inherit } .bs-store__row a:hover { color: #0090d5 } .bs-store__row-key { color: #97a4af } .bs-store__row-text:not(:last-child) { position: relative; padding-right: 12px } @media (max-width: 1023.98px) { .bs-store__row-text:not(:last-child) { padding-right: 10px } } .bs-store__row-text:not(:last-child):after { content: ""; display: block; width: 1px; height: 10px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: #afbbc6 } @media (max-width: 767.98px) { .bs-store__row-text:not(:last-child):after { content: none } } .bs-store__buttons { margin-top: 24px; display: flex; align-items: center } @media (max-width: 1365.98px) { .bs-store__buttons { margin-top: 14px } } .bs-store__buttons .bs-stores__route { margin: 0 15px 0 0 } .bs-store__button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 48px; font-weight: 500; font-size: inherit; line-height: inherit; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 28px; border-radius: 8px; white-space: nowrap; text-decoration: none; transition-property: background-color, color; transition-duration: .25s } @media (max-width: 1365.98px) { .bs-store__button { height: 38px; padding: 0 18px } } @media (max-width: 1023.98px) { .bs-store__button { height: 46px; padding: 0 22px } } .bs-store__button:not(:last-child) { margin-right: 12px } .bs-store__button--blue { background: #22b0f3; box-shadow: 0 6px 16px rgba(34, 176, 243, .35); color: #fff } @media (max-width: 1023.98px) { .bs-store__button--blue { box-shadow: 0 10px 20px rgba(34, 176, 243, .35) } } .bs-store__button--blue:visited { color: #fff } .bs-store__button--blue:hover { background: #0090d5; color: #fff } .bs-store__button--grey { background: #f4f4f4; color: #22b0f3 } .bs-store__button--grey:visited { color: #22b0f3 } .bs-store__button--grey:hover { background: #e4e4e4; color: #22b0f3 } @media (max-width: 1023.98px) { .bs-store__button span:first-child { display: none } } .bs-store__button span:nth-child(2) { display: none } @media (max-width: 1023.98px) { .bs-store__button span:nth-child(2) { display: inline } } @media (max-width: 1023.98px) { .bs-root__empty .bs-store__button { width: 100% } } .bs-store__route-icon { width: 19px; height: 19px; fill: #fff } .bs-store__route-icon:not(:last-child) { margin-right: 4px } .bs-store__section:not(:first-child) { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e7ebee } @media (max-width: 1365.98px) { .bs-store__section:not(:first-child) { margin-top: 14px; padding-top: 14px } } @media (max-width: 1023.98px) { .bs-store__section:not(:first-child) { margin-top: 20px; padding-top: 20px } } .bs-store__section-title { font-family: inherit; font-weight: 500; font-size: 16px; line-height: 24px; margin: 0 0 6px } @media (max-width: 1365.98px) { .bs-store__section-title { font-size: 13px; line-height: 14px } } @media (max-width: 1023.98px) { .bs-store__section-title { font-size: 16px; line-height: 24px; margin-bottom: 6px } } .bs-photos { width: 100%; height: 194px; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); border-radius: 12px 12px 0 0; overflow: hidden; margin-bottom: -12px; transition-property: margin-bottom, opacity; transition-duration: .25s; display: none } @media (max-width: 1023.98px) { .bs-photos { display: block } } .bs-modal:not(.is-full) .bs-photos { margin-bottom: -194px; opacity: 0 } .bs-photos__slide { position: relative; box-sizing: border-box } .bs-photos__slide:after { content: ""; right: 0; bottom: 0; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4)) } .bs-photos__img, .bs-photos__slide:after { display: block; position: absolute; top: 0; left: 0 } .bs-photos__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .bs-photos__pagination.swiper-pagination-bullets { position: absolute; bottom: 40px; left: 0; right: 0; display: flex; align-items: center; justify-content: center; z-index: 1 } .bs-photos__pagination .swiper-pagination-bullet { width: 9px; height: 2px; border-radius: 2px; background: hsla(0, 0%, 100%, .4); transition: background-color .25s; display: block; opacity: 1; margin: 0 4px 0 0 !important } .bs-photos__pagination .swiper-pagination-bullet:last-child { margin: 0 !important } .bs-photos__pagination .swiper-pagination-bullet-active { background: #fff } .bs-photos__counter { font-weight: 500; font-size: 14px; line-height: 20px; position: absolute; bottom: 50px; right: 12px; z-index: 1; color: #fff } .bs-gallery { margin-bottom: 20px; display: flex } @media (max-width: 1023.98px) { .bs-gallery { display: none } } .bs-gallery__item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 12px; overflow: hidden; position: relative; width: calc(33.333% - 13px) } @media (max-width: 1919.98px) { .bs-gallery__item { border-radius: 8px } } @media (max-width: 1365.98px) { .bs-gallery__item { border-radius: 6px; width: calc(33.333% - 8px) } } .bs-gallery__item:before { content: ""; display: block; padding-top: 77.77778% } @media (max-width: 1919.98px) { .bs-gallery__item:before { padding-top: 78.76712% } } @media (max-width: 1365.98px) { .bs-gallery__item:before { padding-top: 77.98165% } } .bs-gallery__item:not(:last-child) { margin-right: 20px } @media (max-width: 1365.98px) { .bs-gallery__item:not(:last-child) { margin-right: 12px } } .bs-gallery__item:nth-child(n+4) { display: none } .bs-gallery__img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .bs-gallery__more { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .75); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 500; font-size: 20px; line-height: 22px } @media (max-width: 1365.98px) { .bs-gallery__more { font-size: 16px } } .bs-gallery__icon { margin-right: 5px } @media (max-width: 1919.98px) { .bs-gallery__icon { width: 20px; height: 18px; margin-right: 4px } } @media (max-width: 1365.98px) { .bs-gallery__icon { width: 17px; height: 14px } } .bs-subway { display: inline-flex; align-items: center } .bs-store__section .bs-subway { vertical-align: bottom; margin-right: 4px } .bs-subway__icon { flex-shrink: 0; width: 13px; height: 13px } @media (max-width: 1365.98px) { .bs-subway__icon { width: 12px; height: 12px } } @media (max-width: 1023.98px) { .bs-subway__icon { width: 16px; height: 16px } } .bs-subway__icon:not(:last-child) { margin-right: 6px } @media (max-width: 1365.98px) { .bs-subway__icon:not(:last-child) { margin-right: 4px } } @media (max-width: 1023.98px) { .bs-subway__icon:not(:last-child) { margin-right: 6px } } .bs-stores .bs-subway__text, .bs-subway__text { color: #97a4af } .bs-features__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 32px; line-height: 24px; margin: 0 0 60px } @media (max-width: 1365.98px) { .bs-features__title { font-size: 24px; line-height: 28px; margin-bottom: 25px } } @media (max-width: 1023.98px) { .bs-features__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 16px; line-height: 18px; margin-bottom: 20px } } .bs-features__items { display: flex } @media (max-width: 1023.98px) { .bs-features__items { flex-direction: column } } .bs-features__item { flex-grow: 1; width: 100%; background: #fff; border-radius: 12px; padding: 30px; box-shadow: 0 10px 35px hsla(0, 0%, 70.6%, .25); text-decoration: none; display: flex; flex-direction: column } @media (max-width: 1365.98px) { .bs-features__item { width: calc(33.333% - 16px) } } @media (max-width: 1023.98px) { .bs-features__item { width: auto; padding: 20px 15px 20px 94px; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); position: relative; min-height: 100px } } .bs-features__item:not(:last-child) { margin-right: 30px } @media (max-width: 1365.98px) { .bs-features__item:not(:last-child) { margin-right: 24px } } @media (max-width: 1023.98px) { .bs-features__item:not(:last-child) { margin-right: 0; margin-bottom: 10px } } .bs-features__item-icon-container { width: 60px; height: 60px; background: #f4f4f4; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px } @media (max-width: 1365.98px) { .bs-features__item-icon-container { margin-bottom: 16px } } @media (max-width: 1023.98px) { .bs-features__item-icon-container { position: absolute; top: 20px; left: 15px } } .bs-features__item-title { font-weight: 500; font-size: 24px; line-height: 40px; margin: 0 0 20px } @media (max-width: 1365.98px) { .bs-features__item-title { font-size: 18px; line-height: 20px; margin-bottom: 16px } } @media (max-width: 1023.98px) { .bs-features__item-title { font-weight: 500; font-size: 16px; letter-spacing: .02em; margin-bottom: 5px } } .bs-features__item-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between } @media (max-width: 1023.98px) { .bs-features__item-content { flex-grow: 0; overflow: hidden; font-size: 16px; line-height: 18px; transition: color .25s } .bs-features__item-content:not(.is-expanded) { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 36px } } .bs-features__item-text { font-size: 20px; line-height: 28px; color: #212121 } @media (max-width: 1365.98px) { .bs-features__item-text { font-size: 13px; line-height: 18px } } @media (max-width: 1023.98px) { .bs-features__item-text { font-size: 16px; line-height: 18px } .bs-features__item-content:not(.is-expanded) .bs-features__item-text { color: #97a4af } } .bs-features__item-link { font-size: 20px; line-height: 24px; color: #00a0eb; margin-top: 30px; display: inline-flex; align-items: center; transition: color .25s } @media (max-width: 1919.98px) { .bs-features__item-link { margin-top: 23px } } @media (max-width: 1365.98px) { .bs-features__item-link { font-size: 13px; line-height: 16px; margin-top: 16px } } .bs-features__item:hover .bs-features__item-link { color: #0090d5 } .bs-features__item-icon { margin-top: 4px; transition: transform .25s; margin-left: 8px } @media (max-width: 1365.98px) { .bs-features__item-icon { margin-top: 2px; margin-left: 5px } } @media (max-width: 1023.98px) { .bs-features__item-icon { margin-left: 8px } } .bs-features__slide:hover .bs-features__item-icon { transform: translate(4px) } .bs-features__banner { position: relative; margin-bottom: 60px } @media (max-width: 767.98px) { .bs-features__banner { height: 320px; display: flex; align-items: center } } .bs-features__banner-wrap { position: absolute; top: 50%; left: 55px; transform: translateY(-50%) } @media (max-width: 767.98px) { .bs-features__banner-wrap { position: relative; top: unset; left: unset; transform: unset; padding: 0 30px } } .bs-features__banner-title { display: block; font-weight: 600; font-size: 40px; line-height: 40px; letter-spacing: -.01em; margin-bottom: 14px; width: 100%; max-width: 390px } @media (max-width: 767.98px) { .bs-features__banner-title { font-size: 30px; line-height: 35px } } .bs-features__banner-text { font-weight: 500; font-size: 16px; line-height: 24px; color: #000; opacity: .7; margin-bottom: 14px } .bs-features__banner-img { width: 100%; height: auto; overflow: hidden; border-radius: 12px; display: block } @media (max-width: 1919.98px) { .bs-features__banner-img { height: 320px; -o-object-fit: cover; object-fit: cover; -o-object-position: 30%; object-position: 30% } } @media (max-width: 767.98px) { .bs-features__banner-img { position: absolute; height: 100%; width: 100% } } .bs-features__banner-btn { width: 100%; max-width: 184px } .bs-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 19; background: rgba(0, 0, 0, .6); transition: top .25s } .bs-modal:not(.is-visible) { display: none } .bs-modal:not(.is-full) { top: 510px; background: none } .bs-modal:not(.is-active) { top: 100% } .bs-modal__container { height: 100%; position: relative; padding-top: 160px; transition: padding-top .25s; overflow-y: auto } .bs-modal:not(.is-full) .bs-modal__container { padding-top: 0; overflow-y: hidden } .bs-modal--bottom .bs-modal__container { display: flex; flex-direction: column; justify-content: flex-end } .bs-modal__close-area { right: 0; bottom: 0 } .bs-modal__close-area, .bs-modal__handle { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 0; left: 0 } .bs-modal__handle { width: 100%; height: 32px; z-index: 1 } .bs-modal__handle:before { content: ""; display: block; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); background: #d7dde3; border-radius: 3px; width: 36px; height: 4px; pointer-events: none } .bs-modal:not(.is-full) .bs-modal__handle { height: 100% } .bs-modal__close { display: flex; justify-content: center; align-items: center; position: absolute; top: 10px; right: 10px; z-index: 2; width: 22px; height: 22px; border-radius: 50%; background: #d7dde3 } .bs-modal__close-icon { width: 9px; height: 9px; color: #fff; transition: color .25s } .bs-modal__close:hover .bs-modal__close-icon { color: #959799 } .brandshop-video__container { margin: 0 auto; max-width: 1312px; width: 100% } @media (max-width: 1919.98px) { .brandshop-video__container { max-width: 1366px; padding: 0 80px } } @media (max-width: 1279.98px) { .brandshop-video__container { padding: 0 32px } } @media (max-width: 1023.98px) { .brandshop-video__container { padding: 0 20px } } .brandshop-video__wrapper { display: flex; flex-direction: column; align-items: center } .brandshop-video__player { width: 560px; height: 315px } @media (max-width: 1023.98px) { .brandshop-video__player { width: 100% } } .evo-warranty { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-top: 1px solid rgba(175, 187, 198, .5); padding: 24px 54px 0 0; position: relative; max-width: 244px } @media (max-width: 1919.98px) { .evo-warranty { padding-top: 20px } } @media (max-width: 1365.98px) { .evo-warranty { padding-top: 16px; padding-right: 44px; max-width: 190px } } @media (max-width: 1023.98px) { .evo-warranty { background: #f8f8f8; border-radius: 8px; border-top: 0; padding: 16px 20px 0 20px; min-height: 146px; max-width: none } } .evo-warranty:not(:first-child) { margin-top: 24px } @media (max-width: 1919.98px) { .evo-warranty:not(:first-child) { margin-top: 20px } } @media (max-width: 1365.98px) { .evo-warranty:not(:first-child) { margin-top: 16px } } @media (min-width: 1024px) { .evo-warranty.is-hidden-desktop, .evo-warranty .is-hidden-desktop { display: none } } @media (max-width: 1023.98px) { .evo-warranty.is-hidden-mobile, .evo-warranty .is-hidden-mobile { display: none } } .evo-warranty__title { font-weight: 500; font-size: 20px; line-height: 26px; display: flex; align-items: center } @media (max-width: 1919.98px) { .evo-warranty__title { font-size: 18px; line-height: 24px } } @media (max-width: 1365.98px) { .evo-warranty__title { font-size: 16px; line-height: 20px } } @media (max-width: 1023.98px) { .evo-warranty__title { font-size: 20px; line-height: 26px; width: 67% } } .evo-warranty__title .icon { display: inline-flex; flex-shrink: 0; width: 14px; height: 14px; color: #afbbc6 } @media (max-width: 1365.98px) { .evo-warranty__title .icon { width: 12px; height: 12px } } @media (max-width: 1023.98px) { .evo-warranty__title .icon { width: 17px; height: 17px; margin-left: 8px } } .evo-warranty .link--icon-arrow i:before, .evo-warranty__tooltip .link--icon-arrow i:before { top: 2px } .evo-warranty__tooltip-title { font-weight: 500; font-size: 24px; line-height: 28px; color: #000 } .evo-warranty__tooltip-text { font-size: 16px; line-height: 24px } .evo-warranty__tooltip-text:not(:first-child) { margin-top: 12px } .evo-warranty__qr-wrapper { position: relative; padding-left: 155px; min-height: 135px } .evo-warranty__qr-wrapper:not(:first-child) { margin-top: 16px } .evo-warranty__qr-code { width: 135px; height: 135px; position: absolute; top: 0; left: 0 } .evo-warranty__qr-links { padding-top: 2px } .evo-warranty__qr-link { font-size: 16px; line-height: 28px; letter-spacing: .01em } .evo-warranty__qr-info { font-size: 16px; line-height: 24px; color: #97a4af } .evo-warranty__stores { display: flex } .evo-warranty__stores:not(:first-child) { margin-top: 15px } .evo-warranty__store { flex-shrink: 0 } .evo-warranty__store:not(:first-child) { margin-left: 10px } .evo-warranty__store-img { display: block } .evo-warranty__text { font-size: 18px; line-height: 22px; color: #97a4af } @media (max-width: 1919.98px) { .evo-warranty__text { font-size: 16px } } @media (max-width: 1365.98px) { .evo-warranty__text { font-size: 14px; line-height: 20px } } @media (max-width: 1023.98px) { .evo-warranty__text { font-size: 16px } } .evo-warranty__text:not(:first-child) { margin-top: 10px } @media (max-width: 1365.98px) { .evo-warranty__text:not(:first-child) { margin-top: 14px } } @media (max-width: 1023.98px) { .evo-warranty__text:not(:first-child) { margin-top: 4px } } .evo-warranty__links:not(:first-child) { margin-top: 10px } @media (max-width: 1365.98px) { .evo-warranty__links:not(:first-child) { margin-top: 12px } } @media (max-width: 1023.98px) { .evo-warranty__links:not(:first-child) { margin-top: 4px } } .evo-warranty__link { font-size: 18px; line-height: 24px; letter-spacing: .01em } @media (max-width: 1919.98px) { .evo-warranty__link { font-size: 16px } } @media (max-width: 1365.98px) { .evo-warranty__link { font-size: 14px; line-height: 20px } } @media (max-width: 1023.98px) { .evo-warranty__link { font-size: 16px } } .evo-warranty__evo-logo { width: 46px; height: 46px; position: absolute; top: 30px; right: 0 } @media (max-width: 1919.98px) { .evo-warranty__evo-logo { top: 24px } } @media (max-width: 1365.98px) { .evo-warranty__evo-logo { top: 30px; width: 36px; height: 36px } } @media (max-width: 1023.98px) { .evo-warranty__evo-logo { top: 30px; right: 20px; width: 86px; height: 86px } } @media (max-width: 767.98px) { .evo-warranty__evo-logo { width: 80px; height: 80px; -o-object-fit: cover; object-fit: cover; border-radius: 21px } } .path-tooltip { display: none; font-size: 14px; line-height: 20px; text-align: left; white-space: normal; box-shadow: -5px 4px 40px -9px #959799; border-radius: 4px; transition: opacity .25s ease-in-out; background: #fff; z-index: 10; max-width: 300px; position: absolute; inset: auto auto 0 0; margin: 0; padding: 8px 13px 8px; width: 157px; transform: translate(-53px, -56px) } .path-tooltip:before { content: ""; position: absolute; border: 6px solid transparent; border-top: 8px solid #fff; left: calc(50% - 6px); top: 100% } .path-tooltip.is-active { display: block } .js-clipboard { position: relative } .support { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff } .support__top { position: relative; height: 456px } @media (max-width: 1919.98px) { .support__top { height: 402px } } @media (max-width: 1365.98px) { .support__top { height: 315px } } @media (max-width: 767.98px) { .support__top { height: 393px } } .support__header { display: flex; justify-content: center } .support__container { max-width: 1920px; margin: 0 auto; padding: 0 172px } @media (max-width: 1919.98px) { .support__container { padding: 0 80px } } @media (max-width: 1365.98px) { .support__container { padding: 0 30px } } @media (max-width: 1023.98px) { .support__container { padding: 0 20px } } .support__container .video__btn-container { gap: 12px; right: 50px; bottom: 50px } @media (max-width: 1279.98px) { .support__container .video__btn-container { right: 30px; bottom: 30px } } @media (max-width: 1023.98px) { .support__container .video__btn-container { display: none } } .support__container .video__btn { width: 60px; height: 60px } @media (max-width: 1919.98px) { .support__container .video__btn { width: 48px; height: 48px } } .support__video-container { margin-top: 70px; position: relative } .support__video-container .icon { width: 60px; height: 60px; cursor: pointer } @media (max-width: 1919.98px) { .support__video-container .icon { width: 48px; height: 48px } } .support__video-container .icon-play { display: none } @media (max-width: 1023.98px) { .support__video-container .icon-play { display: block; position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); width: 40px; height: 40px } } .support__video-player { border-radius: 12px; width: 100%; height: 100% } .support__modal { align-items: center; position: fixed; top: 0; left: 0; height: 100%; z-index: 10 } .support__modal, .support__modal-container { display: flex; justify-content: center; width: 100% } .support__modal-container { position: absolute; top: calc(50% - 90px); height: 180px; z-index: 11 } .support__modal-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; z-index: 10 } .support__modal-buttons { height: 180px; width: 355px; z-index: 11; border-radius: 10px } .support__modal-player { border-radius: 10px } .support__modal .icon-close { position: absolute; fill: #fff; right: calc(50% - 145px); top: 15px; width: 10px; height: 10px } .support__modal .icon-volume { position: absolute; width: 20px; height: 20px; right: calc(50% - 145px); bottom: 15px } .support__modal .icon-pause { position: absolute; top: calc(50% - 12px); left: calc(50% - 12px); width: 24px; height: 24px } .support__container-row { background-color: #f8f8f8; border-radius: 12px; display: -ms-grid; display: grid; -ms-grid-columns: 2fr 60px 1fr; grid-template-columns:2fr 1fr; gap: 60px; padding: 50px } @media (max-width: 1023.98px) { .support__container-row { -ms-grid-columns: 1fr; grid-template-columns:1fr; gap: 20px; background-color: inherit; padding: 0 } } @media (max-width: 1023.98px) { .support__container-image-col { -ms-grid-row: 1; grid-row: 1 } } .support__image { width: 100% } .support__banner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none } .support__section-2 .support__banner, .support__section-3 .support__banner { border-radius: 12px } @media (max-width: 1023.98px) { .support__section-2 .support__banner, .support__section-3 .support__banner { border-radius: 8px } } @media (max-width: 1365.98px) { .support__section-3--alt .support__banner { border-radius: 10px } } @media (max-width: 1023.98px) { .support__section-3--alt .support__banner { border-radius: 8px } } .support__content { position: relative; padding-top: 200px; max-width: 764px; margin: 0 auto } @media (max-width: 1919.98px) { .support__content { padding-top: 166px } } @media (max-width: 1365.98px) { .support__content { padding-top: 136px; max-width: 512px } } @media (max-width: 767.98px) { .support__content { padding-top: 115px; max-width: 100% } } .support__title { margin: 0 } .support__top .support__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 48px; line-height: 56px; text-align: center; letter-spacing: .02em; color: #fff } @media (max-width: 1919.98px) { .support__top .support__title { font-size: 38px; line-height: 48px } } @media (max-width: 1365.98px) { .support__top .support__title { font-size: 30px; line-height: 38px } } .support__top .support__title:not(:last-child) { margin-bottom: 20px } .support__section-2 .support__title, .support__section-3 .support__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 48px; line-height: 58px; color: #000 } @media (max-width: 1919.98px) { .support__section-2 .support__title, .support__section-3 .support__title { font-size: 38px; line-height: 48px } } @media (max-width: 1365.98px) { .support__section-2 .support__title, .support__section-3 .support__title { font-size: 30px; line-height: 38px } } @media (max-width: 1023.98px) { .support__section-2 .support__title, .support__section-3 .support__title { font-weight: 500; font-size: 26px; line-height: 30px } } .support__section-2 .support__title:not(:last-child) { margin-bottom: 30px } @media (max-width: 1919.98px) { .support__section-2 .support__title:not(:last-child) { margin-bottom: 22px } } @media (max-width: 1365.98px) { .support__section-2 .support__title:not(:last-child) { margin-bottom: 10px } } @media (max-width: 1023.98px) { .support__section-2 .support__title:not(:last-child) { margin-bottom: 12px } } .support__section-3 .support__title:not(:last-child) { margin-bottom: 20px } @media (max-width: 1919.98px) { .support__section-3 .support__title:not(:last-child) { margin-bottom: 12px } } @media (max-width: 1365.98px) { .support__section-3 .support__title:not(:last-child) { margin-bottom: 10px } } @media (max-width: 1023.98px) { .support__section-3 .support__title:not(:last-child) { margin-bottom: 12px } } .support__section-3--alt .support__title { font-size: 24px; line-height: 34px } @media (max-width: 1919.98px) { .support__section-3--alt .support__title { font-size: 20px; line-height: 30px } } @media (max-width: 1365.98px) { .support__section-3--alt .support__title { font-size: 18px; line-height: 28px } } @media (max-width: 1023.98px) { .support__section-3--alt .support__title { font-size: 26px; line-height: 30px } } .support__section-3--alt .support__title:not(:last-child) { margin-bottom: 10px } @media (max-width: 1919.98px) { .support__section-3--alt .support__title:not(:last-child) { margin-bottom: 8px } } .support__section { padding: 70px 0; position: relative } @media (max-width: 1919.98px) { .support__section { padding: 60px 0 } } @media (max-width: 1365.98px) { .support__section { padding: 30px 0 } } .support__section + .support__section:before { content: ""; display: block; border-top: 1px solid #d7dde3; position: absolute; top: 0; left: 172px; right: 172px } @media (max-width: 1919.98px) { .support__section + .support__section:before { left: 80px; right: 80px } } @media (max-width: 1365.98px) { .support__section + .support__section:before { left: 30px; right: 30px } } @media (max-width: 1023.98px) { .support__section + .support__section:before { left: 20px; right: 20px } } @media (max-width: 1023.98px) { .support__section-1 { padding-top: 20px } } .support__section-2 + .support__section-2 { padding-top: 0 } .support__section-2 + .support__section-2:before { display: none } @media (max-width: 767.98px) { .support__section-2 + .support__section-2:before { display: block } } .support__section-3-revers .support__col:last-child { order: -1 } @media (max-width: 767.98px) { .support__section-3-revers .support__col:last-child { order: 1 } } .support__row { display: flex } @media (max-width: 767.98px) { .support__row { flex-direction: column } } .support__section-1 .support__row { margin: 0 -10px } @media (max-width: 1919.98px) { .support__section-1 .support__row { margin: 0 -15px } } @media (max-width: 1023.98px) { .support__section-1 .support__row { margin: 0 -5px } } @media (max-width: 767.98px) { .support__section-1 .support__row { margin: 0 } } .support__section-mirror .support__row { flex-direction: row-reverse } @media (max-width: 767.98px) { .support__section-mirror .support__row { flex-direction: column } } .support__section-3 .support__row { background: #f8f8f8; border-radius: 12px; padding: 50px } @media (max-width: 1919.98px) { .support__section-3 .support__row { padding: 40px } } @media (max-width: 1365.98px) { .support__section-3 .support__row { padding: 30px } } @media (max-width: 767.98px) { .support__section-3 .support__row { background: none; border-radius: 0; padding: 0 } } .support__section-3--alt .support__row { padding: 40px } @media (max-width: 1365.98px) { .support__section-3--alt .support__row { padding: 30px } } @media (max-width: 767.98px) { .support__section-3--alt .support__row { padding: 0 } } .support__col { flex-shrink: 0 } .support__section-1 .support__col { width: 50%; padding: 0 15px } .support__section-1 .support__col.__w-33-col { width: 25% } @media (max-width: 1023.98px) { .support__section-1 .support__col.__w-33-col { width: 100% } } @media (max-width: 1919.98px) { .support__section-1 .support__col { padding: 0 5px } } @media (max-width: 1023.98px) { .support__section-1 .support__col { padding: 0 5px } } @media (max-width: 767.98px) { .support__section-1 .support__col { width: 100%; padding: 0 } } @media (max-width: 767.98px) { .support__col:not(:first-child) { margin-top: 20px } } @media (max-width: 767.98px) { .support__section-1 .support__col:not(:first-child) { margin-top: 10px } } .support__section-2 .support__col:first-child { position: relative; width: 40.16497%; flex-shrink: 0 } @media (max-width: 1919.98px) { .support__section-2 .support__col:first-child { width: 42.12272% } } @media (max-width: 1365.98px) { .support__section-2 .support__col:first-child { width: 45.33195% } } @media (max-width: 767.98px) { .support__section-2 .support__col:first-child { width: 100% } } .support__section-2 .support__col:first-child:before { content: ""; display: block; padding-top: 117.37757% } @media (max-width: 1919.98px) { .support__section-2 .support__col:first-child:before { padding-top: 129.92126% } } @media (max-width: 1365.98px) { .support__section-2 .support__col:first-child:before { padding-top: 137.29977% } } @media (max-width: 767.98px) { .support__section-2 .support__col:first-child:before { padding-top: 53.75% } } .support__section-3 .support__col:first-child { position: relative; width: 473px; flex-shrink: 0 } @media (max-width: 1919.98px) { .support__section-3 .support__col:first-child { width: 463px } } @media (max-width: 1365.98px) { .support__section-3 .support__col:first-child { width: 437px } } @media (max-width: 767.98px) { .support__section-3 .support__col:first-child { width: 100% } } .support__section-3 .support__col:first-child:before { content: ""; display: block; padding-top: 42.70613% } @media (max-width: 1919.98px) { .support__section-3 .support__col:first-child:before { padding-top: 41.46868% } } @media (max-width: 1365.98px) { .support__section-3 .support__col:first-child:before { padding-top: 41.41876% } } @media (max-width: 767.98px) { .support__section-3 .support__col:first-child:before { padding-top: 53.75% } } .support__section-3-revers .support__col:first-child { position: relative; width: 473px; flex-shrink: 0 } @media (max-width: 1919.98px) { .support__section-3-revers .support__col:first-child { width: 436px } } @media (max-width: 1365.98px) { .support__section-3-revers .support__col:first-child { width: 250px } } @media (max-width: 767.98px) { .support__section-3-revers .support__col:first-child { width: 100% } } .support__section-3-revers .support__col:first-child:before { content: ""; display: block } @media (max-width: 767.98px) { .support__section-3-revers .support__col:first-child:before { padding-top: 212px } } .support__section-3--alt .support__col:first-child { width: 353px } @media (max-width: 1919.98px) { .support__section-3--alt .support__col:first-child { width: 259px } } @media (max-width: 1365.98px) { .support__section-3--alt .support__col:first-child { width: 213px } } @media (max-width: 767.98px) { .support__section-3--alt .support__col:first-child { width: 100% } } .support__section-3--alt .support__col:first-child:before { padding-top: 47.59207% } @media (max-width: 1919.98px) { .support__section-3--alt .support__col:first-child:before { padding-top: 63.32046% } } @media (max-width: 1365.98px) { .support__section-3--alt .support__col:first-child:before { padding-top: 79.81221% } } @media (max-width: 767.98px) { .support__section-3--alt .support__col:first-child:before { padding-top: 53.75% } } .support__section-2 .support__col:last-child { padding-left: 120px; width: 59.83503% } @media (max-width: 1919.98px) { .support__section-2 .support__col:last-child { padding-left: 80px; width: 57.87728% } } @media (max-width: 1365.98px) { .support__section-2 .support__col:last-child { padding-left: 30px; width: 54.66805% } } @media (max-width: 1023.98px) { .support__section-2 .support__col:last-child { padding-left: 20px } } @media (max-width: 767.98px) { .support__section-2 .support__col:last-child { padding-left: 0; width: 100% } } .support__section-mirror .support__col:last-child { padding-left: 0; padding-right: 120px } @media (max-width: 1919.98px) { .support__section-mirror .support__col:last-child { padding-right: 80px } } @media (max-width: 1365.98px) { .support__section-mirror .support__col:last-child { padding-right: 30px } } @media (max-width: 1023.98px) { .support__section-mirror .support__col:last-child { padding-right: 20px } } @media (max-width: 767.98px) { .support__section-mirror .support__col:last-child { padding-right: 0 } } .support__section-3 .support__col:last-child { padding: 0 60px; width: calc(100% - 473px) } @media (max-width: 1919.98px) { .support__section-3 .support__col:last-child { padding-right: 40px; width: calc(100% - 463px) } } @media (max-width: 1365.98px) { .support__section-3 .support__col:last-child { padding-left: 30px; padding-right: 10px; width: calc(100% - 437px) } } @media (max-width: 767.98px) { .support__section-3 .support__col:last-child { padding: 0; width: 100% } } .support__section-3-revers .support__col:last-child { padding: 0 60px 0 0; width: calc(100% - 436px) } @media (max-width: 1919.98px) { .support__section-3-revers .support__col:last-child { padding-right: 40px; width: calc(100% - 436px) } } @media (max-width: 1365.98px) { .support__section-3-revers .support__col:last-child { padding-left: 10px; padding-right: 30px; width: calc(100% - 250px) } } @media (max-width: 767.98px) { .support__section-3-revers .support__col:last-child { padding: 0; width: 100% } } .support__section-3--alt .support__col:last-child { order: -1; padding-left: 0; padding-right: 40px; width: calc(100% - 353px) } @media (max-width: 1919.98px) { .support__section-3--alt .support__col:last-child { width: calc(100% - 259px) } } @media (max-width: 1365.98px) { .support__section-3--alt .support__col:last-child { padding-right: 30px; width: calc(100% - 213px) } } @media (max-width: 767.98px) { .support__section-3--alt .support__col:last-child { padding-right: 0; width: 100%; order: 0 } } .support__section-2 .support__col:last-child, .support__section-3 .support__col:last-child { display: flex; flex-direction: column; justify-content: center } @media (max-width: 767.98px) { .support__section-2 .support__col:last-child, .support__section-3 .support__col:last-child { justify-content: flex-start } } .support__items-row { display: flex } .support__section-2 .support__items-row { flex-wrap: wrap; margin: -30px -15px 0 } @media (max-width: 1365.98px) { .support__section-2 .support__items-row { margin: -10px -5px 0 } } @media (max-width: 767.98px) { .support__section-2 .support__items-row { margin: 0 } } .support__items-col { flex-shrink: 0 } @media (max-width: 767.98px) { .support__items-col:not(:first-child) { margin-top: 10px } } .support__section-2 .support__items-col { padding: 30px 15px 0; width: 50% } @media (max-width: 1365.98px) { .support__section-2 .support__items-col { padding: 10px 5px 0 } } @media (max-width: 767.98px) { .support__section-2 .support__items-col { padding: 0; width: 100% } } .support__item { background: #f8f8f8; border-radius: 12px; position: relative; display: block; height: 100%; width: 100%; text-decoration: none; text-align: left } .support__section-1 .support__item { padding: 30px 40px } @media (max-width: 1919.98px) { .support__section-1 .support__item { padding: 30px 40px } } @media (max-width: 1365.98px) { .support__section-1 .support__item { padding: 30px } } @media (max-width: 1023.98px) { .support__section-1 .support__item { padding: 20px 10px 20px 80px } } @media (max-width: 767.98px) { .support__section-1 .support__item { padding: 20px 20px 20px 88px } } .support__section-2 .support__item { padding: 30px; box-shadow: 0 0 0 hsla(0, 0%, 70.6%, 0); transition-property: background-color, box-shadow; transition-duration: .25s; min-height: 192px } .support__section-2 .support__item:active, .support__section-2 .support__item:hover { background: #fff; box-shadow: 0 10px 35px hsla(0, 0%, 70.6%, .25) } @media (max-width: 1919.98px) { .support__section-2 .support__item { min-height: 216px } } @media (max-width: 1365.98px) { .support__section-2 .support__item { padding: 30px 20px; min-height: 194px } } @media (max-width: 1023.98px) { .support__section-2 .support__item { padding: 20px } } @media (max-width: 767.98px) { .support__section-2 .support__item { padding: 20px 80px 20px 20px; min-height: 0 } } .support__icon { display: block } .support__icon [class^=support__icon-p] { transition-property: fill, stroke; transition-duration: .25s } .support__section-1 .support__icon { margin-bottom: 23px; width: 60px; height: 60px } @media (max-width: 1919.98px) { .support__section-1 .support__icon { top: 36px; width: 52px; height: 52px } } @media (max-width: 1365.98px) { .support__section-1 .support__icon { top: 30px } } @media (max-width: 1023.98px) { .support__section-1 .support__icon { position: absolute; top: 20px; left: 20px; width: 48px; height: 48px } } .support__section-2 .support__icon { width: 60px; height: 60px } @media (max-width: 1919.98px) { .support__section-2 .support__icon { width: 52px; height: 52px } } @media (max-width: 767.98px) { .support__section-2 .support__icon { width: 54px; height: 54px; position: absolute; top: 20px; right: 20px } } .support__icon-support .support__icon-p1, .support__icon-support .support__icon-p3, .support__icon-support .support__icon-p5 { fill: #fff } .support__item:hover .support__icon-support .support__icon-p1, .support__item:hover .support__icon-support .support__icon-p3, .support__item:hover .support__icon-support .support__icon-p5 { fill: #f8f8f8 } .support__icon-support .support__icon-p2, .support__icon-support .support__icon-p4, .support__item:active .support__icon-support .support__icon-p1, .support__item:active .support__icon-support .support__icon-p3, .support__item:active .support__icon-support .support__icon-p5 { fill: #22b0f3 } .support__icon-install .support__icon-p1, .support__icon-install .support__icon-p3, .support__icon-repair .support__icon-p1, .support__icon-repair .support__icon-p3, .support__item:active .support__icon-support .support__icon-p2, .support__item:active .support__icon-support .support__icon-p4 { fill: #fff } .support__item:hover .support__icon-install .support__icon-p1, .support__item:hover .support__icon-install .support__icon-p3, .support__item:hover .support__icon-repair .support__icon-p1, .support__item:hover .support__icon-repair .support__icon-p3 { fill: #f8f8f8 } .support__item:active .support__icon-install .support__icon-p1, .support__item:active .support__icon-install .support__icon-p3, .support__item:active .support__icon-repair .support__icon-p1, .support__item:active .support__icon-repair .support__icon-p3 { fill: #22b0f3 } .support__icon-install .support__icon-p4, .support__icon-repair .support__icon-p4 { stroke: #fff } .support__item:hover .support__icon-install .support__icon-p4, .support__item:hover .support__icon-repair .support__icon-p4 { stroke: #f8f8f8 } .support__item:active .support__icon-install .support__icon-p4, .support__item:active .support__icon-repair .support__icon-p4 { stroke: #22b0f3 } .support__icon-install .support__icon-p2, .support__icon-install .support__icon-p4, .support__icon-repair .support__icon-p2, .support__icon-repair .support__icon-p4 { fill: #22b0f3 } .support__icon-status .support__icon-p1, .support__item:active .support__icon-install .support__icon-p2, .support__item:active .support__icon-install .support__icon-p4, .support__item:active .support__icon-repair .support__icon-p2, .support__item:active .support__icon-repair .support__icon-p4 { fill: #fff } .support__item:hover .support__icon-status .support__icon-p1 { fill: #f8f8f8 } .support__item:active .support__icon-status .support__icon-p1 { fill: #22b0f3 } .support__icon-status .support__icon-p2, .support__icon-status .support__icon-p4 { stroke: #22b0f3 } .support__item:active .support__icon-status .support__icon-p2, .support__item:active .support__icon-status .support__icon-p4 { stroke: #fff } .support__icon-status .support__icon-p3 { fill: #22b0f3 } .support__icon-download .support__icon-p1, .support__item:active .support__icon-status .support__icon-p3 { fill: #fff } .support__item:hover .support__icon-download .support__icon-p1 { fill: #f8f8f8 } .support__item:active .support__icon-download .support__icon-p1 { fill: #22b0f3 } .support__icon-download .support__icon-p3, .support__icon-download .support__icon-p4, .support__icon-download .support__icon-p5, .support__icon-download .support__icon-p6 { stroke: #fff } .support__item:hover .support__icon-download .support__icon-p3, .support__item:hover .support__icon-download .support__icon-p4, .support__item:hover .support__icon-download .support__icon-p5, .support__item:hover .support__icon-download .support__icon-p6 { stroke: #f8f8f8 } .support__item:active .support__icon-download .support__icon-p3, .support__item:active .support__icon-download .support__icon-p4, .support__item:active .support__icon-download .support__icon-p5, .support__item:active .support__icon-download .support__icon-p6 { stroke: #22b0f3 } .support__icon-download .support__icon-p2 { fill: #22b0f3 } .support__icon-haier .support__icon-p1, .support__icon-warranty .support__icon-p1, .support__item:active .support__icon-download .support__icon-p2 { fill: #fff } .support__item:hover .support__icon-haier .support__icon-p1, .support__item:hover .support__icon-warranty .support__icon-p1 { fill: #f8f8f8 } .support__icon-haier .support__icon-p2, .support__icon-warranty .support__icon-p2, .support__item:active .support__icon-haier .support__icon-p1, .support__item:active .support__icon-warranty .support__icon-p1 { fill: #22b0f3 } .support__icon-partners .support__icon-p1, .support__item:active .support__icon-haier .support__icon-p2, .support__item:active .support__icon-warranty .support__icon-p2 { fill: #fff } .support__item:hover .support__icon-partners .support__icon-p1 { fill: #f8f8f8 } .support__icon-partners .support__icon-p2 { fill: #22b0f3 } .support__item-title { font-weight: 600; font-size: 22px; line-height: 30px } .support__item-title_mobile { display: none } @media (max-width: 1919.98px) { .support__item-title { font-size: 20px; line-height: 30px } } @media (max-width: 1365.98px) { .support__item-title { font-weight: 500; font-size: 16px; line-height: 26px } } @media (max-width: 767.98px) { .support__item-title_mobile { display: block } .support__item-title_desktop { display: none } } .support__section-1 .support__item-title { color: #000 } .support__section-2 .support__item-title { color: #212121 } .support__section-2 .support__item-title:not(:first-child) { margin-top: 24px } @media (max-width: 1919.98px) { .support__section-2 .support__item-title:not(:first-child) { margin-top: 20px } } @media (max-width: 1365.98px) { .support__section-2 .support__item-title:not(:first-child) { margin-top: 12px } } @media (max-width: 767.98px) { .support__section-2 .support__item-title:not(:first-child) { margin-top: 0 } } @media (min-width: 1920px) { .support__section-2 .support__item-title br { content: "" } .support__section-2 .support__item-title br:after { content: " " } } .support__section-1 .support__item-text { display: flex; align-items: baseline } .support__section-1 .support__item-text.__column { flex-direction: column } .support__section-1 .support__item-text.__column .support__item-schedule { margin-left: 0 } @media (max-width: 767.98px) { .support__section-1 .support__item-text { flex-direction: column } } .support__section-1 .support__item-text:not(:first-child) { margin-top: 6px } @media (max-width: 1365.98px) { .support__section-1 .support__item-text:not(:first-child) { margin-top: 2px } } @media (max-width: 767.98px) { .support__section-1 .support__item-text:not(:first-child) { margin-top: 4px } } .support__section-1 .support__item-text-link { font-size: 20px; font-weight: 500; line-height: 28px } @media (max-width: 1919.98px) { .support__section-1 .support__item-text-link { font-size: 18px } } @media (max-width: 1365.98px) { .support__section-1 .support__item-text-link { font-size: 14px; line-height: 22px } } @media (max-width: 1023.98px) { .support__section-1 .support__item-text-link { font-size: 16px; line-height: 26px } } .support__section-2 .support__item-text { font-weight: 500; font-size: 18px; line-height: 24px; flex-direction: column } @media (max-width: 1919.98px) { .support__section-2 .support__item-text { font-size: 16px } } @media (max-width: 1365.98px) { .support__section-2 .support__item-text { font-size: 14px } } @media (max-width: 1023.98px) { .support__section-2 .support__item-text { font-size: 16px; line-height: 26px } } .support__item-phone { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 20px; line-height: 30px; color: #000; text-decoration: none; transition: color .25s } @media (max-width: 1919.98px) { .support__item-phone { font-size: 18px; line-height: 28px } } @media (max-width: 1365.98px) { .support__item-phone { font-size: 14px; line-height: 22px } } @media (max-width: 767.98px) { .support__item-phone { font-size: 16px; line-height: 26px } } .support__item-phone:hover, .support__item-phone:visited { color: #22b0f3 } .support__item-schedule { font-size: 18px; line-height: 24px; color: #97a4af } @media (max-width: 1919.98px) { .support__item-schedule { font-size: 16px; line-height: 26px } } @media (max-width: 1365.98px) { .support__item-schedule { font-size: 14px; line-height: 22px } } @media (max-width: 767.98px) { .support__item-schedule { font-size: 16px; line-height: 26px } } .support__item-schedule:not(:first-child) { margin-left: 15px } @media (max-width: 1919.98px) { .support__item-schedule:not(:first-child) { margin-left: 12px } } @media (max-width: 767.98px) { .support__item-schedule:not(:first-child) { margin-left: 0 } } .support__item-schedule .__mobile-br { display: none } @media (max-width: 1023.98px) { .support__item-schedule .__mobile-br { display: block } } .support__item-link { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; display: block } .support__text { font-size: 20px; line-height: 30px; color: #212121 } .support__text_mobile { display: none } @media (max-width: 1919.98px) { .support__text { font-size: 18px; line-height: 28px } .support__text_desktop { display: none } .support__text_mobile { display: block } } @media (max-width: 1365.98px) { .support__text { font-size: 14px; line-height: 22px } } @media (max-width: 1023.98px) { .support__text { font-size: 16px; line-height: 26px } } .support__section-2 .support__text:not(:last-child) { margin-bottom: 40px } @media (max-width: 1919.98px) { .support__section-2 .support__text:not(:last-child) { margin-bottom: 35px } } @media (max-width: 1365.98px) { .support__section-2 .support__text:not(:last-child) { margin-bottom: 20px } } .support__section-3 .support__text:not(:last-child) { margin-bottom: 20px } @media (max-width: 1919.98px) { .support__section-3 .support__text:not(:last-child) { margin-bottom: 12px } } @media (max-width: 1365.98px) { .support__section-3 .support__text:not(:last-child) { margin-bottom: 10px } } @media (max-width: 1023.98px) { .support__section-3 .support__text:not(:last-child) { margin-bottom: 4px } } .support__section-3--alt .support__text:not(:last-child) { margin-bottom: 10px } @media (max-width: 1023.98px) { .support__section-3--alt .support__text:not(:last-child) { margin-bottom: 4px } } .support__section-3--alt .support__text { font-size: 18px; line-height: 28px } @media (max-width: 1365.98px) { .support__section-3--alt .support__text { font-size: 16px; line-height: 26px } } .support__links-container { display: flex; justify-content: space-between; gap: 30px; margin-top: 40px } @media (max-width: 1919.98px) { .support__links-container { margin-top: 20px } } @media (max-width: 1279.98px) { .support__links-container { gap: 10px } } @media (max-width: 1023.98px) { .support__links-container { flex-direction: column } } .support__links-item { background: #f2f2f2; border-radius: 12px; width: 100%; padding: 30px 0 30px 30px } .support__links-item a { font-size: 18px; font-weight: 450; line-height: 24px } @media (max-width: 1919.98px) { .support__links-item a { font-size: 16px } } @media (max-width: 1279.98px) { .support__links-item a { font-size: 14px; line-height: 22px } } @media (max-width: 1023.98px) { .support__links-item a { font-size: 16px; line-height: 26px } } .support__links-text { font-size: 22px; line-height: 30px; font-weight: 500 } @media (max-width: 1919.98px) { .support__links-text { max-width: 177px; font-size: 20px } } @media (max-width: 1279.98px) { .support__links-text { max-width: 141px; font-size: 16px; line-height: 26px } } @media (max-width: 1023.98px) { .support__links-text { max-width: none } } .support__link { font-weight: 500; font-size: 18px; line-height: 24px } @media (max-width: 1919.98px) { .support__link { font-size: 16px; line-height: 24px } } @media (max-width: 1365.98px) { .support__link { font-size: 14px; line-height: 22px } } @media (max-width: 1023.98px) { .support__link { font-size: 16px; line-height: 26px } } .support__link .link--icon-arrow i:before { top: 2px } @media (max-width: 1023.98px) { .support__link .link--icon-arrow i:before { top: 4px } } .support__item:hover .support__link .link--icon-arrow { color: #22b0f3 } .support__item:hover .support__link .link--icon-arrow i:before { transform: translate(4px) } .support__section-3--alt .support__link { font-size: 20px; line-height: 30px } @media (max-width: 1919.98px) { .support__section-3--alt .support__link { font-size: 16px; line-height: 24px } } @media (max-width: 1365.98px) { .support__section-3--alt .support__link { font-size: 16px; line-height: 20px } } .support__section-3--alt .support__link .link--icon-arrow i:before { top: 4px } .warranty-landing .support__link { pointer-events: none } .support-card__top { padding-top: 120px } @media (max-width: 1919.98px) { .support-card__top { padding-top: 100px } } @media (max-width: 1023.98px) { .support-card__top { padding-top: 60px } } .support-card__top + .support-card__section { padding-top: 40px } @media (max-width: 1365.98px) { .support-card__top + .support-card__section { padding-top: 30px } } @media (max-width: 1023.98px) { .support-card__top + .support-card__section { padding-top: 20px } } .support-card__section { padding: 40px 0 } @media (max-width: 1919.98px) { .support-card__section { padding: 50px 0 } } @media (max-width: 1365.98px) { .support-card__section { padding: 30px 0 } } @media (max-width: 1023.98px) { .support-card__section:last-child { padding-bottom: 60px } } .support-card__section + .support-card__section { padding-top: 0 } .support-card__row { display: flex; align-items: flex-start } @media (max-width: 1023.98px) { .support-card__row { flex-direction: column } } .support-card__col { flex-shrink: 0 } .support-card__col:first-child { width: calc(100% - 485px); padding-right: 80px } @media (max-width: 1919.98px) { .support-card__col:first-child { width: calc(100% - 348px) } } @media (max-width: 1365.98px) { .support-card__col:first-child { width: calc(100% - 256px); padding-right: 60px } } @media (max-width: 1023.98px) { .support-card__col:first-child { width: 100%; padding-right: 0 } } .support-card__col:last-child { width: 485px } @media (max-width: 1919.98px) { .support-card__col:last-child { width: 348px } } @media (max-width: 1365.98px) { .support-card__col:last-child { width: 256px } } @media (max-width: 1023.98px) { .support-card__col:last-child { width: 100% } } .support-card__section-1 .support-card__col:last-child { background: #f4f4f4; border-radius: 12px; position: relative; height: 485px } @media (max-width: 1919.98px) { .support-card__section-1 .support-card__col:last-child { height: 348px } } @media (max-width: 1365.98px) { .support-card__section-1 .support-card__col:last-child { height: 256px } } @media (max-width: 1023.98px) { .support-card__section-1 .support-card__col:last-child { height: 190px; order: -1; border-radius: 8px; margin-bottom: 30px } } .support-card__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 48px; line-height: 58px; color: #000; margin: 0 0 40px } @media (max-width: 1919.98px) { .support-card__title { font-size: 38px; line-height: 56px; margin-bottom: 20px } } @media (max-width: 1365.98px) { .support-card__title { font-size: 32px; line-height: 42px; margin-bottom: 30px } } @media (max-width: 1023.98px) { .support-card__title { font-weight: 600; font-size: 26px; line-height: 30px; margin-bottom: 20px } } .support-card__files-section:not(:last-child) { margin-bottom: 40px } @media (max-width: 1365.98px) { .support-card__files-section:not(:last-child) { margin-bottom: 30px } } @media (max-width: 1023.98px) { .support-card__files-section:not(:last-child) { margin-bottom: 30px } } .support-card__files-title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 28px; line-height: 40px; color: #000 } @media (max-width: 1919.98px) { .support-card__files-title { font-size: 24px; line-height: 34px } } @media (max-width: 1023.98px) { .support-card__files-title { font-size: 22px; line-height: 28px } } .support-card__files-list:not(:first-child) { margin-top: 40px } @media (max-width: 1365.98px) { .support-card__files-list:not(:first-child) { margin-top: 30px } } .support-card__file { display: flex; align-items: flex-start; font-size: 20px; line-height: 30px; padding: 20px 0; border-bottom: 1px solid #d7dde3 } @media (max-width: 1919.98px) { .support-card__file { font-size: 18px; line-height: 28px; padding: 15px 0 } } @media (max-width: 1365.98px) { .support-card__file { font-size: 16px; line-height: 20px; padding: 10px 0 } } @media (max-width: 1023.98px) { .support-card__file { line-height: 26px; padding: 16px 0 } } .support-card__file:first-child { border-top: 1px solid #d7dde3 } .support-card__file .icon { flex-shrink: 0; display: block; pointer-events: none } .support-card__file > .icon { width: 30px; height: 30px; margin-right: 14px; margin-top: 9px } @media (max-width: 1365.98px) { .support-card__file > .icon { width: 20px; height: 20px } } @media (max-width: 1023.98px) { .support-card__file > .icon { width: 22px; height: 22px; margin-right: 10px; margin-top: 0 } } .support-card__file-text-wrapper { display: flex; width: 100%; max-width: calc(100% - 188px); margin-top: 9px } @media (max-width: 1919.98px) { .support-card__file-text-wrapper { max-width: calc(100% - 166px) } } @media (max-width: 1365.98px) { .support-card__file-text-wrapper { max-width: calc(100% - 156px) } } @media (max-width: 1023.98px) { .support-card__file-text-wrapper { max-width: calc(100% - 78px); margin-top: 0; flex-wrap: wrap } } .support-card__file-text { width: 100%; max-width: 655px; margin-right: 14px } @media (max-width: 1919.98px) { .support-card__file-text { max-width: 462px } } @media (max-width: 1365.98px) { .support-card__file-text { max-width: 338px } } @media (max-width: 1023.98px) { .support-card__file-text { max-width: calc(100% - 14px) } } .support-card__file-date, .support-card__file-size { flex-shrink: 0; white-space: nowrap } @media (max-width: 1023.98px) { .support-card__file-date, .support-card__file-size { color: #afbbc6 } } .support-card__file-date:not(:last-child) { position: relative; margin-right: 10px; padding-right: 10px } .support-card__file-date:not(:last-child):after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; margin: auto 0; width: 1px; height: 10px; background: #e9e9e9 } .support-card__file-size { display: none } @media (max-width: 1023.98px) { .support-card__file-size { display: block } } .support-card__file-button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; flex-shrink: 0; width: 144px; height: 48px; background: #22b0f3; box-shadow: 0 6px 16px rgba(34, 176, 243, .35); border-radius: 8px; padding: 0 18px; font-family: inherit; font-weight: 500; font-size: 20px; line-height: 30px; display: flex; align-items: center; letter-spacing: -.01em; color: #fff; transition-property: background-color; transition-duration: .25s; margin-left: auto; text-decoration: none; white-space: nowrap } @media (max-width: 1919.98px) { .support-card__file-button { width: 122px; font-size: 16px; line-height: 24px } } @media (max-width: 1365.98px) { .support-card__file-button { width: 122px; height: 40px } } @media (max-width: 1023.98px) { .support-card__file-button { width: 46px; height: 46px; padding: 0; font-size: 0; justify-content: center } } .support-card__file-button:active, .support-card__file-button:hover, .support-card__file-button:visited { color: #fff; background: #0090d5 } .support-card__file-button .icon { width: 16px; height: 16px; margin-right: 10px } @media (max-width: 1023.98px) { .support-card__file-button .icon { margin-right: 0 } } .support-card__image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: calc(100% - 120px); max-height: calc(100% - 120px); -o-object-fit: contain; object-fit: contain; display: block; pointer-events: none } @media (max-width: 1919.98px) { .support-card__image { max-width: calc(100% - 80px); max-height: calc(100% - 80px) } } @media (max-width: 1365.98px) { .support-card__image { max-width: calc(100% - 60px); max-height: calc(100% - 60px) } } @media (max-width: 1023.98px) { .support-card__image { max-width: calc(100% - 40px); max-height: calc(100% - 40px) } } .support-modal { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: rgba(0, 0, 0, .4); padding: 24px } @media (max-width: 767.98px) { .support-modal { padding: 60px 0 0 } } @media (max-width: 767.98px) { .support-modal:not(.tingle-modal--visible) .tingle-modal-box { transform: translateY(100%) } } .support-modal__handle { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 10px; position: absolute; top: 0; left: 0; width: 100%; display: none } @media (max-width: 767.98px) { .support-modal__handle { display: block } } .support-modal__handle:before { content: ""; display: block; width: 38px; height: 4px; background: #d7dde3; border-radius: 3px; margin: auto; pointer-events: none } .support-modal__header { flex-shrink: 0 } .support-modal.is-message-step .support-modal__header { display: none } .support-modal__title { font-weight: 500; font-size: 32px; line-height: 40px; letter-spacing: -.01em } @media (max-width: 767.98px) { .support-modal__title { font-size: 24px; line-height: 34px } } .support-modal__step[data-step=form-message] .support-modal__title { margin-top: 30px; text-align: center } @media (max-width: 767.98px) { .support-modal__step[data-step=form-message] .support-modal__title { margin-top: 20px } } .support-modal__steps-counter { font-weight: 500; font-size: 20px; line-height: 24px; color: #22b0f3 } .support-modal__steps-counter:not(:first-child) { margin-top: 5px } @media (max-width: 767.98px) { .support-modal__steps-counter:not(:first-child) { margin-top: 2px } } .support-modal__body { flex-grow: 1 } .support-modal__body:not(:first-child) { margin-top: 40px } @media (max-width: 767.98px) { .support-modal__body:not(:first-child) { margin-top: 30px } } .support-modal.is-message-step .support-modal__body:not(:first-child) { margin-top: 0 } .support-modal.is-message-step .support-modal__body { height: 100%; display: flex; flex-direction: column; justify-content: center } .support-modal__note { font-size: 16px; line-height: 24px; color: #959799; margin-top: 24px } .support-modal__note--mt-0 { margin-top: 0 } .support-modal__text { font-size: 24px; line-height: 34px; letter-spacing: .01em } @media (max-width: 767.98px) { .support-modal__text { font-size: 22px; line-height: 28px } } .support-modal__step[data-step=form-message] .support-modal__text { margin-top: 10px; text-align: center } @media (max-width: 767.98px) { .support-modal__step[data-step=form-message] .support-modal__text { margin-top: 0 } } .support-modal__footer { flex-shrink: 0; display: flex; justify-content: flex-end; margin: 0 -12px } @media (max-width: 767.98px) { .support-modal__footer { display: block; margin: 80px 0 0 0 } } .support-modal__footer .button { height: 56px; display: flex; align-items: center; justify-content: center; margin: 24px 12px 0; padding: 0 40px; font-weight: 500; font-size: 18px } @media (max-width: 767.98px) { .support-modal__footer .button { width: 100%; margin: 20px 0 0 } } .support-modal.is-message-step .support-modal__footer { display: none } .support-modal__success-icon { flex-shrink: 0; display: block; width: 54px; height: 54px; margin: 0 auto } @media (max-width: 767.98px) { .support-modal__success-icon { width: 27px; height: 27px } } .support-modal .tingle-modal-box { width: 100%; max-width: 784px; min-height: auto; transition: transform .25s } @media (max-width: 768.98px) { .support-modal .tingle-modal-box { border-radius: 12px } } @media (max-width: 767.98px) { .support-modal .tingle-modal-box { margin: auto 0 0; border-radius: 12px 12px 0 0; max-width: 100% } } .support-modal .tingle-modal-box__content { padding: 50px 60px 60px } @media (max-width: 767.98px) { .support-modal .tingle-modal-box__content { padding: 40px 20px 20px } } .support-modal .close-icon { width: 30px; height: 30px; right: 20px } @media (max-width: 767.98px) { .support-modal .close-icon { width: 22px; height: 22px; background: #d7dde3; border-radius: 100% } } .support-modal .close-icon:after, .support-modal .close-icon:before { top: 14px; left: 5px } @media (max-width: 767.98px) { .support-modal .close-icon:after, .support-modal .close-icon:before { top: 10px; width: 12px; background: #fff } } .support-modal .form { min-height: 472px; display: flex; flex-direction: column } @media (max-width: 767.98px) { .support-modal .form { min-height: 0 } } .support-modal .form__row { margin: 0 -12px } @media (max-width: 767.98px) { .support-modal .form__row { margin: 0 -10px } } .support-modal .form__row:last-child .form__group { margin-bottom: 0 } @media (max-width: 767.98px) { .support-modal .form__row:last-child .form__group { margin-bottom: 20px } .support-modal .form__row:last-child .form__group.input-checkbox { margin-bottom: 10px } } @media (max-width: 767.98px) { .support-modal .form__row:last-child .form__col:last-child .form__group { margin-bottom: 0 } } .support-modal .form__col { padding: 0 12px } @media (max-width: 767.98px) { .support-modal .form__col { padding: 0 10px } } @media (max-width: 1023.98px) { .support-modal .form__col-4 { max-width: 33.33333% } } @media (max-width: 767.98px) { .support-modal .form__col-4 { max-width: 100% } } @media (max-width: 1023.98px) { .support-modal .form__col-6 { max-width: 50% } } @media (max-width: 767.98px) { .support-modal .form__col-6 { max-width: 100% } } @media (max-width: 767.98px) { .support-modal .form__col-xs-6 { max-width: 50% } } .support-modal .form__group { margin-bottom: 24px } @media (max-width: 767.98px) { .support-modal .form__group { margin-bottom: 20px } } .support-modal .form__group.input-checkbox { margin-bottom: 10px } .support-modal .form__global-error { margin: 24px 0 0 } @media (max-width: 767.98px) { .support-modal .form__global-error { margin: 20px 0 0 } } .support-modal .input-text--simple { padding-top: 0 } .support-modal .input-text--textarea .input-text__input { min-height: 106px; height: 106px } .support-modal .input-checkbox__label { padding-left: 34px; line-height: 24px } .support-modal .input-checkbox__label:before { width: 24px; height: 24px } .support-modal .input-checkbox__label:after { top: 2px; left: 5px; width: 15px; height: 15px } .support-modal--status .tingle-modal-box { max-width: 640px } @media (max-width: 767.98px) { .support-modal--status .tingle-modal-box { max-width: 100% } } .support-modal--status .form { min-height: 296px } @media (max-width: 767.98px) { .support-modal--status .form { min-height: 0 } } .support-modal .tooltip-code-popup { max-width: unset; width: 106% } .support-modal .tooltip-code-popup:before { left: 87.5% } @media (max-width: 768px) { .support-modal .tooltip-code-popup { width: 100% } .support-modal .tooltip-code-popup:before { left: unset; right: 22px } } @keyframes openInDown { 0% { transform: translateY(0) } to { transform: translateY(100%) } } .support-downloads__section { padding: 40px 0 321px 0 } @media (max-width: 1919.98px) { .support-downloads__section { padding: 30px 0 321px 0 } } @media (max-width: 767.98px) { .support-downloads__section { padding: 30px 0 282px 0 } } .support-downloads__content { position: relative; max-width: 764px; margin: 0 auto } @media (max-width: 1365.98px) { .support-downloads__content { max-width: 512px } } @media (max-width: 767.98px) { .support-downloads__content { max-width: 100% } } .support-downloads__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 48px; line-height: 58px; color: #000; margin: 0 0 20px; text-align: center } @media (max-width: 1919.98px) { .support-downloads__title { font-size: 38px; line-height: 56px } } @media (max-width: 1365.98px) { .support-downloads__title { font-size: 32px; line-height: 42px } } @media (max-width: 1023.98px) { .support-downloads__title { font-weight: 600; font-size: 26px; line-height: 30px } } @media (max-width: 767.98px) { .support-downloads__title { text-align: left } } .support-service { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .support-service__section { padding: 20px 0 80px; position: relative } @media (max-width: 1919.98px) { .support-service__section { padding: 40px 0 80px } } @media (max-width: 1365.98px) { .support-service__section { padding: 20px 0 30px } } @media (max-width: 1023.98px) { .support-service__section { padding: 20px 0 60px } } .support-service__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 48px; line-height: 58px; color: #000; margin: 0 0 20px } @media (max-width: 1919.98px) { .support-service__title { font-size: 38px; line-height: 56px } } @media (max-width: 1365.98px) { .support-service__title { font-size: 30px; line-height: 36px } } @media (max-width: 1023.98px) { .support-service__title { font-weight: 600; font-size: 26px; line-height: 30px } } .support-service__text { width: 100%; max-width: 1200px; font-size: 20px; line-height: 30px } @media (max-width: 1919.98px) { .support-service__text { font-size: 18px; line-height: 28px; max-width: 100% } } @media (max-width: 1365.98px) { .support-service__text { font-size: 16px; line-height: 24px } } .support-service__map-header { display: flex; margin-bottom: 24px } @media (max-width: 767.98px) { .support-service__map-header { display: block; margin-bottom: 30px } } .support-service__map-header:not(:first-child) { margin-top: 30px } @media (max-width: 1919.98px) { .support-service__map-header:not(:first-child) { margin-top: 40px } } @media (max-width: 1365.98px) { .support-service__map-header:not(:first-child) { margin-top: 30px } } .support-service__map-header .select-search { flex-shrink: 0; width: 280px; margin-bottom: 0 } @media (max-width: 767.98px) { .support-service__map-header .select-search { width: 100% } } .support-service__map-header .select-search:not(:first-child) { margin-left: 24px } @media (max-width: 767.98px) { .support-service__map-header .select-search:not(:first-child) { margin-left: 0; margin-top: 20px } } .support-service__map-header .bs-switcher { flex-shrink: 0; margin-left: auto; display: flex; width: 100px; height: 56px; border-radius: 30px; padding: 0 5px } @media (max-width: 767.98px) { .support-service__map-header .bs-switcher { width: 82px; height: 44px; border-radius: 22px; padding: 0; position: absolute; top: -20px; right: 20px } } .support-service__map-header .bs-switcher:not(.is-map):before { transform: translateX(44px) } @media (max-width: 767.98px) { .support-service__map-header .bs-switcher:not(.is-map):before { transform: translateX(100%) } } .support-service__map-header .bs-switcher:before { top: 8px; left: 8px } @media (max-width: 767.98px) { .support-service__map-header .bs-switcher:before { top: 2px; left: 2px } } .support-service__map { height: 600px } @media (max-width: 1919.98px) { .support-service__map { height: 425px } } @media (max-width: 1023.98px) { .support-service__map { margin: 0 -20px } } .support-service__stores .bs-stores { display: flex; flex-wrap: wrap; margin: 0 -15px -30px; font-size: 20px; line-height: 30px } @media (max-width: 1919.98px) { .support-service__stores .bs-stores { margin: 0 -12px -30px; font-size: 16px; line-height: 22px } } @media (max-width: 1365.98px) { .support-service__stores .bs-stores { margin: 0 -10px -30px } } @media (max-width: 1023.98px) { .support-service__stores .bs-stores { display: block; margin: 0; line-height: 26px } } .support-service__stores .bs-stores__item { flex-shrink: 0; width: 100%; max-width: calc(25% - 30px); margin: 0 15px 30px; border: 1px solid #d7dde3; border-radius: 12px; padding: 20px } @media (max-width: 1919.98px) { .support-service__stores .bs-stores__item { max-width: calc(33.333% - 24px); margin: 0 12px 30px } } @media (max-width: 1365.98px) { .support-service__stores .bs-stores__item { max-width: calc(33.333% - 20px); margin: 0 10px 30px } } @media (max-width: 1023.98px) { .support-service__stores .bs-stores__item { max-width: 100%; margin: 0; border: 0; padding: 10px } } @media (max-width: 1023.98px) { .support-service__stores .bs-stores__item:not(:first-child) { margin-top: 10px } } .support-service__stores .bs-stores__item .bs-stores__route-text { display: none } .support-service__stores .bs-stores__item .bs-stores__route-icon-container { background: #22b0f3; border-radius: 9px } .support-service__stores .bs-stores__item .bs-stores__route-icon { fill: #fff } .support-service__stores .bs-stores__content { max-width: calc(100% - 64px) } @media (max-width: 1365.98px) { .support-service__stores .bs-stores__content { max-width: calc(100% - 48px) } } @media (max-width: 1023.98px) { .support-service__stores .bs-stores__content { max-width: calc(100% - 58px) } } .support-service__stores .bs-stores__title { display: none } .support-service__stores .bs-stores__address, .support-service__stores .bs-stores__subway { margin-bottom: 4px } .support-service__stores .bs-stores__footer { margin-top: auto } .support-service__stores .bs-stores__footer-col { margin: 0 } .support-service__stores .bs-stores__footer-col:first-child { display: none } @media (max-width: 1023.98px) { .support-service__stores .bs-stores__phone { background: none; border-radius: 0; align-items: flex-start; justify-content: flex-start; width: auto; height: auto } } .support-service__stores .bs-stores__sidebar { justify-content: flex-end } .support-service__stores .bs-stores__arrow { display: none } .support-service__stores .bs-stores__route { margin: 0 } .support-service__stores .bs-stores__route-icon-container { width: 40px; height: 40px } @media (max-width: 1023.98px) { .support-service__stores .bs-stores__route-icon-container { width: 42px; height: 42px } } .warranty-landing { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .warranty-landing__items { display: flex; margin: 0 -20px } @media (max-width: 767.98px) { .warranty-landing__items { display: block; margin: 0 } } .warranty-landing__items:not(:first-child) { margin-top: 40px } @media (max-width: 1023.98px) { .warranty-landing__items:not(:first-child) { margin-top: 30px } } .warranty-landing__items-col { flex-shrink: 0; width: 50%; padding: 0 20px } @media (max-width: 767.98px) { .warranty-landing__items-col { width: 100%; padding: 0 } .warranty-landing__items-col:not(:first-child) { margin-top: 20px } } .warranty-landing__evo:not(:first-child) { margin-top: 40px } @media (max-width: 1023.98px) { .warranty-landing__evo:not(:first-child) { margin-top: 30px; padding-top: 30px; border-top: 1px solid #d7dde3 } } .warranty-landing .support__item { background: #f4f4f4; box-shadow: 0 0 0 hsla(0, 0%, 70.6%, 0); border-radius: 12px; transition-property: background-color, box-shadow; transition-duration: .25s; padding: 40px 40px 35px } @media (max-width: 1023.98px) { .warranty-landing .support__item { padding: 20px } } .warranty-landing .support__item:active, .warranty-landing .support__item:hover { background: #fff; box-shadow: 0 10px 35px hsla(0, 0%, 70.6%, .25) } .warranty-landing .support__icon { width: 70px; height: 70px } @media (max-width: 1919.98px) { .warranty-landing .support__icon { width: 52px; height: 52px } } @media (max-width: 767.98px) { .warranty-landing .support__icon { width: 46px; height: 46px } } .warranty-landing .support__item-title { font-weight: 600; font-size: 24px; line-height: 36px; color: #212121 } @media (max-width: 1023.98px) { .warranty-landing .support__item-title { font-size: 18px; line-height: 26px; color: #000 } } .warranty-landing .support__item-title:not(:first-child) { margin-top: 20px } .warranty-landing .support__item-text { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: .01em; color: #3c3c3c } @media (max-width: 1023.98px) { .warranty-landing .support__item-text { letter-spacing: normal; color: #000 } } .warranty-landing .support__item-text:not(:first-child) { margin-top: 8px } .warranty-landing .support__link { font-size: 16px; line-height: 24px } @media (max-width: 1023.98px) { .warranty-landing .support__link { letter-spacing: .02em } } .warranty-landing .support__link:not(:first-child) { margin-top: 8px } .warranty-landing .warranty-evo { margin-top: 0 } .banner-stock { position: relative; display: flex; align-items: center; justify-content: center; padding: 10px; width: 100% } .banner-stock:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; border-radius: 6px } .banner-stock__img, .banner-stock__text { position: relative; z-index: 2 } .banner-stock__text { font-weight: 400; font-size: 14px; line-height: 22px; text-align: left; color: #fff } @media (max-width: 1919.98px) { .banner-stock__text { font-size: 13px } .catalog[data-view=list] .banner-stock__text { font-size: 14px } } .banner-stock__img { width: 100%; max-width: 80px; position: absolute; bottom: 0; right: 6px } .banner-stock--link { cursor: pointer } .banner-stock--link .banner-stock__text { position: relative } .banner-stock--link .banner-stock__text:after { content: ""; display: inline-block; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); margin-left: 2px; vertical-align: middle } .banner-stock--red:after { background: #fa4d62 } .banner-stock--green:after { background: #7fb33c } .banner-stock--brown:after { background: #99857d } .banner-stock--gradient:after { background: linear-gradient(91.75deg, #ba3394 6.5%, #34beff 100.82%) } .banner-stock--dark-brown:after { background: #5f5f5f } .banner-stock--dark-green:after { background: #263521 } .banner-stock--image { justify-content: start; padding-right: 90px } .promo-stretch { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; width: 100%; min-height: 40px; padding-right: 86px; border-radius: 6px; color: #fff; cursor: pointer } .promo-stretch__text { padding: 3px 6px; font-size: 14px; line-height: 1 } .promo-stretch__text .icon { width: 6px; height: 6px; display: inline-block; margin-left: -2px } .promo-stretch__image { width: 80px; height: 75px; position: absolute; bottom: 0; right: 6px; background: no-repeat bottom/contain; padding: 17px 19px 0 0; font-size: 22px; font-weight: 600; line-height: 28px; letter-spacing: -.88px } .promo-stretch__image--w-icon { padding: 27px 0 0 0; font-size: 29px; line-height: 22px; letter-spacing: -.56px } .promo-stretch__image .icon { width: 16px; height: 14px; display: inline-block; margin-left: -5px; margin-bottom: -1px } .promo-stretch__percent { width: 80px; height: 75px; position: absolute; bottom: 0; right: 6px; background: no-repeat bottom/contain; background-image: url(/local/templates/haier/css/../images/icon-percent.svg); font-weight: 600; padding: 22px 0 0 0; font-size: 29px; line-height: 22px; letter-spacing: -.56px } .promo-stretch__percent.is-only-percent:before { content: ""; position: absolute; width: 100%; height: 100%; background: url(/local/templates/haier/css/../images/icon-percent-top.svg) no-repeat top/contain; top: 0; left: 0; z-index: 2 } .promo-stretch__percent.is-contain-text .icon { width: 16px; height: 14px; display: inline-block; margin-left: -4px } .badge-stock { margin-right: 20px } .badge-stock:last-child { margin-right: 0 } .badge-stock--link { cursor: pointer } .buyers-choice { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: flex; align-items: center; justify-content: space-between; padding: 20px; border-radius: 12px; background-color: #f8f8f8; margin-top: 24px; gap: 20px } @media (min-width: 1024px) { .buyers-choice { display: none } } .buyers-choice__title { display: block; font-size: 20px; font-weight: 500; line-height: 26px; letter-spacing: .02em; color: #212121; margin-bottom: 4px } .buyers-choice__text { font-size: 16px; line-height: 20px; letter-spacing: -.01em; color: #97a4af; width: 100%; max-width: 200px; margin: 0 } .buyers-choice__img-wrap { width: 80px; height: 80px; border-radius: 16px; background-color: #fff; display: flex; align-items: center; justify-content: center } .app-item { display: flex; flex-direction: column; align-items: center; background: #fff; border-radius: 12px; padding: 30px } .app-item__title { display: block; margin-top: 15px; font-size: 16px; line-height: 24px; text-align: center; color: #212121; width: 100%; max-width: 200px } .app-item__text { font-weight: 500; font-size: 18px; line-height: 28px; text-align: center; color: #212121; margin-bottom: 0 } .app-item__img { width: 100%; max-width: 174px; border-radius: 12px } .app-item__body { flex-direction: column } .app-item__body, .app-item__footer { display: flex; align-items: center; margin-top: 20px } .app-item__footer { justify-content: space-between } .app-item__link { display: flex; align-items: center; padding: 12px; text-decoration: none; border: 1px solid #d7dde3; border-radius: 8px; margin-right: 9px } .app-item__link:last-child { margin-right: 0 } .app-item__link-text { display: block; margin-left: 3px; font-weight: 500; font-size: 16px; line-height: 20px; color: #212121 } .app-item__link-img--white { display: none } @media (max-width: 1023.98px) { .app-item { padding: 24px } .app-item__body { display: none } .app-item__link { background: url(/local/templates/haier/css/../images/app-item/button-bg.webp); background-size: cover } .app-item__link-text { color: #fff } .app-item__link-img--white { display: block } .app-item__link-img--black { display: none } } @media (max-width: 767.98px) { .app-item { padding: 20px } .app-item__text { font-size: 16px; line-height: 20px } .app-item__footer, .app-item__link { width: 100% } .app-item__link { padding: 9px; justify-content: center } } .payment-system__title { display: block; margin-bottom: 20px; font-weight: 500; font-size: 16px; line-height: 20px; color: #212121 } .payment-system__list { display: flex; align-items: center; flex-wrap: wrap; gap: 10px } .payment-system__item { width: 72px; height: 40px } .warranty-evo { position: relative; margin-top: 60px } @media (max-width: 767.98px) { .warranty-evo { margin-top: 48px } } .warranty-evo--qr { min-height: 206px } @media (max-width: 1023.98px) { .warranty-evo--qr { min-height: 0 } } .warranty-evo__bg { top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 12px } .warranty-evo__bg, .warranty-evo__img { position: absolute; display: block; pointer-events: none } .warranty-evo__img { bottom: 0; left: 38px } @media (max-width: 767.98px) { .warranty-evo__img { bottom: auto; top: -10px; left: 21px } } .warranty-evo__qr { position: absolute; top: 45px; right: 40px; display: block; pointer-events: none; border-radius: 10px; max-width: 124px } @media (max-width: 1023.98px) { .warranty-evo__qr { display: none } } .warranty-evo__content { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 40px 36px 40px 250px; position: relative } @media (max-width: 767.98px) { .warranty-evo__content { padding: 149px 20px 20px } } .warranty-evo--qr .warranty-evo__content { padding-right: 209px } @media (max-width: 1023.98px) { .warranty-evo--qr .warranty-evo__content { padding-right: 36px } } @media (max-width: 767.98px) { .warranty-evo--qr .warranty-evo__content { padding-right: 20px } } .warranty-evo__text { font-size: 14px; line-height: 1.5; color: #fff } .warranty-evo__text--strong { font-size: 16px; font-weight: 500 } .warranty-evo__link { font-weight: 450; font-size: 16px; line-height: 21px; letter-spacing: .02em; color: #fff; margin-top: 10px } @media (max-width: 767.98px) { .warranty-evo__link { font-size: 18px; line-height: 24px } } .content-area .warranty-evo__link a:not(.button), .warranty-evo__link .content-area a:not(.button), .warranty-evo__link .link { color: #fff } .request { background: #fff; border-radius: 12px; padding: 23px 40px; margin-top: 40px } .request:first-child { margin-top: 0 } .request__title { font-weight: 500; font-size: 20px; line-height: 28px; letter-spacing: .02em } .request__footer, .request__header { display: flex; justify-content: space-between; align-items: center } .request__footer .request__status { display: none } .request__date { color: #97a4af; display: block; margin-top: 10px } .request__date, .request__status { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: .02em } .request__status.yellow { color: #fdb222 } .request__status.green { color: #7fb33c } .request__status.red { color: #fa4d62 } @media (max-width: 767.98px) { .request { padding: 20px 16px } .request__header .request__status { display: none } .request__footer .request__status { display: block } } .banner-menu { min-height: 116px; width: 100% } .catalog-list--mobile .banner-menu { position: relative; margin: 20px 0 0 0; padding-left: 20px; padding-right: 20px } .banner-menu__inner { width: 100%; height: 180px; display: flex; align-items: center; background-repeat: no-repeat; background-size: cover; background-position: 50%; background-image: var(--bannerImg); padding: 20px 40px; position: relative; overflow: hidden; border-radius: 12px } @media (max-width: 1919.98px) { .banner-menu__inner { height: 150px; padding: 20px 30px; background-position: 100%; border-radius: 10px } } @media (max-width: 1023.98px) { .banner-menu__inner { height: 145px; border-radius: 8px } } @media (max-width: 767.98px) { .banner-menu__inner { height: auto; max-height: 380px; aspect-ratio: 320/380; background-image: var(--bannerImgMob); background-position: 50%; padding: 20px; align-items: flex-end } } .banner-menu__title { font-weight: 600; font-size: 28px; line-height: 30px; color: #fff } @media (max-width: 1919.98px) { .banner-menu__title { font-size: 20px; line-height: 1.05 } } @media (max-width: 767.98px) { .banner-menu__title { font-size: 24px; line-height: 1.25 } } .banner-menu__text { font-size: 18px; line-height: 20px; color: #fff } @media (max-width: 1919.98px) { .banner-menu__text { font-size: 15px; line-height: 1.33 } } @media (max-width: 767.98px) { .banner-menu__text { font-size: 18px; line-height: 1.22 } } .banner-menu__img { width: 100%; height: 180px; -o-object-fit: cover; object-fit: cover } @media (max-width: 1919.98px) { .banner-menu__img { height: 150px } } @media (max-width: 1023.98px) { .banner-menu__img { height: 145px } } @media (max-width: 767.98px) { .banner-menu__img { height: auto; aspect-ratio: 320/380 } } .banner-menu__img--mob { display: none } @media (max-width: 767.98px) { .banner-menu__img--mob { display: block } } @media (max-width: 767.98px) { .banner-menu__img--desktop { display: none } } .banner-menu__link, .banner-menu__text { margin-top: 8px } .banner-menu__link { display: flex; align-items: center; font-size: 18px; line-height: 23px; color: #22b0f3; text-decoration: none } .banner-menu__link:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0 } @media (max-width: 767.98px) { .banner-menu__link { font-size: 18px; line-height: 1 } } .banner-menu__link-icon { margin-left: 10px; position: relative !important; top: 1px !important; left: 0 !important } .banner-menu__content { display: flex; flex-direction: column } .banner-menu-carousel { margin-right: -30px; position: relative } @media (max-width: 1919.98px) { .banner-menu-carousel { margin-right: 0 } } @media (max-width: 1023.98px) { .banner-menu-carousel { padding-bottom: 56px; margin: 0 20px -32px } } .banner-menu-carousel .swiper-container { border-radius: 12px } @media (max-width: 1023.98px) { .banner-menu-carousel .swiper-container { border-radius: 8px } } .banner-menu-carousel__arrow { display: none; width: 31px; height: 31px; background-color: #ebedf2; margin-top: -15px; position: absolute; top: 50%; z-index: 2; cursor: pointer } @media (max-width: 1919.98px) { .banner-menu-carousel__arrow { width: 24px; height: 24px; margin-top: -12px } } @media (max-width: 1023.98px) { .banner-menu-carousel__arrow { display: none } } .banner-menu-carousel__arrow.arrow--prev { transform: rotate(180deg); left: -15px } @media (max-width: 1919.98px) { .banner-menu-carousel__arrow.arrow--prev { left: -11px } } .banner-menu-carousel__arrow.arrow--next { right: -15px } @media (max-width: 1919.98px) { .banner-menu-carousel__arrow.arrow--next { right: -11px } } .banner-menu-carousel__arrow .arrow__icon--next { transform: rotate(0) } .banner-menu-carousel__arrow.is-visible { display: flex } @media (max-width: 1023.98px) { .banner-menu-carousel__arrow.is-visible { display: none } } .banner-menu-carousel__pagination { left: 50%; transform: translateX(-50%); display: flex; gap: 8px; margin-top: 10px } .banner-menu-carousel__pagination .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 5px; opacity: 1; background-color: #cccccf } @media (max-width: 1919.98px) { .banner-menu-carousel__pagination .swiper-pagination-bullet { width: 8px; height: 8px } } .banner-menu-carousel__pagination .swiper-pagination-bullet-active { background-color: #212121 } @media (max-width: 1023.98px) { .banner-menu-carousel .banner-menu { bottom: 0; position: relative; margin: 0; padding: 0 } } .banner-menu-carousel .banner-menu__inner { width: auto; height: 160px; box-sizing: border-box } @media (max-width: 1919.98px) { .banner-menu-carousel .banner-menu__inner { height: 132px } } @media (max-width: 1023.98px) { .banner-menu-carousel .banner-menu__inner { width: 100% } } @media (max-width: 767.98px) { .banner-menu-carousel .banner-menu__inner { height: 380px } } .banner-menu-carousel .banner-menu__title { font-size: 24px; line-height: 1.25 } @media (max-width: 1919.98px) { .banner-menu-carousel .banner-menu__title { font-size: 22px; line-height: 24px } } @media (max-width: 1919.98px) { .banner-menu-carousel .banner-menu__link, .banner-menu-carousel .banner-menu__text { margin-top: 5px } } @media (max-width: 1919.98px) { .banner-menu-carousel .banner-menu__link { font-size: 15px; line-height: 20px } } .omnichannel { display: flex; align-items: center; font-size: 18px; line-height: 24px; letter-spacing: .01em } @media (max-width: 1023.98px) { .omnichannel { align-items: flex-start } } .omnichannel__container { display: flex; align-items: center; margin-right: 12px } @media (max-width: 767.98px) { .omnichannel__container { gap: 12px 0 } } @media (max-width: 575px) { .omnichannel__container { margin-right: 0; flex-wrap: wrap } } .omnichannel__text { margin-right: 12px } @media (max-width: 767.98px) { .omnichannel__text { width: 100% } } @media (max-width: 575px) { .omnichannel__text { margin-right: 0 } } .omnichannel__icon { flex-shrink: 0 } .omnichannel__separator { flex-shrink: 0; width: 2px; height: 15px; margin: 0 12px; background: #d7dde3 } .omnichannel__link { display: flex; align-items: center; font-size: inherit; line-height: inherit } .omnichannel__link .icon { flex-shrink: 0; margin-left: 6px } .catalog-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1400; overflow: hidden; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, .04), 0 4px 8px rgba(0, 0, 0, .06) } .catalog-popup__btn { position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 50%; box-shadow: 0 3px 15px rgba(0, 0, 0, .1); background: #fff; z-index: 1 } @media (max-width: 1023.98px) { .catalog-popup__btn { display: none } } .catalog-popup__btn-icon { display: inline; width: 12px; height: 12px; position: relative; top: 2px } .catalog-popup__btn-icon--prev { transform: rotate(180deg) } .catalog-popup__btn-prev { left: 261px } .catalog-popup__btn-next { right: 38px } .catalog-popup__close { position: absolute; top: 38px; right: 38px; width: 36px; height: 36px; border-radius: 50%; background: #fff; box-shadow: 0 3px 15px rgba(0, 0, 0, .1); z-index: 10 } .catalog-popup__close:after, .catalog-popup__close:before { content: ""; display: block; width: 14px; height: 2px; background: #000; position: absolute; border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg) } .catalog-popup__close:after { transform: translate(-50%, -50%) rotate(-45deg) } .catalog-popup__media { display: flex } .catalog-popup__media-col--primary { display: flex; align-items: center; flex-grow: 1; width: 100%; height: 100vh; max-width: calc(100vw - 128px) } @media (max-width: 1023.98px) { .catalog-popup__media-col--primary { max-width: 100vw } } .catalog-popup__media-col--primary .catalog-popup__media-slider-content { background: #fff } .catalog-popup__media-col--secondary { border-right: 1px solid #d7dee3; padding: 50px 60px; height: 100vh; display: flex; flex-direction: column } @media (max-width: 1023.98px) { .catalog-popup__media-col--secondary { display: none } } .catalog-popup__tab-content { width: 100%; height: 100% } .catalog-popup__media-slider { position: relative } .catalog-popup__media-slider--is360 { padding: 16px 24px; color: #212121; border-radius: 4px; border: 1px solid #ebebeb } .catalog-popup__media-slider--is3dvideo { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #212121; border-radius: 4px; border: 1px solid #ebebeb } .catalog-popup__media-slider--is3dvideo svg { width: 50px; height: 50px } .catalog-popup__media-slider--primary { width: 100%; height: 100% } .catalog-popup__media-slider--primary .catalog-popup__media-slider-content img { max-width: calc(100% - 160px); max-height: calc(100% - 160px) } .catalog-popup__media-slider--primary .catalog-popup__media-slider-content.is-full img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .catalog-popup--preserve-aspect .catalog-popup__media-slider--primary { height: auto; min-height: 530px } @media (max-width: 1365.98px) { .catalog-popup--preserve-aspect .catalog-popup__media-slider--primary { min-height: 0 } } @media (max-width: 1023.98px) { .catalog-popup--preserve-aspect .catalog-popup__media-slider--primary { max-width: 760px } } .catalog-popup--preserve-aspect .catalog-popup__media-slider--primary:before { content: ""; display: block; padding-top: 73.68421% } @media (max-width: 1365.98px) { .catalog-popup--preserve-aspect .catalog-popup__media-slider--primary:before { padding-top: 106.4257% } } @media (max-width: 1023.98px) { .catalog-popup--preserve-aspect .catalog-popup__media-slider--primary:before { padding-top: 73.68421% } } .catalog-popup--preserve-aspect .catalog-popup__media-slider--primary .catalog-popup__media-slider-container { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .catalog-popup--preserve-aspect .catalog-popup__media-slider--primary .catalog-popup__media-slider-slide { height: 100% } .catalog-popup__media-slider--secondary { width: 80px; display: flex; flex-direction: column; flex-grow: 1 } .catalog-popup__media-slider--secondary .catalog-popup__media-slider-content img { max-width: calc(100% - 16px); max-height: calc(100% - 16px) } .catalog-popup__media-slider--secondary .catalog-popup__media-slider-container { flex-grow: 1; height: calc(100vh - 132px) } .catalog-popup__media-slider--secondary .catalog-popup__media-slider-container--with-3d { height: calc(100vh - 222px) } .catalog-popup__media-slider--secondary .catalog-popup__media-slider-container:not(.swiper-container-initialized) .catalog-popup__media-slider-slide { margin-bottom: 20px } @media (max-width: 1919.98px) { .catalog-popup__media-slider--secondary .catalog-popup__media-slider-container:not(.swiper-container-initialized) .catalog-popup__media-slider-slide { margin-bottom: 15px } } .catalog-popup__media-slider--secondary .catalog-popup__media-slider-slide { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 60px; border-radius: 4px; transition: background-color .25s } @media (max-width: 1919.98px) { .catalog-popup__media-slider--secondary .catalog-popup__media-slider-slide { height: 60px } } @media (max-width: 1365.98px) { .catalog-popup__media-slider--secondary .catalog-popup__media-slider-slide { height: 42px; border-radius: 2px } } @media (min-width: 1280px) { .catalog-popup__media-slider--secondary .catalog-popup__media-slider-slide:hover { background: #f4f4f4 } } .catalog-popup__media-slider--secondary .catalog-popup__media-slider-slide.is-active { background: #f4f4f4 } .catalog-popup__media-slider--secondary .catalog-popup__media-slider-slide.is-active.catalog-popup__media-slider-slide--background-red { background: #ffedef } @media (min-width: 1280px) { .catalog-popup__media-slider--secondary .catalog-popup__media-slider-slide.is-active.catalog-popup__media-slider-slide--background-red:hover { background: #ffedef } } .catalog-popup__media-slider--secondary .catalog-popup__media-slider-slide.is-active.catalog-popup__media-slider--is360 { border: none } .catalog-popup__media-slider-slide { position: relative; box-sizing: border-box } .catalog-popup__media-slider-slide:before { content: ""; display: block } .catalog-popup__media-slider-content { width: 100%; height: 100vh } .catalog-popup__media-slider-content picture { pointer-events: none } .catalog-popup__media-slider-content img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; -o-object-fit: contain; object-fit: contain } @media (max-width: 767.98px) { .catalog-popup__media-slider-content.is-big .catalog-popup__msg { display: flex } } .catalog-popup__media-slider-content .product-player { max-width: 760px; max-height: 560px; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%) } @media (max-width: 1023.98px) { .catalog-popup__media-slider-content .product-player { transform: translate(-50%, -59%); max-width: calc(100% - 60px); max-height: calc(40% - 24px) } } .catalog-popup__media-slider-nav { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; color: inherit; background: none; padding: 0; display: flex; justify-content: center; background: #fff; width: 100%; height: 16px; position: static; margin: 0; flex-shrink: 0 } .catalog-popup__media-slider-nav:-moz-focusring { outline: none } .catalog-popup__media-slider-nav:focus { outline: none } .catalog-popup__media-slider-nav:disabled { cursor: not-allowed } .catalog-popup__media-slider-nav:hover { color: #22b0f3 } .catalog-popup__media-slider-nav svg { flex-shrink: 0; width: 20px; height: 8px; display: block; transition: color .25s } .catalog-popup__media-slider-nav--prev { align-items: flex-start } .catalog-popup__media-slider-nav--prev svg { transform: rotate(180deg) } .catalog-popup__media-slider-nav--next { align-items: flex-end } .catalog-popup__media-slider-pagination { position: fixed; bottom: 30px; left: 0; width: 100% !important; display: flex; align-items: center; justify-content: center; pointer-events: none } .catalog-popup__media-slider-pagination .swiper-pagination-bullet { flex-shrink: 0; width: 10px; height: 10px; background: #afbbc6; border-radius: 100%; margin: 0 5px; transition: background-color .25s; display: none; left: auto !important } .catalog-popup__media-slider-pagination .swiper-pagination-bullet-active { background: #22b0f3 } .catalog-popup__media-slider-pagination .swiper-pagination-bullet-active-main, .catalog-popup__media-slider-pagination .swiper-pagination-bullet-active-next, .catalog-popup__media-slider-pagination .swiper-pagination-bullet-active-next-next, .catalog-popup__media-slider-pagination .swiper-pagination-bullet-active-prev, .catalog-popup__media-slider-pagination .swiper-pagination-bullet-active-prev-prev { display: block } @media (min-width: 1024px) { .catalog-popup__media-slider-pagination { display: none; bottom: 8px } } .catalog-popup__media-thumb { width: 80px; height: 60px } .catalog-popup__media-thumb img { display: block; -o-object-fit: contain; object-fit: contain; max-width: calc(100% - 16px); max-height: calc(100% - 16px) } .catalog-popup__media-thumb img, .catalog-popup__msg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .catalog-popup__msg { width: 100%; max-width: 284px; display: none; flex-direction: column; align-items: center; justify-content: center; background: rgba(0, 0, 0, .6); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-radius: 8px; z-index: 2; padding: 30px 25px } .catalog-popup__msg-icon { width: 75px; height: 63px } .catalog-popup__msg-text { display: block; margin-top: 18px; font-size: 16px; line-height: 22px; text-align: center; color: #fff } .catalog-popup__msg-close { width: 32px; height: 32px; position: absolute; top: 0; right: 0 } .catalog-popup__msg-close:after, .catalog-popup__msg-close:before { content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 15px; height: 3px; border-radius: 4px; background-color: #fff; transform: translate(-50%, -50%) rotate(45deg) } .catalog-popup__msg-close:before { transform: translate(-50%, -50%) rotate(-45deg) } .catalog-popup-3dvideo, .catalog-popup__facade-preview { width: 100%; height: 100% } .js-catalog-popup-trigger { cursor: pointer } .picture-zoom.is-big { cursor: zoom-in } .picture-zoom.is-active { cursor: zoom-out } .picture-zoom.is-active .picture-zoom__parent { opacity: 0 } .picture-zoom.is-active .picture-zoom__child { opacity: 1 } @media (max-width: 767.98px) { .picture-zoom.is-active .picture-zoom__child { animation: fade-in .4s ease-in-out } } .picture-zoom.is-deactive .picture-zoom__parent { opacity: 1 } .picture-zoom.is-deactive .picture-zoom__child { opacity: 0; display: none } @media (max-width: 767.98px) { .picture-zoom__child, .picture-zoom__parent { transition: opacity .4s ease-in-out } } @keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } .order-complete { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 120px 0 120px; border-bottom: 1px solid hsla(0, 0%, 76.9%, .6); font-size: 18px; line-height: 24px } @media (max-width: 1919.98px) { .order-complete { padding: 100px 0 100px } } @media (max-width: 1365.98px) { .order-complete { font-size: 16px } } @media (max-width: 1023.98px) { .order-complete { padding: 60px 0 80px } } .order-complete__button-back { margin-top: 24px; display: inline-block } .order-complete__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 32px; font-weight: 800; margin: 24px 0 0 } @media (max-width: 1023.98px) { .order-complete__title { font-size: 24px } } .order-complete__row { margin-top: 32px } @media (max-width: 1023.98px) { .order-complete__row { margin-top: 24px } } .order-complete__row--w-sidebar { display: flex; gap: 40px } @media (max-width: 1365.98px) { .order-complete__row--w-sidebar { gap: 30px } } .order-complete__col { display: flex; flex-direction: column; gap: 20px } .order-complete__row--w-sidebar .order-complete__col:first-child { flex-grow: 1; width: calc(100% - 354px) } @media (max-width: 1365.98px) { .order-complete__row--w-sidebar .order-complete__col:first-child { width: calc(100% - 310px) } } @media (max-width: 1023.98px) { .order-complete__row--w-sidebar .order-complete__col:first-child { width: 100% } } .order-complete__row--w-sidebar .order-complete__col:nth-child(2) { flex-shrink: 0; width: 314px } @media (max-width: 1365.98px) { .order-complete__row--w-sidebar .order-complete__col:nth-child(2) { width: 280px } } @media (max-width: 1023.98px) { .order-complete__row--w-sidebar .order-complete__col:nth-child(2) { display: none } } .order-complete__section { background: #fff; border-radius: 12px; padding: 34px; display: flex; flex-direction: column; gap: 16px } @media (max-width: 1365.98px) { .order-complete__section { padding: 30px; gap: 12px } } @media (max-width: 1023.98px) { .order-complete__section { padding: 20px } } .order-complete--fail .order-complete__section { gap: 30px } @media (max-width: 1023.98px) { .order-complete--fail .order-complete__section { gap: 20px } } .order-complete__section--leftside { align-items: baseline } .order-complete__section-title { font-weight: 500 } .order-complete__info-row { display: flex; gap: 16px } .order-complete__info-row--order span, .order-complete__info-row--payment nobr { font-weight: 500 } .order-complete__icon { flex-shrink: 0; width: 24px; height: 24px } .order-complete__delivery { word-break: break-word } .order-complete__products-head { display: flex; gap: 10px } .order-complete__products-trigger { display: flex; align-items: center; gap: 6px; color: #00a0eb; font-size: inherit } .order-complete__products-trigger-text { font-weight: 500; line-height: 24px } .order-complete__products-trigger-text[data-type=active], .order-complete__products.is-active .order-complete__products-trigger-text[data-type=default] { display: none } .order-complete__products.is-active .order-complete__products-trigger-text[data-type=active] { display: initial } .order-complete__products-trigger-icon { margin-top: 4px; flex-shrink: 0; width: 9px; height: 8px; transform: rotate(180deg) translateY(-2px); transition: transform .25s } .order-complete__products.is-active .order-complete__products-trigger-icon { transform: rotate(0deg) translateY(-2px) } .order-complete__products-body { transition: height .25s; overflow: hidden } .order-complete__products-body:not(.is-expanded) { height: 0 } .order-complete__products-body-inner { padding-top: 20px } .order-complete__product { display: flex; align-items: center; gap: 16px; padding: 16px 0 } @media (max-width: 1023.98px) { .order-complete__product { display: -ms-grid; display: grid; -ms-grid-columns: 40px 16px auto; grid-template-columns:40px auto; gap: 8px 16px } } .order-complete__product:not(:last-child) { border-bottom: 1px solid rgba(215, 221, 227, .6) } .order-complete__product-image { flex-shrink: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center } @media (max-width: 1023.98px) { .order-complete__product-image { -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/span 2; align-self: flex-start } } .order-complete__product-image img { display: block; max-width: 100%; max-height: 100% } .order-complete__product-price { margin-left: auto; font-weight: 500 } @media (max-width: 1023.98px) { .order-complete__product-price { margin-left: 0 } } .order-complete__evo { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px } .order-complete__evo-col:first-child { max-width: calc(100% - 112px) } @media (max-width: 1023.98px) { .order-complete__evo-col:first-child { max-width: 100% } } .order-complete__evo-col:nth-child(2) { flex-shrink: 0; width: 92px } @media (max-width: 1023.98px) { .order-complete__evo-col:nth-child(2) { display: none } } .order-complete__evo-items { display: flex; align-items: center; gap: 10px; margin-top: 20px } .order-complete__evo-items .app-item__link { background: url(/local/templates/haier/css/../images/app-item/button-bg.webp); background-size: cover; border: 0; width: 136px; padding: 10px 12px; justify-content: center; margin: 0 } .order-complete__evo-items .app-item__link-img { display: block } .order-complete__evo-items .app-item__link-text { color: #fff } .order-complete__evo-qr { display: block; width: 92px } .order-complete__banner { border-radius: 12px; background: linear-gradient(38deg, #926ede 5.17%, #0f1a7a 27.58%, #000 80.37%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; height: 496px } @media (max-width: 1365.98px) { .order-complete__banner { gap: 16px; height: 440px } } .order-complete__banner-logo { display: block; width: 116px; height: 36px } @media (max-width: 1365.98px) { .order-complete__banner-logo { width: 88px; height: 27px } } .order-complete__banner-text { color: #fff; text-align: center; font-size: 12px; font-weight: 500; line-height: 1; letter-spacing: .48px; text-transform: uppercase } @media (max-width: 1365.98px) { .order-complete__banner-text { font-size: 11px } } .order-complete__info-actions { display: flex; gap: 16px; margin-top: 16px } @media (max-width: 1023.98px) { .order-complete__info-actions { flex-direction: column; margin-top: 4px } } .order-complete__button-retry { font-weight: 500; max-width: 215px; box-shadow: none } @media (max-width: 1023.98px) { .order-complete__button-retry { max-width: 100% } } .order-complete__details { display: flex; flex-direction: column; gap: 20px } .order-complete__terms { display: flex; padding: 16px; align-items: flex-start; gap: 10px; border-radius: 8px; background: #f2f5f9 } .order-complete__terms-icon svg { width: 24px; height: 24px } @media (max-width: 1023.98px) { .order-complete__terms-icon { display: none } } .order-complete__terms-text { font-size: 16px; line-height: 24px } .modal-warranty-info__title { font-size: 30px; font-weight: 600; line-height: 40px; letter-spacing: -.02em; font-family: Futura PT, Arial, Helvetica, sans-serif; margin-bottom: 30px } @media (max-width: 768.98px) { .modal-warranty-info__title { margin-bottom: 20px; font-size: 24px; line-height: 32px } } .modal-warranty-info__description { font-size: 20px; line-height: 1.4; font-weight: 400; letter-spacing: .01em } @media (max-width: 768.98px) { .modal-warranty-info__description { font-size: 18px; line-height: 24px } } .modal-warranty-info__description p { margin-bottom: 1em } .modal-warranty-info__description p:last-child { margin-bottom: 0 } .modal-warranty-info .tingle-modal-box { max-width: 593px } @media (max-width: 768.98px) { .modal-warranty-info .tingle-modal-box { border-radius: 8px 8px 0 0; margin-bottom: 0; min-height: 100% } } @media (max-width: 768.98px) { .modal-warranty-info .tingle-modal-box__content { padding: 40px 20px } } .evo-tv-highlight { position: relative; min-height: 448px; border-top: 1px solid hsla(0, 0%, 76.9%, .6); background: #ebedf2 } .evo-tv-highlight__container { display: flex; justify-content: space-between; padding: 60px 303px 60px 305px } @media (max-width: 1919.98px) { .evo-tv-highlight__container { padding: 65px 80px 68px 80px } } @media (max-width: 1365.98px) { .evo-tv-highlight__container { padding: 52px 80px 53px 80px } } @media (max-width: 1023.98px) { .evo-tv-highlight__container { flex-direction: column; gap: 30px; padding: 30px 20px } } .evo-tv-highlight__background { position: absolute; left: 390px } @media (max-width: 1919.98px) { .evo-tv-highlight__background { left: 164px; bottom: -3px } } @media (min-width: 1366px) and (max-width: 1450px) { .evo-tv-highlight__background { left: 84px } } @media (max-width: 1365.98px) { .evo-tv-highlight__background { display: none } } .evo-tv-highlight__left { display: flex; width: 376px; flex-direction: column; align-items: flex-start; gap: 26px; padding-top: 68px } @media (max-width: 1919.98px) { .evo-tv-highlight__left { width: 300px } } @media (max-width: 1365.98px) { .evo-tv-highlight__left { width: 268px; padding-top: 51px; gap: 20px } } @media (max-width: 1023.98px) { .evo-tv-highlight__left { width: 100%; padding: 0; gap: 24px } } .evo-tv-highlight__title { font-family: Futura PT; font-size: 36px; font-weight: 600; line-height: 38px; color: #212121 } @media (max-width: 1919.98px) { .evo-tv-highlight__title { font-size: 30px; line-height: 34px } } @media (max-width: 1365.98px) { .evo-tv-highlight__title { font-size: 28px; line-height: 32px } } @media (max-width: 1023.98px) { .evo-tv-highlight__title { font-size: 24px } } .evo-tv-highlight__logo { width: 143px; height: 18px; margin: 0 } @media (max-width: 1919.98px) { .evo-tv-highlight__logo { width: 111px; height: 14px } } @media (max-width: 1365.98px) { .evo-tv-highlight__logo { margin-left: -2px; margin-top: 20px } } @media (max-width: 1023.98px) { .evo-tv-highlight__logo { width: 95px; height: 12px; margin: 0 } } .evo-tv-highlight__text { font-family: Futura PT; font-size: 18px; font-weight: 400; line-height: 28px; color: #212121; margin: 0 } @media (max-width: 1365.98px) { .evo-tv-highlight__text { font-size: 16px; line-height: 24px } } @media (max-width: 1023.98px) { .evo-tv-highlight__text { font-size: 18px; line-height: 28px } } .evo-tv-highlight__link { height: 48px; padding: 9px 0; font-size: 18px; font-weight: 450; line-height: normal; border-radius: 6px; box-shadow: none; width: 226px } @media (max-width: 1919.98px) { .evo-tv-highlight__link { width: 210px; font-size: 16px } } @media (max-width: 1023.98px) { .evo-tv-highlight__link { height: 46px; width: 100% } } .evo-tv-highlight__advantages { display: -ms-grid; display: grid; -ms-grid-columns: auto 20px auto 20px auto; grid-template-columns:auto auto auto; -ms-grid-rows: auto 20px auto; grid-template-rows:auto auto; gap: 20px } .evo-tv-highlight__advantages > :first-child { -ms-grid-row: 1; -ms-grid-column: 1 } .evo-tv-highlight__advantages > :nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3 } .evo-tv-highlight__advantages > :nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5 } .evo-tv-highlight__advantages > :nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 1 } .evo-tv-highlight__advantages > :nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 3 } .evo-tv-highlight__advantages > :nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 5 } @media (max-width: 1919.98px) { .evo-tv-highlight__advantages { gap: 10px } } @media (max-width: 1023.98px) { .evo-tv-highlight__advantages { -ms-grid-columns: auto 12px auto; grid-template-columns:auto auto; -ms-grid-rows: auto 12px auto 12px auto; grid-template-rows:auto auto auto; justify-content: space-evenly; gap: 12px } .evo-tv-highlight__advantages > :first-child { -ms-grid-row: 1; -ms-grid-column: 1 } .evo-tv-highlight__advantages > :nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3 } .evo-tv-highlight__advantages > :nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1 } .evo-tv-highlight__advantages > :nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 3 } .evo-tv-highlight__advantages > :nth-child(5) { -ms-grid-row: 5; -ms-grid-column: 1 } .evo-tv-highlight__advantages > :nth-child(6) { -ms-grid-row: 5; -ms-grid-column: 3 } } .evo-tv-highlight__advantage { position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; width: 214px; height: 154px; padding: 20px 0; border-radius: 12px; background-size: cover } @media (max-width: 1919.98px) { .evo-tv-highlight__advantage { width: 220px } } @media (max-width: 1365.98px) { .evo-tv-highlight__advantage { width: 177px } } @media (max-width: 1023.98px) { .evo-tv-highlight__advantage { width: 161.5px; height: 171px; padding: 20px; align-items: flex-start } } .evo-tv-highlight__advantage-tooltip-content { padding: 20px; text-align: center; font-weight: 400; font-size: 16px; line-height: 24px } @media (max-width: 1023.98px) { .evo-tv-highlight__advantage-tooltip-content { display: flex; flex-direction: column; gap: 24px; padding: 0; text-align: left; font-size: 18px; line-height: 28px } } .evo-tv-highlight__advantage-tooltip-title { display: none } @media (max-width: 1023.98px) { .evo-tv-highlight__advantage-tooltip-title { display: inline-block; font-size: 20px; font-weight: 450; line-height: 32px } } .evo-tv-highlight__advantage_mod-1 { background-image: url(/local/templates/haier/css/../images/evo-tv-highlight/advantage-1.webp) } .evo-tv-highlight__advantage_mod-2 { background-image: url(/local/templates/haier/css/../images/evo-tv-highlight/advantage-2.webp) } .evo-tv-highlight__advantage_mod-3 { background-image: url(/local/templates/haier/css/../images/evo-tv-highlight/advantage-3.webp) } @media (max-width: 1023.98px) { .evo-tv-highlight__advantage_mobile-mod-1 { background-image: url(/local/templates/haier/css/../images/evo-tv-highlight/mobile-advantage-1.webp) } } @media (max-width: 1023.98px) { .evo-tv-highlight__advantage_mobile-mod-2 { background-image: url(/local/templates/haier/css/../images/evo-tv-highlight/mobile-advantage-2.webp) } } .evo-tv-highlight__advantage-tooltip { position: absolute; top: 10px; right: 10px } .evo-tv-highlight__advantage-tooltip svg { width: 16px; height: 16px } @media (max-width: 1023.98px) { .evo-tv-highlight__advantage-tooltip svg { width: 20px; height: 20px } } .evo-tv-highlight__advantage-icon { width: 56px; height: 56px } .evo-tv-highlight__advantage-name { text-align: center; font-size: 18px; font-weight: 450; line-height: 24px; color: #fff } @media (max-width: 1365.98px) { .evo-tv-highlight__advantage-name { font-size: 16px } } @media (max-width: 1023.98px) { .evo-tv-highlight__advantage-name { line-height: 21px; text-align: start } } @media (max-width: 767.98px) { .confirm-agreement-popup-box .tingle-modal-box { max-width: 100%; width: 100%; min-height: auto; margin: auto 0 0 0; border-radius: 12px 12px 0 0 } } .confirm-agreement-popup-box .tingle-modal-box__content { padding: 40px } @media (max-width: 767.98px) { .confirm-agreement-popup-box .tingle-modal-box__content { padding: 34px 20px 20px 20px } } .confirm-agreement-popup { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; max-width: 400px; background: #fff } @media (max-width: 767.98px) { .confirm-agreement-popup { margin: 0 auto } } .confirm-agreement-popup__title { color: #212121; text-align: center; font-family: Futura PT; font-size: 32px; font-style: normal; font-weight: 500; line-height: 41px; margin-bottom: -5px } @media (max-width: 767.98px) { .confirm-agreement-popup__title { color: #212121; font-size: 24px; font-weight: 600; line-height: 28px } } .confirm-agreement-popup__content { display: flex; flex-direction: column; align-items: center; gap: 25px } @media (max-width: 767.98px) { .confirm-agreement-popup__content { gap: 24px; -ms-grid-row-align: stretch; align-self: stretch; flex-direction: column-reverse } } .confirm-agreement-popup__content-banner { position: relative; width: 100%; height: 226px; border-radius: 8px; flex-shrink: 0 } @media (max-width: 767.98px) { .confirm-agreement-popup__content-banner { height: 197px } } .confirm-agreement-popup__content-img { border-radius: 8px; max-height: 100%; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .confirm-agreement-popup__content-img--model { position: absolute; width: 128px; height: 245px; bottom: -1px; left: 36px } @media (max-width: 767.98px) { .confirm-agreement-popup__content-img--model { width: 116px; height: 210px; left: 14px } } @media (max-width: 767.98px) { .confirm-agreement-popup__content .form__group { margin-bottom: 0 } } .confirm-agreement-popup__content .input-checkbox__label:before { width: 24px; height: 24px } .confirm-agreement-popup__content .input-checkbox__label:after { width: 19px; height: 18px } @media (max-width: 767.98px) { .confirm-agreement-popup__content .input-checkbox__label { font-size: 18px; line-height: 24px; letter-spacing: .36px } } @media (max-width: 767.98px) { .confirm-agreement-popup__content .input-checkbox__label .content-area a:not(.button), .confirm-agreement-popup__content .input-checkbox__label .link, .content-area .confirm-agreement-popup__content .input-checkbox__label a:not(.button) { font-size: 18px !important; line-height: 24px; letter-spacing: .36px } } .confirm-agreement-popup__actions { display: flex; justify-content: center; align-items: center; gap: 10px; -ms-grid-row-align: stretch; align-self: stretch; width: 100% } .confirm-agreement-popup__actions-secondary { width: 195px; height: 56px; flex-shrink: 0; border-radius: 8px; border: 1px solid #22b0f3; background: #fff; color: #22b0f3; text-align: center; font-family: Futura PT; font-size: 18px; font-style: normal; font-weight: 450; line-height: normal } @media (max-width: 767.98px) { .confirm-agreement-popup__actions-secondary { width: 50%; flex-shrink: 1 } } .confirm-agreement-popup__actions-primary { width: 195px; height: 56px; flex-shrink: 0; border-radius: 8px; background: #22b0f3; color: #fff; text-align: center; font-family: Futura PT; font-size: 18px; font-style: normal; font-weight: 450; line-height: normal } @media (max-width: 767.98px) { .confirm-agreement-popup__actions-primary { width: 50%; flex-shrink: 1 } } .confirm-agreement-popup__error { color: #f61c40; font-size: 18px; line-height: 28px; margin-bottom: 8px } .mac-mono { padding: 190px 0 60px; background: #fff } @media (max-width: 1023.98px) { .mac-mono { padding: 96px 0 48px } } .mac-mono__container { width: 100%; max-width: 799px; margin: 0 auto; padding: 0 20px } .mac-mono__container.no-max-width { max-width: none } .mac-mono__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 40px; line-height: 56px; text-align: center; letter-spacing: .02em } @media (max-width: 1919.98px) { .mac-mono__title { font-size: 32px; line-height: 40px } } @media (max-width: 1023.98px) { .mac-mono__title { font-size: 24px; line-height: 32px } } .mac-mono__search { margin-top: 56px } @media (max-width: 1919.98px) { .mac-mono__search { margin-top: 40px } } @media (max-width: 1023.98px) { .mac-mono__search { margin-top: 24px } } .brandshop-detail__menu { position: relative } .brandshop-detail__bar { position: absolute; bottom: 0; left: 0; transition-property: transform, width; transition-duration: .5s; height: 3px; background: #22b0f3 } .brandshop-detail__content { overflow: hidden } .brandshop-detail__content .store-banner { margin-bottom: 140px !important } @media (max-width: 1365.98px) { .brandshop-detail__content .store-banner { margin-bottom: 40px !important } } .brandshop-detail__content .store__title { font-size: 32px } .brandshop-detail__content .photos-main, .brandshop-detail__content .store-info { margin-top: 140px } @media (max-width: 1365.98px) { .brandshop-detail__content .photos-main, .brandshop-detail__content .store-info { margin-top: 48px } } @media (max-width: 1279.98px) { .brandshop-detail__content .photos-main, .brandshop-detail__content .store-info { margin-top: 40px } } .brandshop-detail__slide { display: flex; align-items: flex-start; transition-property: transform, height; transition-duration: .5s } .brandshop-detail__item { flex-shrink: 0; width: 100%; padding-top: 100px; background: #fff; position: relative; overflow: hidden } @media (max-width: 1279.98px) { .brandshop-detail__item { padding-top: 40px } } @media (max-width: 1023.98px) { .brandshop-detail__item { padding-top: 20px } } .brandshop-store .brandshop-detail__item { padding-top: 80px } @media (max-width: 1279.98px) { .brandshop-store .brandshop-detail__item { padding-top: 48px } } @media (max-width: 1023.98px) { .brandshop-store .brandshop-detail__item { padding-top: 40px } } .brandshop-detail__scroll-to { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 25px; left: 50%; transform: translateX(-50%); display: flex; align-items: center } @media (max-width: 1279.98px) { .brandshop-detail__scroll-to { display: none } } .brandshop-detail__scroll-to-text { font-weight: 500; font-size: 22px; line-height: 28px; color: #22b0f3; margin-right: 10px } .brandshop-detail__scroll-to-button { width: 48px; height: 48px; background: #22b0f3; border-radius: 100%; display: flex; align-items: center; justify-content: center } .brandshop-detail__scroll-to-button svg { flex-shrink: 0; pointer-events: none } .brandshop-detail__btn-wrap { display: flex; justify-content: space-evenly; flex-wrap: wrap } .brandshop-detail__btn-wrap .button { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 370px; margin-bottom: 20px } .brandshop-detail__btn-wrap .button:last-child { margin-bottom: 0 } .brandshop-detail__btn-wrap .icon { width: 24px; height: 24px; margin-right: 10px } .brandshop-detail__desc-text { font-weight: 400; font-size: 16px; line-height: 24px; color: #97a4af; margin-top: 32px; padding-top: 32px; border-top: 1px solid rgba(215, 221, 227, .6) } .store__section { margin-bottom: 64px } @media (max-width: 1365.98px) { .store__section { margin-bottom: 48px } } @media (max-width: 1279.98px) { .store__section { margin-bottom: 40px } } .store__container { margin: 0 auto; max-width: 1312px } @media (max-width: 1919.98px) { .store__container { max-width: 1366px; padding: 0 80px } } @media (max-width: 1365.98px) { .store__container { padding: 0 32px } } @media (max-width: 1023.98px) { .store__container { padding: 0 20px } } .store__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 48px; line-height: 56px; letter-spacing: .02em; margin: 0 0 40px } @media (max-width: 1365.98px) { .store__title { font-size: 32px; line-height: 40px; margin: 0 0 28px } } @media (max-width: 1023.98px) { .store__title { font-size: 20px; line-height: 28px; margin: 0 0 16px } } ::-webkit-input-placeholder { font-family: Futura PT, Arial, Helvetica, sans-serif } ::-moz-placeholder { font-family: Futura PT, Arial, Helvetica, sans-serif } :-ms-input-placeholder { font-family: Futura PT, Arial, Helvetica, sans-serif } :-moz-placeholder { font-family: Futura PT, Arial, Helvetica, sans-serif } input::-ms-clear, input::-ms-reveal { display: none } input ::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0 } .pnd__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 40px; line-height: 56px; text-align: center; letter-spacing: .02em } @media (max-width: 1919.98px) { .pnd__title { font-size: 32px; line-height: 40px } } @media (max-width: 1023.98px) { .pnd__title { font-size: 24px; line-height: 32px } } .pnd__link { font-size: 18px; line-height: 24px; text-decoration: none; transition: color .3s } .pnd__link, .pnd__link:hover, .pnd__link:visited { color: #22b0f3 } .pnd__link--arrow { position: relative; padding-right: 30px } .pnd__link--arrow:hover:before { transform: translate(4px) } .pnd__link--arrow:before { content: ""; display: block; position: absolute; top: 2px; right: 4px; bottom: 0; margin: auto 0; width: 20px; height: 15px; background: url(/local/templates/haier/css/../images/icon-arrow.svg) no-repeat 50%; transition: transform .3s; pointer-events: none } .pnd-top { background: #fff; padding-top: 140px } @media (max-width: 1919.98px) { .pnd-top { padding-top: 115px } } @media (max-width: 1023.98px) { .pnd-top { padding-top: 80px } } .pnd-top__container { padding: 0 80px; min-height: 21px; display: none } @media (max-width: 1279.98px) { .pnd-top__container { padding: 0 34px } } @media (max-width: 1023.98px) { .pnd-top__container { padding: 0 20px } } .pnd-top .breadcrumbs .icon-shevron { fill: #212121 } .pnd-top .breadcrumbs__text { color: #212121; opacity: 1 } .pnd-delivery { background: #fff; padding-top: 50px } @media (max-width: 1919.98px) { .pnd-delivery { padding-top: 40px } } @media (max-width: 1023.98px) { .pnd-delivery { padding-top: 30px } } .pnd-delivery__container { max-width: 864px; margin: 0 auto } @media (max-width: 1919.98px) { .pnd-delivery__container { max-width: 896px } } @media (max-width: 1279.98px) { .pnd-delivery__container { max-width: 712px } } @media (max-width: 1023.98px) { .pnd-delivery__container { max-width: 100%; padding: 0 20px } } .pnd-delivery__text { font-size: 20px; line-height: 24px; text-align: center; margin-top: 30px } @media (max-width: 1023.98px) { .pnd-delivery__text { font-size: 16px; line-height: 20px; letter-spacing: .02em; margin-top: 22px } } .pnd-delivery__search { margin-top: 55px } @media (max-width: 1919.98px) { .pnd-delivery__search { margin-top: 35px } } @media (max-width: 1279.98px) { .pnd-delivery__search { margin-top: 40px } } @media (max-width: 1023.98px) { .pnd-delivery__search { margin-top: 30px } } .pnd-delivery__features { margin-top: 40px; padding: 0 48px; justify-content: center } @media (max-width: 1919.98px) { .pnd-delivery__features { margin-top: 30px; padding: 0 64px } } @media (max-width: 1279.98px) { .pnd-delivery__features { margin-top: 30px; padding: 0 36px } } @media (max-width: 1023.98px) { .pnd-delivery__features { margin-top: 20px; padding: 0 } } .pnd-delivery__features-inner { display: flex; margin: 0 -18px; justify-content: center } @media (max-width: 1279.98px) { .pnd-delivery__features-inner { margin: 0 -10px } } @media (max-width: 1023.98px) { .pnd-delivery__features-inner { flex-direction: column; gap: 10px } } .pnd-delivery__features-item { flex-shrink: 0; width: 100%; flex-basis: 33.333%; padding: 0 15px } .pnd-delivery__features-item:first-child .pnd-delivery__features-item-icon { background-image: url(/local/templates/haier/css/../images/payment-and-delivery/delivery-features/1.svg) } .pnd-delivery__features-item:nth-child(2) .pnd-delivery__features-item-icon { background-image: url(/local/templates/haier/css/../images/payment-and-delivery/delivery-features/2.svg) } .pnd-delivery__features-item:nth-child(3) .pnd-delivery__features-item-icon { background-image: url(/local/templates/haier/css/../images/payment-and-delivery/delivery-features/3.svg) } @media (max-width: 1279.98px) { .pnd-delivery__features-item { padding: 0 10px } } @media (max-width: 1023.98px) { .pnd-delivery__features-item { padding: 0 5px } } .pnd-delivery__features-item-inner { background: #f4f4f4; border-radius: 12px; padding: 22px 24px } @media (max-width: 1279.98px) { .pnd-delivery__features-item-inner { padding: 24px 6px } } @media (max-width: 1023.98px) { .pnd-delivery__features-item-inner { padding: 22px 24px; display: flex; gap: 16px } } .pnd-delivery__features-item-icon { width: 60px; padding: 12px; border-radius: 13px; background: #fff no-repeat 50%; height: 60px; box-shadow: 0 6px 16px 0 hsla(0, 0%, 78.4%, .34901960784313724); margin: 0 auto } @media (max-width: 1023.98px) { .pnd-delivery__features-item-icon { margin: 0 } } .pnd-delivery__features-item-text { font-weight: 450; font-size: 18px; line-height: 24px; text-align: center; margin-top: 16px } @media (max-width: 1023.98px) { .pnd-delivery__features-item-text { font-size: 16px; margin-top: 0; text-align: left } } @media (max-width: 1023.98px) { .pnd-delivery__features-item-text--lg { display: none } } .pnd-delivery__features-item-text--sm { display: none } @media (max-width: 1023.98px) { .pnd-delivery__features-item-text--sm { display: block } } .pnd-delivery-icon { cursor: pointer; color: #808093; width: 14px; height: 14px } .pnd-delivery-search { position: relative } .pnd-delivery-search.is-visible .pnd-delivery-search__field { z-index: 2 } .pnd-delivery-search.is-visible .pnd-delivery-search__dropdown { display: block } .pnd-delivery-search.is-active .pnd-delivery-search__dropdown { opacity: 1 } .pnd-delivery-search.is-loading { pointer-events: all; opacity: 1 !important } .pnd-delivery-search.is-loading .pnd-delivery-search__button { font-size: 0; background-image: none } .pnd-delivery-search.is-loading .pnd-delivery-search__button:after { display: block } .pnd-delivery-search__field { position: relative } .pnd-delivery-search__input { width: 100%; height: 56px; background: #fcfcfc url(/local/templates/haier/css/../images/payment-and-delivery/search.svg) no-repeat 10px 50%; border: 1px solid #d7dde3; border-radius: 8px; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 26px; color: #212121; padding: 14px 218px 14px 48px; transition-property: background-color, border-radius, border-color; transition-duration: .3s } .pnd-delivery-search__input:-moz-focusring { outline: none } .pnd-delivery-search__input:focus { outline: none } .pnd-delivery-search__input::-moz-placeholder { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 20px; color: rgba(33, 33, 33, .5) } .pnd-delivery-search__input:-ms-input-placeholder { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 20px; color: rgba(33, 33, 33, .5) } .pnd-delivery-search__input::placeholder { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 20px; color: rgba(33, 33, 33, .5) } @media (max-width: 767.98px) { .pnd-delivery-search__input { background-image: none; padding-right: 70px; padding-left: 14px } } .pnd-delivery-search__input.is-focused, .pnd-delivery-search__input:hover { border-color: #00a0eb } .pnd-delivery-search__input.is-focused, .pnd-delivery-search__input:focus { background-color: #fff; border-bottom-left-radius: 0 } .pnd-delivery-search__input.is-focused::-moz-placeholder, .pnd-delivery-search__input:focus::-moz-placeholder { opacity: 0 } .pnd-delivery-search__input.is-focused:-ms-input-placeholder, .pnd-delivery-search__input:focus:-ms-input-placeholder { opacity: 0 } .pnd-delivery-search__input.is-focused::placeholder, .pnd-delivery-search__input:focus::placeholder { opacity: 0 } .pnd-delivery-search__input.is-error { border-color: #fa4d62 } .pnd-delivery-search__button { width: 194px; position: absolute; top: 0; right: 0; background-repeat: no-repeat; background-position: 50% } @media (max-width: 767.98px) { .pnd-delivery-search__button { width: 56px; font-size: 0 } .pnd-delivery-search__button, .pnd-delivery-search__button:active, .pnd-delivery-search__button:hover { background-image: url(/local/templates/haier/css/../images/payment-and-delivery/search-sm.svg); background-repeat: no-repeat; background-position: 50% } } .pnd-delivery-search__button:after { content: ""; display: none; width: 36px; height: 36px; background-image: url(/local/templates/haier/css/../images/payment-and-delivery/preloader.svg); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; animation: rotate 1.5s linear infinite } @media (max-width: 767.98px) { .pnd-delivery-search__button:after { width: 28px; height: 28px; background-image: url(/local/templates/haier/css/../images/payment-and-delivery/preloader-sm.svg) } } .pnd-delivery-search__dropdown { position: absolute; top: 1px; right: 1px; left: 1px; border-radius: 8px; background: #fff; transition: opacity .3s; opacity: 0; display: none; z-index: 1; box-shadow: 0 0 0 2px #22b0f3; padding-top: 55px } .pnd-delivery-search__dropdown-items { max-height: 294px; overflow-y: auto } @media (max-width: 767.98px) { .pnd-delivery-search__dropdown-items { max-height: 222px } } .pnd-delivery-search__dropdown-item { padding: 9px 24px; transition: background .3s } @media (max-width: 767.98px) { .pnd-delivery-search__dropdown-item { padding: 7px 14px 7px 7px } } .pnd-delivery-search__dropdown-item:not(.is-empty) { cursor: pointer } .pnd-delivery-search__dropdown-item:not(.is-empty):hover { background: #f4f4f4 } .pnd-delivery-search__dropdown-item.is-empty { padding-top: 24px; padding-bottom: 24px } @media (max-width: 767.98px) { .pnd-delivery-search__dropdown-item.is-empty { padding-top: 14px } } .pnd-delivery-search__dropdown-item-title { font-size: 20px; line-height: 24px } .pnd-delivery-search__dropdown-item-text { font-size: 14px; line-height: 24px; color: #959799 } .pnd-delivery-search__dropdown .scroll-content { padding: 15px 0 } @media (max-width: 767.98px) { .pnd-delivery-search__dropdown .scroll-content { padding: 7px 0 17px } } .pnd-delivery-search__dropdown .scrollbar-track { width: 14px; background: transparent } .pnd-delivery-search__dropdown .scrollbar-thumb { width: 100%; background: transparent; cursor: pointer } .pnd-delivery-search__dropdown .scrollbar-thumb:before { content: ""; display: block; width: 4px; height: 100%; margin: 0 auto; background: #d7dde3; border-radius: 2px; pointer-events: none } .pnd-delivery-search__error { font-size: 16px; line-height: 20px; color: rgba(246, 28, 64, .9); margin-top: 4px; display: none } .pnd-delivery-search__error.is-active { border-color: #fa4d62; display: block } .pnd-delivery-search__result { border-radius: 6px; padding: 16px 20px; margin-top: 10px; display: none } .pnd-delivery-search__result.is-success { background: rgba(127, 179, 60, .1) } .pnd-delivery-search__result.is-error { background: rgba(250, 77, 98, .1) } .pnd-delivery-search__result.is-active { display: block } .pnd-delivery-search__result-title { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: .01em } @media (max-width: 767.98px) { .pnd-delivery-search__result-title { line-height: 20px } } .pnd-delivery-search__result-text { font-size: 14px; line-height: 20px; letter-spacing: .02em; margin-top: 10px; display: none } @media (max-width: 767.98px) { .pnd-delivery-search__result-text { margin-top: 5px } } .pnd-delivery-search__result-text.is-active { display: block } .pnd-payment { padding: 60px 0 80px; background: #fff } @media (max-width: 1279.98px) { .pnd-payment { padding: 50px 0 70px } } @media (max-width: 1023.98px) { .pnd-payment { padding: 40px 0 50px } } .pnd-payment__container { padding: 0 80px } @media (max-width: 1023.98px) { .pnd-payment__container { padding: 0 40px } } .pnd-payment__items { margin: -20px -15px 0; padding-top: 48px; display: flex; justify-content: center; flex-wrap: wrap } @media (max-width: 1365.98px) { .pnd-payment__items { margin: 0; padding-top: 30px } } @media (max-width: 1023.98px) { .pnd-payment__items { display: block } } .pnd-payment__item { flex-shrink: 0; width: 50%; padding: 0 15px; min-height: 216px; max-width: 670px; margin-top: 20px } @media (max-width: 1365.98px) { .pnd-payment__item { padding: 0; width: 100%; margin: 0 auto; text-align: center } .pnd-payment__item:not(:first-child) { margin-top: 30px } } .pnd-payment__item-inner { outline: 1px solid #d7dde3; border-radius: 12px; padding: 40px 24px; position: relative; min-height: 238px; display: flex; gap: 48px; height: 100% } @media (max-width: 1365.98px) { .pnd-payment__item-inner { min-height: 218px; padding: 24px 20px; flex-direction: column; align-items: center; gap: 20px } } .pnd-payment__item-images { width: 180px; height: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; top: 40px; left: 24px; flex: 0 0 180px; -moz-column-gap: 8px; column-gap: 8px; row-gap: 6px } @media (max-width: 1365.98px) { .pnd-payment__item-images { width: auto; height: auto; flex-wrap: nowrap; position: static; flex: 0 0 auto } } .pnd-payment__item-images--2 { flex-direction: column } @media (max-width: 1365.98px) { .pnd-payment__item-images--2 { flex-direction: row } } .pnd-payment__item-images--5, .pnd-payment__item-images--6 { justify-content: flex-start } @media (max-width: 436px) { .pnd-payment__item-images--5, .pnd-payment__item-images--6 { display: -ms-grid; display: grid; -ms-grid-columns:(1fr) [ 3 ]; grid-template-columns:repeat(3, 1fr) } } .pnd-payment__item-image { width: 86px; height: 60px; display: flex; align-items: center; justify-content: center; border: 1px solid #f4f4f4; border-radius: 10px; padding: 5px } @media (max-width: 1365.98px) { .pnd-payment__item-image { flex: 0 0 auto; max-width: 68px; height: 40px; border-radius: 10px } } .pnd-payment__item-image img { display: block; max-width: 100%; max-height: 100% } .pnd-payment__item-image--points { width: 100%; height: 100%; font-weight: 500; font-size: 20px; line-height: 32px; letter-spacing: .02em; color: #2354a5; background: #f4fcff; border-radius: 10px; text-align: center; border: 0; max-width: calc(100% - 8px); flex-direction: column } @media (max-width: 1919.98px) { .pnd-payment__item-image--points { font-size: 18px } } @media (max-width: 1365.98px) { .pnd-payment__item-image--points { width: 156px; height: 46px; font-size: 17px; border-radius: 6px; max-width: calc(100% - 4px); flex-direction: row } } .pnd-payment__item-image--points svg { width: 56px; height: 32px; margin-bottom: 8px; flex-shrink: 0 } @media (max-width: 1365.98px) { .pnd-payment__item-image--points svg { width: 41px; height: 24px; margin-bottom: 0; margin-right: 8px } } .pnd-payment__item-images--1 .pnd-payment__item-image { width: 100%; height: 100% } @media (max-width: 1365.98px) { .pnd-payment__item-images--1 .pnd-payment__item-image { max-width: 106px; height: 40px; padding: 5px 8px } } .pnd-payment__item-images--2 .pnd-payment__item-image { width: 100%; height: calc(50% - 3px); flex: 0 0 calc(50% - 3px) } @media (max-width: 1365.98px) { .pnd-payment__item-images--2 .pnd-payment__item-image { max-width: 106px; height: 40px; flex: 0 0 106px } } @media (max-width: 1365.98px) { .pnd-payment__item-images--3 .pnd-payment__item-image { max-width: 76px; height: 46px; padding: 5px 3px } } .pnd-payment__item-title { font-weight: 500; font-size: 24px; line-height: 28px; letter-spacing: .02em } @media (max-width: 1365.98px) { .pnd-payment__item-title { font-size: 18px; line-height: 24px } } .pnd-payment__item-text { font-size: 18px; line-height: 24px; margin-top: 12px } @media (max-width: 1365.98px) { .pnd-payment__item-text { font-size: 16px; letter-spacing: .02em; margin: 8px auto 0; max-width: 330px } .pnd-payment__item-text br { content: "" } .pnd-payment__item-text br:after { content: " " } } .pnd-payment__item-link { margin-top: 24px } @media (max-width: 1365.98px) { .pnd-payment__item-link { margin-top: 20px } } .pnd-faq { background: #fafafa; padding: 80px 0 } @media (max-width: 1279.98px) { .pnd-faq { padding: 70px 0 } } @media (max-width: 1023.98px) { .pnd-faq { padding: 50px 0 } } .pnd-faq__container { /*max-width: 640px;*/ margin: 0 auto } @media (max-width: 1919.98px) { .pnd-faq__container { /*max-width: 588px*/ } } @media (max-width: 1023.98px) { .pnd-faq__container { max-width: 100%; padding: 0 20px } } .pnd-faq__title { font-weight: 500; font-size: 48px } @media (max-width: 1023.98px) { .pnd-faq__title { font-size: 30px; font-weight: 600 } } .pnd-faq__categories { margin-top: 56px } @media (max-width: 1919.98px) { .pnd-faq__categories { margin-top: 50px } } @media (max-width: 1023.98px) { .pnd-faq__categories { margin-top: 40px } } .pnd-faq__category { font-weight: 500; font-size: 18px; line-height: 24px; color: #00a0eb } @media (max-width: 1023.98px) { .pnd-faq__category { font-size: 16px; line-height: 20px } } .pnd-faq__category:not(:first-child) { margin-top: 20px } .pnd-faq__item { border-bottom: 1px solid #d7dde3 } .pnd-faq__item.is-active .pnd-faq__item-header:before { transform: rotate(180deg) } .pnd-faq__item-header { font-weight: 500; font-size: 18px; line-height: 24px; padding: 19px 20px 19px 0; position: relative; cursor: pointer } @media (max-width: 1023.98px) { .pnd-faq__item-header { font-size: 16px; line-height: 20px } } .pnd-faq__item-header:before { content: ""; display: block; width: 10px; height: 6px; position: absolute; top: 0; right: 4px; bottom: 0; margin: auto 0; background: url(/local/templates/haier/css/../images/payment-and-delivery/arrow.svg); transition: transform .3s } .pnd-faq__item-body { transition: height .25s; overflow: hidden; font-size: 16px; line-height: 24px } .pnd-faq__item-body-inner { padding-bottom: 20px } .pnd-faq__item-body:not(.is-expanded) { height: 0 } .pnd-faq__footer { margin-top: 56px; text-align: center } @media (max-width: 1919.98px) { .pnd-faq__footer { margin-top: 50px } } @media (max-width: 1023.98px) { .pnd-faq__footer { margin-top: 40px } } .pnd-faq__footer .button { height: 56px; line-height: 0; padding: 18px 40px } @media (max-width: 1023.98px) { .pnd-faq__footer .button { height: 46px; padding: 15px 25px } } .pnd-faq__table { max-width: 100%; overflow-x: auto } .pnd-faq__table td, .pnd-faq__table th { padding-right: 8px; text-align: left } .pnd-prices { padding-bottom: 80px; background: #fafafa } @media (max-width: 1279.98px) { .pnd-prices { padding-bottom: 70px } } @media (max-width: 1023.98px) { .pnd-prices { padding-bottom: 50px } } .pnd-prices__container { max-width: 1312px; margin: 0 auto } @media (max-width: 1919.98px) { .pnd-prices__container { max-width: 1130px } } @media (max-width: 1279.98px) { .pnd-prices__container { max-width: 880px } } @media (max-width: 1023.98px) { .pnd-prices__container { max-width: 100%; padding: 0 40px } } .pnd-prices__title { font-weight: 500; font-size: 18px; line-height: 24px } @media (max-width: 1023.98px) { .pnd-prices__title { font-size: 16px; line-height: 20px } } .pnd-prices__text { margin-top: 24px } .pnd-modal { padding: 24px 0 } @media (max-width: 767.98px) { .pnd-modal { padding: 0 } } .pnd-modal .tingle-modal-box { max-width: 620px; top: 0; margin: auto 0 } @media (max-width: 767.98px) { .pnd-modal .tingle-modal-box { border-radius: 0; max-width: none; min-height: 100vh; display: flex; flex-direction: column } } .pnd-modal .tingle-modal-box__content { padding: 40px; overflow-y: visible } @media (max-width: 767.98px) { .pnd-modal .tingle-modal-box__content { padding: 0 20px 40px 20px; margin: auto 0 } } .pnd-modal__header { display: flex; align-items: center } .pnd-modal__header-icon { flex-shrink: 0; display: block; margin-right: 14px } @media (max-width: 767.98px) { .pnd-modal__header-icon--lg { display: none } } .pnd-modal__header-icon--sm { display: none } @media (max-width: 767.98px) { .pnd-modal__header-icon--sm { display: block } } .pnd-modal__header-text { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 32px; line-height: 25px } @media (max-width: 1023.98px) { .pnd-modal__header-text { font-size: 24px; line-height: 26px } } .pnd-modal__body { font-size: 18px; line-height: 22px } @media (max-width: 767.98px) { .pnd-modal__body { font-size: 16px; line-height: 20px; letter-spacing: .02em } } .pnd-modal__body ul { margin: 30px 0 0; padding: 0 0 0 20px } .pnd-modal__body ul li:not(:first-child) { margin-top: 20px } .pnd-modal__body p { margin: 30px 0 0; font-size: 20px; line-height: 28px; letter-spacing: .01em } @media (max-width: 1023.98px) { .pnd-modal__body p { margin: 24px 0 0; font-size: 16px; line-height: 20px } } .pnd-modal__body p b { font-weight: 450 } .pnd-modal__body ol { margin: 30px 0; padding: 0 0 0 20px } @media (max-width: 1023.98px) { .pnd-modal__body ol { margin: 24px 0 } } .pnd-modal__body ol li { margin: 12px 0; font-size: 20px; font-weight: 400; letter-spacing: .01em; line-height: 28px } @media (max-width: 1023.98px) { .pnd-modal__body ol li { font-size: 16px; line-height: 20px } } @media (max-width: 767.98px) { .pnd-modal__body br { display: none } } .pnd-modal__items { margin-top: 30px } .pnd-modal__items-title { font-weight: 500 } .pnd-modal__items-list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 10px 1fr 10px 1fr; grid-template-columns:repeat(3, 1fr); gap: 10px; margin-top: 30px } @media (max-width: 767.98px) { .pnd-modal__items-list { -ms-grid-columns:(1fr) [ 2 ]; grid-template-columns:repeat(2, 1fr); max-width: 375px } } .pnd-modal__items-list--col2 { -ms-grid-columns:(1fr) [ 2 ]; grid-template-columns:repeat(2, 1fr) } .pnd-modal__items-item { display: flex; width: 100%; height: 100px; padding: 20px 10px; justify-content: center; align-items: center; border-radius: 10px; border: 1px solid #f4f4f4 } .pnd-modal__items-item img { display: block } .pnd-modal__notice { font-size: 16px; line-height: 24px; color: rgba(33, 33, 33, .7); letter-spacing: normal } .pnd-modal__steps { margin-top: 30px } @media (max-width: 767.98px) { .pnd-modal__steps { margin-top: 0; padding-top: 30px } } .pnd-modal__steps-items { display: flex; margin-left: -15px } @media (max-width: 767.98px) { .pnd-modal__steps-items { flex-wrap: wrap; margin: -18px 0 0 -18px } } .pnd-modal__steps-item { flex-shrink: 0; width: calc(33.333% - 15px); border: 1px solid #f4f4f4; border-radius: 6px; padding: 20px; margin-left: 15px } @media (max-width: 767.98px) { .pnd-modal__steps-item { width: calc(50% - 18px); margin: 18px 0 0 18px } } .pnd-modal__steps-item:first-child .pnd-modal__steps-item-title:before { background-image: url(/local/templates/haier/css/../images/payment-and-delivery/modal-items/step-1.svg); width: 25px; height: 22px } .pnd-modal__steps-item:nth-child(2) .pnd-modal__steps-item-title:before { background-image: url(/local/templates/haier/css/../images/payment-and-delivery/modal-items/step-2.svg); width: 36px; height: 22px } .pnd-modal__steps-item:nth-child(3) .pnd-modal__steps-item-title:before { background-image: url(/local/templates/haier/css/../images/payment-and-delivery/modal-items/step-3.svg); width: 30px; height: 20px } .pnd-modal__steps-item-title { font-weight: 500; font-size: 18px; line-height: 24px; display: flex; align-items: center } .pnd-modal__steps-item-title:before { flex-shrink: 0; content: ""; display: block; background: no-repeat 0; margin-right: 5px } .pnd-modal__steps-item-text { font-size: 16px; line-height: 22px; letter-spacing: .02em; margin-top: 10px } .all-offers { background: #fff; text-align: center; padding-top: 184px } @media (max-width: 1919.98px) { .all-offers { padding-top: 164px } } @media (max-width: 1365.98px) { .all-offers { padding-top: 140px } } @media (max-width: 1023.98px) { .all-offers { padding-top: 124px } } .mac-search__form-group { display: flex } @media (max-width: 1023.98px) { .mac-search__form-group { display: block } } .mac-search__form-group .form__group { flex-grow: 1; margin: 0 } .mac-search__form-group .button { flex-shrink: 0; margin-left: 20px; width: 164px } @media (max-width: 1023.98px) { .mac-search__form-group .button { margin: 24px auto 0; width: 200px; display: block } } .mac-search__message { font-size: 20px; text-align: center; margin-top: 48px } @media (max-width: 1023.98px) { .mac-search__message { text-align: left; margin-top: 24px } } .mac-search__message--error { color: #fa4d62 } .mac-search__message--success { color: #7fb33c } .mac-search__message.is-used { color: #fdb222 } .mac-search__footer { text-align: center; margin-top: 48px } @media (max-width: 1023.98px) { .mac-search__footer { margin-top: 24px } } .mac-search__footer .button { min-width: 200px; margin: 0 8px } @media (max-width: 1023.98px) { .mac-search__footer .button { margin: 0 } .mac-search__footer .button:not(:first-child) { margin-top: 8px } } .certs { padding: 190px 0 60px; background: #fff } @media (max-width: 1023.98px) { .certs { padding: 96px 0 48px } } @media print { .certs__web { display: none } } .certs.is-print .certs__web { display: none } .certs__title { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 40px; line-height: 56px; text-align: center; letter-spacing: .02em } @media print { .certs__title { display: none } } @media (max-width: 1919.98px) { .certs__title { font-size: 32px; line-height: 40px } } @media (max-width: 1023.98px) { .certs__title { font-size: 24px; line-height: 32px } } .certs.is-print .certs__title { display: none } .certs__form { max-width: 420px; margin: 56px auto 0 } @media (max-width: 1919.98px) { .certs__form { margin-top: 40px } } @media (max-width: 1023.98px) { .certs__form { margin-top: 24px } } .certs.is-print .certs__form { max-width: 562px } .certs__print { display: none } @media print { .certs__print { display: block } } .certs.is-print .certs__print { display: block } /* End */ /* Start:/local/templates/haier/css/tooltip.css?17368452831406*/ .lite-tooltip { opacity: 0; top: 0; left: 0; position: absolute; z-index: 9; background-color: #fff; color: #212121; font-size: 16px; padding: 16px 20px 14px; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; /*width: 100%; max-width: calc(100% - 16px);*/ box-shadow: 1px 5px 15px #d7dde3; border-radius: 8px; font-family: Futura PT, Arial, Helvetica, sans-serif; } /* .lite-tooltip:before { content: ""; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #3b4355 transparent transparent transparent; display: inline-block; } .lite-tooltip.lite-tooltip-bottom:before { bottom: auto; top: -6px; left: 50%; transform: translateX(-50%); border-width: 0 6px 6px 6px; border-color: transparent transparent #3b4355 transparent; } .lite-tooltip.lite-tooltip-right:before { bottom: auto; left: -6px; top: 50%; transform: translateY(-50%); border-width: 6px 6px 6px 0; border-color: transparent #3b4355 transparent transparent; } .lite-tooltip.lite-tooltip-left:before { bottom: auto; left: auto; right: -6px; top: 50%; transform: translateY(-50%); border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #3b4355; }*/ /* End */ /* Start:/local/templates/haier/js/chosen/chosen.css?174722569513708*/ /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.8.7 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2018 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ /*приводим стили к фирменным*/ /* @group Base */ .chosen-select { opacity: 0; } .chosen-container { position: relative; user-select: none; } .chosen-container .chosen-drop { display: none; position: absolute; top: 0; left: 0; right: 0; padding-top: 56px; opacity: 0; background-color: #fcfcfc; box-shadow: 0 0 0 1px var(--main-color); border: 1px solid var(--main-color); border-radius: 6px; transition: opacity .25s ease-in-out, transform .25s ease-in-out; z-index: 4; overflow: hidden; flex-direction: column; max-height: 358px; } .chosen-container.chosen-with-drop .chosen-drop { opacity: 1; transform: translateZ(0); display: flex; } .chosen-container a { cursor: pointer; } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999; } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } /* @end */ /* @group Single Chosen */ .chosen-container-multi .chosen-choices, .chosen-container-single .chosen-single { overflow: hidden; color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; display: flex; align-items: center; background-color: #fcfcfc; border: 1px solid #d7dde3; border-radius: 6px; transition: background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out; -webkit-appearance: none; width: 100%; position: relative; z-index: 1; max-width: 100%; height: 56px; padding: 0 15px; } .chosen-container-multi .chosen-choices:hover, .chosen-container-single .chosen-single:hover { border-color: var(--main-color); } .chosen-container-single .chosen-default { color: #999; } .chosen-container-multi .chosen-choices span, .chosen-container-single .chosen-single span { pointer-events: none; z-index: 3; font-size: 20px; font-weight: 400; margin-bottom: 0; cursor: text; transition: font-size .25s ease-in-out, top .25s ease-in-out; flex: 1 0 auto; text-align: left; line-height: 1.3; white-space: nowrap; width: 85%; overflow: hidden; display: inline-block; } .chosen-single[data-placeholder]:not(.chosen-default):after { content: attr(data-placeholder); position: absolute; top: 6px; padding-top: 0; color: #97a4af; font-weight: 400; font-size: 12px; line-height: 1.2; } .chosen-container-single .chosen-single:not(.chosen-default) span { color: #212121; } .chosen-container-single .chosen-single[data-placeholder]:not(.chosen-default) span { padding-top: 10px; } .chosen-container-single .chosen-single.chosen-default span { color: #97a4af; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url("/local/templates/haier/js/chosen/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div b { width: 100%; height: 100%; display: inline-block; margin-top: 3px; flex-shrink: 0; border-top: 8px solid #afbbc6; border-right: 7px solid transparent; border-left: 7px solid transparent; transition: transform .25s ease-in-out; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; padding: 16px 16px 6px; } .chosen-container-single .chosen-search input[type="text"] { background: url(/local/templates/haier/images/icon-search-2.svg) no-repeat 15px center; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.3; display: block; width: 100%; max-width: 100%; height: 56px; border-radius: 6px; color: #212121; border: 1px solid #d7dde3; transition: background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out; -webkit-appearance: none; padding-left: 54px; padding-right: 54px; outline: none; } .chosen-container-single .chosen-drop { } .chosen-container-single.chosen-container-single-nosearch .chosen-search { /* position: absolute; clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%);*/ display: none; } /* @end */ /* @group Results */ .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; padding: 0 24px 16px; right: 5px; max-height: 240px; -webkit-overflow-scrolling: touch; margin-bottom: 0; margin-top: 0; } .chosen-container .chosen-results li { display: none; text-align: left; min-width: calc(100% + 44px); font-size: 20px; line-height: 1.3; font-weight: 400; margin: 0 -22px; padding: 10px 22px; color: inherit; } .chosen-container .chosen-results li.active-result { display: flex; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: rgba(215, 221, 227, .3); } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-weight: 500; color: var(--main-color); font-style: normal; } .chosen-container .chosen-search .search-clear { display: flex; position: absolute; z-index: 5; padding: 5px; width: 28px; height: 28px; top: 50%; transform: translateY(-30%); right: 31px; transition: opacity .25s ease-in-out; } .chosen-container .chosen-search .search-clear span { width: 18px; background-color: #afbbc6; display: flex; height: 2px; border-radius: 3px; transition: background-color .25s ease-in-out; transform: rotate(-45deg); position: absolute; top: 45%; } .chosen-container .chosen-search .search-clear span:nth-child(2) { transform: rotate(45deg); } .chosen-container .chosen-search .search-clear:hover span { background-color: var(--main-color); } .chosen-container.chosen-with-drop { border-color: var(--main-color); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } /* @end */ /* @group Multi Chosen */ /*.chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; }*/ .chosen-container-multi .chosen-choices { margin: 0; } .chosen-container-multi .chosen-choices span { font-size: 16px; width: 100%; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; -webkit-box-shadow: none; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; width: 25px; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 9px; right: 3px; display: block; width: 12px; height: 12px; background: url("/local/templates/haier/js/chosen/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } /*.chosen-container-multi .chosen-results { margin: 0; padding: 0; }*/ .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chosen-container-active .chosen-choices, .chosen-container-active .chosen-single { z-index: 5; } .chosen-container-active.chosen-with-drop .chosen-choices, .chosen-container-active.chosen-with-drop .chosen-single { /*border-bottom: 1px solid #d4dde1; border-bottom-left-radius: 0; border-bottom-right-radius: 0;*/ border: 1px solid #22b0f3; border-bottom: 1px solid #d4dde1; border-bottom-left-radius: 0; border-bottom-right-radius: 0; /*box-shadow: 0 0 0 1px #22b0f3;*/ transition: none; } .chosen-container-active.chosen-with-drop .chosen-choices div, .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-choices div b, .chosen-container-active.chosen-with-drop .chosen-single div b { transform: rotate(-180deg); } .chosen-container-active .chosen-choices { border: 1px solid var(--main-color); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } /* @end */ /* @group Disabled Support */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: url("/local/templates/haier/js/chosen/chosen-sprite.png") no-repeat -30px -20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } .chosen-container .chosen-results::-webkit-scrollbar { width: 6px; padding-right: 2px; } .chosen-container .chosen-results::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 7px; } /* @end */ /* @group Retina compatibility */ /*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("/local/templates/haier/js/chosen/chosen-sprite@2x.png") !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } */ /* @end */ /* End */ /* Start:/local/templates/haier/components/bitrix/menu/submenu-mobile/style.css?173684528349*/ .menu-mobile__sublist-link { font-weight: 600; } /* End */ /* Start:/local/templates/haier/components/bitrix/menu/personal-mobile/style.css?1744726634298*/ .menu-mobile__sublist-link { font-weight: 600; } .account-menu__item-parent > .account-menu__link-parent { margin-bottom: 10px; } .account-menu-sub-list > .account-menu__item:not(:last-child) { margin-bottom: 10px; } .account-menu-sub-list > .account-menu__item:last-child { margin-bottom: 0; } /* End */ /* Start:/local/templates/haier/components/bitrix/menu/main-top/style.css?173684528350*/ .js-catalog-dropdown-wrapper { z-index: 9999; } /* End */ /* Start:/local/components/swifts/profile.auth/templates/.default/style.css?17464503423571*/ [data-type="registration"] .info-for-auth, [data-type="auth"] .info-for-reg { display: none; } [data-type="registration"] .info-for-reg, [data-type="auth"] .info-for-auth { display: block; } [data-auth="#tabPhone"] { font-size: 18px; line-height: 1.27778; } .profile-page-block-auth .tingle-modal { opacity: 1; background: none; position: unset; visibility: unset; align-items: start; padding-left: 80px; padding-right: 80px; cursor: auto; } .profile-page-block-auth .close-icon.js-popup-close { display: none; } /*??????*/ .auth-yandex-container[data-type="registration"] { display: none; } @media(max-width: 768px) { .profile-page-block-auth .tingle-modal { padding: 100px 10px 50px 10px; } } /*??????*/ .fade-enter-active, .fade-leave-active { transition: opacity .3s } .fade-enter-from, .fade-leave-to { opacity: 0 } .auth-phone-send { color: #212121; font-family: Futura PT, sans-serif; font-size: 16px; line-height: normal; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(33, 33, 33, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 360px; } .auth-phone-send .modal-back { transition: 300ms; } .auth-phone-send .modal-back path { fill: #c4c4c4; } .auth-phone-send .modal-back:hover path { fill: #22b0f3; } .auth-phone-send .h-auth__logo { display: block; margin-left: auto; margin-right: auto; height: 28px; } .auth-phone-send .h-auth__title { font-weight: 500; font-size: 22px; line-height: 26px; text-align: center; margin-top: 12px; } .auth-phone-send .h-auth__text { font-size: 18px; line-height: 24px; text-align: center; margin-top: 12px; } .auth-phone-send .h-auth__text-value { font-weight: 500; white-space: nowrap; } .auth-phone-send .h-auth__call-number { margin-top: 24px; color: #fff; cursor: pointer; user-select: none; height: 56px; display: flex; gap: 8px; align-items: center; justify-content: center; text-align: center; background-color: #22b0f3; border-radius: 12px; font-weight: 500; font-size: 22px; line-height: 26px; text-decoration: none; } .auth-phone-send .h-auth__resubmit { font-size: 18px; line-height: 24px; text-align: center; margin-top: 12px; } .auth-phone-send .h-auth__resubmit-button { cursor: pointer; -webkit-user-select: none; user-select: none; color: #22b0f3; transition: color .3s; } .auth-phone-send .h-auth__buttons { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; } .auth-phone-send .h-auth__buttons .h-auth__button { cursor: pointer; user-select: none; appearance: none; border: 0; text-align: left; border-radius: 12px; min-width: 200px; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; font-style: normal; line-height: normal; padding: 0 8px; transition-property: border-color, color, background-color, box-shadow; transition-duration: .3s; transition-timing-function: ease-in-out; position: relative; height: 56px; font-size: 18px; background: #e1f4ff; color: #22b0f3; width: 100%; } .auth-phone-send .h-auth__buttons .h-auth__button:hover { background: #bfe8ff; color: #22b0f3; } .auth-phone-send .h-auth__form-error { font-size: 18px; line-height: 24px; color: #fa4d62; margin-top: 12px; text-align: center; } @media (max-width: 768px) { .profile-page-block-auth .tingle-modal { padding: 100px 10px 50px 10px; } } /* End */ /* Start:/local/components/swifts/profile.registration/templates/.default/style.css?174590925611081*/ .registration .form__col .reg-btn { display: flex; justify-content: flex-start; } .registration .form__col .button--sm { margin-right: 10px; } .profile-button-wrapper { display: flex; } .profile-cancel { line-height: 52px; font-size: 13px; display: inline-block; width: 217px; margin-left: 15px; } .specialization-headline-block:not(.active), .type-active-headline-block:not(.active) { display: none; } .specialization-headline-block, .type-active-headline-block { position: relative; } .specialization-headline-block > ul, .type-active-headline-block > ul { position: absolute; left: 0; right: 0; background-color: #fff; z-index: 9; padding-top: 10px; padding-bottom: 10px; border: solid 1px #d8d8d8; } .specialization-headline-block > ul { top: 0; } .type-active-headline-block > ul { top: -20px; } .personal-work .main-input-container-wrapper { margin-bottom: 20px; } .type-active-headline { margin-bottom: 20px; } .type-active-headline, .specialization-headline { cursor: pointer; background-image: url(/local/templates/lk/images/arrow-bottom-2.svg); background-repeat: no-repeat; background-position: 96% center; display: flex; align-items: center; border: 1px solid #E0E0E0; border-radius: 12px; width: 100%; color: #333; padding-left: 14px; padding-right: 14px; height: 50px; letter-spacing: 1.5px; font-size: 16px; font-family: "ProximaNova-Semibold", sans-serif; } .personal-info-calendar img, .personal-password img.show-password { position: absolute; top: 50%; transform: translate(-50%, -50%); cursor: pointer; right: 0; } .personal h2.headline-error { color: #cb0022; } #UF_COMPANY_INN { display: none; } .personal h2 { color: #333; letter-spacing: 0.1em; font-family: "ProximaNova-Semibold", sans-serif; font-size: 24px; text-transform: uppercase; margin-bottom: 20px; } .personal #image-user { max-width: 100%; } .personal .personal-load-image { max-width: 317px; max-height: 317px; width: 100%; } .personal .preview-lg { height: 200px; width: 200px; } .personal .img-container { max-width: 300px; height: 300px; margin: 20px auto; } .personal .cropper-view-box, .personal .cropper-face { border-radius: 50%; } .personal #preview-image { /*overflow: hidden;*/ border-radius: 50%; } .personal #preview-image > img { max-width: 247px; max-height: 247px; } .personal .avatar-drop-wrapper { display: none; border: 3px #c6c6c6 dashed; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; background-color: rgba(255, 255, 255, 0.8); z-index: 1000; } .personal .label { cursor: pointer; } .personal .hide { display: none; } .personal-load-block-wrapper canvas, .personal-load-block-wrapper { width: 247px; height: 247px; min-width: 247px; min-height: 247px; border-radius: 50%; } .personal-load-block-wrapper img { display: block; max-width: 100%; max-height: 100%; cursor: pointer; } .personal-load-block-wrapper:not(.no-photo) > img, .personal-load-block-wrapper:not(.no-photo) canvas { border-radius: 50%; } .personal-hide-loupe { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; justify-content: center; align-items: center; cursor: pointer; } .personal-hide-loupe > img { width: 80px; height: 80px; } .personal-load-block-wrapper.profole-saved:not(.no-photo):hover .personal-hide-loupe, .personal-load-block-wrapper:not(.no-photo):hover #personal-no-photo-img ~ .personal-hide-loupe { display: flex; } .personal-load-block-wrapper.no-photo { display: flex; justify-content: center; align-items: center; border: 4px solid #dadada; overflow: hidden; } .personal-load-block-wrapper.no-photo img { cursor: pointer; width: 100%; height: 100%; padding: 28%; } .personal-load-block-wrapper:not(.no-photo) { position: relative; } .personal .personal-photo-preview { display: none; } #preview-image { width: 317px; height: 317px; } .personal .preview-text { display: none; } /*.personal-discount > div { width: 192px; height: 41px; line-height: 41px; background: url(/local/templates/lk/images/discount-ico.svg); padding-left: 26px; color: #9E9E9E; cursor: default; display: flex; letter-spacing: 0.1em; } .personal-discount span { padding-left: 16px; font-family: "ProximaNova-Semibold", sans-serif; font-size: 24px; color: #000; }*/ #personal-form { font-size: 20px; letter-spacing: 0.1em; } .personal-form .personal-photo-wrapper { display: flex; padding: 25px 0 20px 0; height: 364px; align-items: center; } .personal-form .personal-photo, .personal-form-right > div:not(:last-child) { margin-bottom: 28px; } .personal-photo > div:nth-child(3) { display: flex; justify-content: center; align-items: center; flex-direction: column; } .personal-photo-buttons a { line-height: 52px; font-size: 13px; width: 186px; display: block; margin-right: 15px; margin-left: 15px; } .personal-photo-buttons a { margin-bottom: 8px; } .personal-photo-buttons:first-child { margin-bottom: 8px; } .personal-form { display: flex; margin-bottom: 25px; margin-top: 0; } .personal-form > div { flex-basis: calc(50% - 6px); display: flex; flex-direction: column; } .personal-form-clear, .filter-form-send { font-size: 13px; font-family: "ProximaNova-Bold", sans-serif; height: 32px; max-width: 100px; justify-content: center; align-items: center; cursor: pointer; color: #fff; margin-top: auto; width: 100%; border: none; letter-spacing: 0.1em; } .personal-form-clear { background-color: #909090; margin-left: 30px; } .personal-form-clear:hover { background-color: #7d7d7d; } .personal .agreement-check, .personal-modal .agreement-check { margin-bottom: 20px; } .personal-form-send { width: 217px; line-height: 52px; font-size: 13px; text-align: center; } .personal-form-left > div, .personal-form-right > div { padding: 22px 30px 45px 30px; position: relative; border: solid 1px #d8d8d8; } .personal-form-left { margin-right: 6px; } .personal-form-right { margin-left: 6px; } .agreement-check-label, .agreement-check label, .news_subscribe-wrapper label { display: flex; letter-spacing: 0.1em; color: #757575; font-size: 16px; font-family: "ProximaNova-Bold", sans-serif; } .type-active-headline-block label:before, .specialization-headline-block label:before, .agreement-check-label:before, .agreement-check > input + label:before, .news_subscribe-wrapper input + label:before { content: ""; display: inline-block; vertical-align: top; height: 24px; width: 24px; margin-right: 15px; border: 2px solid #CF062A; border-radius: 5px; min-width: 24px; } .type-active-headline-block label, .specialization-headline-block label { display: block; padding: 7px 15px; font-size: 16px; font-family: "ProximaNova-SemiBold", sans-serif; color: rgb(85, 84, 84); } .type-active-headline-block label, .specialization-headline-block label, .agreement-check > input + label::before, .news_subscribe-wrapper input + label:before { cursor: pointer; } .type-active-headline-block input:checked + label:before, .specialization-headline-block input:checked + label:before, .agreement-check-label:before, .agreement-check input:checked + label:before, .news_subscribe-wrapper input:checked + label:before { background: url(/local/templates/lk/images/check-ico.svg) #CF062A no-repeat center; } input[type=password]::-ms-reveal, input[type=password]::-ms-clear { display: none; } [data-location] { display: block; /*padding-left: 10px;*/ width: 100%; } [data-location] .form__col-6 { max-width: 100%; } .reg-location [data-location] { width: unset; } .type-active-checkbox-container { position: relative; } .type-active-checkbox-container ul { list-style-type: none; padding-left: 0; } .type-active-checkbox-container ul li:not(:last-child) { margin-bottom: 10px; } .type-active-checkbox-container .type-active-list { border-color: #22b0f3; border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; user-select: none; cursor: pointer; } .type-active-checkbox-container .type-active-list span { pointer-events: none; z-index: 3; font-size: 20px; font-weight: 400; margin-bottom: 0; cursor: text; transition: font-size .25s ease-in-out, top .25s ease-in-out; flex: 1 0 auto; text-align: left; line-height: 1.3; white-space: nowrap; width: 85%; overflow: hidden; display: inline-block; } .type-active-checkbox-container .chosen-container:not(.chosen-container-active) .checkbox-list { opacity: 0; height: 0; } .type-active-checkbox-container .chosen-container.chosen-container-active .chosen-single { border-left-color: #22b0f3; border-right-color: #22b0f3; border-top-color: #22b0f3; } .type-active-checkbox-container .chosen-container.chosen-container-active .checkbox-list { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; border-left: 1px solid #22b0f3; border-right: 1px solid #22b0f3; border-bottom: 1px solid #22b0f3; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; position: absolute; bottom: -156px; width: 100%; z-index: 10; background-color: #fcfcfc; } .birthDay { z-index: 900; } @media (min-width: 1200px) { .personal-news, .personal-info { height: 100%; } .personal-specialization { min-height: 196px; height: 196px; } } @media (max-width: 1200px) { .personal-form .personal-photo-wrapper { padding-left: 41px; } .personal-form > div { flex-basis: 100%; } #personal-modal-form .personal-photo-buttons a, .personal-photo-buttons a { font-size: 20px; width: 236px; line-height: 60px; } .personal-form { flex-direction: column; } .personal-form-left { margin-right: 0; } .personal-form-right { margin-left: 0; } .personal-info { margin-bottom: 28px; } } @media (max-width: 1280px) { .type-active-checkbox-container .chosen-container.chosen-container-active .checkbox-list { bottom: -158px; } } @media (max-width: 1024px) { .type-active-checkbox-container .chosen-container.chosen-container-active .checkbox-list { bottom: -159px; } } @media (max-width: 768px) { .personal .download-photo-wrapper { height: auto; } .personal .download-photo-wrapper { flex-direction: column; } .personal #preview-image { margin: 0 auto; width: 247px; height: 247px; } .personal .personal-photo-preview { /*display: block;*/ margin-bottom: 15px; width: 100%; } .personal .preview-active .preview-text { display: block; margin-bottom: 15px; font-size: 20px; font-family: "ProximaNova-Semibold", sans-serif; line-height: 25px; margin-top: 21px; text-align: center; } .personal-form .personal-photo-wrapper { height: auto; flex-direction: column; align-items: center; padding-left: 15px; padding-right: 15px; margin-bottom: 64px; } .personal-photo > div:first-child { margin-bottom: 28px; } .personal-photo > div:first-child img { width: 100%; } .personal-form-left > div, .personal-form-right > div { padding: 22px 15px 35px 15px; } .personal h2 { font-size: 18px; } [data-location] .form__col-6 { max-width: 100%; } } /* End */ /* Start:/local/components/swifts/feedback/templates/.default/style.css?17368452831028*/ .feedback-wrapper .agreement-check > input + label::before { content: ""; display: inline-block; vertical-align: top; height: 24px; width: 24px; margin-right: 15px; border: 2px solid #CF062A; border-radius: 5px; min-width: 24px; cursor: pointer; position: absolute; top: 0; left: 0; } .feedback-wrapper .agreement-check label { padding-left: 40px; position: relative; letter-spacing: 0.1em; color: #757575; font-size: 16px; font-family: "ProximaNova-Bold", sans-serif; display: block; } .feedback-wrapper .agreement-check a { display:contents; } .feedback-wrapper .agreement-check > input:checked + label::before { background: url(/local/templates/lk/images/check-ico.svg) #CB0022 no-repeat center; } .feedback-wrapper-image .short-dragdrop .webform-field-upload-list li { width: 140px; } .feedback-textarea { margin-bottom: 24px; } @media(max-width: 1024px) { .feedback-wrapper-image .short-dragdrop .webform-field-upload-list li { width: 128px; } } .feedback-wrapper-top span { padding: 0 40px; } /* End */ /* Start:/local/templates/.default/components/bitrix/main.file.input/short/style.css?17368452835203*/ .top-label > .single-input-info { margin-bottom: 20px; } .short-dragdrop { z-index: 100; } .input-wrapper-drag { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer; } .short-file-input { width: 100%; height: 100%; margin-right: auto; } .short-file-input-container { order: 1; } .theme-default .short-file-input-container { height: 100px; border: 1px solid #e8e8e8; } .theme-frame .short-file-input-container { border: 2px dashed #d3d2d2; border-radius: 4px; } .theme-default .short-file-input-container .short-file-input { background-image: url(/local/templates/.default/components/bitrix/main.file.input/short/images/camera-plus.svg?v1); background-position: center; background-repeat: no-repeat; background-size: 60px; } .theme-frame .short-file-input-container .short-file-input .input-wrapper-drag { color: #898989; } .theme-frame .short-file-input .input-wrapper-drag { padding: 20px 5px 5px 5px; text-align: center; font-size: 16px; white-space: normal; letter-spacing: 0.1em; } .theme-default .short-file-input-container .short-file-input:hover { background-color: #f7f7f7; } .webform-field-upload-short { width: 100%; height: 100%; position: relative; } .webform-field-upload-short input[type=file] { display: none; } .short-dragdrop { position: relative; } .short-dragdrop .webform-field-upload-list { /*margin-left: 0; padding-top: 20px; padding-bottom: 0;*/ list-style: none; display: flex; flex-wrap: wrap; padding: 0; } .short-dragdrop.short-dragdrop-single.short-dragdrop-desc { display: flex; } .short-dragdrop.short-dragdrop-multiple.short-dragdrop-desc .webform-field-upload-list, .short-dragdrop.short-dragdrop-single.short-dragdrop-desc .webform-field-upload-list { padding-top: 0; padding-bottom: 0; margin-left: 0; margin-bottom: 0; margin-right: 20px; } .short-dragdrop.short-dragdrop-single.short-dragdrop-desc .webform-field-upload-list li { margin-bottom: 0; margin-right: 0; } .theme-default.short-dragdrop.short-dragdrop-multiple.short-dragdrop-desc .webform-field-upload-list li, .theme-default.short-dragdrop.short-dragdrop-single.short-dragdrop-desc .webform-field-upload-list li { width: 100px; } .theme-default .short-dragdrop-background { height: 100px; } .theme-frame.short-dragdrop.short-dragdrop-single.short-dragdrop-desc .webform-field-upload-list li { width: 150px; } .theme-frame .short-file-input-container, .theme-frame .short-dragdrop-background { height: 150px; } .short-dragdrop-background { position: relative; border: 1px solid #e8e8e8; width: 100%; border-radius: 12px; } .single-input-info .doc-download { margin-left: 0; } .short-dragdrop .webform-field-upload-list li { margin-bottom: 15px; width: calc(20% - 10px); margin-right: 10px; } .short-dragdrop .webform-field-upload-list .upload-file-name { font-size: 14px; letter-spacing: 0.1em; left: 0; right: 0; word-break: break-all; white-space: break-spaces; max-height: 34px; overflow: hidden; color: #888; } .short-dragdrop .webform-field-upload-list li:not(.short-file-input-container) .short-dragdrop-background { background-position: center; background-repeat: no-repeat; background-image: url(/local/templates/.default/components/bitrix/main.file.input/short/images/icon-documents-design-red.svg); } .short-dragdrop .webform-field-upload-list del { position: absolute; right: 7px; top: 7px; } .short-dragdrop .webform-field-upload-list i { position: absolute; top: 3px; left: 7px; margin-left: 0; } .short-dragdrop:not(.bxu-file-input-over) .short-file-info { display: none; } .short-dragdrop.bxu-file-input-over .short-file-info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; background-color: #fff; z-index: 80; border: 1px dashed darkgrey; letter-spacing: 0.1em; font-size: 15px; } .short-file-info-img { margin-right: 20px; position: relative; } .short-file-info-img:before { content: ""; position: absolute; top: -12px; left: 24px; width: 91px; height: 19px; background: url(/local/templates/.default/components/bitrix/main.file.input/short/images/arrow-circle.svg) 0 0 no-repeat; } .short-dragdrop .upload-file-error { position: absolute; bottom: -10px; font-size: 10px; left: 5px; } .webform-field-upload-list del { display: flex; margin: 0; width: 9px; height: 9px; background-image: url("/local/templates/.default/components/bitrix/main.file.input/short/images/feedback_middle_close.svg"); align-items: center; text-decoration: none; outline: none; cursor: pointer; padding-right: 9px; background-repeat: no-repeat; } .webform-field-upload-list i { vertical-align: top; display: none; width: 15px; height: 15px; background: url(/bitrix/js/main/core/images/popup/upload-waiting.gif) no-repeat 0 2px; margin: 0 0 0 8px; } .webform-field-upload-list-single > li:not(:last-child) { display: none; } @media(max-width: 500px) { .theme-frame.short-dragdrop.short-dragdrop-single.short-dragdrop-desc .webform-field-upload-list li { width: 110px; } .theme-frame .short-file-input-container, .theme-frame .short-dragdrop-background { height: 110px; } .theme-frame .short-file-input .input-wrapper-drag { font-size: 14px; padding-top: 5px; } } /* End */ /* Start:/local/templates/haier/template_styles.css?175126717323959*/ html { scroll-behavior: smooth; } :root { --main-color: #22b0f3; } .content-container { background-color: #fff; } .main-product { background-color: #fff; padding-bottom: 80px; padding-top: 60px; } .main-slider__container { position: relative; } .main-slider__container.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { background: #d9d9d9; height: 20px; width: 20px; margin: 0 14px; } .main-slider__container.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; } .main-news *, .main-product * { box-sizing: border-box; } .catalog-sections { position: relative; } .input-text__input { display: flex; align-items: center; } /*.main-product ul { list-style: none; display: flex; flex-wrap: wrap; padding-left: 0; justify-content: center; margin-top: 0; margin-bottom: 0; gap: 40px; } .main-product-element { overflow: hidden; background-color: #fff; border-radius: 15px; box-shadow: 0 0 20px rgba(0, 0, 0, .15); height: 554px; width: 366px; padding: 17px 14px 26px 14px; display: flex; flex-direction: column; align-items: center; } .main-product-element .image { height: 365px; display: flex; align-items: center; justify-content: center; } .main-product-element .image img { max-width: 100%; max-height: 100%; } .main-product-element .headline { font-size: 31px; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; width: 100%; line-height: 24px; margin-top: 20px; } .main-product-element .button--primary { display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; width: 100%; height: 40px; padding: 0 14px; box-shadow: none; font-size: 16px; line-height: 1; text-transform: uppercase; margin-top: auto; }*/ .main-news { background-color: #0d101b; padding-top: 70px; padding-bottom: 70px; } .main-product .swiper-slide { overflow: hidden; background-color: #fff; } .main-product .swiper-slide a, .main-news .swiper-slide a { text-decoration: none; font-family: Futura PT, Arial, Helvetica, sans-serif; } .main-news .swiper-slide .info, .news-block .info { min-height: 123px; padding: 16px 20px 25px 20px; display: flex; flex-direction: column; } .main-news .image { height: 230px; background-position: center; background-size: cover; background-repeat: no-repeat; } .news-block .date, .main-news .date { color: #afbbc6; /*font-weight: 800;*/ font-size: 15px; font-weight: 500; line-height: 20px; margin-bottom: 8px; } .news-block .headline, .main-news .headline { color: #0d101b; font-weight: 800; font-size: 21px; line-height: 24px; min-height: 48px; } .news-block .type, .main-news .type { color: #7e7e80; font-weight: 400; } .main-news .type, .news-block .type { font-size: 16px; line-height: 16px; } .main-news-all { margin-top: 45px; } .main-news-all .button--primary { max-width: 366px; width: 100%; margin-left: auto; margin-right: auto; display: block; height: 40px; line-height: 38px; text-transform: uppercase; font-size: 16px; } .main-product .container { max-width: 1900px; } .main-news .container { max-width: 1400px; } .swiper-catalog-wrapper, .swiper-news-wrapper { padding-left: 100px; padding-right: 100px; position: relative; } .main-product .arrow-v2--next, .main-news .arrow-v2--next { right: 0; } .main-product .arrow-v2--prev, .main-news .arrow-v2--prev { left: 0; } .main-product .arrow-v2, .main-news .arrow-v2 { width: 54px; height: 54px; } .boiler-product-element { overflow: hidden; background-color: #fff; border-radius: 15px; box-shadow: 0 0 20px rgba(0, 0, 0, .15); height: 321px; width: 302px; padding: 10px; /*display: flex; flex-direction: column; align-items: center;*/ } .boiler-product-element .image { height: 192px; display: flex; align-items: center; justify-content: center; } .boiler-product-element .image img { max-width: 100%; max-height: 100%; } .boiler-product-element .headline { font-size: 31px; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; width: 100%; line-height: 24px; margin-top: 20px; color: #212121; } .product-element-link { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; } .boiler-product-element .button--primary { display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; width: 100%; height: 40px; padding: 0 14px; box-shadow: none; font-size: 16px; line-height: 1; text-transform: uppercase; margin-top: auto; } .catalog-sections-container { display: flex; background-color: #fff; width: 100%; } .boilers-sections-menu { width: 27%; min-width: 350px; background-color: #f4f4f4; padding: 50px 50px 50px 7%; } .boilers-sections-wrapper { width: 73%; padding: 50px 39px 140px 39px; } .boilers-sections-list { display: flex; flex-wrap: wrap; gap: 25px; padding-left: 0; } .boilers-sections-list, .boilers-sections-menu ul { list-style: none; margin-top: 0; margin-bottom: 0; } .boilers-sections-menu ul { padding-left: 0; } .boilers-sections-menu h2 { color: #0d101b; font-size: 45px; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 400; } .boilers-sections-menu > ul { margin-top: 38px; } .boilers-sections-menu > ul > li > a { border-top: 1px solid #e0e0e0; display: flex; align-items: center; min-height: 74px; padding-top: 24px; padding-bottom: 24px; cursor: pointer; transition: 200ms; color: #828282; font-size: 24px; line-height: 24px; text-decoration: none; position: relative; } .boilers-sections-menu > ul > li > a:hover, .boilers-sections-menu > ul > li.active > a { color: #45b0f2; } .boilers-sections-menu > ul > li.active > a:before { position: absolute; content: ""; width: 2px; height: 50%; background: var(--main-color); right: -21px; } .pd__header { padding-top: 20px; } .pd__media-slider--secondary .swiper-button-next:after, .pd__media-slider--secondary .swiper-button-prev:after { content: none; } .pd-info h1 { font-size: 40px; font-weight: 800; color: #212121; margin-bottom: 0; } .pd-info .description { font-size: 18px; font-weight: 500; } .pd-info .icons { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; margin-top: 20px; gap: 18px; border-top: 1px solid #d2d8dd; padding-top: 23px; padding-bottom: 23px; } .pd-info .icons > li { display: flex; flex-direction: column; max-width: 125px; width: 100%; } .pd-info .icons > li span { text-align: center; } .pd-info .icons > li > .image img { max-width: 50px; max-height: 50px; } .pd-info .icons > li > .text { font-size: 16px; line-height: 16px; text-align: center; } /* .header__right-item--search { margin-left: auto; }*/ .empty-dev .empty__inner > img { max-width: 350px; } .empty__inner > img { max-width: 445px; width: 100%; margin-bottom: 70px; } .empty__inner .empty-text { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 24px; } .empty__inner .empty-text-2 { font-size: 21px; margin-top: 15px; } .empty__inner .empty__back { margin-top: 30px; } .top__title.no-breadcrumbs { margin-top: 62px; } /*.tooltip::after { font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 21px; background: #fff; border-radius: 10px; box-shadow: 0 4px 10px #EDECEC; color: #212121; content: attr(data-tooltip); margin-top: -24px; opacity: 0; padding: 15px 20px; position: absolute; visibility: hidden; max-width: 314px; text-align: left; } .tooltip:hover::after { opacity: 1; /* Показываем его */ /*visibility: visible; }*/ .empty.empty-403 { padding: 100px 0 200px 0; } .empty.empty-404 { padding: 200px 0 200px 0; } .empty.empty-dev { padding-top: 130px; position: relative; background-color: #f3f3f3; } .series-name { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; font-size: 45px; } .container-wrapper { padding-top: 80px; padding-bottom: 160px; background: #f4f4f4; max-width: 100%; margin: 0 auto; position: relative; } .container-wrapper .container { max-width: 1456px; } .catalog[data-view=tiles] .catalog__item { overflow: hidden; background-color: #fff; border-radius: 15px; box-shadow: 0 0 20px rgba(0, 0, 0, .15); height: 321px; width: 302px; padding: 10px; display: flex; flex-direction: column; align-items: center; } .catalog[data-view=tiles] .detail-link { max-width: 100%; width: 100%; } .catalog[data-view=tiles] .detail-link { width: 100%; } .catalog[data-view=tiles] { overflow: unset; } .catalog .catalog__list { width: 100%; margin: 0; } .card { display: flex; width: 100%; height: 100%; } .catalog__item .js-product-picture { height: 100%; } .catalog[data-view=tiles] .card__footer .card__container-price, /*.catalog[data-view=tiles] .card__footer .card__container-actions button.js-compare-add,*/ .catalog[data-view=tiles] .card__container-labels.card__container-labels--list, .catalog[data-view=tiles] .catalog__item .card__container-reviews { display: none; } /*.catalog[data-view=list] .card__footer .button.button--primary { display: none; }*/ .catalog[data-view=tiles] .card__container-picture { height: 192px; } /*.catalog .card__footer .button.button--primary {*/ .catalog[data-view=tiles] .card__footer .button.button--primary { display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; width: 100%; height: 40px; padding: 0 14px; box-shadow: none; font-size: 16px; line-height: 1; text-transform: uppercase; margin-top: auto; } .catalog[data-view=tiles] .catalog__list { display: flex; flex-wrap: wrap; gap: 25px; } .catalog[data-view=tiles] .card.js-catalog-product-item { width: 100%; padding-bottom: 0; border-bottom: none; } .catalog[data-view=tiles] .card.js-catalog-product-item .card__container-title { margin-top: 0; } .catalog[data-view=tiles] .card.js-catalog-product-item .card__name { font-size: 31px; font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 800; width: 100%; line-height: 24px; margin-top: 0; } .detail-link { flex-grow: 1; max-width: calc(100% - 88px); } .catalog .card__footer .detail-link a.button.button--primary { text-transform: capitalize; font-weight: 500; height: 40px; line-height: 40px; font-size: 16px; width: 100%; } .catalog[data-view=list] .catalog__item { width: 100%; } [data-view="tiles"] [data-name-view="list"], [data-view="list"] [data-name-view="tiles"] { display: none; } [data-view="tiles"] .card__container-score { display: none; } [data-view="list"] .card__score { color: #45b0f2; background-color: #e3f3fd; border-radius: 5px; height: 34px; display: flex; align-items: center; justify-content: center; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 500; max-width: 160px; width: 100%; padding-top: 5px; padding-bottom: 5px; } .compare-block, .favorite-block, .account__wrap { background-color: #fff; position: relative; } a { text-decoration: none; } .choices__list .choices__item { cursor: pointer; } .favorite-block .boilers-sections-wrapper { width: 100%; } .choices__item.choices__item--choice:hover { background-color: rgba(35, 84, 165, .1); } .simplebar-content::-webkit-scrollbar { width: 6px; padding-right: 2px; } .simplebar-content::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 7px; } .top--catalog-filter img { max-width: 100%; } div.top--catalog-filter:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; background: linear-gradient(270deg, #1a218e 5.5%, #161564 14%, #0e011b 29%, #000 100%); } .favorites__head-container { margin-top: 40px; } .account__area { min-height: 500px; width: calc(100% - 260px); /*display: flex; align-items: center; justify-content: center;*/ } /*app.css*/ img.services-item__icon-image { max-width: 40px; max-height: 40px; } div.header__location { margin-left: 10px; margin-right: 0; padding-left: 10px; margin-top: 12px; } div.header__location:before { left: 0; right: unset; } svg.header__logo-svg { width: 110px; height: 23px; } /*h1.top__title,*/ .top__title-h2 { font-family: Futura PT, Arial, Helvetica, sans-serif; font-weight: 900; color: #fff; margin-top: 2.08px; margin-bottom: 2px; font-size: 30px; line-height: 39px; /*text-transform: uppercase;*/ max-width: 100%; } li.menu__item:not(:last-child) { margin-right: 30px; } /*button.mobile-menu-btn { width: 24px; height: 24px; opacity: 1; flex-direction: column; justify-content: space-between; position: relative; background: none; top: 0; }*/ .mobile-menu-btn__item { height: 2px; width: 20px; background: #fff; transition: all .5s ease-in-out; margin: 2px auto; border-radius: 2px; } div.header__search { margin-left: auto; } .header__search-btn-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; background: none; outline: none; font-family: Futura PT, Arial, Helvetica, sans-serif; width: 100%; height: 100%; font-size: 18px; line-height: 24px; background: #fcfcfc; border: 1px solid #dce4e7; border-radius: 8px; padding: 8px 86px 8px 16px; color: #000; transition: transform .25s; transform-origin: right center; } button.header__search-btn .icon { color: var(--main-color); } .mobile-menu-btn.is-active .mobile-menu-btn__item:first-child { bottom: 15px; left: 15px; transform: rotate(45deg); } .mobile-menu-btn.is-active .mobile-menu-btn__item { width: 14px; bottom: 6px; position: absolute; background: #afbbc6; } .mobile-menu-btn.is-active .mobile-menu-btn__item:nth-child(2) { opacity: 0; } .mobile-menu-btn.is-active .mobile-menu-btn__item:last-child { left: 15px; top: 15px; transform: rotate(-45deg); } /*.header.is-active .mobile-menu-btn { z-index: 9014; width: 56px; height: 45px; margin-right: 0; }*/ span.menu-mobile__link--order { margin-top: 1px; cursor: pointer; } .registration .omnichannel { justify-content: space-around; } /*div.main-slider__content { box-sizing: content-box; }*/ .catalog-sections-container.filter-open .boilers-sections-menu, .catalog-sections-container:not(.filter-open) .catalog__filter:not(.is-active) { opacity: 0; transform: translateX(-100%); pointer-events: none; position: absolute; margin-right: -27%; } div.catalog__header { border-bottom: unset; margin-bottom: unset; align-items: center; } .catalog__right { justify-content: end; width: 265px; } .catalog-sections-container.filter-open .catalog__filter-mobile { opacity: 0; width: 0; overflow: hidden; transition: opacity .25s ease-in-out; } div.catalog__filter-mobile { display: block; } div.catalog__filter { margin-right: 0; } div.catalog__left { width: calc(100% - 265px); padding-right: 20px; } div.pd__services-text { max-width: 100%; } div.account { position: relative; padding-bottom: 80px; /*padding-top: 80px;*/ padding-top: 15px; width: 100%; } .account__area, .account__column { padding-top: 66px; } div.account__column { background-color: #f4f4f4; margin-left: 0; padding-left: 0; width: 24%; } a.account-menu__link.is-active:before { right: -21px; left: unset; } div.account__wrap { background-color: unset; } div.account__wrap > :first-child:not(.account__area) { flex: unset; } .account .empty.empty-dev { padding-top: 0; } .account .empty.empty-dev .empty__inner { max-width: 400px; margin-left: 28%; margin-right: auto; } .main__preloader.preloader { position: fixed; z-index: 1500; } .main__preloader.preloader.show { opacity: 1; visibility: visible } input.suggestions-input.focus { outline: none; box-shadow: 0 0 0 1px #00a0eb; border: 1px solid #00a0eb; background-color: #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } div.header__wrap { } /*div.header__wrap>:not(.header__right) { height: 100%; display: flex; align-items: center; }*/ .js-header-sidebar-favorite .header-sidebar__icon svg { fill: #bfc9d2; } .js-header-sidebar-favorite .header-sidebar__icon { position: relative; } .div.comparison-acco__item { font-size: 18px; } div.catalog[data-view=list] .card__container-price, .card__container-score { margin-top: 10px; } .main-slider__wrapper { padding-top: 0; } div.catalog__container { max-width: unset; padding: 0; } .empty { padding: 200px 0 200px 0; } .content-area { padding: 40px; background-color: #fff; border-radius: 12px; width: 100%; font-size: 18px; line-height: 1.55556; } /*div.top { min-height: auto; }*/ .header-sidebar__title { font-weight: 600; } .js-catalog-dropdown-wrapper:not(.is-active) { display: none; } .js-catalog-dropdown-wrapper { position: fixed; top: 0; bottom: 0; left: 0; right: 0; } button.header__catalog { background-color: var(--main-color); } /*div.dropdown.is-visible .catalog-dropdown { top: 150px; left: 80px; }*/ .services__list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 30px; } .services__list .services-item__icon { width: 80px; height: 80px; } .video-slider__btn.swiper-pagination-bullet-active { background-color: unset; border: 2px solid #fff; transition: none; } .video-slider__bottom .video-slider__btn:before { opacity: 1; } .header-sidebar__item-body.is-active .header-sidebar__icon svg, .header-sidebar__item-body.is-active .header-sidebar__title { fill: var(--main-color); color: var(--main-color); } /*STYLE SCOPE OF ACTIVITY*/ .type-active-checkbox-list ul { list-style-type: none; padding-left: 0; margin: 0 auto 32px auto; display: grid; gap: 5px 5px; grid-template-columns: repeat(2, 1fr); } .type-active-checkbox-list ul li:not(:last-child) { margin-bottom: 5px; } .type-active-checkbox-list { padding-top: 5px; } /*STYLE SCOPE OF ACTIVITY END*/ /*INPUT WORK_COMPANY*/ .link_dadata_org { background: url(/local/templates/haier/images/org_hover.svg?v3) no-repeat 0 0; width: 22px; height: 22px; position: absolute; right: 9px; bottom: 16px; /*right: 0; top: 50%; transform: translate(-50%, -50%);*/ display: none; /*filter: grayscale(1) brightness(230%);*/ filter: saturate(0); z-index: 100; } .link_dadata_org:hover { filter: none } /*INPUT WORK_COMPANY END*/ /*????*/ .account__area { position: relative; } .registration [data-location] { display: flex; } .registration [data-location] .form__col-6 { max-width: 50%; } .registration .form__row { margin-left: -4px; margin-right: -4px; } .registration .type-active-checkbox-list .input-checkbox__label { padding: 0 0 0 28px; } .registration .block-reg-location .form__col-6:first-child { padding-right: 5px; } .registration .block-reg-location .form__col-6:last-child { padding-right: 0; padding-left: 13px; } .registration .button--sm { max-width: 348px; } .registration .reg-btn { display: flex; justify-content: center; } .air-datepicker-global-container { z-index:99999; } .comparison--empty .account__area { width: 100%; padding-top: 0; } @media (min-width: 1279.98px) { .registration .padding-decoration { padding-top: 30px; } } @media (min-width: 900px) { div.location-popup { right: -235px; } } @media (min-width: 768.98px) { .padding-decoration-email { padding-top: 33px; } } /*????*/ /*STYLE SCOPE OF ACTIVITY END*/ @media (min-width: 768px) and (max-width: 1279.98px) { .detail-link { width: 100%; max-width: 100%; } } @media (min-width: 1024px) { .header__right-item--search:not(.is-active) { width: 0; overflow: hidden; padding: 0; } div.catalog.is-filter-active .catalog__container:before { content: unset; pointer-events: unset; } .catalog__filter { width: 27%; min-width: 350px; background-color: #f4f4f4; padding: 50px 50px 50px 7%; } } @media (max-width: 1919.98px) { div.pd__services-text { font-size: 16px; line-height: 18px; } .empty { padding-top: 200px; } } @media (max-width: 1500px) { .catalog__filter, .boilers-sections-menu { padding-left: 4%; } .catalog[data-view=tiles] .catalog__list, .boilers-sections-list { gap: 20px; } .series-name { font-size: 35px; } } @media (max-width: 1366px) { .top__title-h2, h1.top__title { font-size: 30px; line-height: normal; } /*div.dropdown.is-visible .catalog-dropdown { left: 30px; }*/ } @media (max-width: 1365.98px) { li.menu__item:not(:last-child) { margin-right: 26px; } svg.header__icon { width: 22px; height: 22px; } a.header__compare .header__count, a.header__favorite .header__count { left: 10px; } span.header__count { width: 11px; height: 11px; font-size: 9px; top: 11px; left: 10px; } } @media (max-width: 1023.98px) { div.top__breadcrumbs { margin-bottom: 13px; } div.header__wrap { gap: unset; } .series-name { font-size: 28px; } .boilers-sections-list { justify-content: center; } /*.boilers-sections-menu { display: block; position: fixed; transform: translateX(-100%); background: #fff; right: 0; top: 0; left: 0; bottom: 0; z-index: 100; overflow: hidden; width: 100%; pointer-events: none; margin-right: 0; }*/ .boilers-sections-wrapper { width: 100%; } .catalog-sections-container { flex-direction: column; } .boilers-sections-menu { width: 100%; padding: 20px 39px; min-height: unset; } .boilers-sections-menu > ul { margin-top: 0; } .boilers-sections-menu > ul > li > a { padding-top: 10px; padding-bottom: 10px; min-height: 35px; } /*button.mobile-menu-btn { display: flex; margin-right: 0; }*/ .header.is-active .header__logo--mobile .header__logo-svg { width: 105px; height: 30px; } div.comparison-acco__item { font-size: 16px; } .comparison--empty .account__area { padding-top: 92px; } } @media (max-width: 768.98px) { .page main { min-height: auto; } div.empty__inner { background-color: unset; } .modal--auth div.tingle-modal-box { margin-bottom: auto; } .series-name { font-size: 22px; } .catalog__header { flex-direction: column; align-items: start; } .catalog__right { margin-top: 15px; width: 100%; justify-content: space-between; } div.catalog__left { width: 100%; } .catalog__view { margin-left: 0; } .catalog__mobile-btn { margin-left: 0; } .swiper-news-wrapper { padding-left: 40px; padding-right: 40px; } .catalog-sections-container { flex-direction: column; } .boilers-sections-wrapper, .boilers-sections-menu { width: 100%; } /*.main-news .arrow-v2 { display: flex; }*/ .catalog[data-view=tiles] .card.js-catalog-product-item { padding-left: 0; } .catalog[data-view=tiles] .card__header { margin-bottom: 16px; } .catalog[data-view=tiles] .card__container-picture { position: relative; top: 0; left: 0; width: 100%; } .catalog[data-view=tiles] .card__container-specs { display: none; } .catalog[data-view=tiles] .catalog__list { justify-content: center; } .catalog__view { display: flex; } .catalog__left { display: block; } .registration .omnichannel { justify-content: center; } /*div.main-slider__content { text-align: unset; width: 256px; padding: 0 85px; align-items: unset; } div.main-slider__slide:before { height: 300px; padding: 0; }*/ .swiper-catalog-wrapper, .swiper-news-wrapper { padding-left: 20px; padding-right: 20px; } div.catalog__header { flex-direction: column; align-items: start; } .services-item__text { font-size: 16px; color: #565d64; } .empty.empty-403 { padding: 110px 20px 40px; } .empty.empty-404, .empty { padding: 80px 20px 40px; } .account .empty.empty-dev .empty__inner { max-width: 100%; margin-left: auto; margin-right: auto; } .services__list { display: inline-block; } .type-active-checkbox-list ul { grid-template-columns: repeat(1, 1fr); } .registration [data-location] .form__col-6 { max-width: 100%; } } @media (max-width: 501px) { /* div.top { height: 270px; min-height: 270px; }*/ } /* End */ /* /local/templates/.default/js/swiper/swiper-bundle.min.css?173684528318431 */ /* /local/templates/.default/js/suggestions/suggestion.css?17368452833371 */ /* /local/templates/.default/js/suggestions/suggestion_fix.css?1736845283432 */ /* /local/templates/haier/css/vendor.css?173684528350983 */ /* /local/templates/haier/styles.css?173684528315662 */ /* /local/templates/haier/css/app.css?17512676111472325 */ /* /local/templates/haier/css/tooltip.css?17368452831406 */ /* /local/templates/haier/js/chosen/chosen.css?174722569513708 */ /* /local/templates/haier/components/bitrix/menu/submenu-mobile/style.css?173684528349 */ /* /local/templates/haier/components/bitrix/menu/personal-mobile/style.css?1744726634298 */ /* /local/templates/haier/components/bitrix/menu/main-top/style.css?173684528350 */ /* /local/components/swifts/profile.auth/templates/.default/style.css?17464503423571 */ /* /local/components/swifts/profile.registration/templates/.default/style.css?174590925611081 */ /* /local/components/swifts/feedback/templates/.default/style.css?17368452831028 */ /* /local/templates/.default/components/bitrix/main.file.input/short/style.css?17368452835203 */ /* /local/templates/haier/template_styles.css?175126717323959 */