/* Start:/local/templates/main/fonts/stylesheet.css?1773681372816*/ @font-face { font-family: 'Century Gothic'; src: url('/local/templates/main/fonts/CenturyGothic.eot'); src: url('/local/templates/main/fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/CenturyGothic.woff') format('woff'), url('/local/templates/main/fonts/CenturyGothic.ttf') format('truetype'), url('/local/templates/main/fonts/CenturyGothic.svg#CenturyGothic') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Century Gothic'; src: url('/local/templates/main/fonts/CenturyGothic-Bold.eot'); src: url('/local/templates/main/fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/CenturyGothic-Bold.woff') format('woff'), url('/local/templates/main/fonts/CenturyGothic-Bold.ttf') format('truetype'), url('/local/templates/main/fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } /* End */ /* Start:/local/templates/main/fonts/icomoon/style.css?17736813722273*/ @font-face { font-family: 'icomoon'; src: url('/local/templates/main/fonts/icomoon/fonts/icomoon.eot?ymofcv'); src: url('/local/templates/main/fonts/icomoon/fonts/icomoon.eot?ymofcv#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/icomoon/fonts/icomoon.ttf?ymofcv') format('truetype'), url('/local/templates/main/fonts/icomoon/fonts/icomoon.woff?ymofcv') format('woff'), url('/local/templates/main/fonts/icomoon/fonts/icomoon.svg?ymofcv#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-social-youtube_icon-iconscom_66493:before { content: "\e91f"; } .icon-telegram:before { content: "\e91d"; } .icon-tik-tok:before { content: "\e91e"; } .icon-filter:before { content: "\e91b"; } .icon-note:before { content: "\e91a"; } .icon-play-big:before { content: "\e919"; } .icon-map:before { content: "\e918"; } .icon-bag-protect:before { content: "\e915"; } .icon-card:before { content: "\e916"; } .icon-info:before { content: "\e914"; } .icon-whatsapp:before { content: "\e911"; } .icon-phone:before { content: "\e912"; } .icon-clock:before { content: "\e913"; } .icon-eye:before { content: "\e910"; } .icon-arrow-down-mini:before { content: "\e900"; } .icon-arrow-up-mini:before { content: "\e917"; } .icon-arrow-left-mini:before { content: "\e901"; } .icon-arrow-right-mini:before { content: "\e902"; } .icon-arrow-left:before { content: "\e903"; } .icon-arrow-right:before { content: "\e904"; } .icon-bag:before { content: "\e905"; } .icon-facebook:before { content: "\e906"; } .icon-instagram:before { content: "\e907"; } .icon-favorites:before { content: "\e908"; } .icon-user:before { content: "\e909"; } .icon-marker:before { content: "\e90a"; } .icon-play:before { content: "\e90b"; } .icon-search:before { content: "\e90c"; } .icon-shop:before { content: "\e90d"; } .icon-trash:before { content: "\e90e"; } .icon-vk:before { content: "\e90f"; } .icon-check:before { content: "\e91c"; } /* End */ /* Start:/local/templates/main/css/swiper-bundle.min.css?177368138015184*/ /** * Swiper 7.0.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 3, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;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:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: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 4px}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main/css/jquery.modal.min.css?17736813803201*/ .blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}} /* End */ /* Start:/local/templates/main/css/selectric.css?17736813804299*/ /*====================================== Selectric v1.13.0 ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #DDD; border-radius: 0px; background: #F8F8F8; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric-focus .selectric { border-color: #aaaaaa; } .selectric-hover .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c4c4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid #c4c4c4; z-index: -1; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.selected { background: #E0E0E0; color: #444; } .selectric-items li.highlighted { background: #D0D0D0; color: #444; } .selectric-items li:hover { background: #D5D5D5; color: #444; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } /* End */ /* Start:/local/templates/main/css/image-zoom.css?1773681380233*/ figure.containerZoom{background-position:50% 50%;position:relative;width:100%;overflow:hidden;cursor:zoom-in;margin:0}figure.containerZoom img{transition:opacity .5s;display:block;width:100%}figure.containerZoom.active img{opacity:0} /* End */ /* Start:/local/templates/main/css/datepicker.min.css?17736813803510*/ /*! * Datepicker v1.0.10 * https://fengyuanchen.github.io/datepicker * * Copyright 2014-present Chen Fengyuan * Released under the MIT license * * Date: 2020-09-29T14:46:09.037Z */.datepicker-container{background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none} /* End */ /* Start:/local/templates/main/css/preloaders.css?177368138011175*/ .loader01 .item { width: 280px; height: 280px; margin: 20px; background: #f6f9ff; border-radius: 3px; position: relative; } .loader01 .number { position: absolute; top: 16px; right: 16px; color: #c3d8ff; font-size: 30px; } .loader01 { width: 56px; height: 56px; border: 8px solid #0052ec; border-right-color: transparent; border-radius: 50%; position: fixed; animation: loader-rotate 1s linear infinite; top: 50%; left: 50%; margin: -28px auto 0; z-index: 10000000000; } .loader01::after { content: ''; width: 8px; height: 8px; background: #0052ec; border-radius: 50%; position: absolute; top: -1px; left: 33px; } @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .loader02 { width: 56px; height: 56px; border: 8px solid rgba(0, 82, 236, 0.25); border-top-color: #0052ec; border-radius: 50%; position: relative; animation: loader-rotate 1s linear infinite; top: 50%; margin: -28px auto 0; } @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .loader03 { width: 56px; height: 56px; border: 8px solid transparent; border-top-color: #0052ec; border-bottom-color: #0052ec; border-radius: 50%; position: relative; animation: loader-rotate 1s linear infinite; top: 50%; margin: -28px auto 0; } @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .loader04 { width: 56px; height: 56px; border: 2px solid rgba(0, 82, 236, 0.5); border-radius: 50%; position: relative; animation: loader-rotate 1s ease-in-out infinite; top: 50%; margin: -28px auto 0; } .loader04::after { content: ''; width: 10px; height: 10px; border-radius: 50%; background: #0052ec; position: absolute; top: -6px; left: 50%; margin-left: -5px; } @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .loader05 { width: 56px; height: 56px; border: 4px solid #0052ec; border-radius: 50%; position: relative; animation: loader-scale 1s ease-out infinite; top: 50%; margin: -28px auto 0; } @keyframes loader-scale { 0% { transform: scale(0); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .loader06 { width: 56px; height: 56px; border: 4px solid transparent; border-radius: 50%; position: relative; top: 50%; margin: -28px auto 0; } .loader06::before { content: ''; border: 4px solid rgba(0, 82, 236, 0.5); border-radius: 50%; width: 67.2px; height: 67.2px; position: absolute; top: -9.6px; left: -9.6px; animation: loader-scale 1s ease-out infinite; animation-delay: 1s; opacity: 0; } .loader06::after { content: ''; border: 4px solid #0052ec; border-radius: 50%; width: 56px; height: 56px; position: absolute; top: -4px; left: -4px; animation: loader-scale 1s ease-out infinite; animation-delay: 0.5s; } @keyframes loader-scale { 0% { transform: scale(0); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .loader07 { width: 16px; height: 16px; border-radius: 50%; position: relative; animation: loader07-u04c322d6 1s linear infinite; top: 50%; margin: -8px auto 0; } @keyframes loader07-u04c322d6 { 0% { box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.05), 19px -19px 0 0 rgba(0, 82, 236, 0.1), 27px 0 0 0 rgba(0, 82, 236, 0.2), 19px 19px 0 0 rgba(0, 82, 236, 0.3), 0 27px 0 0 rgba(0, 82, 236, 0.4), -19px 19px 0 0 rgba(0, 82, 236, 0.6), -27px 0 0 0 rgba(0, 82, 236, 0.8), -19px -19px 0 0 #0052ec; } 12.5% { box-shadow: 0 -27px 0 0 #0052ec, 19px -19px 0 0 rgba(0, 82, 236, 0.05), 27px 0 0 0 rgba(0, 82, 236, 0.1), 19px 19px 0 0 rgba(0, 82, 236, 0.2), 0 27px 0 0 rgba(0, 82, 236, 0.3), -19px 19px 0 0 rgba(0, 82, 236, 0.4), -27px 0 0 0 rgba(0, 82, 236, 0.6), -19px -19px 0 0 rgba(0, 82, 236, 0.8); } 25% { box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.8), 19px -19px 0 0 #0052ec, 27px 0 0 0 rgba(0, 82, 236, 0.05), 19px 19px 0 0 rgba(0, 82, 236, 0.1), 0 27px 0 0 rgba(0, 82, 236, 0.2), -19px 19px 0 0 rgba(0, 82, 236, 0.3), -27px 0 0 0 rgba(0, 82, 236, 0.4), -19px -19px 0 0 rgba(0, 82, 236, 0.6); } 37.5% { box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.6), 19px -19px 0 0 rgba(0, 82, 236, 0.8), 27px 0 0 0 #0052ec, 19px 19px 0 0 rgba(0, 82, 236, 0.05), 0 27px 0 0 rgba(0, 82, 236, 0.1), -19px 19px 0 0 rgba(0, 82, 236, 0.2), -27px 0 0 0 rgba(0, 82, 236, 0.3), -19px -19px 0 0 rgba(0, 82, 236, 0.4); } 50% { box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.4), 19px -19px 0 0 rgba(0, 82, 236, 0.6), 27px 0 0 0 rgba(0, 82, 236, 0.8), 19px 19px 0 0 #0052ec, 0 27px 0 0 rgba(0, 82, 236, 0.05), -19px 19px 0 0 rgba(0, 82, 236, 0.1), -27px 0 0 0 rgba(0, 82, 236, 0.2), -19px -19px 0 0 rgba(0, 82, 236, 0.3); } 62.5% { box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.3), 19px -19px 0 0 rgba(0, 82, 236, 0.4), 27px 0 0 0 rgba(0, 82, 236, 0.6), 19px 19px 0 0 rgba(0, 82, 236, 0.8), 0 27px 0 0 #0052ec, -19px 19px 0 0 rgba(0, 82, 236, 0.05), -27px 0 0 0 rgba(0, 82, 236, 0.1), -19px -19px 0 0 rgba(0, 82, 236, 0.2); } 75% { box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.2), 19px -19px 0 0 rgba(0, 82, 236, 0.3), 27px 0 0 0 rgba(0, 82, 236, 0.4), 19px 19px 0 0 rgba(0, 82, 236, 0.6), 0 27px 0 0 rgba(0, 82, 236, 0.8), -19px 19px 0 0 #0052ec, -27px 0 0 0 rgba(0, 82, 236, 0.05), -19px -19px 0 0 rgba(0, 82, 236, 0.1); } 87.5% { box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.1), 19px -19px 0 0 rgba(0, 82, 236, 0.2), 27px 0 0 0 rgba(0, 82, 236, 0.3), 19px 19px 0 0 rgba(0, 82, 236, 0.4), 0 27px 0 0 rgba(0, 82, 236, 0.6), -19px 19px 0 0 rgba(0, 82, 236, 0.8), -27px 0 0 0 #0052ec, -19px -19px 0 0 rgba(0, 82, 236, 0.05); } 100% { box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.05), 19px -19px 0 0 rgba(0, 82, 236, 0.1), 27px 0 0 0 rgba(0, 82, 236, 0.2), 19px 19px 0 0 rgba(0, 82, 236, 0.3), 0 27px 0 0 rgba(0, 82, 236, 0.4), -19px 19px 0 0 rgba(0, 82, 236, 0.6), -27px 0 0 0 rgba(0, 82, 236, 0.8), -19px -19px 0 0 #0052ec; } } .loader08 { width: 20px; height: 20px; position: relative; animation: loader08-ub06eb63b 1s ease infinite; top: 50%; margin: -46px auto 0; } @keyframes loader08-ub06eb63b { 0%, 100% { box-shadow: -13px 20px 0 #0052ec, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2); } 25% { box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #0052ec, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2); } 50% { box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #0052ec, -13px 46px 0 rgba(0, 82, 236, 0.2); } 75% { box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #0052ec; } } .loader09 { width: 10px; height: 48px; background: #0052ec; position: relative; animation: loader09-u3e967ec0 1s ease-in-out infinite; animation-delay: 0.4s; top: 50%; margin: -28px auto 0; } .loader09::after, .loader09::before { content: ''; position: absolute; width: 10px; height: 48px; background: #0052ec; animation: loader09-u3e967ec0 1s ease-in-out infinite; } .loader09::before { right: 18px; animation-delay: 0.2s; } .loader09::after { left: 18px; animation-delay: 0.6s; } @keyframes loader09-u3e967ec0 { 0%, 100% { box-shadow: 0 0 0 #0052ec, 0 0 0 #0052ec; } 50% { box-shadow: 0 -8px 0 #0052ec, 0 8px 0 #0052ec; } } .loader10 { width: 28px; height: 28px; border-radius: 50%; position: relative; animation: loader10-uba7e1836 0.9s ease alternate infinite; animation-delay: 0.36s; top: 50%; margin: -42px auto 0; } .loader10::after, .loader10::before { content: ''; position: absolute; width: 28px; height: 28px; border-radius: 50%; animation: loader10-uba7e1836 0.9s ease alternate infinite; } .loader10::before { left: -40px; animation-delay: 0.18s; } .loader10::after { right: -40px; animation-delay: 0.54s; } @keyframes loader10-uba7e1836 { 0% { box-shadow: 0 28px 0 -28px #0052ec; } 100% { box-shadow: 0 28px 0 #0052ec; } } .loader11 { width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 40px 0 #0052ec; position: relative; animation: loader11-u7f16642c 0.8s ease-in-out alternate infinite; animation-delay: 0.32s; top: 50%; margin: -50px auto 0; } .loader11::after, .loader11::before { content: ''; position: absolute; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 40px 0 #0052ec; animation: loader11-u7f16642c 0.8s ease-in-out alternate infinite; } .loader11::before { left: -30px; animation-delay: 0.48s; } .loader11::after { right: -30px; animation-delay: 0.16s; } @keyframes loader11-u7f16642c { 0% { box-shadow: 0 40px 0 #0052ec; } 100% { box-shadow: 0 20px 0 #0052ec; } } .loader12 { width: 20px; height: 20px; border-radius: 50%; position: relative; animation: loader12-u6338d783 1s linear alternate infinite; top: 50%; margin: -50px auto 0; } @keyframes loader12-u6338d783 { 0% { box-shadow: -60px 40px 0 2px #0052ec, -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2); } 25% { box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 2px #0052ec, 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2); } 50% { box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 2px #0052ec, 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2); } 75% { box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 2px #0052ec, 60px 40px 0 0 rgba(0, 82, 236, 0.2); } 100% { box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 2px #0052ec; } } /* End */ /* Start:/local/templates/main/css/style.css?1773681380371608*/ @charset "UTF-8"; @keyframes bulletAnim { from { stroke-dashoffset: 43.9822971503; } to { stroke-dashoffset: 0; } } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html { height: 100%; height: -webkit-fill-available; } html, body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0 auto; padding: 0px; -webkit-outline: none; outline: none; position: relative; min-width: 320px; max-height: 1000000px; min-height: 100%; /* min-height: -webkit-fill-available; */ text-decoration-skip: objects; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; } :focus, :active, :hover, :link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important; -webkit-outline: none; outline: none; } ul, ol { list-style-position: inside; list-style-type: none; padding: 0; margin: 0; text-align: left; } li { height: auto; } h1, h2, h3, h4, h5, h6, p { margin: 0; } iframe { display: block; border: none; } img { display: block; border: none; max-width: 100%; } textarea { white-space: pre-wrap; resize: none; } button, select { display: block; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-family: inherit; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-transform: none; } button { width: auto; cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border: none; padding: 0; } [type=search], button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { -webkit-outline: none; outline: none; } [type=search]::-webkit-search-decoration, ::-webkit-file-upload-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } [hidden], ::-ms-clear, area { display: none; } fieldset { border: none; margin: 0; padding: 0; } legend { display: block; padding: 0; } menu, dir { list-style: none; margin: 0; padding: 0; } ::-webkit-input-placeholder { color: inherit; } :-ms-input-placeholder { color: inherit; } ::-moz-input-placeholder { color: inherit; } ::-moz-placeholder { color: inherit; } :-moz-placeholder { color: inherit; } a { background-color: transparent; color: inherit; text-decoration: none; -webkit-outline: none; outline: none; } [type=date]::-webkit-inner-spin-button { display: none; } [type=date]::-webkit-calendar-picker-indicator { opacity: 0; } input[type=number] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { display: none; } /* sass --watch scss/style.scss:css/style.css */ body { width: 100%; background-color: #fff; font-family: "Century Gothic"; font-size: 14px; line-height: 21px; color: #212121; overflow-x: hidden; } body.activeMobMenu { overflow: hidden; } .bannerTitle { display: table; font-size: 64px; line-height: 78px; font-weight: normal; } .blockCount { display: block; font-size: 96px; line-height: 96px; color: #E0E0DE; font-weight: bold; } .cardTitle { display: block; font-size: 48px; line-height: 48px; text-transform: uppercase; } .blockTitle { display: block; font-size: 36px; line-height: 44px; font-weight: normal; text-transform: uppercase; } .blockSubTitle { display: block; font-size: 24px; line-height: 28px; font-weight: bold; text-transform: uppercase; } .pageTitleContainer { margin-top: 50px; margin-bottom: 40px; } .pageTitleContainer.center { text-align: center; } .pageContent { padding-bottom: 120px; } .pageContent.noBottom { padding-bottom: 0; } .pageMarkContainer { margin-bottom: 50px; margin-top: 20px; } .pageMarkContainer p { margin-top: 25px; } @media (min-width: 1800px) { .mainBannerCarousel .bannerCard .bannerImage.bannerImage_big { width: calc(100% + 75vw - 920px) !important; /* width: 100% !important; */ position: relative !important; top: auto !important; margin-left: calc((920px - 75vw) / 2) !important; left: auto !important; height: auto !important; } } .chapterTitleContainer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 66px; min-height: 60px; } .chapterTitleContainer img { max-height: 60px; margin-left: 30px; } .textWrapper p { margin-bottom: 22px; margin-top: 22px; } .textWrapper.center { text-align: center; } .textWrapper ul { margin-bottom: 22px; margin-top: 22px; } .textWrapper ul li { position: relative; padding-left: 16px; } .textWrapper ul li:before { content: ""; display: block; position: absolute; background-color: #212121; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; left: 0; width: 5px; height: 5px; top: 8px; } .textWrapper>*:last-child { margin-bottom: 0; } .moreLink { display: table; font-size: 14px; line-height: 17px; color: #212121; font-weight: bold; position: relative; padding-right: 20px; white-space: nowrap; padding-top: 3px; padding-bottom: 3px; } .moreLink:after { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 10px; line-height: 10px; color: inherit; font-weight: normal; top: 50%; margin-top: -4px; right: 0; -webkit-transition: color 0.4s, right 0.4s; -moz-transition: color 0.4s, right 0.4s; -o-transition: color 0.4s, right 0.4s; transition: color 0.4s, right 0.4s; } .moreLink:before { content: ""; display: block; position: absolute; width: calc(100% - 18px); background-color: #E0E0DE; background-color: transparent; height: 1px; bottom: 0; left: 0; opacity: 1; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .moreLink:hover:after { right: -5px; color: #d0d0d0; } .moreLink:hover:before { background-color: #212121; } .checkLink { display: table; font-size: 14px; line-height: 17px; color: #212121; font-weight: normal; position: relative; padding-right: 35px; white-space: nowrap; padding-top: 3px; padding-bottom: 3px; padding-left: 35px; } .checkLink:after { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 8px; line-height: 8px; color: inherit; font-weight: normal; top: 50%; margin-top: -3px; right: 0; -webkit-transition: color 0.4s, right 0.4s; -moz-transition: color 0.4s, right 0.4s; -o-transition: color 0.4s, right 0.4s; transition: color 0.4s, right 0.4s; } .checkLink:before { content: ""; display: block; position: absolute; width: calc(100% - 35px - 35px); background-color: #E0E0DE; height: 1px; bottom: 0; left: 35px; opacity: 1; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .checkLink .icon { position: absolute; display: block; font-size: 30px; line-height: 30px; color: inherit; left: 0; top: 50%; margin-top: -10px; } .checkLink:hover:after { right: -5px; color: #d0d0d0; } .checkLink:hover:before { background-color: #212121; } .paginationWrapper { display: table; margin: 50px auto 0; } .paginationWrapper .paginationList { margin-top: 32px; } .moreBtn { display: table; font-size: 18px; line-height: 24px; color: #212121; text-transform: uppercase; margin: 0 auto; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration-color 0.4s; -moz-transition: text-decoration-color 0.4s; -o-transition: text-decoration-color 0.4s; transition: text-decoration-color 0.4s; } .catalogSection .moreBtn { margin-top: 32px; } .moreBtn:hover { text-decoration-color: #212121; } .paginationList { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .paginationList a { display: block; margin: 0 2px; width: 45px; height: 45px; font-size: 18px; line-height: 43px; color: #212121; border: 1px solid transparent; text-align: center; -webkit-transition: border-color 0.4s; -moz-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; } .paginationList a.active { font-weight: bold; border-color: #212121; } .paginationList a:hover { border-color: #E0E0DE; } .paginationList .icon { display: block; font-size: 14px; line-height: 43px; color: inherit; } .pageBackLink { font-size: 12px; line-height: 16px; color: #6F6F6F; font-weight: bull; position: relative; padding-left: 14px; white-space: nowrap; padding-top: 3px; padding-bottom: 3px; margin-top: 16px; margin-bottom: 16px; display: none; } .pageBackLink:before { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 8px; line-height: 8px; color: #E0E0DE; font-weight: normal; top: 50%; margin-top: -4px; left: 0; -webkit-transition: color 0.4s, right 0.4s; -moz-transition: color 0.4s, right 0.4s; -o-transition: color 0.4s, right 0.4s; transition: color 0.4s, right 0.4s; } .pageBackLink:after { content: ""; display: block; position: absolute; width: calc(100% - 14px); background-color: #E0E0DE; background-color: transparent; height: 1px; bottom: 0; left: 14px; opacity: 1; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .pageBackLink:hover { color: #212121; } .pageBackLink:hover:before { color: #212121; } .pageBackLink:hover:after { background-color: #212121; } .container { margin: 0 auto; width: 1670px; padding: 0 15px; } .pageWrapper { overflow: hidden; min-height: 100%; /* min-height: -webkit-fill-available; */ position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .pageWrapper:before { content: ""; display: block; position: absolute; z-index: 9; height: 100vh; width: 100vw; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.25); opacity: 0; height: 0; cursor: pointer; -webkit-transition: opacity 0.3s 0.1s, height 0s 0.3s; -moz-transition: opacity 0.3s 0.1s, height 0s 0.3s; -o-transition: opacity 0.3s 0.1s, height 0s 0.3s; transition: opacity 0.3s 0.1s, height 0s 0.3s; } .activeModal .pageWrapper { filter: blur(10px); } .activeMenu .pageWrapper:before { opacity: 1; height: 100%; -webkit-transition: opacity 0.3s 0.1s, height 0s 0s; -moz-transition: opacity 0.3s 0.1s, height 0s 0s; -o-transition: opacity 0.3s 0.1s, height 0s 0s; transition: opacity 0.3s 0.1s, height 0s 0s; } .activeMenu .siteFooter, .activeMenu .pageContent { filter: blur(10px); } a { -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .cardLink a { display: table; position: relative; white-space: nowrap; padding-right: 18px; font-size: 14px; line-height: 17px; color: #212121; font-weight: bold; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration-color 0.4s; -moz-transition: text-decoration-color 0.4s; -o-transition: text-decoration-color 0.4s; transition: text-decoration-color 0.4s; } .cardLink a:after { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 10px; line-height: 10px; color: inherit; font-weight: normal; top: 6px; right: 0; -webkit-transition: color 0.4s, right 0.4s; -moz-transition: color 0.4s, right 0.4s; -o-transition: color 0.4s, right 0.4s; transition: color 0.4s, right 0.4s; } .cardLink a:hover { text-decoration-color: #212121; } .cardLink a:hover:after { right: -5px; color: #d0d0d0; } .costPostfix:before { content: "₸"; font-weight: normal; font-size: 0.833em; } .sectionCaption { display: block; font-size: 36px; line-height: 44px; color: #212121; font-weight: normal; text-transform: uppercase; text-align: center; } .sectionCaption.left { text-align: left; } .pageCaption { display: block; font-size: 64px; line-height: 78px; color: #212121; font-weight: normal; text-transform: uppercase; } .breadcrumbsWrapper { margin: 45px 0 35px; } .breadcrumbsWrapper ul:after { content: ""; display: block; clear: both; } .breadcrumbsWrapper li { float: left; padding-right: 23px; position: relative; font-size: 12px; line-height: 15px; color: #212121; font-weight: bold; } .breadcrumbsWrapper li:after { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 8px; line-height: 8px; color: #5E5E5E; font-weight: normal; right: 8px; top: 50%; margin-top: -3px; } .breadcrumbsWrapper li:last-child { padding-right: 0; } .breadcrumbsWrapper li:last-child:after { display: none; } .breadcrumbsWrapper a { text-decoration: underline; color: #5E5E5E; font-weight: normal; text-decoration-color: #E0E0DE; -webkit-transition: color 0.4s, text-decoration-color 0.4s; -moz-transition: color 0.4s, text-decoration-color 0.4s; -o-transition: color 0.4s, text-decoration-color 0.4s; transition: color 0.4s, text-decoration-color 0.4s; } .breadcrumbsWrapper a:hover { text-decoration-color: #212121; color: #212121; } #form-bnplpayment .btn, [class*=btnMain] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; max-width: 100%; height: 50px; font-family: "Century Gothic"; font-size: 14px; line-height: 18px; color: #fff; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; background-color: #212121; white-space: nowrap; cursor: pointer; border: 1px solid #212121; text-align: center; padding: 14px 20px; min-width: 211px; -webkit-transition: color 0.4s, background-color 0.4s, text-decoration-color 0.4s; -moz-transition: color 0.4s, background-color 0.4s, text-decoration-color 0.4s; -o-transition: color 0.4s, background-color 0.4s, text-decoration-color 0.4s; transition: color 0.4s, background-color 0.4s, text-decoration-color 0.4s; } #form-bnplpayment .btn{ display: table; margin: 24px auto; } [class*=btnMain] .icon { display: block; font-size: 24px; line-height: 24px; color: inherit; font-weight: normal; margin-right: 10px; } [class*=btnMain]:hover { color: #212121; background-color: #fff; } [class*=btnMain][class*=Border] { color: #212121; background-color: transparent; } [class*=btnMain][class*=Light] { background-color: #fff; color: #212121; } [class*=btnMain][class*=Light]:hover { background-color: #212121; color: #fff; } [class*=btnMain][class*=Border]:hover { color: #fff; background-color: #212121; } [class*=btnMain].btnMini { height: 40px; padding: 10px 20px; } [class*=btnMain].active { background-color: #212121; color: #fff; } [class*=btnMain].btnFavorite { min-width: 0; width: 40px; padding: 0; } [class*=btnMain].btnFavorite img { height: 15px; } .inputWrapper { position: relative; } .inputWrapper input, .inputWrapper textarea { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 100%; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background-color: transparent; border: 1px solid #E0E0DE; font-family: "Century Gothic"; padding: 10px 14px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 14px; line-height: 20px; color: #212121; font-weight: normal; } .inputWrapper .textLikeInput { display: block; border: 1px solid #E0E0DE; padding: 10px 14px; font-size: 14px; line-height: 20px; color: #212121; font-weight: normal; } .inputWrapper input { height: 40px; } .inputWrapper input[type=password] { padding-right: 36px; } .inputWrapper .flagInput { width: calc(100% - 60px); margin-left: auto; } .inputWrapper .showPassBtn { display: block; position: absolute; font-size: 16px; line-height: 16px; color: #5E5E5E; right: 2px; top: 12px; cursor: pointer; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .inputWrapper .showPassBtn:hover { color: #212121; } .inputWrapper .flag { display: block; position: absolute; left: 0; top: 9px; width: 44px; height: 22px; background-size: cover; background-position: center; background-repeat: no-repeat; } .inputWrapper.inputRadio, .inputWrapper.inputGender { padding-bottom: 15px; } .inputWrapper.inputRadio:after, .inputWrapper.inputGender:after { content: ""; display: block; clear: both; } .inputWrapper.inputRadio .radioItem, .inputWrapper.inputGender .genderItem { float: left; padding-right: 22px; padding-top: 15px; } .inputWrapper.inputRadio .radioItem input, .inputWrapper.inputGender .genderItem input { display: none; } .inputWrapper.inputRadio .radioItem input+label, .inputWrapper.inputGender .genderItem input+label { display: block; position: relative; padding-left: 28px; font-size: 14px; line-height: 20px; color: #212121; cursor: pointer; } .inputWrapper.inputRadio .radioItem input+label:before, .inputWrapper.inputRadio .radioItem input+label:after, .inputWrapper.inputGender .genderItem input+label:before, .inputWrapper.inputGender .genderItem input+label:after { content: ""; display: block; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .inputWrapper.inputRadio .radioItem input+label:before, .inputWrapper.inputGender .genderItem input+label:before { left: 0; width: 17px; height: 17px; border: 1px solid #5E5E5E; top: 2px; left: 0; } .inputWrapper.inputRadio .radioItem input+label:after, .inputWrapper.inputGender .genderItem input+label:after { width: 7px; height: 7px; background-color: #5E5E5E; left: 5px; top: 7px; opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .inputWrapper.inputRadio .radioItem input+label:hover:after, .inputWrapper.inputGender .genderItem input+label:hover:after { opacity: 0.2; } .inputWrapper.inputRadio .radioItem input:checked+label:after, .inputWrapper.inputGender .genderItem input:checked+label:after { opacity: 1; } .inputWrapper .inputMessage { font-size: 12px; line-height: 15px; display: block; padding-top: 3px; } .inputWrapper .inputMessage.error { color: #FF5151; } .inputWrapper .inputMessage.success { color: #008000; } .inputWrapper .errorInput input, .inputWrapper .errorInput textarea { border-color: #FF5151; } .agreeInputWrapper input { display: none; } .agreeInputWrapper input+label { display: block; position: relative; padding-left: 38px; font-size: 12px; line-height: 15px; color: #212121; cursor: pointer; } .agreeInputWrapper input+label a { text-decoration: underline; text-decoration-color: #E0E0DE; color: #a5a5a5; -webkit-transition: text-decoration-color 0.4s, color 0.4s; -moz-transition: text-decoration-color 0.4s, color 0.4s; -o-transition: text-decoration-color 0.4s, color 0.4s; transition: text-decoration-color 0.4s, color 0.4s; } .agreeInputWrapper input+label a:hover { text-decoration-color: #212121; color: #212121; } .agreeInputWrapper input+label:before, .agreeInputWrapper input+label:after { content: ""; display: block; position: absolute; top: 50%; } .agreeInputWrapper input+label:before { left: 0; width: 24px; height: 24px; border: 1px solid #212121; margin-top: -12px; left: 0; } .agreeInputWrapper input+label:after { width: 10px; height: 10px; background-color: #212121; left: 7px; margin-top: -5px; opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .agreeInputWrapper input+label:hover:after { opacity: 0.2; } .agreeInputWrapper input:checked+label:after { opacity: 1; } .inputWrapper.inputFiles input { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; cursor: pointer; } .inputWrapper.inputFiles .fileLabel { display: block; border: 1px dashed #E0E0ED; padding: 15px; text-align: center; color: #9F9F9F; font-size: 14px; line-height: 21px; transition: border-color 0.4s; height: 120px; } .inputWrapper.inputFiles .fileLabel .inputBtn { display: table; margin: 0 auto; font-size: 14px; line-height: 21px; padding: 8px 28px 11px; border: 1px solid #E0E0ED; cursor: pointer; margin-top: 4px; color: #212121; transition: border-color 0.4s; } .inputWrapper.inputFiles .filesList { display: none; padding-top: 10px; } .inputWrapper.inputFiles.hasFiles .filesList { display: block; } .inputWrapper.inputFiles.hovered .fileLabel { border-color: #212121; } .inputWrapper.inputFiles.hovered .fileLabel .inputBtn { border-color: #212121; } b, strong { color: inherit; font-weight: 600; } ::selection { color: #fff; background-color: #000000; -webkit-text-fill-color: #fff; } ::-webkit-input-placeholder { color: #5E5E5E; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } ::-moz-placeholder { color: #5E5E5E; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } :-moz-placeholder { color: #5E5E5E; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } :-ms-input-placeholder { color: #5E5E5E; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } :focus::-webkit-input-placeholder { opacity: 0; } :focus::-moz-placeholder { opacity: 0; } :focus:-moz-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :disabled::-webkit-input-placeholder { opacity: 0.5; } :disabled::-moz-placeholder { opacity: 0.5; } :disabled:-moz-placeholder { opacity: 0.5; } :disabled:-ms-input-placeholder { opacity: 0.5; } .subscribeInputWrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; } .subscribeInputWrapper .btnMain { width: 148px; min-width: 148px; } .subscribeInputWrapper input { display: block; width: calc(100% - 148px); -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 100%; width: 100%; height: 50px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background-color: transparent; border: 1px solid #212121; border-right: 0; font-family: "Century Gothic"; padding: 14px 19px 16px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 14px; line-height: 17px; color: #212121; font-weight: bold; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .subscribeInputWrapper ::-webkit-input-placeholder { color: #212121; } .subscribeInputWrapper ::-moz-placeholder { color: #212121; } .subscribeInputWrapper :-moz-placeholder { color: #212121; } .subscribeInputWrapper :-ms-input-placeholder { color: #212121; } .formCheckWrapper label { display: table; position: relative; font-size: 14px; line-height: 17px; color: #212121; padding-left: 31px; padding-top: 1px; padding-bottom: 2px; cursor: pointer; } .formCheckWrapper label a { text-decoration: underline; font-weight: bold; font-size: inherit; -webkit-transition: text-decoration-color 0.4s; -moz-transition: text-decoration-color 0.4s; -o-transition: text-decoration-color 0.4s; transition: text-decoration-color 0.4s; } .formCheckWrapper label a:hover { text-decoration-color: transparent; } .formCheckWrapper label:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border: 1px solid #212121; left: 0; top: 0; } .formCheckWrapper label:after { content: ""; display: block; position: absolute; width: 12px; height: 12px; background-color: #212121; text-align: center; left: 4px; top: 4px; font-size: 18px; line-height: 18px; color: #212121; opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .formCheckWrapper label:hover:after { opacity: 0.2; } .formCheckWrapper input { display: none; } .formCheckWrapper input:checked+label:after { opacity: 1; } .testMessage { font-size: 20px; line-height: 24px; text-align: center; color: #FF5151; text-transform: uppercase; font-weight: bold; padding-bottom: 20px; } .promoInput { position: relative; } .promoInput input { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 100%; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background-color: transparent; border: 1px dashed #5E5E5E; font-family: "Century Gothic"; padding: 13px 52px 13px 18px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 18px; line-height: 22px; color: #212121; font-weight: normal; text-transform: uppercase; height: 50px; } .promoInput input::-webkit-input-placeholder { color: #212121; } .promoInput input::-moz-placeholder { color: #212121; } .promoInput input:-moz-placeholder { color: #212121; } .promoInput input:-ms-input-placeholder { color: #212121; } .promoInput:after { content: ""; display: block; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 32px; height: 32px; text-align: center; font-family: icomoon; font-size: 6px; line-height: 32px; color: #212121; background-color: #e0e0e0; right: 10px; top: 50%; margin-top: -16px; } .pageMessageWrapper, .orderMessageWrapper { background-color: #fff; border: 1px solid #E0E0DE; min-height: 312px; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: 775px; margin: 0 auto; text-align: center; padding: 40px; position: relative; } .pageMessageWrapper.searchMessageWrapper:before, .orderMessageWrapper:before { content: ''; display: block; position: absolute; background-position: center; background-repeat: no-repeat; background-size: contain; z-index: -1; } .pageMessageWrapper.searchMessageWrapper:after, .orderMessageWrapper:after { content: ''; display: block; position: absolute; background-position: center; background-repeat: no-repeat; background-size: contain; z-index: -1; } .orderMessageWrapper:before { background-image: url(/local/templates/main/css/../img/order-message-left.png); width: 675px; height: 477px; left: -262px; top: -65px; } .orderMessageWrapper:after { background-image: url(/local/templates/main/css/../img/order-message-right.png); width: 372px; height: 479px; right: -142px; top: -165px; } .pageMessageWrapper.searchMessageWrapper:before { background-image: url(/local/templates/main/css/../img/search-message-left.png); width: 455px; height: 443px; left: -172px; top: -123px; } .pageMessageWrapper.searchMessageWrapper:after { background-image: url(/local/templates/main/css/../img/search-message-right.png); width: 486px; height: 490px; right: -240px; top: -25px; } .pageMessageWrapper .messageText, .orderMessageWrapper .messageText { font-size: 18px; line-height: 22px; margin-top: 15px; } .pageMessageWrapper .messageText div:not(.socialColumns), .orderMessageWrapper .messageText div:not(.socialColumns) { min-width: 0 !important; } .pageMessageWrapper .messageText p+p, .orderMessageWrapper .messageText p+p { margin-top: 11px; } .orderMessageWrapper .messageText [class*="btnMain"] { margin: 11px auto 0; display: table; } .pageMessageWrapper .messageText p a, .orderMessageWrapper .messageText p a { font-weight: bold; transition: text-decoration-color 0.3s; text-decoration: underline; text-decoration-color: transparent; } .pageMessageWrapper .messageText p a:hover, .orderMessageWrapper .messageText p a:hover { text-decoration-color: #212121; } .pageMessageWrapper .btnContainer, .orderMessageWrapper .btnContainer { margin-top: 26px; display: flex; } .pageMessageWrapper .socialColumns, .orderMessageWrapper .socialColumns { margin-top: 20px; justify-content: center; } .pageMessageWrapper .socialColumns .socialChapter, .orderMessageWrapper .socialColumns .socialChapter { width: 233px; padding: 0 10px; text-align: left; } .pageMessageWrapper .socialColumns .socialsList, .orderMessageWrapper .socialColumns .socialsList { justify-content: flex-start; padding-left: 0; } .pageMessageWrapper .btnContainer [class*="btnMain"], .orderMessageWrapper .btnContainer [class*="btnMain"] { margin: 0 10px; min-width: 213px; } .pageMessageSection, .orderMessageSection { padding-top: 120px; } .pageMessageSection .messageTitle, .orderMessageSection .messageTitle { margin-bottom: 15px; } .pageMessageWrapper .socialsList, .orderMessageWrapper .socialsList { display: flex; margin-top: 20px; justify-content: center; padding-left: 12px; } .pageMessageWrapper .socialsList li, .orderMessageWrapper .socialsList li { padding-right: 12px; } .pageMessageWrapper .socialsList a, .orderMessageWrapper .socialsList a { display: block; font-size: 33px; line-height: 33px; transition: color 0.4s; } .pageMessageWrapper .socialsList a:hover, .orderMessageWrapper .socialsList a:hover { color: #5E5E5E; } .brandCatalogDetailed { margin-top: 94px } .brandCatalogDetailed:first-child { margin-top: 0; } .brandCatalogDetailed .headImage img { width: 100%; } .brandCatalogDetailed .detailedContent { background-color: #fff; text-align: center; border: 1px solid #E0E0DE; margin: -65px 25px 0; position: relative; padding: 76px 38px 38px; } .brandCatalogDetailed .cardTitle { margin-bottom: 38px; } .brandCatalogDetailed .textWrapper+* { margin-top: 35px; } .brandCatalogDetailed .imagesGrid { display: flex; justify-content: center; margin-left: -21px; margin-right: -21px; } .brandCatalogDetailed .imagesGrid .imagesGridItem { padding: 0 21px 35px; } .brandCatalogDetailed .imagesGrid img { margin: 0 auto; } .brandGridWrapper .cardsGrid { justify-content: center; } .brandGridWrapper .cardsGrid .goodItem { width: 20%; } .goodsCarousel.centered { padding-bottom: 0; padding-left: 24px; } .catalogSection .brandGridWrapper+.brandCatalogDetailed { margin-top: 74px; } .brandGridWrapper { margin-top: 94px; } .brandGridWrapper .gridTitle { margin-bottom: 60px; text-align: center; } .itemCounter { width: 71px; position: relative; } .itemCounter input { display: block; border: 0; font-size: 14px; line-height: 39px; text-align: center; width: 100%; max-width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background-color: transparent; border: 0px; font-family: "Century Gothic"; padding: 0 17px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #212121; font-weight: normal; height: 39px; } .itemCounter .counterControl { position: absolute; width: 17px; height: 100%; top: 0; } .itemCounter .counterControl:before, .itemCounter .counterControl:after { content: ''; display: block; position: absolute; background-color: #212121; } .itemCounter .counterControl:before { height: 1px; width: 7px; top: 19px; left: 5px; } .itemCounter .counterControl:after { height: 7px; width: 1px; top: 16px; left: 8px; } .itemCounter .counterControl.add { right: 0; } .itemCounter .counterControl.subtract { left: 0; } .itemCounter .counterControl.subtract:after { display: none; } .cardInfo .goodParamsWrapper { display: flex; align-items: flex-end; flex-wrap: wrap; margin-top: 16px; } .cardInfo .goodParamsWrapper .itemCounter { margin-left: 20px; } .cardInfo .paramVal { display: block; width: 100%; } .vacanciesSection .bulletText { text-transform: uppercase; font-size: 18px; line-height: 28px; max-width: 487px; margin-top: 30px; } .vacanciesSection .bannerTitle { text-transform: uppercase; margin-bottom: 33px; } .vacanciesSection { position: relative; padding-right: calc(100% - 677px); } .vacanciesSection .imageWrapper { position: absolute; top: 0; right: 0; height: 617px; width: calc(100% - 677px - 137px); } .vacanciesSection .imageWrapper img { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .vacanciesFormOptions .formItem { display: flex; align-items: center; margin-top: 25px; } .vacanciesFormOptions .formItem:last-child { align-items: flex-start; } .vacanciesFormOptions .formItem:last-child .inputLabel { height: 120px; display: flex; align-items: center; } .vacanciesFormOptions .inputLabel { width: 213px; font-weight: bold; font-size: 18px; line-height: 22px; } .vacanciesFormOptions .inputWrapper { width: calc(100% - 213px); } .vacanciesSection .vacanciesForm { margin-top: 45px; } .vacanciesForm .formBtn { margin-top: 46px; } .vacanciesForm [class*="btnMain"] { width: 100%; } @media (max-width: 1799px) { .container { width: 1200px; } .pageCaption { font-size: 48px; line-height: 60px; } .blockCount { font-size: 88px; line-height: 88px; } .breadcrumbsWrapper { margin: 35px 0; } .brandCatalogDetailed { margin-top: 70px; } .brandCatalogDetailed:first-child { margin-top: 0px; } .brandCatalogDetailed .imagesGrid .imagesGridItem { padding: 0 15px 35px; } .brandCatalogDetailed .imagesGrid { margin-left: -15px; margin-right: -15px; } .goodsCarousel.centered { padding-left: 15px; } } @media (max-width: 1279px) { .container { width: 950px; } .bannerTitle { font-size: 48px; line-height: 56px; } .blockCount { font-size: 76px; line-height: 76px; } .pageCaption { font-size: 32px; line-height: 40px; } .sectionCaption { font-size: 32px; line-height: 40px; } .pageContent { padding-bottom: 80px; } .cardTitle { font-size: 36px; line-height: 36px; } .blockTitle { font-size: 32px; line-height: 40px; } .breadcrumbsWrapper { margin: 30px 0; display: none; } .pageBackLink { display: inline-block; max-width: calc(100% - 120px); } .pageMarkContainer { margin-bottom: 40px; } .pageMarkContainer p { margin-top: 15px; } .chapterTitleContainer { margin-bottom: 50px; min-height: 48px; } .chapterTitleContainer img { max-height: 48px; margin-left: 20px; } .blockSubTitle { font-size: 20px; line-height: 24px; } .moreBtn { font-size: 16px; line-height: 20px; } .paginationList a { width: 40px; height: 40px; font-size: 16px; line-height: 38px; } .paginationList .icon { font-size: 14px; line-height: 38px; } .pageMessageWrapper, .orderMessageWrapper { min-height: 288px; padding: 30px; } .orderMessageWrapper:before { width: 566px; height: 400px; left: auto; right: 100%; margin-right: -380px; top: -45px; } .orderMessageWrapper:after { width: 310px; height: 400px; right: auto; left: 100%; margin-left: -170px; top: -120px; } .pageMessageWrapper .messageText, .orderMessageWrapper .messageText { font-size: 16px; line-height: 20px; } .pageMessageSection, .orderMessageSection { padding-top: 80px; } .brandCatalogDetailed .detailedContent { margin: -40px 15px 0; padding: 60px 25px 25px; } } @media (max-width: 991px) { .container { width: 640px; } .cardTitle { font-size: 28px; line-height: 28px; } .pageTitleContainer { margin-top: 40px; } .chapterTitleContainer { margin-bottom: 40px; min-height: 40px; } .chapterTitleContainer img { max-height: 40px; margin-left: 15px; } .breadcrumbsWrapper { margin: 20px 0; } .textWrapper ul li:before { top: 7px; } .bannerTitle { font-size: 36px; line-height: 48px; } .subscribeInputWrapper input { height: 40px; padding: 12px 10px 13px; font-size: 12px; line-height: 15px; } .blockTitle { font-size: 28px; line-height: 36px; } .pageMessageWrapper .messageTxt, .orderMessageWrapper .messageText { font-size: 14px; line-height: 18px; } } @media (max-width: 639px) { .container { width: 100%; } .testMessage { font-size: 16px; line-height: 20px; } [class*=btnMain] { padding: 11px 5px; height: 40px; font-size: 12px; line-height: 17px; } .inputWrapper.inputGender { margin-right: -15px; } .inputWrapper.inputGender .genderItem { padding-right: 15px; padding-top: 10px; } .inputWrapper.inputGender .genderItem input+label { padding-left: 23px; line-height: 18px; } .inputWrapper.inputGender .genderItem input+label:before { top: 1px; } .inputWrapper.inputGender .genderItem input+label:after { top: 6px; } .promoInput input { height: 40px; padding: 10px 52px 10px 18px; font-size: 14px; line-height: 18px; } .promoInput:after { width: 28px; height: 28px; margin-top: -14px; font-size: 4px; line-height: 28px; } .agreeInputWrapper input+label { padding-left: 26px; } .agreeInputWrapper input+label:before { width: 18px; height: 18px; top: 0; margin-top: 0; } .agreeInputWrapper input+label:after { margin-top: 0; top: 5px; left: 5px; width: 8px; height: 8px; } .pageCaption { font-size: 28px; line-height: 36px; } .pageTitleContainer { margin-top: 20px; margin-bottom: 20px; } .cardTitle { font-size: 20px; line-height: 20px; } .pageContent { padding-bottom: 60px; } .blockTitle { font-size: 22px; line-height: 30px; } .blockCount { font-size: 66px; line-height: 66px; } body { font-size: 12px; line-height: 18px; } .blockSubTitle { font-size: 16px; line-height: 20px; } .chapterTitleContainer { display: block; min-height: 32px; text-align: center; } .chapterTitleContainer img { max-height: 32px; margin-left: auto; margin-right: auto; margin-top: 10px; } .bannerTitle { font-size: 28px; line-height: 36px; } .moreLink { font-size: 12px; line-height: 16px; padding-right: 15px; } .moreLink:after { font-size: 8px; } .paginationWrapper { margin: 30px auto 0; } .paginationWrapper .paginationList { margin-top: 18px; } .catalogSection .moreBtn { margin-top: 18px; } .moreBtn { font-size: 14px; } .paginationList a { width: 30px; height: 30px; font-size: 14px; line-height: 28px; } .paginationList .icon { font-size: 14px; line-height: 28px; } .textWrapper p { margin-bottom: 16px; margin-top: 16px; } .checkLink { font-size: 12px; line-height: 15px; padding-left: 27px; } .checkLink .icon { font-size: 26px; line-height: 26px; } .checkLink:before { width: calc(100% - 35px - 27px); left: 27px; } .pageMessageWrapper, .orderMessageWrapper { min-height: 240px; padding: 20px; } .orderMessageWrapper:before { width: 452px; height: 320px; margin-right: -300px; top: -45px; } .orderMessageWrapper:after { width: 248px; height: 320px; margin-left: -140px; top: -100px; } .pageMessageWrapper .messageText, .orderMessageWrapper .messageText { font-size: 12px; line-height: 15px; } .pageMessageSection, .orderMessageSection { padding-top: 60px; } .pageMessageWrapper .btnContainer, .orderMessageWrapper .btnContainer { display: block; } .pageMessageWrapper .btnContainer [class*="btnMain"], .orderMessageWrapper .btnContainer [class*="btnMain"] { margin: 0 auto 0; } .pageMessageWrapper .btnContainer [class*="btnMain"]+[class*="btnMain"], .orderMessageWrapper .btnContainer [class*="btnMain"]+[class*="btnMain"] { margin-top: 10px; } .itemCounter { width: 60px; } .itemCounter input { line-height: 27px; padding: 0 17px; height: 27px; } .itemCounter .counterControl:before { top: 13px; left: 5px; } .itemCounter .counterControl:after { top: 10px; left: 8px; } .cardInfo .goodParamsWrapper .itemCounter { margin-left: 10px; } .cardInfo .goodParamsWrapper { margin-top: 4px; } } @media (max-width: 479px) { .subscribeInputWrapper { display: block; } .subscribeInputWrapper .btnMain { margin-top: 10px; } .subscribeInputWrapper input { border-right: 1px solid #212121; } .paginationList a { width: 25px; height: 25px; font-size: 12px; line-height: 23px; } .paginationList .icon { font-size: 12px; line-height: 23px; } } .swiper-pagination { height: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-pagination-bullet { width: 16px; height: 16px; background: transparent; opacity: 1; position: relative; } .swiper-pagination-bullet:before { content: ""; display: block; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 8px; height: 8px; border: 1px solid #212121; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%) scale(100%); -ms-transform: translate(-50%, -50%) scale(100%); -webkit-transform: translate(-50%, -50%) scale(100%); -o-transform: translate(-50%, -50%) scale(100%); transform: translate(-50%, -50%) scale(100%); opacity: 1; -webkit-transition: opacity 0.3s, transform 0.3s; -moz-transition: opacity 0.3s, transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .swiper-pagination-bullet:after { content: ""; display: block; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 11px; height: 11px; background-color: #212121; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); z-index: -1; opacity: 0; -webkit-transition: opacity 0.3s, transform 0.3s; -moz-transition: opacity 0.3s, transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .swiper-pagination-bullet svg { display: block; width: 16px; height: 16px; } .swiper-pagination-bullet svg circle { fill: transparent; transition: stroke-dashoffset 0.1s linear; stroke: #212121; stroke-width: 2px; stroke-dasharray: 43.9822971503; stroke-dashoffset: 43.9822971503; animation-name: none; animation-duration: 8s; animation-fill-mode: backwards; animation-timing-function: linear; } .swiper-pagination-bullet.swiper-pagination-bullet-active:before { -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; } .swiper-pagination-bullet.swiper-pagination-bullet-active:after { -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; } .swiper.autoplay .swiper-pagination-bullet:after { width: 14px; height: 14px; border: 1px solid #E0E0DE; background-color: transparent; -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .swiper.autoplay .swiper-pagination-bullet.swiper-pagination-bullet-active:before { -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; } .swiper.autoplay .swiper-pagination-bullet.swiper-pagination-bullet-active:after { -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; } .swiper.autoplay .swiper-pagination-bullet svg circle { animation-name: none; } .swiper.autoplay .swiper-pagination-bullet.swiper-pagination-bullet-active svg circle { animation-name: none; } .swiper.autoplay.startBullet .swiper-pagination-bullet.swiper-pagination-bullet-active svg circle { animation-name: bulletAnim; } .swiper { overflow: visible; } .swiper:not(.swiper-initialized) .carouselNavigation { display: none; } .carouselNavigation { display: block; } .carouselNavigation.disabled { display: none; } .swiper.swiper-initialized .carouselNavigation { display: block; } .swiper.swiper-initialized .carouselNavigation.disabled { display: none; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; } .swiper-button-next, .swiper-button-prev { background-size: cover; background-position: center; background-repeat: no-repeat; bottom: 0; top: auto; margin-top: 0; z-index: 11; height: auto; width: auto; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .swiper-button-next:after, .swiper-button-prev:after { font-family: icomoon; font-size: 14px; line-height: 14px; bottom: 0; position: absolute; color: #212121; height: 24px; padding: 3px 0; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .swiper-button-next:hover:after, .swiper-button-prev:hover:after { color: #d0d0d0; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; } .swiper-button-next { right: 1px; } .swiper-button-next:after { content: ""; left: 0; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .swiper-button-prev { left: 1px; } .swiper-button-prev:after { content: ""; right: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .verticalCarousel .swiper-button-next:after, .verticalCarousel .swiper-button-prev:after { display: block; position: relative; bottom: auto; padding: 0; line-height: 24px; } .verticalCarousel .swiper-button-next:after { content: ""; left: auto; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .verticalCarousel .swiper-button-prev:after { content: ""; right: auto; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .selectric { border: 1px solid #E0E0DE; background-color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 40px; } .selectric .label { font-family: "Century Gothic"; font-size: 14px; line-height: 20px; color: #212121; margin: 0 38px 0 14px; height: auto; } .selectric .icon { display: block; position: absolute; text-align: center; height: 100%; right: 0; top: 1px; width: 38px; font-size: 14px; line-height: 38px; color: #212121; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .selectric-items { background: #fff; border: none; -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); background-color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; max-width: 100%; } .selectric-items li { padding: 10px 14px; font-family: "Century Gothic"; font-size: 14px; line-height: 21px; color: #212121; -webkit-transition: background-color 0.4s, color 0.4s, text-decoration-color 0.4s; -moz-transition: background-color 0.4s, color 0.4s, text-decoration-color 0.4s; -o-transition: background-color 0.4s, color 0.4s, text-decoration-color 0.4s; transition: background-color 0.4s, color 0.4s, text-decoration-color 0.4s; position: relative; text-decoration: underline; text-decoration-color: transparent; } .selectric-items li.selected { background-color: #f6f6f6; color: #212121; } .selectric-items li:hover { background-color: #f6f6f6; color: #212121; } .selectric-items li.highlighted { background-color: #f6f6f6; color: #212121; } .selectric-above .selectric-items { margin-bottom: 0px; } .selectric-below .selectric-items { margin-top: 0px; } .selectric-hover .selectric, .selectric-open .selectric, .selectric-focus .selectric { border-color: #E0E0DE; } .selectric-open .selectric .icon { -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .itemParamSelect .selectric { background-color: transparent; height: 32px; } .itemParamSelect .selectric .label { margin: 0 28px 0 14px; padding-bottom: 1px; } .itemParamSelect .selectric .icon { width: 28px; font-size: 12px; line-height: 32px; } .fancybox__thumbs { z-index: 10; background-color: #fff; } .fancybox__thumbs .carousel__slide .fancybox__thumb::after { border-color: #7166f9; } .datepicker-container { -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); } .datepicker-container:after, .datepicker-container:before { display: none; } .datepicker-dropdown { border: 0; } .datepicker-panel>ul>li { -webkit-transition: border-color 0.3s, color 0.3s, background-color 0.3s; -moz-transition: border-color 0.3s, color 0.3s, background-color 0.3s; -o-transition: border-color 0.3s, color 0.3s, background-color 0.3s; transition: border-color 0.3s, color 0.3s, background-color 0.3s; } .datepicker-panel>ul>li:hover { background-color: #212121; color: #fff; } .datepicker-panel>ul>li.highlighted:hover { background-color: #212121; color: #fff; } .datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover { color: #fff; background-color: #212121; } .datepicker-panel>ul>li:hover { background-color: #212121; color: #fff; } .datepicker-panel>ul>li.highlighted { background-color: #212121; color: #fff; } .datepicker-panel>ul[data-view=week]>li, .datepicker-panel>ul[data-view=week]>li:hover { background-color: #fff; color: #212121; } .datepicker-panel>ul>li[data-view="month next"], .datepicker-panel>ul>li[data-view="month prev"], .datepicker-panel>ul>li[data-view="year next"], .datepicker-panel>ul>li[data-view="year prev"], .datepicker-panel>ul>li[data-view="years next"], .datepicker-panel>ul>li[data-view="years prev"], .datepicker-panel>ul>li[data-view=next] { font-size: 8px; text-indent: 100%; overflow: hidden; position: relative; } .datepicker-panel>ul>li[data-view="month next"]:before, .datepicker-panel>ul>li[data-view="month prev"]:before, .datepicker-panel>ul>li[data-view="year next"]:before, .datepicker-panel>ul>li[data-view="year prev"]:before, .datepicker-panel>ul>li[data-view="years next"]:before, .datepicker-panel>ul>li[data-view="years prev"]:before, .datepicker-panel>ul>li[data-view=next]:before { display: block; position: absolute; font-family: icomoon; } .datepicker-panel>ul>li[data-view="month prev"]:before, .datepicker-panel>ul>li[data-view="year prev"]:before, .datepicker-panel>ul>li[data-view="years prev"]:before { content: ""; } .datepicker-panel>ul>li[data-view="month next"]:before, .datepicker-panel>ul>li[data-view="year next"]:before, .datepicker-panel>ul>li[data-view="years next"]:before, .datepicker-panel>ul>li[data-view=next]:before { content: ""; } @media (max-width: 1279px) { .swiper-button-next, .swiper-button-prev { bottom: 0; top: auto; margin-top: 0; z-index: 11; height: auto; width: auto; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .swiper-button-next:after, .swiper-button-prev:after { bottom: auto; position: relative; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .swiper-button-next:hover:after, .swiper-button-prev:hover:after { color: #212121; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 1; } .swiper-button-next.swiper-button-disabled:after, .swiper-button-prev.swiper-button-disabled:after { color: #d0d0d0; } .swiper-button-next { right: 50%; margin-right: -25px; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .swiper-button-next:after { left: auto; } .swiper-button-prev { left: 50%; margin-left: -25px; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .swiper-button-prev:after { right: auto; } .swiper .swiper-pagination { display: none; } } @media (max-width: 639px) { .selectric .label { margin-right: 32px; } .selectric .icon { width: 32px; font-size: 10px; } .swiper.autoplay .carouselNavigation { display: none; } } .logoLink { position: relative; z-index: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .logoLink>a, .logoLink .invisBtn { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; } .logoLink img { max-height: 65px; } .logoLink:hover { opacity: 0.6; } .addressLink { display: block; position: relative; font-size: 18px; line-height: 22px; color: #212121; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 240px; padding: 14px 7px 14px 45px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .addressLink:before { content: ""; display: block; position: absolute; height: 1px; top: 36px; left: 45px; border-bottom: 1px solid #E0E0DE; width: calc(100% - 52px); opacity: 1; -webkit-transition: opacity 0.4s, top 0.4s, border-color 0.4s; -moz-transition: opacity 0.4s, top 0.4s, border-color 0.4s; -o-transition: opacity 0.4s, top 0.4s, border-color 0.4s; transition: opacity 0.4s, top 0.4s, border-color 0.4s; } .addressLink .icon { display: block; position: absolute; left: 13px; font-size: 24px; line-height: 24px; color: inherit; top: 50%; margin-top: -12px; } .addressLink.locationBtn { padding: 14px 24px 14px 37px; } .addressLink.locationBtn .icon { left: 10px; } .addressLink.locationBtn:before { width: calc(100% - 61px); left: 37px; } .addressLink.locationBtn:after { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 10px; line-height: 10px; color: inherit; right: 5px; top: 50%; margin-top: -4px; } .addressLink:hover:before { opacity: 0; top: 49px; } .menuBurger { position: relative; display: none; width: 42px; cursor: pointer; height: 42px; margin-left: -7px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .menuBurger div { position: absolute; height: 1px; background-color: #212121; left: 50%; top: 50%; width: 28px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .menuBurger div:first-child { margin-top: -9px; -webkit-transition: margin-top 0.2s 0.2s, transform 0.2s 0s; -moz-transition: margin-top 0.2s 0.2s, transform 0.2s 0s; -o-transition: margin-top 0.2s 0.2s, transform 0.2s 0s; transition: margin-top 0.2s 0.2s, transform 0.2s 0s; } .menuBurger div:nth-child(2) { margin-top: -1px; opacity: 1; -webkit-transition: opacity 0s 0.2s, margin-top 0s 0.2s; -moz-transition: opacity 0s 0.2s, margin-top 0s 0.2s; -o-transition: opacity 0s 0.2s, margin-top 0s 0.2s; transition: opacity 0s 0.2s, margin-top 0s 0.2s; } .menuBurger div:nth-child(3) { margin-top: 7px; -webkit-transition: margin-top 0.2s 0.2s, transform 0.2s 0s; -moz-transition: margin-top 0.2s 0.2s, transform 0.2s 0s; -o-transition: margin-top 0.2s 0.2s, transform 0.2s 0s; transition: margin-top 0.2s 0.2s, transform 0.2s 0s; } .menuBurger.activeBurger div:first-child { margin-top: 0; -moz-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); -webkit-transform: translateX(-50%) rotate(-45deg); -o-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); -webkit-transition: margin-top 0.2s 0s, transform 0.2s 0.2s; -moz-transition: margin-top 0.2s 0s, transform 0.2s 0.2s; -o-transition: margin-top 0.2s 0s, transform 0.2s 0.2s; transition: margin-top 0.2s 0s, transform 0.2s 0.2s; } .menuBurger.activeBurger div:nth-child(2) { opacity: 0; margin-top: 0; -webkit-transition: opacity 0s 0.2s, margin-top 0.2s 0s; -moz-transition: opacity 0s 0.2s, margin-top 0.2s 0s; -o-transition: opacity 0s 0.2s, margin-top 0.2s 0s; transition: opacity 0s 0.2s, margin-top 0.2s 0s; } .menuBurger.activeBurger div:nth-child(3) { margin-top: 0; -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-transition: margin-top 0.2s 0s, transform 0.2s 0.2s; -moz-transition: margin-top 0.2s 0s, transform 0.2s 0.2s; -o-transition: margin-top 0.2s 0s, transform 0.2s 0.2s; transition: margin-top 0.2s 0s, transform 0.2s 0.2s; } .headLink { display: block; position: relative; font-size: 18px; line-height: 22px; color: #212121; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 14px 15px 14px 11px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .headLink:before { content: ""; display: block; position: absolute; height: 1px; top: 36px; left: 11px; border-bottom: 1px dashed #E0E0DE; width: calc(100% - 26px); opacity: 1; -webkit-transition: opacity 0.4s, top 0.4s; -moz-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; transition: opacity 0.4s, top 0.4s; } .headLink .icon { display: block; position: absolute; left: 13px; font-size: 24px; line-height: 24px; color: inherit; top: 50%; margin-top: -12px; } .headLink:hover { background-color: #F2F2F2; } .accTools { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .accTools a { display: block; position: relative; min-width: 22px; } .accTools a img { height: 22px; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; margin: 0 auto; } .accTools a img.hoverIcon { opacity: 0; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .accTools a:hover img { opacity: 0; } .accTools a:hover img.hoverIcon { opacity: 1; } .accTools a .val { display: block; text-align: center; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 14px; height: 14px; background-color: #D41781; /*#FF5151*/ font-size: 10px; line-height: 12px; color: #fff; font-weight: bold; top: 50%; left: 100%; margin-top: -7px; } .accTools li+li { margin-left: 18px; } .siteHeader { background-color: #fff; position: relative; z-index: 13; } .siteHeader .topHeadLine { border-bottom: 1px solid #e3e3e3; } .siteHeader .topHeadInner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; height: 86px; padding-bottom: 16px; } .siteHeader .headAddress { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .siteHeader .headAddress .addressLink:hover { background-color: #F2F2F2; } .siteHeader .headAddress .addressLink+.addressLink { margin-left: 10px; } .siteHeader .chaptersMenu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; height: calc(100% - 16px); top: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .siteHeader .chaptersMenu .chaptersMenuItem { padding: 0 10px; } .siteHeader .chaptersMenu .chaptersMenuItem+.chaptersMenuItem { position: relative; } .siteHeader .chaptersMenu .chaptersMenuItem+.chaptersMenuItem:before { content: ""; display: block; position: absolute; height: 43px; width: 1px; background-color: #5E5E5E; left: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .siteHeader .chaptersMenu .chaptersMenuItem .logoLink { max-width: 270px; } .siteHeader .headAddMenu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .siteHeader .accTools { margin-left: 23px; padding-right: 10px; } .siteMenuWrapper { display: block; position: relative; } .siteMenuWrapper .addressLink { display: none; } .siteMenuWrapper .siteMenuInner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .listSiteMenu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .listSiteMenu .siteMenuItem+.siteMenuItem { margin-left: 35px; } .listSiteMenu .siteMenuItem>a { display: block; position: relative; padding: 8px 0 13px 0; font-size: 18px; line-height: 22px; color: #212121; font-weight: bold; } .listSiteMenu .siteMenuItem>a:before { content: ""; display: block; position: absolute; width: 100%; height: 3px; background-color: #212121; bottom: 0; left: 0; margin-bottom: 3px; opacity: 0; -webkit-transition: opacity 0.2s, margin-bottom 0.2s; -moz-transition: opacity 0.2s, margin-bottom 0.2s; -o-transition: opacity 0.2s, margin-bottom 0.2s; transition: opacity 0.2s, margin-bottom 0.2s; } .listSiteMenu .siteMenuItem>a:hover:before { opacity: 1; margin-bottom: 0px; } .listSiteMenu .siteMenuItem.active>a:before { opacity: 1; margin-bottom: 0px; } .listSiteMenu .siteMenuItem.highlighted>a { color: #D41781; /*#FF5151*/ } .listSiteMenu .siteMenuItem.highlighted>a::before { background-color: #D41781; /*#FF5151*/ } .listSiteMenu .dropDownMenu { display: none; width: 100vw; position: absolute; z-index: 9; left: 50%; margin-left: -50vw; top: 100%; background-color: #fff; padding: 0 calc((100vw - 1640px) / 2); } .listSiteMenu .dropDownMenu .dropDownMenuInner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 44px 0 53px 0; } .listSiteMenu .dropDownMenu .dropDownListMenu { width: 310px; padding-right: 40px; } .listSiteMenu .dropDownMenu .dropDownListMenu li+li { margin-top: 12px; } .listSiteMenu .dropDownMenu .dropDownListMenu a { display: table; font-size: 18px; line-height: 22px; color: #212121; border-bottom: 1px solid #E0E0DE; -webkit-transition: border-color 0.4s; -moz-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; } .listSiteMenu .dropDownMenu .dropDownListMenu a:hover, .listSiteMenu .dropDownMenu .dropDownListMenu a.active { border-color: #212121; } .listSiteMenu .dropDownMenu .dropDownMenuContent { width: calc(100% - 310px + 16px); max-height: calc(100vh - 130px - 97px); overflow: hidden; position: relative; overflow-y: scroll; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #e3e3e3 #fff; margin-right: -16px; } .listSiteMenu .dropDownMenu .dropDownMenuContent::-webkit-scrollbar { width: 8px; background-color: #fff; } .listSiteMenu .dropDownMenu .dropDownMenuContent::-webkit-scrollbar-thumb { background-color: #e3e3e3; border-radius: 0; box-shadow: none; } .listSiteMenu .dropDownMenu .dropDownMenuContent::-webkit-scrollbar-thumb { width: 8px; background-color: #e3e3e3; } .listSiteMenu .dropDownMenu .detailedDropDownMenu { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 0.3s 0.2s; -moz-transition: transform 0.3s 0.2s; -o-transition: transform 0.3s 0.2s; transition: transform 0.3s 0.2s; display: none; margin-right: -90px; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .detailedMenuInner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-right: 16px; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .menuColumn { width: 25%; padding-right: 90px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .listSiteMenu .dropDownMenu .detailedDropDownMenu a { display: table; font-size: 14px; line-height: 23px; color: #212121; text-decoration: underline; text-decoration-color: #E0E0DE; -webkit-transition: text-decoration-color 0.4s; -moz-transition: text-decoration-color 0.4s; -o-transition: text-decoration-color 0.4s; transition: text-decoration-color 0.4s; } .listSiteMenu .dropDownMenu .detailedDropDownMenu a:hover { text-decoration-color: #212121; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .chapterContent { margin-bottom: 46px; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .chapterLink { font-weight: bold; margin-bottom: 8px; } .listSiteMenu .dropDownMenu .detailedDropDownMenu ul+ul { margin-top: 17px; } .listSiteMenu .dropDownMenu .detailedDropDownMenu li+li { margin-top: 12px; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .menuBanner { position: relative; z-index: 1; margin-top: auto; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .menuBanner>a, .listSiteMenu .dropDownMenu .detailedDropDownMenu .menuBanner .invisBtn { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .menuBanner .imageWrapper { position: relative; padding-top: calc(178 / 260 * 100%); overflow: hidden; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .menuBanner .imageWrapper img { width: 100%; height: 100%; position: absolute; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; top: 0; left: 0; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .menuBanner .name { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: 14px; line-height: 17px; color: #212121; font-weight: bold; position: relative; text-transform: uppercase; padding-right: 48px; height: 47px; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .menuBanner .name:after { content: ""; display: block; position: absolute; right: 0; top: 50%; margin-top: -7px; font-family: icomoon; font-size: 14px; line-height: 14px; color: inherit; font-weight: normal; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .menuBanner:hover .imageWrapper img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .listSiteMenu .dropDownMenu .detailedDropDownMenu.activeDetailedMenu { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 0.3s 0s; -moz-transition: transform 0.3s 0s; -o-transition: transform 0.3s 0s; transition: transform 0.3s 0s; display: block; } .listSiteMenu .dropDownMenu .returnBtn { display: none !important; font-size: 16px; line-height: 20px; color: #212121; font-weight: bold; position: relative; padding-left: 16px; padding-top: 18px; padding-bottom: 18px; } .listSiteMenu .dropDownMenu .returnBtn:before { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 10px; line-height: 10px; color: inherit; font-weight: normal; left: 0; top: 50%; margin-top: -5px; } .siteSearchLine { width: 401px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: absolute; top: 100%; right: 0; z-index: 1; } .siteSearchLine input { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 100%; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background-color: transparent; border: 0; font-family: "Century Gothic"; padding: 12px 42px 12px 11px; height: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 14px; line-height: 17px; color: #212121; font-weight: normal; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .siteSearchLine .searchBtn { display: block; position: absolute; width: 22px; font-size: 22px; line-height: 22px; color: #212121; right: 10px; top: 50%; margin-top: -11px; } .mobSearchBtn { display: none; width: 22px; font-size: 22px; line-height: 22px; color: #212121; cursor: pointer; text-align: center; } .mobSearchBtnClose { display: none; position: absolute; width: 32px; font-size: 22px; line-height: 22px; color: #212121; cursor: pointer; text-align: center; left: 100%; top: 0; height: 100%; background-image: url("/local/templates/main/css/../img/icon-close.svg"); background-size: auto; background-position: center; background-repeat: no-repeat; } @media (min-width: 1280px) { .siteMenuWrapper { display: block !important; } } @media (max-width: 1799px) { .logoLink img { max-height: 50px; } .siteHeader .topHeadInner { display: block; height: auto; padding-bottom: 0; } .siteHeader .headAddress { width: 100%; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-bottom: 10px; } .siteHeader .headAddMenu { -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .siteHeader .chaptersMenu { height: 100%; } .siteSearchLine { position: absolute; left: 0; bottom: 0; top: auto; right: auto; width: 320px; height: 50px; } .listSiteMenu { width: 100%; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 5px; } .listSiteMenu .dropDownMenu { padding: 0 calc((100vw - 1170px) / 2); } .listSiteMenu .dropDownMenu .dropDownListMenu { width: 270px; padding-right: 30px; } .listSiteMenu .dropDownMenu .dropDownMenuContent { width: calc(100% - 270px + 16px); } .listSiteMenu .dropDownMenu .detailedDropDownMenu { margin-right: -20px; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .menuColumn { padding-right: 25px; } } @media (max-width: 1279px) { .addressLink.locationBtn { padding-left: 27px; } .addressLink.locationBtn .icon { left: 0; } .addressLink.locationBtn:before { left: 27px; width: calc(100% - 27px); } .siteMenuWrapper { display: none; position: fixed; width: 100vw; top: 112px; left: 0; height: calc(100% - 112px); background-color: #fff; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; } .siteMenuWrapper .siteMenuInner { padding: 0; padding-left: calc((100vw - 610px) / 2); padding-right: calc((100vw - 610px) / 2); margin-left: 0; margin-right: 0; position: absolute; height: 100%; width: 100%; left: 0; top: 0; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; overflow-y: auto; overflow-x: hidden; } .siteMenuWrapper .addressLink { display: block; max-width: 100%; width: 100%; overflow: visible; } .siteMenuWrapper .addressLink:before { height: 100%; top: 0; background-color: #f6f6f6; border-bottom: 0; width: 100vw; left: 50%; margin-left: -50vw; z-index: -1; } .siteMenuWrapper .addressLink:hover:before { opacity: 1; } .siteMenuWrapper.active { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .siteMenuWrapper.noScroll .siteMenuInner { overflow-y: hidden; } .siteMenuWrapper .hasSubMenu { padding-right: 16px; } .siteMenuWrapper .hasSubMenu:after { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 10px; line-height: 10px; color: inherit; font-weight: normal; right: 0; top: 50%; margin-top: -5px; } .mobSearchBtnClose { display: block; } .siteSearchLine { width: 0; height: 42px; overflow: hidden; opacity: 0; left: 100%; -webkit-transition: width 0s 0.3s, opacity 0.3s 0s, left 0.3s 0s; -moz-transition: width 0s 0.3s, opacity 0.3s 0s, left 0.3s 0s; -o-transition: width 0s 0.3s, opacity 0.3s 0s, left 0.3s 0s; transition: width 0s 0.3s, opacity 0.3s 0s, left 0.3s 0s; z-index: 4; } .siteSearchLine input { padding-left: 0; } .siteSearchLine:before { content: ""; display: block; position: absolute; height: 100%; width: 100vw; left: calc((100% + 32px) / 2); margin-left: -50vw; background-color: #fff; z-index: -1; } .siteSearchLine.active { width: calc(100% - 32px); opacity: 1; overflow: visible; left: 0; -webkit-transition: width 0s 0s, opacity 0.3s 0.1s, left 0.3s 0.1s; -moz-transition: width 0s 0s, opacity 0.3s 0.1s, left 0.3s 0.1s; -o-transition: width 0s 0s, opacity 0.3s 0.1s, left 0.3s 0.1s; transition: width 0s 0s, opacity 0.3s 0.1s, left 0.3s 0.1s; } .mobSearchBtn { display: block; margin-right: 18px; margin-left: auto; } .listSiteMenu { display: block; margin-top: 20px; } .listSiteMenu .dropDownMenu { display: block !important; position: absolute; left: 100%; margin-left: 0; max-height: 100%; background-color: #fff; padding: 0; overflow-y: auto; overflow-x: hidden; height: 100%; opacity: 1; width: 0; top: 0; -webkit-transition: width 0s 0.4s, opacity 0.4s 0s, left 0.4s 0s; -moz-transition: width 0s 0.4s, opacity 0.4s 0s, left 0.4s 0s; -o-transition: width 0s 0.4s, opacity 0.4s 0s, left 0.4s 0s; transition: width 0s 0.4s, opacity 0.4s 0s, left 0.4s 0s; } .listSiteMenu .dropDownMenu.noScroll { overflow-y: hidden; } .listSiteMenu .dropDownMenu .dropDownMenuInner { padding: 0 calc((100vw - 920px) / 2); display: block; } .listSiteMenu .dropDownMenu .dropDownMenuContent { width: auto; overflow: visible; position: static; max-height: 100%; margin-right: 0; } .listSiteMenu .dropDownMenu .returnBtn { display: table !important; } .listSiteMenu .dropDownMenu .detailedDropDownMenu { display: block; position: absolute; padding: 0 calc((100vw - 920px) / 2); left: 100%; background-color: #fff; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); height: 100%; overflow-y: auto; overflow-x: hidden; background-color: #fff; top: 0; opacity: 1; width: 0; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); margin-right: 0; -webkit-transition: width 0s 0.4s, left 0.4s 0s, opacity 0.4s 0s; -moz-transition: width 0s 0.4s, left 0.4s 0s, opacity 0.4s 0s; -o-transition: width 0s 0.4s, left 0.4s 0s, opacity 0.4s 0s; transition: width 0s 0.4s, left 0.4s 0s, opacity 0.4s 0s; } .listSiteMenu .dropDownMenu .detailedDropDownMenu a { display: block; font-size: 18px; line-height: 22px; text-decoration: none; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .chapterLink { margin-bottom: 0; display: block; position: relative; font-weight: normal; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .chapterLink:after { content: ""; display: block; position: absolute; background-color: #E0E0DE; height: 1px; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .returnBtn { display: table !important; font-size: 16px; line-height: 20px; } .listSiteMenu .dropDownMenu .detailedDropDownMenu.activeDetailedMenu { left: 0; opacity: 1; width: 100%; -webkit-transition: width 0s 0s, left 0.3s 0.1s, opacity 0.3s 0.1s; -moz-transition: width 0s 0s, left 0.3s 0.1s, opacity 0.3s 0.1s; -o-transition: width 0s 0s, left 0.3s 0.1s, opacity 0.3s 0.1s; transition: width 0s 0s, left 0.3s 0.1s, opacity 0.3s 0.1s; } .listSiteMenu .dropDownMenu .detailedDropDownMenu li+li { margin-top: 0; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .chapterMenu a { position: relative; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .chapterMenu a:after { content: ""; display: block; position: absolute; background-color: #E0E0DE; height: 1px; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .menuBanner { display: none; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .detailedMenuInner { display: block; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .menuColumn { padding-right: 0; width: 100%; display: block; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .chapterContent { margin-bottom: 0; } .listSiteMenu .dropDownMenu .detailedDropDownMenu .chapterContent a { padding: 10px 0 11px; } .listSiteMenu .dropDownMenu .dropDownListMenu { width: 100%; padding-right: 0; } .listSiteMenu .dropDownMenu .dropDownListMenu a { display: block; padding: 10px 0 11px 0; font-size: 18px; line-height: 22px; font-weight: normal; border-bottom: 0; position: relative; } .listSiteMenu .dropDownMenu .dropDownListMenu a:before { content: ""; display: block; position: absolute; background-color: #E0E0DE; height: 1px; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; } .listSiteMenu .dropDownMenu .dropDownListMenu li+li { margin-top: 0; } .listSiteMenu .siteMenuItem+.siteMenuItem { margin-left: 0; margin-top: 0; } .listSiteMenu .siteMenuItem>a { display: block; padding: 10px 0 11px 0; position: relative; font-weight: normal; } .listSiteMenu .siteMenuItem>a:before { background-color: #E0E0DE; height: 1px; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; margin-bottom: 0; opacity: 1; } .listSiteMenu .siteMenuItem>a:hover:before { opacity: 1; margin-bottom: 0; } .listSiteMenu .siteMenuItem.highlighted>a:before { background-color: #E0E0DE; } .listSiteMenu .siteMenuItem.active .dropDownMenu { -webkit-transition: width 0s 0s, opacity 0.3s 0.1s, left 0.3s 0.1s; -moz-transition: width 0s 0s, opacity 0.3s 0.1s, left 0.3s 0.1s; -o-transition: width 0s 0s, opacity 0.3s 0.1s, left 0.3s 0.1s; transition: width 0s 0s, opacity 0.3s 0.1s, left 0.3s 0.1s; left: 0; width: 100%; opacity: 1; } .menuBurger { display: block; } .siteHeader { -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); } .siteHeader .accTools { margin-left: 0; } .siteHeader .topHeadLine { border-bottom: 0; } .siteHeader .topHeadLine .headLink, .siteHeader .topHeadLine .addressLink { display: none; } .siteHeader .chaptersMenu { top: auto; left: auto; position: relative; height: 70px; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; padding-top: 10px; padding-bottom: 10px; } .siteHeader .headAddress { padding-bottom: 0; } .siteHeader:before { content: ""; display: block; position: absolute; height: calc(100% - 42px); background-color: #f6f6f6; top: 0; left: 50%; margin-left: -50vw; width: 100vw; } .siteHeader .headAddMenu { -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 42px; } } @media (max-width: 991px) { .logoLink img { max-height: 36px; } .siteHeader .chaptersMenu { height: 56px; } .siteHeader .chaptersMenu .chaptersMenuItem+.chaptersMenuItem:before { height: 32px; } .siteMenuWrapper { height: calc(100% - 98px); top: 98px; } .listSiteMenu .dropDownMenu .dropDownMenuInner { padding: 0 calc((100vw - 610px) / 2); } .listSiteMenu .dropDownMenu .detailedDropDownMenu { padding: 0 calc((100vw - 610px) / 2); } } @media (max-width: 639px) { .siteMenuWrapper .siteMenuInner { padding-left: 15px; padding-right: 15px; } .listSiteMenu .dropDownMenu .dropDownMenuInner { padding: 0 15px; } .listSiteMenu .dropDownMenu .detailedDropDownMenu { padding: 0 15px; } .addressLink { font-size: 16px; line-height: 18px; } } @media (max-width: 479px) { .siteHeader .chaptersMenu .chaptersMenuItem+.chaptersMenuItem:before { height: 28px; } } .siteFooter { background-color: #212121; padding: 60px 0 20px; margin-top: auto; } .siteFooter .footMenuWrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 -15px; flex-wrap: wrap; } .siteFooter .footCaption { display: block; font-size: 21px; line-height: 26px; color: #fff; font-weight: bold; text-transform: uppercase; } .siteFooter .footMenuItem { padding: 0 15px; width: calc((100% - 480px) / 3); } .siteFooter .footMenuItem:nth-child(4) { width: 480px; } .siteFooter .footMenuItem:last-child { width: 100%; display: flex; align-items: center; justify-content: space-between; padding-top: 70px; } .siteFooter .footMenuItem .footMenuList { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 27px; } .siteFooter .footMenuItem .footMenuList ul li { margin-top: 9px; } .siteFooter .footMenuItem .footMenuList ul a { display: table; font-size: 14px; line-height: 21px; color: #fff; text-decoration: underline; text-decoration-color: #5E5E5E; -webkit-transition: text-decoration-color 0.4s; -moz-transition: text-decoration-color 0.4s; -o-transition: text-decoration-color 0.4s; transition: text-decoration-color 0.4s; } .siteFooter .footMenuItem .footMenuList ul a:hover { text-decoration-color: #fff; } .siteFooter .socialsList { margin-top: 7px; margin-bottom: 11px; } .siteFooter .socialsList:after { content: ""; display: block; clear: both; } .siteFooter .socialsList li { float: left; padding-right: 12px; padding-top: 12px; } .siteFooter .socialsList a { display: block; font-size: 33px; line-height: 33px; color: #fff; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .siteFooter .socialsList a:hover { color: #5E5E5E; } .siteFooter .infoText { font-size: 14px; line-height: 21px; color: #fff; padding-right: 86px; } .siteFooter .infoText+* { margin-top: 10px; } .siteFooter .downInfo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; order: -1; } .siteFooter .downInfo .siteLink { margin-top: 0; } .siteFooter .downAddresses { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .siteFooter .downAddresses .selectedCityWrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-right: 55px; } .siteFooter .downAddresses .pre { display: block; font-size: 18px; line-height: 22px; color: #fff; padding-right: 5px; } .siteFooter .downAddresses .addressLink { color: #fff; padding-right: 0; padding-top: 2px; padding-bottom: 2px; } .siteFooter .downAddresses .addressLink:before { width: calc(100% - 37px); border-color: #5E5E5E; top: 24px; } .siteFooter .downAddresses .addressLink:after { display: none; } .siteFooter .downAddresses .addressLink:hover { background-color: transparent; } .siteFooter .downAddresses .addressLink:hover:before { top: 24px; border-color: #fff; opacity: 1; } .siteFooter .downAddresses .siteLink { font-size: 18px; line-height: 22px; padding-bottom: 1px; } .siteFooter .footerInner { position: relative; } .siteFooter .siteLink { color: #fff; } .siteFooter .socialColumns .pre { color: #fff; } .siteFooter .socialColumns { margin-top: 39px; padding-bottom: 7px; } .siteFooter .actionCallback { display: flex; align-items: center; justify-content: space-between; } .socialColumns { display: flex; margin: 0 -15px; } .socialColumns .pre { display: block; font-size: 14px; line-height: 17px; } .socialColumns .socialChapter { width: 50%; padding: 0 15px; } .socialColumns .socialChapter .socialsList { margin-top: 13px; } @media (max-width: 1799px) { .siteFooter .footMenuWrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .siteFooter .footMenuItem { width: calc((100% - 420px) / 3); } .siteFooter .footMenuItem:nth-child(4) { width: 420px; } .siteFooter .footDownLine { -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; position: absolute; width: 50%; bottom: 15px; right: 0; } .siteFooter .downAddresses .selectedCityWrapper { margin-bottom: 0; margin-right: 40px; } .siteFooter .infoText+* { margin-top: 0; } } @media (max-width: 1279px) { .siteFooter { padding-top: 0; padding-bottom: 20px; } .siteFooter .footMenuItem { padding-top: 30px; width: 25%; } .siteFooter .actionCallback { display: block; } .siteFooter .actionCallback>*+* { margin-top: 10px; } .siteFooter .footMenuItem:nth-child(4) { width: 25%; } .siteFooter .socialColumns { display: block; margin-top: 29px; padding-bottom: 0; } .siteFooter .socialColumns .socialChapter { width: 100%; } .siteFooter .footMenuItem .footMenuList { margin-top: 20px; } .socialColumns .socialChapter .socialsList { margin-top: 3px; } .siteFooter .footMenuItem:last-child { width: 100%; margin-top: 0; flex-direction: row; justify-content: space-between; align-items: center; padding-top: 40px; } /* .siteFooter .downAddresses .selectedCityWrapper { padding-right: 0; } .siteFooter .downAddresses { display: flex; margin-top: 0; } .siteFooter .downAddresses .addressLink:before { width: calc(100% - 27px); } */ .siteFooter .downAddresses .selectedCityWrapper { margin-right: 40px; padding-right: 0px; } .siteFooter .infoText { padding-right: 40px; } } @media (max-width: 991px) { .siteFooter .footMenuItem { width: calc(100% / 3); } .siteFooter .actionCallback { display: flex; } .siteFooter .actionCallback>*+* { margin-top: 0; } .siteFooter .footMenuItem:nth-child(4) { width: calc(100% / 3 * 2); } .siteFooter .socialColumns { display: flex; } .siteFooter .footMenuItem:last-child { display: block; } .siteFooter .footDownLine { display: block; } .siteFooter .downAddresses { justify-content: space-between; } .siteFooter .downInfo { margin-top: 25px; justify-content: space-between; } } @media (max-width: 639px) { .siteFooter .downAddresses { align-items: flex-end; } .siteFooter .actionCallback { display: block; } .siteFooter .actionCallback>*+* { margin-top: 10px; } .siteFooter .downAddresses .selectedCityWrapper { display: block; } .siteFooter .downAddresses .pre { font-size: 14px; line-height: 18px; } .siteFooter .downAddresses .siteLink { font-size: 14px; line-height: 18px; } .siteFooter .downAddresses .addressLink { display: table; padding-top: 3px; padding-bottom: 3px; margin-top: 5px; } .siteFooter .downAddresses .addressLink:before { top: 21px; } .siteFooter .downAddresses .addressLink:hover:before { top: 21px; } .siteFooter .footMenuItem { width: 50%; } .siteFooter .footMenuItem:nth-child(4) { width: 50%; } .siteFooter .socialColumns { display: block; } } @media (max-width: 479px) { .siteFooter { padding-top: 10px; } .siteFooter .footMenuWrapper { margin: 0 -5px; } .siteFooter .footCaption { font-size: 16px; line-height: 24px; } .siteFooter .socialsList a { font-size: 28px; line-height: 32px; } .siteFooter .downAddresses { justify-content: space-between; } .siteFooter .downAddresses .addressLink { margin-bottom: 5px; } .siteFooter .downAddresses .siteLink { font-size: 12px; line-height: 26px; } .siteFooter .socialColumns { margin-top: 10px; } .siteFooter .downAddresses .pre { font-size: 12px; line-height: 15px; } .siteFooter .footMenuItem { padding: 20px 5px 0; } .siteFooter .footMenuItem .footMenuList { display: block; margin-top: 10px; } .siteFooter .footMenuItem .footMenuList ul a { font-size: 12px; line-height: 15px; } .siteFooter .downInfo { justify-content: space-between; } .siteFooter .downAddresses .selectedCityWrapper { width: calc(50% - 35px); margin-right: 10px; } .siteFooter .siteLink { font-size: 12px; line-height: 15px; } .siteFooter .infoText { display: block; padding-right: 0; font-size: 12px; line-height: 15px; } } .socialColumns .pre { font-size: 12px; line-height: 15px; } .blocker { background-color: rgba(0, 0, 0, 0.25); z-index: 12; cursor: pointer; padding: 15px; } .modal { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0 0px transparent; -moz-box-shadow: 0 0 0px transparent; box-shadow: 0 0 0px transparent; padding: 0; cursor: auto; } .modal a.close-modal { top: 20px; right: 22px; width: 36px; height: 36px; background-size: 20px auto; background-image: url("/local/templates/main/css/../img/icon-close.svg"); -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .modal a.close-modal:hover { background-color: #F2F2F2; } #cityModal { max-width: 710px; } .signModal { max-width: 593px; } .signModal .modalContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .modal { width: 100%; } .userCityForm { padding: 75px 80px 29px 95px; } .userCityForm .formCaption { display: block; font-size: 28px; line-height: 34px; color: #212121; text-transform: uppercase; } .userCityForm .siteSearchCity { margin-top: 15px; margin-bottom: 9px; } .userCityForm .listCities { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px -15px 0; } .userCityForm .listCities .cityItem { width: 50%; padding: 0 15px; } .userCityForm .listCities .cityItem label { display: table; font-size: 14px; line-height: 24px; color: #212121; cursor: pointer; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration-color 0.4s; -moz-transition: text-decoration-color 0.4s; -o-transition: text-decoration-color 0.4s; transition: text-decoration-color 0.4s; } .userCityForm .listCities .cityItem label:hover { text-decoration-color: #212121; } .userCityForm .listCities .cityItem input { display: none; } .userCityForm .listCities .cityItem input:checked+label { text-decoration-color: transparent; font-weight: bold; } .siteSearchCity input { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 100%; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background-color: transparent; border: 0; font-family: "Century Gothic"; padding: 0; height: 78px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 64px; line-height: 78px; color: #212121; font-weight: bold; width: 100%; } .siteSearchCity input::-webkit-input-placeholder { color: #E0E0DE; } .siteSearchCity input::-moz-placeholder { color: #E0E0DE; } .siteSearchCity input:-moz-placeholder { color: #E0E0DE; } .siteSearchCity input:-ms-input-placeholder { color: #E0E0DE; } .signForm { padding: 67px 60px 71px 61px; width: 100%; } .signForm+.signForm { padding-top: 0px; } .signForm .formTitleContainer { margin-bottom: 34px; text-align: center; } .signForm .formTitleContainer>* { font-weight: bold; } .signForm .inputWrapper input, .signForm .inputWrapper textarea { border-width: 0; border-bottom-width: 1px; padding-top: 7px; padding-left: 0; padding-bottom: 6px; font-size: 18px; line-height: 22px; } .signForm .inputWrapper input::-webkit-input-placeholder, .signForm .inputWrapper textarea::-webkit-input-placeholder { color: #a5a5a5; } .signForm .inputWrapper input::-moz-placeholder, .signForm .inputWrapper textarea::-moz-placeholder { color: #a5a5a5; } .signForm .inputWrapper input:-moz-placeholder, .signForm .inputWrapper textarea:-moz-placeholder { color: #a5a5a5; } .signForm .inputWrapper input:-ms-input-placeholder, .signForm .inputWrapper textarea:-ms-input-placeholder { color: #a5a5a5; } .signForm .inputWrapper input { height: 35px; } .signForm .inputWrapper textarea { height: 180px; } .signForm .inputWrapper .showPassBtn { top: 10px; } .signForm .inputWrapper .flag { top: 7px; } .signForm .inputWrapper+.inputWrapper { margin-top: 16px; } .signForm .inputWrapper.inputGender+.inputWrapper { margin-top: 6px; } .signForm label { display: block; font-size: 14px; line-height: 17px; color: #a5a5a5; margin-bottom: 12px; } .signForm .inputExampleText { display: block; font-size: 14px; line-height: 17px; color: #a5a5a5; margin-top: 4px; } .signForm [class*=btnMain] { width: 100%; height: 40px; padding: 10px 10px; } .signForm .blockSubTitle { padding-bottom: 10px; } .signForm .formResult { margin-top: 35px; } .signForm .formResult .formLink { display: table; margin: 8px auto 0; font-size: 14px; line-height: 17px; color: #a5a5a5; text-decoration: underline; text-decoration-color: #E0E0DE; -webkit-transition: text-decoration-color 0.4s, color 0.4s; -moz-transition: text-decoration-color 0.4s, color 0.4s; -o-transition: text-decoration-color 0.4s, color 0.4s; transition: text-decoration-color 0.4s, color 0.4s; } .signForm .formResult .formLink:hover { color: #212121; text-decoration-color: #212121; } .signForm .formResult .formBulletText { display: block; font-size: 14px; line-height: 17px; color: #212121; text-align: center; margin-top: 10px; margin-bottom: 10px; } .signForm .formResult .resultItem+.resultItem { margin-top: 20px; } .signForm .formResult .agreeInputWrapper { margin-top: 23px; } .signForm .formResult .formMessage { font-size: 14px; line-height: 17px; display: block; padding-top: 6px; text-align: center; } .signForm .formResult .formMessage.error { color: #FF5151; } .signForm .formResult .formMessage.success { color: #008000; } .videoModal { max-width: 1274px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .videoModal .modalContent { padding: 30px; } .videoModal a.close-modal { top: 0; right: -58px; } .videoModal .videoWrapper { padding-top: calc(575 / 1214 * 100%); position: relative; } .videoModal .videoWrapper iframe { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .messageModal .modalContent { display: flex; align-items: center; justify-content: center; min-height: 160px; padding: 0 80px; } .messageModal p { text-align: center; font-size: 16px; line-height: 20px; color: #212121; font-weight: normal; } .modalTitleContainer { display: block; padding-right: 20px; margin-bottom: 52px; } .goodAvailableModal { padding: 52px 60px 60px; max-width: 1064px; } .goodAvailableModal .cityChoose { max-width: 316px; } .goodAvailableModal .shopAvailableList { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 22px -35px 0; } .goodAvailableModal .shopAvailableList .shopAvailableItem { width: calc(100% / 3); padding: 35px 35px 0; } .goodAvailableModal .shopAvailableList p { font-size: 18px; line-height: 22px; color: #5e5e5e; margin-bottom: 32px; } .goodAvailableModal .shopAvailableList .name { display: block; font-size: 24px; line-height: 28px; font-weight: bold; margin-bottom: 20px; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration-color 0.3s; -moz-transition: text-decoration-color 0.3s; -o-transition: text-decoration-color 0.3s; transition: text-decoration-color 0.3s; } .goodAvailableModal .shopAvailableList .name:hover { text-decoration-color: #212121; } .goodAvailableModal .shopAvailableList .availableMark { display: table; position: relative; background-color: #fff; -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); padding: 12px 16px 12px 36px; margin-top: auto; } .goodAvailableModal .shopAvailableList .availableMark:before { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 8px; line-height: 8px; color: #212121; left: 12px; top: 50%; margin-top: -4px; } .goodAvailableModal .shopAvailableList .shopAvailableCard { position: relative; height: 100%; padding-left: 36px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .goodAvailableModal .shopAvailableList .shopAvailableCard:before { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 28px; line-height: 28px; color: #212121; left: 0; top: 0; } .goodAvailableModal a.close-modal { top: 48px; } .cityConfirmPopup { -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); position: absolute; top: 60px; left: 50%; margin-left: -820px; z-index: 13; background-color: #fff; height: 0; overflow: hidden; opacity: 0; -webkit-transition: height 0s 0.3s, opacity 0.3s 0s; -moz-transition: height 0s 0.3s, opacity 0.3s 0s; -o-transition: height 0s 0.3s, opacity 0.3s 0s; transition: height 0s 0.3s, opacity 0.3s 0s; } .cityConfirmPopup .popupInner { padding: 24px; } .cityConfirmPopup .pre { display: block; font-size: 18px; line-height: 22px; color: #212121; font-weight: bold; } .cityConfirmPopup .btnsLine { margin-top: 24px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .cityConfirmPopup .btnsLine [class*=btnMain] { min-width: 132px; } .cityConfirmPopup .btnsLine [class*=btnMain]+[class*=btnMain] { margin-left: 30px; } .cityConfirmPopup.active { opacity: 1; height: auto; -webkit-transition: height 0s 0s, opacity 0.3s 0.1s; -moz-transition: height 0s 0s, opacity 0.3s 0.1s; -o-transition: height 0s 0s, opacity 0.3s 0.1s; transition: height 0s 0s, opacity 0.3s 0.1s; } .cityConfirmPopup.hidden { visibility: hidden; } @media (max-width: 1799px) { .videoModal { max-width: 1132px; } .cityConfirmPopup { top: 50px; margin-left: -585px; } } @media (max-width: 1279px) { .userCityForm .formCaption { font-size: 22px; line-height: 28px; } .siteSearchCity input { font-size: 48px; line-height: 60px; height: 60px; } .signForm { padding: 60px 40px 40px 40px; } .signForm .formTitleContainer { margin-bottom: 30px; } .videoModal { max-width: 862px; } .videoModal .modalContent { padding: 20px; } .videoModal a.close-modal { right: -40px; } .cityConfirmPopup { position: fixed; top: auto; margin-left: 0; bottom: 0; left: 0; width: 100vw; } .cityConfirmPopup .pre { font-size: 16px; line-height: 20px; } .cityConfirmPopup .popupInner { padding: 16px 15px; } .cityConfirmPopup .btnsLine { margin-top: 16px; } .cityConfirmPopup .btnsLine [class*=btnMain]+[class*=btnMain] { margin-left: 20px; } .modalTitleContainer { padding-right: 30px; margin-bottom: 40px; } .goodAvailableModal { padding: 40px; } .goodAvailableModal .shopAvailableList { margin: 0 -20px 0; } .goodAvailableModal .shopAvailableList .shopAvailableItem { padding: 30px 20px 0; } .goodAvailableModal .shopAvailableList p { font-size: 16px; line-height: 20px; margin-bottom: 20px; } .goodAvailableModal .shopAvailableList .name { font-size: 20px; line-height: 24px; } .goodAvailableModal .shopAvailableList .shopAvailableCard { padding-left: 32px; } .goodAvailableModal .shopAvailableList .shopAvailableCard:before { font-size: 24px; line-height: 24px; } .goodAvailableModal .shopAvailableList .availableMark { padding: 8px 15px 8px 32px; } .goodAvailableModal a.close-modal { top: 36px; } } @media (max-width: 991px) { .userCityForm { padding: 75px 66px 29px 66px; } .videoModal { max-width: 610px; margin-top: 40px; } .videoModal a.close-modal { right: 0; top: -40px; } .cityConfirmPopup .pre { font-size: 14px; line-height: 17px; } .cityConfirmPopup .popupInner { padding: 15px; } .cityConfirmPopup .btnsLine { margin-top: 10px; } .cityConfirmPopup .btnsLine [class*=btnMain]+[class*=btnMain] { margin-left: 10px; } .modalTitleContainer { margin-bottom: 30px; } .goodAvailableModal { max-width: 610px; } .goodAvailableModal .shopAvailableList .shopAvailableItem { width: 50%; } .goodAvailableModal .shopAvailableList .name { font-size: 18px; line-height: 24px; } } @media (max-width: 639px) { .pageMessageWrapper .socialColumns, .orderMessageWrapper .socialColumns { display: block; } .pageMessageWrapper .socialColumns .socialChapter, .orderMessageWrapper .socialColumns .socialChapter { margin-left: auto; margin-right: auto; margin-top: 10px; } .userCityForm { padding: 50px 30px 29px; } .modal a.close-modal { top: 11px; right: 11px; background-size: 16px auto; width: 28px; height: 28px; } .userCityForm .formCaption { font-size: 16px; line-height: 20px; } .userCityForm input { font-size: 36px; line-height: 48px; height: 48px; } .userCityForm .siteSearchCity { margin-top: 10px; } .signForm { padding: 50px 20px 35px; } .signForm .formCaption { font-size: 20px; line-height: 20px; } .signForm label { margin-bottom: 4px; } .signForm .inputWrapper input, .signForm .inputWrapper textarea { font-size: 14px; line-height: 18px; } .signForm .inputWrapper input { height: 40px; } .signForm .inputWrapper.inputGender { margin-top: 10px; } .signForm .inputWrapper.inputGender+.inputWrapper { margin-top: 10px; } .signForm [class*=btnMain] { padding: 10px 10px; } .videoModal { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin-top: 32px; } .videoModal .modalContent { padding: 5px; } .videoModal .videoWrapper { overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .videoModal a.close-modal { right: 0; top: -32px; } .messageModal .modalContent { padding: 0 50px; } .messageModal p { font-size: 14px; line-height: 17px; } .modalTitleContainer { margin-bottom: 20px; } .goodAvailableModal { padding: 30px 20px; max-width: 450px; } .goodAvailableModal .shopAvailableList { margin: 0 -10px; } .goodAvailableModal .shopAvailableList .shopAvailableItem { padding: 25px 10px 0; } .goodAvailableModal .shopAvailableList .name { font-size: 16px; line-height: 24px; margin-bottom: 10px; } .goodAvailableModal .shopAvailableList .shopAvailableCard { padding-left: 28px; } .goodAvailableModal .shopAvailableList p { font-size: 12px; line-height: 16px; margin-bottom: 15px; } .goodAvailableModal a.close-modal { top: 26px; } } @media (max-width: 479px) { .userCityForm { padding: 60px 22px 29px; } .userCityForm input { font-size: 32px; line-height: 40px; height: 40px; } .userCityForm .listCities { display: block; margin: 0; } .userCityForm .listCities .cityItem { width: 100%; padding: 0; } .goodAvailableModal .shopAvailableList .shopAvailableItem { width: 100%; } } .mainBannerCarousel { padding-bottom: 96px; } .mainBannerCarousel .bannerCard { position: relative; padding-top: 67px; height: 662px; opacity: 0; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; } .mainBannerCarousel .bannerCard .bannerImage { height: 100%; width: calc(50% + 233px + 140px); left: calc(50% - 233px); top: 0; position: absolute; z-index: -2; } .mainBannerCarousel .bannerCard .bannerImage img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left center; object-position: left center; } .mainBannerCarousel .bannerCard .bannerMiniImages { position: absolute; bottom: -96px; left: 0; width: 100vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-width: 1920px; } .mainBannerCarousel .bannerCard .bannerMiniImage { height: 396px; width: 290px; position: absolute; bottom: 0; } .mainBannerCarousel .bannerCard .bannerMiniImage img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left center; object-position: left center; } .mainBannerCarousel .bannerCard .bannerMiniImage:first-child { left: 0; } .mainBannerCarousel .bannerCard .bannerMiniImage:nth-child(2) { right: 0; } .mainBannerCarousel .bannerCard .bannerTitle { max-width: 50%; opacity: 0; -moz-transform: translateX(202px); -ms-transform: translateX(202px); -webkit-transform: translateX(202px); -o-transform: translateX(202px); transform: translateX(202px); -webkit-transition: opacity 0.5s 0s, transform 0s 0.5s; -moz-transition: opacity 0.5s 0s, transform 0s 0.5s; -o-transition: opacity 0.5s 0s, transform 0s 0.5s; transition: opacity 0.5s 0s, transform 0s 0.5s; } .mainBannerCarousel .bannerCard p { line-height: 24px; } .mainBannerCarousel .bannerCard .bannerCardContent { width: 352px; padding-left: 126px; position: relative; margin-top: 55px; margin-left: 202px; -moz-transform: translateX(-202px); -ms-transform: translateX(-202px); -webkit-transform: translateX(-202px); -o-transform: translateX(-202px); transform: translateX(-202px); opacity: 0; -webkit-transition: opacity 0.5s 0s, transform 0s 0.5s, width 0s 0.5s; -moz-transition: opacity 0.5s 0s, transform 0s 0.5s, width 0s 0.5s; -o-transition: opacity 0.5s 0s, transform 0s 0.5s, width 0s 0.5s; transition: opacity 0.5s 0s, transform 0s 0.5s, width 0s 0.5s; } .mainBannerCarousel .bannerCard .bannerCardContent .blockCount { position: absolute; left: 0; top: -10px; } .mainBannerCarousel .bannerCard .bannerCardContent .moreLink { margin-top: 20px; } .mainBannerCarousel .swiper-slide.swiper-slide-active { z-index: 1; } .mainBannerCarousel .swiper-slide.swiper-slide-active .bannerCard { opacity: 1; overflow: visible; } .mainBannerCarousel .swiper-slide.swiper-slide-active .bannerCard .bannerTitle { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: opacity 0.5s 0.5s, transform 0.5s 0.5s; -moz-transition: opacity 0.5s 0.5s, transform 0.5s 0.5s; -o-transition: opacity 0.5s 0.5s, transform 0.5s 0.5s; transition: opacity 0.5s 0.5s, transform 0.5s 0.5s; } .mainBannerCarousel .swiper-slide.swiper-slide-active .bannerCard .bannerCardContent { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; -webkit-transition: opacity 0.5s 1.5s, transform 0.5s 1.5s, width 0s 0s; -moz-transition: opacity 0.5s 1.5s, transform 0.5s 1.5s, width 0s 0s; -o-transition: opacity 0.5s 1.5s, transform 0.5s 1.5s, width 0s 0s; transition: opacity 0.5s 1.5s, transform 0.5s 1.5s, width 0s 0s; } .mainBannerCarousel .carouselNavigation { position: absolute; bottom: 40px; width: calc(100% - 580px); left: 290px; } .mainBannerCarousel .swiper-pagination { padding-bottom: 12px; } .mainBannerCarousel .swiper-button-next { margin-right: 30px; } .mainBannerCarousel .swiper-button-prev { margin-left: 30px; } .mainSection { padding-top: 80px; padding-bottom: 80px; } .mainSection .sectionInner { position: relative; } .mainSection .sectionContent { margin-top: 80px; } .mainSection.backColor { background-color: #F2F2F2; } .visualSection+.visualSection { margin-top: 80px; } .sectionInner .titleContainer { text-align: center; } .sectionInner>.moreLink { margin-top: 15px; float: right; clear: both; font-weight: normal; } .sectionInner>.moreLink:before { background-color: #E0E0DE; } .sectionInner>.moreLink:hover:before { background-color: #212121; } .cardInfo .article { display: block; font-size: 14px; line-height: 20px; } .cardInfo p { font-size: 14px; line-height: 20px; color: #5E5E5E; margin-top: 5px; margin-bottom: 5px; } .cardInfo .aboutMark { margin-top: 24px; padding: 8px 32px 8px 12px; } .cardInfo .aboutMark:after { right: 8px; } .cardInfo .aboutMark p { font-size: 11px; line-height: 14px; margin-top: 0; margin-bottom: 0; } .cardInfo .costLine { margin-top: 10px; } .cardInfo .costLine:after { content: ""; display: block; clear: both; } .cardInfo .cardCost { display: block; font-size: 24px; line-height: 29px; color: #212121; font-weight: bold; float: left; } .cardInfo .cardCost.new { /* color: #FF5151; */ padding-right: 15px; } .cardInfo .cardCost.old { /* text-decoration: line-through; */ font-size: 14px; line-height: 17px; padding-top: 6px; padding-bottom: 6px; } .cardInfo .cardCost.freeCost { font-size: 14px; line-height: 20px; } .cardInfo .cardTitle { font-weight: bold; margin-top: 15px; margin-bottom: 10px; } .cardInfo .logoBrand { display: table; -webkit-transition: opacity 0.3s, text-decoration-color 0.3s; -moz-transition: opacity 0.3s, text-decoration-color 0.3s; -o-transition: opacity 0.3s, text-decoration-color 0.3s; transition: opacity 0.3s, text-decoration-color 0.3s; } .cardInfo .logoBrand:hover { opacity: 0.6; } .cardInfo .goodParamsList { margin-top: 6px; margin-right: -20px; } .cardInfo .goodParamsList:after { content: ""; display: block; clear: both; } .cardInfo .goodParamsList .goodParamVal { display: block; border: 1px solid #E0E0DE; min-width: 96px; padding: 10px 14px; font-size: 14px; line-height: 17px; text-align: center; -webkit-transition: border-color 0.3s, box-shadow 0.3s, opacity 0.3s; -moz-transition: border-color 0.3s, box-shadow 0.3s, opacity 0.3s; -o-transition: border-color 0.3s, box-shadow 0.3s, opacity 0.3s; transition: border-color 0.3s, box-shadow 0.3s, opacity 0.3s; } .cardInfo .goodParamsList .goodParamVal.disabled { opacity: 0.3; } .cardInfo .goodParamsList .goodParam { float: left; margin-right: 20px; margin-top: 20px; } .cardInfo .goodParamsList .goodParam.active .goodParamVal { border-color: #212121; } .cardInfo .goodParamsList label.goodParamVal { cursor: pointer; } .cardInfo .goodParamsList label.goodParamVal:hover { border-color: #212121; } .cardInfo .goodParamsList input { display: none; } .cardInfo .goodParamsList input:checked+.goodParamVal { border-color: #212121; } .cardInfo .goodParamsList.colors { margin-top: 16px; margin-right: -10px; } .cardInfo .goodParamsList.colors .goodParamVal { min-width: 40px; height: 40px; width: 40px; padding: 0; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; } .cardInfo .goodParamsList.colors .goodParamVal:after { content: ""; display: block; position: absolute; opacity: 0; width: 100%; height: 100%; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; font-family: icomoon; font-size: 12px; line-height: 38px; color: #E0E0DE; top: 0; right: 0; } .cardInfo .goodParamsList.colors .goodParam { margin-right: 10px; margin-top: 10px; } .cardInfo .goodParamsList.colors label.goodParamVal:hover { opacity: 1; } .cardInfo .goodParamsList input:checked+.goodParamVal { -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); } .cardInfo .goodParamsList input:checked+.goodParamVal:after { opacity: 1; } .goodCard { position: relative; position: relative; z-index: 1; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; } .goodCard>a, .goodCard .invisBtn { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; } .goodCard .imageWrapper { position: relative; overflow: hidden; } .goodCard .imageWrapper>img { position: absolute; } .goodCard.cardType1 .imageWrapper>img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; left: 0; top: 0; } .goodCard.cardType1:hover .imageWrapper>img { -moz-transform: scale(1.02); -ms-transform: scale(1.02); -webkit-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .goodCard.cardType2 .imageWrapper>img { max-height: 100%; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .goodCard.cardType2:hover .imageWrapper>img { -moz-transform: translate(-50%, -50%) scale(1.02); -ms-transform: translate(-50%, -50%) scale(1.02); -webkit-transform: translate(-50%, -50%) scale(1.02); -o-transform: translate(-50%, -50%) scale(1.02); transform: translate(-50%, -50%) scale(1.02); } .goodCard:not(.horizontalCard) .imageWrapper { width: 100%; position: relative; overflow: hidden; background-color: #fff; padding-top: calc(300 / 253 * 100%); } .goodCard:not(.horizontalCard) .imageWrapper>img { -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .goodCard:not(.horizontalCard):before { content: ""; display: block; position: absolute; width: calc(100% + 44px); height: calc(100% + 44px); top: 50%; left: 50%; z-index: -1; opacity: 0; background-color: #fff; -moz-transform: translate(-50%, -50%) scale(0.9); -ms-transform: translate(-50%, -50%) scale(0.9); -webkit-transform: translate(-50%, -50%) scale(0.9); -o-transform: translate(-50%, -50%) scale(0.9); transform: translate(-50%, -50%) scale(0.9); -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; -webkit-transition: width 0.2s 0.1s, height 0.2s 0.1s, box-shadow 0.2s 0.1s, opacity 0.2s 0.1s, transform 0.2s 0.1s; -moz-transition: width 0.2s 0.1s, height 0.2s 0.1s, box-shadow 0.2s 0.1s, opacity 0.2s 0.1s, transform 0.2s 0.1s; -o-transition: width 0.2s 0.1s, height 0.2s 0.1s, box-shadow 0.2s 0.1s, opacity 0.2s 0.1s, transform 0.2s 0.1s; transition: width 0.2s 0.1s, height 0.2s 0.1s, box-shadow 0.2s 0.1s, opacity 0.2s 0.1s, transform 0.2s 0.1s; } .goodCard:not(.horizontalCard) .cardInfo { padding: 20px 0 0; } .goodCard:not(.horizontalCard):hover { -moz-transform: scale(1.01); -ms-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); z-index: 10; } .goodCard:not(.horizontalCard):hover:before { -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; } .goodCard .name { display: block; font-size: 14px; line-height: 17px; color: #212121; font-weight: bold; text-transform: uppercase; } .goodCard .markWrapper { position: absolute; z-index: 1; top: 0px; left: 0px; } .goodCard .cardMark { display: block; /*position: absolute;*/ font-size: 14px; line-height: 17px; color: #212121; font-weight: bold; text-transform: uppercase; padding: 9px 13px; background-color: #fff; border: 1px solid #212121; /*top: 13px; left: 12px;*/ margin: 13px 12px; z-index: 1; } .goodCard .unavialableMark { display: block; position: absolute; font-size: 14px; line-height: 17px; white-space: nowrap; color: #212121; font-weight: bold; text-transform: uppercase; bottom: 15px; right: 16px; z-index: 1; padding: 9px 13px; background-color: #fff; } .goodCard .cardFavoriteStatus { right: 16px; top: 15px; width: 32px; height: 26px; position: relative; z-index: 1; position: absolute; z-index: 10; } .goodCard .cardFavoriteStatus>a, .goodCard .cardFavoriteStatus .invisBtn { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; } .goodCard .cardFavoriteStatus img { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .goodCard .cardFavoriteStatus .hover, .goodCard .cardFavoriteStatus .checked { opacity: 0; z-index: 1; } .goodCard .cardFavoriteStatus:hover .checked { opacity: 0; } .goodCard .cardFavoriteStatus:hover .hover { opacity: 1; } .goodCard .cardFavoriteStatus.added img { opacity: 0; } .goodCard .cardFavoriteStatus.added .checked { opacity: 1; } .goodCard .cardFavoriteStatus.added .hover { opacity: 0; } .goodCard.horizontalCard { border: 1px solid #E0E0DE; padding: 25px 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .goodCard.horizontalCard .imageWrapper { width: 225px; height: 271px; } .goodCard.horizontalCard .cardInfo { width: calc(100% - 225px); padding: 0 200px 0 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; } .goodCard.horizontalCard .cardInfo .goodParamsList { margin-top: 0; } .goodCard.horizontalCard .costLine { position: absolute; width: 200px; right: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; margin-top: 0; } .goodCard.horizontalCard .cardCost { float: none; } .goodCard.horizontalCard .aboutGood { margin-top: 25px; } .goodCard.horizontalCard .aboutGood p { font-size: 12px; line-height: 18px; color: #212121; font-weight: bold; } .goodCard.horizontalCard .basketRemoveBtn { display: table; position: relative; padding-left: 31px; font-size: 12px; line-height: 16px; color: #5E5E5E; cursor: pointer; padding-top: 5px; padding-bottom: 5px; margin-top: 25px; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .goodCard.horizontalCard .basketRemoveBtn:before { content: ""; display: block; position: absolute; left: 0; top: 0; font-family: icomoon; font-size: 26px; line-height: 26px; color: inherit; } .goodCard.horizontalCard .basketRemoveBtn:after { content: ""; display: block; position: absolute; bottom: 5px; left: 31px; background-color: #5E5E5E; height: 1px; width: calc(100% - 31px); opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .goodCard.horizontalCard .basketRemoveBtn:hover { color: #212121; } .goodCard.horizontalCard .basketRemoveBtn:hover:after { opacity: 0; } .goodCard.giftCard .name { font-size: 18px; line-height: 24px; } .cardsGrid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -24px; } .cardsGrid .goodItem { margin-right: 24px; } .goodsCarousel { padding-top: 24px; padding-bottom: 100px; margin-top: -24px; } .goodsCarousel .swiper-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .goodsCarousel.centered .swiper-wrapper { justify-content: center; } .goodsCarousel .swiper-slide { width: calc(100% / 6); -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 1; } .goodsCarousel .swiper-slide:hover { z-index: 10; } .goodsCarousel.swiper-initialized .swiper-slide:not(.swiper-slide-active) { opacity: 0.3; } .goodsCarousel.swiper-initialized .swiper-slide.swiper-slide-visible { opacity: 1; } .hitGoodsGrid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .hitGoodsGrid .cardsBanner { width: calc(100% / 6 * 2 - 71px); margin-right: 71px; z-index: 2; position: relative; } .hitGoodsGrid .cardsBanner>img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .hitGoodsGrid .hitCardsList { width: calc(100% / 6 * 4); display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 24px; grid-row-gap: 24px; } .stockCarousel { max-width: 1080px; margin: 0 auto; padding-bottom: 64px; } .stockCarousel .stockCard { position: relative; z-index: 1; -webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .stockCarousel .stockCard>a, .stockCarousel .stockCard .invisBtn { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; } .stockCarousel .stockCard .imageWrapper { width: 100%; padding-top: calc(492 / 1085 * 100%); position: relative; } .stockCarousel .stockCard .imageWrapper img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .stockCarousel .stockCard .stockMark { display: block; position: absolute; background-color: #fff; bottom: calc(492 / 1085 * 1080px); margin-bottom: -21px; -moz-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); left: 22px; border: 1px solid #212121; font-size: 14px; line-height: 17px; color: #212121; font-weight: bold; text-transform: uppercase; padding: 8px 20px; z-index: 1; } .stockCarousel .stockCard .stockInfo { text-align: center; padding: 30px 10px 26px; border: 1px solid transparent; border-bottom: 0; -webkit-transition: border-color 0.4s; -moz-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; background-color: #fff; } .stockCarousel .stockCard .term { display: table; margin: 0 auto; font-size: 24px; line-height: 29px; color: #212121; text-transform: uppercase; padding-bottom: 16px; border-bottom: 1px solid #212121; } .stockCarousel .stockCard .name { display: block; font-size: 48px; line-height: 44px; color: #212121; font-weight: bold; text-transform: uppercase; margin-top: 13px; } .stockCarousel .stockCard .specialization { display: block; font-size: 28px; line-height: 44px; color: #212121; text-transform: uppercase; margin-top: 8px; } .stockCarousel .stockCard:hover { -webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1); } .stockCarousel .stockCard:hover .stockInfo { border-color: #E0E0DE; } .stockCarousel .swiper-slide { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; opacity: 1; } .stockCarousel .swiper-slide:hover { z-index: 10; } .stockCarousel.swiper-initialized .swiper-slide:not(.swiper-slide-active) { opacity: 0.3; } .stockCarousel.swiper-initialized .swiper-slide:not(.swiper-slide-active) .stockCard { -moz-transform: scale(0.75); -ms-transform: scale(0.75); -webkit-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-active { width: 1084px; } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-active .stockCard { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-prev .stockCard { margin-right: -135px; margin-left: 135px; } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-next .stockCard { margin-left: -135px; margin-right: 135px; } .topBrandGrid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .topBrandGrid .topBrandsLinkWrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 808px; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; position: relative; z-index: 1; } .topBrandGrid .topBrandsLinkWrapper>a, .topBrandGrid .topBrandsLinkWrapper .invisBtn { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; } .topBrandGrid .topBrandsLinkWrapper .topBrandBanner { height: calc(100% - 134px); overflow: hidden; } .topBrandGrid .topBrandsLinkWrapper .topBrandBanner img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; } .topBrandGrid .topBrandsLinkWrapper .topBrandName { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 134px; } .topBrandGrid .topBrandsLinkWrapper .topBrandName .linkText { font-size: 18px; line-height: 22px; color: #212121; text-transform: uppercase; padding-left: 12px; padding-right: 50px; position: relative; -webkit-transition: padding-right 0.4s; -moz-transition: padding-right 0.4s; -o-transition: padding-right 0.4s; transition: padding-right 0.4s; } .topBrandGrid .topBrandsLinkWrapper .topBrandName .linkText:after { content: ""; display: block; font-family: icomoon; font-size: 14px; line-height: 14px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; position: absolute; color: #212121; } .topBrandGrid .topBrandsLinkWrapper .topBrandName img { max-height: 134px; max-width: 328px; } .topBrandGrid .topBrandsLinkWrapper:hover .topBrandBanner img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .topBrandGrid .topBrandsLinkWrapper:hover .topBrandName { -webkit-transition: transform 0.75s; -moz-transition: transform 0.75s; -o-transition: transform 0.75s; transition: transform 0.75s; } .topBrandGrid .topBrandsLinkWrapper:hover .topBrandName .linkText { padding-right: 60px; } .topBrandGrid .cardsGrid { width: calc(100% - 808px); margin-right: 0; } .topBrandGrid .cardsGrid .goodItem { width: calc(100% / 3 - 24px); } .subscribeForm { background-color: #E0E0DE; padding: 32px calc(100% - 768px + 124px) 32px 158px; position: relative; } .subscribeForm .pre { display: block; font-size: 18px; line-height: 22px; color: #212121; } .subscribeForm .benefit { display: block; font-size: 52px; line-height: 64px; color: #212121; font-weight: bold; text-transform: uppercase; } .subscribeForm .subscribeInputWrapper { margin-top: 13px; } .subscribeForm .formCheckWrapper { margin-top: 17px; } .subscribeForm .backWrapper { position: absolute; height: 100%; right: 0; top: 0; width: calc(100% - 768px); background-size: cover; background-position: center; background-repeat: no-repeat; } .brandsListCarousel { width: 100%; padding-bottom: 67px; } .brandsListCarousel .brandLink { position: relative; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 111px; opacity: 0.3; padding: 0 10px; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .brandsListCarousel .brandLink>a, .brandsListCarousel .brandLink .invisBtn { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; } .brandsListCarousel .brandLink img { max-height: 100%; margin: 0 auto; } .brandsListCarousel .brandLink:hover { opacity: 1; } .accordionItem .accordionContent { display: none; } .accordionItem.active .accordionContent { display: block; } .accordionItem .accordionBtn { cursor: pointer; } .catalogSection .catalogContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .catalogSection .catalogList { width: 100%; } .catalogSection .catalogMenu { width: 354px; padding-right: 60px; } .catalogSection .catalogMenu+.catalogList { width: calc(100% - 354px); } .catalogSection .catalogMenu+.catalogList .similarCarousel { width: calc(100% + 354px); margin-left: -354px; } .catalogSection .catalogMenu+.catalogList .goodItem .goodCard .imageWrapper { height: 335px; } .catalogSection .catalogMenu+.catalogList .goodItem.bigItem .goodCard .imageWrapper { height: calc(670px + 78px + 24px); } .catalogSection .catalogMenu .caption { display: table; font-size: 18px; line-height: 22px; color: #212121; font-weight: bold; } .catalogSection .catalogMenu .catalogMenuChapter+.catalogMenuChapter { margin-top: 15px; } .catalogSection .catalogMenu .goodTypeContent { padding-left: 20px; display: none; } .catalogSection .catalogMenu .goodTypeContent ul { padding-top: 12px; } .catalogSection .catalogMenu .goodTypeContent ul li+li { margin-top: 12px; } .catalogSection .catalogMenu .goodTypesList { margin-top: 16px; } .catalogSection .catalogMenu .goodTypeHead { padding-right: 32px; position: relative; } .catalogSection .catalogMenu .goodTypeHead .accordionBtn { display: block; position: absolute; right: 0; top: 0; width: 24px; text-align: center; font-size: 14px; line-height: 24px; color: #212121; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .catalogSection .catalogMenu .goodTypeItem a { display: table; font-size: 14px; line-height: 22px; color: #212121; text-decoration: underline; text-decoration-color: #E0E0DE; -webkit-transition: text-decoration-color 0.3s; -moz-transition: text-decoration-color 0.3s; -o-transition: text-decoration-color 0.3s; transition: text-decoration-color 0.3s; } .catalogSection .catalogMenu .goodTypeItem a:hover { text-decoration-color: #212121; } .catalogSection .catalogMenu .goodTypeItem+.goodTypeItem { margin-top: 12px; } .catalogSection .catalogMenu .goodTypeItem.active>.goodTypeContent { display: block; } .catalogSection .catalogMenu .goodTypeItem.active>.goodTypeHead .accordionBtn { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .catalogSection .similarCarousel+.catalogGrid { margin-top: 74px; } .catalogSection .catalogCount { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; margin-bottom: 40px; margin-top: 30px; } .catalogSection .catalogCount .goodsCount { display: block; font-size: 12px; line-height: 15px; color: #5E5E5E; text-transform: lowercase; padding-bottom: 2px; padding-right: 22px; white-space: nowrap; } .catalogFilter { margin-bottom: 60px; position: relative; margin-bottom: 40px; } .catalogFilter .filterSubmit { display: none; } .catalogFilter.hasValues .clearFilterBtn { display: table; } .catalogFilter .clearFilterBtn { font-size: 12px; line-height: 16px; color: #6F6F6F; font-weight: bull; position: absolute; bottom: 100%; left: 0; white-space: nowrap; padding-top: 3px; padding-bottom: 3px; margin-bottom: 14px; display: none; z-index: 1; } .catalogFilter .clearFilterBtn:after { content: ""; display: block; position: absolute; width: 100%; background-color: #E0E0DE; height: 1px; bottom: 0; left: 0; opacity: 1; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .catalogFilter .clearFilterBtn:hover { color: #212121; } .catalogFilter .clearFilterBtn:hover:before { color: #212121; } .catalogFilter .clearFilterBtn:hover:after { background-color: #212121; } .catalogFilter .mobFilterBtn { font-size: 12px; line-height: 16px; color: #212121; padding-left: 20px; position: relative; white-space: nowrap; padding-top: 3px; padding-bottom: 3px; display: none; } .catalogFilter .mobFilterBtn:before { content: ""; display: block; position: absolute; font-family: icomoon; width: 16px; height: 16px; font-size: 16px; line-height: 16px; color: inherit; top: 3px; left: 0; } .catalogFilter .mobFilterBtn:after { content: ""; display: block; position: absolute; width: calc(100% - 20px); background-color: #212121; height: 1px; bottom: 0; left: 20px; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .catalogFilter .mobFilterBtn .count { display: inline-block; font-size: 12px; line-height: 16px; color: #A5A5A5; font-weight: normal; padding-left: 4px; } .catalogFilter .mobFilterBtn:hover:after { background-color: #212121; opacity: 1; } .catalogFilter .filterSort { display: none; } .catalogFilter .filterSort .filterBtn { padding-right: 18px; padding-top: 3px; padding-bottom: 3px; font-size: 12px; line-height: 16px; font-weight: normal; } .catalogFilter .filterSort .filterBtn:after { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 8px; line-height: 18px; color: inherit; font-weight: normal; width: 18px; right: 0; bottom: 0; text-align: center; } .catalogFilter .filterSort .filterBtn:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; height: 1px; width: calc(100% - 18px); background-color: transparent; margin-left: 0; opacity: 1; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .catalogFilter .filterSort .filterBtn:hover:before { background-color: #212121; } .catalogFilter .filterInner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: -24px -12px 0; position: relative; z-index: 11; } .catalogFilter .catalogFilterItem { padding: 24px 12px 0; } .catalogFilter .closeFilterMenu, .catalogFilter .filterCloseBtn { font-size: 14px; line-height: 16px; color: #212121; font-weight: bold; position: relative; padding-left: 16px; padding-top: 18px; padding-bottom: 18px; } .catalogFilter .closeFilterMenu:before, .catalogFilter .filterCloseBtn:before { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 10px; line-height: 10px; color: inherit; font-weight: normal; left: 0; top: 50%; margin-top: -5px; } .catalogFilter .closeFilterMenu { position: absolute; top: 0; left: 15px; } .catalogFilter .filterCloseBtn { margin-bottom: 10px; } .catalogFilter .clearBtn, .catalogFilter .filterContent, .catalogFilter .closeFilterMenu, .catalogFilter .filterCloseBtn { display: none; } .catalogFilter .filterBtn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; padding-right: 18px; cursor: pointer; font-size: 14px; line-height: 16px; color: #212121; font-weight: bold; padding-top: 2px; padding-bottom: 2px; white-space: nowrap; } .catalogFilter .filterBtn .filterCount { display: none; } .catalogFilter .filterBtn:after { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 8px; line-height: 16px; color: inherit; font-weight: normal; width: 18px; right: 0; bottom: 0; text-align: center; } .catalogFilter .filterBtn:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; height: 1px; width: calc(100% - 18px); background-color: #E0E0DE; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .catalogFilter .filterBtn .label { display: block; } .catalogFilter .filterBtn .value { display: none; } .catalogFilter .filterBtn .count { font-size: 12px; line-height: 16px; color: #A5A5A5; font-weight: normal; padding-left: 4px; } .catalogFilter .filterBtn:hover:before { background-color: #212121; } .catalogFilter .filterBtn.valueBtn .label { display: none; } .catalogFilter .filterBtn.valueBtn .value { display: block; } .catalogFilter .filterItem { position: relative; } .catalogFilter .filterItem.active { z-index: 1; } .catalogFilter .filterContent { position: absolute; left: 0; top: 100%; margin-top: 17px; background-color: #fff; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); padding: 20px; min-width: 206px; } .catalogFilter .filterContent ul { overflow-y: auto; overflow-x: hidden; max-height: 200px; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; scrollbar-width: thin; scrollbar-color: #e3e3e3 #fff; } .catalogFilter .filterContent ul::-webkit-scrollbar { width: 8px; background-color: #fff; } .catalogFilter .filterContent ul::-webkit-scrollbar-thumb { background-color: #e3e3e3; border-radius: 0; box-shadow: none; } .catalogFilter .filterContent ul::-webkit-scrollbar-thumb { width: 8px; background-color: #e3e3e3; } .catalogFilter .filterContent li+li { margin-top: 10px; } .catalogFilter .filterContent li input { display: none; } .catalogFilter .filterContent li input+label { position: relative; padding-left: 28px; font-size: 14px; line-height: 16px; color: #212121; font-weight: bold; padding-top: 1px; padding-bottom: 3px; white-space: nowrap; cursor: pointer; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .catalogFilter .filterContent li input+label .filterCount { margin-left: auto; font-size: 10px; line-height: 16px; color: #A5A5A5; font-weight: normal; padding-left: 20px; } .catalogFilter .filterContent li input+label:before { content: ""; display: block; position: absolute; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #FF5151; left: 5px; top: 5px; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .catalogFilter .filterContent li input+label:hover:before { opacity: 0.4; } .catalogFilter .filterContent li input:checked+label:before { opacity: 1; } .catalogFilter .filterContent li input[type=checkbox]+label:after { content: ""; display: block; position: absolute; width: 20px; height: 20px; border: 1px solid #212121; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; left: 0; top: 0; } .catalogFilter .filterContent .filterBtnLine { border-top: 1px solid #E0E0DE; margin-left: -20px; margin-right: -20px; padding: 20px 20px 0; margin-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .catalogFilter .filterContent .filterBtnLine [class*=btnMain] { height: 30px; padding: 5px 14px 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; min-width: 0px; } .catalogFilter .filterContent .pre { display: block; font-size: 14px; line-height: 17px; color: #212121; font-weight: bold; padding-top: 2px; padding-bottom: 1px; margin-right: 9px; } .catalogFilter .filterContent .inputWrapper input, .catalogFilter .filterContent .inputWrapper textarea { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 4px 14px; } .catalogFilter .filterContent .inputWrapper input { height: 30px; } .catalogFilter .filterContent .rangeInputs { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .catalogFilter .filterContent .rangeInputs .rangeInputItem { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: calc(50% - 7px); } .catalogFilter .filterContent .rangeInputs .rangeInputItem .inputWrapper { width: 55px; } .catalogFilter .filterContent .rangeInputs .rangeInputItem .inputWrapper input { text-align: center; padding-left: 5px; padding-right: 5px; } .similarCarousel { margin-top: 94px; } .similarCarousel .carouselTitle { margin-bottom: 60px; text-align: center; } .catalogGrid { display: grid; grid-template-columns: 1fr 1fr 1.5fr; grid-column-gap: 24px; grid-row-gap: 24px; grid-auto-flow: dense; } .catalogGrid+.catalogGrid { margin-top: 24px; } .catalogGrid .goodItem .goodCard .imageWrapper { height: 430px; padding-top: 0; } .catalogGrid .goodItem.bigItem { grid-column-start: 3; grid-row: span 2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .catalogGrid .goodItem:nth-child(8n+3) { grid-column-start: 3; } .catalogGrid .goodItem.bigItem .imageWrapper { height: calc(860px + 78px + 24px); } .catalogBannerSection .brandLogo, .madeInBannerSection .madeInLogo { display: table; margin: 45px auto 0px; position: relative; z-index: 1; } .catalogBannerSection .brandLogo img { max-height: 65px; } .madeInBannerSection .madeInLogo img { max-height: 122px; } .catalogBannerSection .brandLogo a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; } .catalogBannerSection .catalogBannerInner, .madeInBannerSection .madeInBannerInner { position: relative; } .catalogBannerSection .imageWrapper, .madeInBannerSection .imageWrapper { min-height: 600px; max-height: 708px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 calc((1640px - 100vw) / 2); } .catalogBannerSection .imageWrapper img, .madeInBannerSection .imageWrapper img { width: 100%; height: 100%; max-height: 100%; position: relative; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .catalogBannerSection .textWrapper { font-size: 18px; line-height: 22px; color: #5E5E5E; max-width: 440px; margin-top: 8px; } .catalogBannerSection .catalogBannerContent { text-align: right; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; padding-top: 40px; padding-bottom: 40px; } .catalogBannerSection .imageWrapper+.catalogBannerContent { position: absolute; top: 0; right: 0; height: 100%; } .catalogBannerSection .bannerTitle { text-transform: uppercase; } .catalogBannerSection .imageWrapper+.catalogBannerContent .bannerTitle { max-width: 540px; } .itemCarouselWrapper { position: relative; } .itemCarouselWrapper .carouselNavigation { position: absolute; height: 162px; bottom: 0; left: -38px; width: calc(100% + 76px); } .itemCarouselWrapper .carouselNavigation .swiper-button-prev, .itemCarouselWrapper .carouselNavigation .swiper-button-next { height: 100%; width: 24px; text-align: center; } .itemCarouselWrapper .carouselNavigation .swiper-button-prev:after, .itemCarouselWrapper .carouselNavigation .swiper-button-next:after { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); position: relative; left: auto; right: auto; } .itemCarouselWrapper .carouselNavigation .swiper-button-prev:after { content: ""; } .itemCarouselWrapper .carouselNavigation .swiper-button-next:after { content: ""; } .itemCarouselWrapper .imageWrapper { height: 100%; position: relative; } .itemCarouselWrapper .imageWrapper img { -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .itemCarouselWrapper .thumbContent { -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; height: 100%; overflow: hidden; } .itemCarouselWrapper .thumbContent:hover .imageWrapper img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .itemCarouselWrapper .itemThumbCarousel { overflow: hidden; width: 100%; height: 162px; margin-top: 25px; } .itemCarouselWrapper .itemThumbCarousel .imageWrapper { cursor: pointer; overflow: hidden; } .itemCarouselWrapper .itemThumbCarousel .imageWrapper img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .itemCarouselWrapper .itemThumbCarousel .imageWrapper.videoLink { position: relative; } .itemCarouselWrapper .itemThumbCarousel .imageWrapper.videoLink:after { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 28px; line-height: 28px; color: #fff; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .itemCarouselWrapper .itemThumbCarousel .imageWrapper.videoLink img { opacity: 0.5; } .itemCarouselWrapper .itemThumbCarousel .swiper-slide { overflow: hidden; } .itemCarouselWrapper .itemCarousel { overflow: hidden; height: 667px; } .itemCarouselWrapper .itemCarousel .swiper-slide { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .itemCarouselWrapper .itemCarousel .imageWrapper { max-width: 100%; max-height: 100%; overflow: hidden; width: 100%; } .itemCarouselWrapper .itemCarousel .imageWrapper img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; background-color: #fff; } .itemCarouselWrapper .itemCarousel .imageWrapper:hover { cursor: crosshair; } .itemCarouselWrapper .itemCarousel .imageWrapper.videoLink { cursor: pointer; position: relative; z-index: 1; } .itemCarouselWrapper .itemCarousel .imageWrapper.videoLink>a, .itemCarouselWrapper .itemCarousel .imageWrapper.videoLink .invisBtn { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; } .itemCarouselWrapper .itemCarousel .imageWrapper.videoLink:after { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 84px; line-height: 84px; color: #fff; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .itemCarouselWrapper .itemCarousel .imageWrapper.videoLink:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(33, 33, 33, 0.5); left: 0; top: 0; z-index: 1; } .itemCarouselWrapper .itemCarousel .imageWrapper.videoLink:hover img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .itemCarouselWrapper.verticalCarousel { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 624px; } .itemCarouselWrapper.verticalCarousel .carouselNavigation { height: calc(100% + 76px); top: -38px; left: 0; width: 115px; bottom: auto; } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-prev, .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-next { left: 50%; width: 100%; height: auto; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-prev:after, .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-next:after { display: block; position: relative; bottom: auto; padding: 0; line-height: 24px; } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-prev { bottom: 0; } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-prev:after { content: ""; } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-next { bottom: auto; top: 0; } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-next:after { content: ""; } .itemCarouselWrapper.verticalCarousel .itemThumbCarousel { width: 115px; height: 100%; -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-top: 0; } .itemCarouselWrapper.verticalCarousel .itemCarousel { width: calc(100% - 115px - 24px); margin-left: 24px; height: auto; } .goodHeadSection { margin-top: 70px; } .goodHeadSection .aboutMark { margin-top: 24px; } .goodHeadSection .itemCarouselWrapper { width: 901px; } .goodHeadSection .cardInfo { width: calc(100% - 901px); padding-left: 96px; } .goodHeadSection .cardInfo .logoBrand { margin-left: auto; display: flex; justify-content: flex-end; align-items: center; font-size: 13px; line-height: 13px; } .goodHeadSection .cardInfo .logoBrand img { margin-left: 12px; } .goodHeadSection .cardInfo .costLine { margin-top: 20px; } .goodHeadSection .aboutCard { margin-top: 24px; width: 100%; } .goodHeadSection .cardInfo .itemParamSelect { margin-top: 20px; } .goodHeadSection .cardInfo .itemParamSelect .inputWrapper { max-width: 386px; margin-left: auto; } .goodHeadSection .btnsLine { margin-top: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-right: -12px; } .goodHeadSection .btnsLine [class*=btnMain] { margin-right: 12px; } .goodHeadSection .btnsLine [class*=btnMain]:not(.btnFavorite) { padding-left: 14px; padding-right: 14px; min-width: 181px; } .goodHeadSection .checkLink { margin-top: 30px; } .goodHeadSection .checkLink+.availableVal { display: block; margin-top: 10px; font-weight: bold; font-size: 12px; } .goodHeadSection .itemSpecifications { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -30px; margin-top: 18px; } .goodHeadSection .itemSpecifications li { width: 50%; padding: 20px 30px 0 72px; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; min-height: 70px; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .goodHeadSection .itemSpecifications .icon { position: absolute; width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-color: #F6F6F6; left: 0; top: 20px; } .goodHeadSection .itemSpecifications .icon img { max-height: 42px; max-width: 42px; } .goodHeadSection .itemSpecifications .val { display: table; font-size: 12px; line-height: 15px; color: #212121; font-weight: bold; margin-bottom: 5px; -webkit-transition: text-decoration-color 0.3s; -moz-transition: text-decoration-color 0.3s; -o-transition: text-decoration-color 0.3s; transition: text-decoration-color 0.3s; text-decoration: underline; text-decoration-color: transparent; } .goodHeadSection .itemSpecifications .val:hover { text-decoration-color: #212121; } .goodHeadSection .itemSpecifications .caption { display: block; font-size: 12px; line-height: 15px; color: #5E5E5E; } .goodHeadSection .itemSpecifications .moreLink { font-size: 12px; } .goodHeadSection .aboutItem { width: 100%; margin-top: 114px; } .goodHeadSection .aboutItem .titleContainer { margin-bottom: 24px; } .goodHeadSection .aboutItem .textWrapper { color: #5E5E5E; column-count: 2; column-gap: 160px; } .goodHeadSection .aboutItem .textWrapper b { color: #212121; font-weight: 600; } .goodHeadSection .aboutItem .textWrapper p, .goodHeadSection .aboutItem .textWrapper ul { margin-top: 0; margin-bottom: 0; } .goodHeadSection .aboutItem .aboutContent .textWrapper>*+* { margin-top: 22px; } .goodHeadSection .aboutItem .aboutContent { margin-top: 45px; } .goodHeadSection .goodHeadInner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .goodHeadSection .goodHeadInner.middleCarousel .aboutItem { width: 522px; -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; padding-right: 125px; margin-top: 0; } .goodHeadSection .goodHeadInner.middleCarousel .aboutItem .titleContainer { margin-bottom: 16px; } .goodHeadSection .goodHeadInner.middleCarousel .aboutItem .aboutContent { margin-top: 15px; } .goodHeadSection .goodHeadInner.middleCarousel .itemCarouselWrapper { width: 607px; } .goodHeadSection .goodHeadInner.middleCarousel .cardInfo { width: calc(100% - 607px - 522px); padding-left: 125px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; padding-bottom: 187px; text-align: right; position: relative; z-index: 1; } .goodHeadSection .goodHeadInner.middleCarousel .cardInfo .cardTitle { font-weight: normal; } .goodHeadSection .goodHeadInner.middleCarousel .aboutItem .textWrapper { column-count: initial; column-gap: initial; } .goodHeadSection .goodHeadInner .goodBasketStatus { display: none; position: fixed; background-color: #212121; max-width: 290px; -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); right: 15px; top: 15px; color: #fff; font-weight: bold; z-index: 12; padding: 15px 15px 15px 48px; -moz-transform: translateX(calc(15px + 100%)); -ms-transform: translateX(calc(15px + 100%)); -webkit-transform: translateX(calc(15px + 100%)); -o-transform: translateX(calc(15px + 100%)); transform: translateX(calc(15px + 100%)); -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; } .goodHeadSection .goodHeadInner .goodBasketStatus:before { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 12px; line-height: 12px; color: inherit; font-weight: normal; left: 0; top: 50%; margin-top: -6px; width: 48px; text-align: center; } .goodHeadSection .goodHeadInner .goodBasketStatus.active { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .aboutMark { display: table; background-color: #fff; -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); padding: 10px 48px 10px 18px; position: relative; } .aboutMark:after { content: "!"; display: block; position: absolute; width: 16px; height: 16px; font-size: 14px; line-height: 16px; color: #fff; font-weight: bold; line-height: 16px; text-align: center; background-color: #5E5E5E; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; right: 16px; top: 50%; margin-top: -8px; padding-left: 1px; } .goodDetailedVisual { margin-top: 80px; } .goodDetailedVisual .cardTitle { margin-bottom: 30px; font-size: 36px; line-height: 36px; } .goodDetailedVisual .textWrapper { color: #5E5E5E; } .goodDetailedVisual .textWrapper b { color: #212121; font-weight: normal; } .goodDetailedVisual .textWrapper p, .goodDetailedVisual .textWrapper ul { margin-top: 0; margin-bottom: 0; } .goodDetailedVisual .itemVisual img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .goodDetailedVisual .goodVisualGrid { position: relative; display: flex; margin-left: calc((1640px - 100vw) / 2); margin-right: calc((1640px - 100vw) / 2); } .goodDetailedVisual .visualGridInner { width: calc(100% - 693px - (100vw - 1640px) / 2); } .goodDetailedVisual .goodVisualGrid .gridItem { position: relative; padding-top: 40px; padding-bottom: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; height: calc(428 * 100vw / 1920); } .goodDetailedVisual .goodVisualGrid .itemContent { max-height: 100%; overflow: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #e3e3e3 #fff; } .goodDetailedVisual .goodVisualGrid .itemContent::-webkit-scrollbar { width: 8px; background-color: #fff; } .goodDetailedVisual .goodVisualGrid .itemContent::-webkit-scrollbar-thumb { background-color: #e3e3e3; border-radius: 0; box-shadow: none; width: 8px; } .goodDetailedVisual .goodVisualGrid .gridItem:before { content: ""; display: block; position: absolute; height: 100%; width: 100%; top: 0; right: 0; z-index: -1; background-color: #f6f6f6; } .goodDetailedVisual .goodVisualGrid .gridItem .itemVisual { position: absolute; top: 0; height: 100%; width: 50%; } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n+1) { padding-right: 50%; } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n) { padding-left: 50%; } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n+1) .itemContent { padding-right: 60px; padding-left: calc((100vw - 1640px) / 2); } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n) .itemContent { padding-left: 60px; padding-right: calc((100vw - 1640px) / 2); } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n+1) .itemVisual { right: 0; } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n) .itemVisual { right: 50%; } .goodDetailedVisual .goodVisualGrid .bigVisual { position: absolute; height: 100%; right: 0; top: 0; z-index: 1; width: calc(693px + (100vw - 1640px) / 2); overflow: hidden; } @media (min-width: 1920px) { .goodDetailedVisual .goodVisualGrid .gridItem { height: 428px; } .goodDetailedVisual .goodVisualGrid { margin-left: calc((1640px - 1920px) / 2); margin-right: calc((1640px - 1920px) / 2); } .goodDetailedVisual .visualGridInner { width: calc(100% - 693px - (1920px - 1640px) / 2); } .goodDetailedVisual .goodVisualGrid .bigVisual { width: calc(693px + (1920px - 1640px) / 2); } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n+1) .itemContent { padding-left: calc((1920px - 1640px) / 2); } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n) .itemContent { padding-right: calc((1920px - 1640px) / 2); } } @media (max-width: 1799px) { .goodDetailedVisual .goodVisualGrid .gridItem { height: calc(428 * 377px / 532); } .goodDetailedVisual .goodVisualGrid { margin-left: -88px; margin-right: -88px; } .goodDetailedVisual .visualGridInner { width: calc(100% - 504px - 88px); } .goodDetailedVisual .goodVisualGrid .bigVisual { width: calc(504px + 88px); } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n+1) .itemContent { padding-left: calc((1346px - 1170px) / 2); padding-right: 40px; } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n) .itemContent { padding-left: 40px; padding-right: calc((1346px - 1170px) / 2); } .goodDetailedVisual .cardTitle { margin-bottom: 20px; font-size: 28px; line-height: 32px; } } @media (max-width: 1345px) { .goodDetailedVisual .goodVisualGrid .gridItem { height: calc(428 * 359px / 532); } .goodDetailedVisual .goodVisualGrid { margin-left: -56px; margin-right: -56px; } .goodDetailedVisual .visualGridInner { width: calc(100% - 508px - 56px); } .goodDetailedVisual .goodVisualGrid .bigVisual { width: calc(508px + 56px); } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n+1) .itemContent { padding-left: calc((1280px - 1170px) / 2); padding-right: 40px; } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n) .itemContent { padding-left: 40px; padding-right: calc((1280px - 1170px) / 2); } .goodDetailedVisual .cardTitle { margin-bottom: 20px; font-size: 28px; line-height: 32px; } } @media (max-width: 1279px) { .goodDetailedVisual .goodVisualGrid .gridItem { height: calc(428 * 50vw / 532); } .goodDetailedVisual .goodVisualGrid { display: block; margin-left: calc((920px - 100vw) / 2); margin-right: calc((920px - 100vw) / 2); } .goodDetailedVisual .visualGridInner { width: 100%; } .goodDetailedVisual .goodVisualGrid .bigVisual { position: relative; width: 50%; margin-left: auto; margin-right: auto; margin-top: 40px; right: auto; top: auto; } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n+1) .itemContent { padding-left: calc((100vw - 920px) / 2); } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n) .itemContent { padding-right: calc((100vw - 920px) / 2); } } @media (max-width: 991px) { .goodDetailedVisual .goodVisualGrid .gridItem { height: calc(428 * 320px / 532); } .goodDetailedVisual .goodVisualGrid { margin-left: -15px; margin-right: -15px; } .goodDetailedVisual .goodVisualGrid .bigVisual { width: 100%; } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n+1) .itemContent { padding-left: 15px; padding-right: 15px; } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n) .itemContent { padding-left: 15px; padding-right: 15px; } .goodDetailedVisual .goodVisualGrid .gridItem { padding-top: 20px; padding-bottom: 20px; } } @media (max-width: 639px) { .goodDetailedVisual .goodVisualGrid .gridItem { height: auto; display: block; padding-top: 0; padding-bottom: 30px; } .goodDetailedVisual .goodVisualGrid .bigVisual { margin-top: 0; } } .goodDetailedVisual .goodVisualGrid .bigVisual.videoLink>a, .goodDetailedVisual .goodVisualGrid .bigVisual.videoLink .invisBtn { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; } .goodDetailedVisual .goodVisualGrid .bigVisual.videoLink:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(33, 33, 33, 0.5); left: 0; top: 0; z-index: 1; } .goodDetailedVisual .goodVisualGrid .bigVisual.videoLink:after { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 245px; line-height: 245px; color: #fff; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-left: 50px; z-index: 1; } .goodDetailedVisual .goodVisualGrid .bigVisual.videoLink:hover img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .goodDetailedVisual .goodVisualGrid .bigVisual img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .goodDetailedVisual .goodVisualColumns { margin-top: 80px; background-color: #F6F6F6; padding: 15px 40px 50px; } .goodDetailedVisual .goodVisualColumns .visualColumnsInner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .goodDetailedVisual .goodVisualColumns .columnItem { width: 50%; padding: 40px 55px 0; } .goodDetailedVisual .goodVisualColumns .itemVisual { padding-top: calc(214 / 670 * 100%); position: relative; margin-top: 40px; margin-bottom: 55px; } .goodDetailedVisual .goodVisualColumns .itemVisual img { position: absolute; top: 0; left: 0; } .goodVideoLinkWrapper { position: relative; z-index: 1; overflow: hidden; } .goodVideoLinkWrapper>a, .goodVideoLinkWrapper .invisBtn { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; } .goodVideoLinkWrapper .icon { display: block; font-size: 84px; line-height: 84px; color: #fff; margin-top: 25px; } .goodVideoLinkWrapper .blockTitle { color: #fff; font-weight: bold; text-align: center; } .goodVideoLinkWrapper img { -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .goodVideoLinkWrapper .videoTitle { position: absolute; width: 100%; padding: 5px 10px; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; top: 0; left: 0; z-index: 1; } .goodVideoLinkWrapper:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(33, 33, 33, 0.8); } .goodVideoLinkWrapper:hover img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .siteLink { display: table; font-size: 14px; line-height: 21px; color: #212121; text-decoration: underline; text-decoration-color: #5E5E5E; -webkit-transition: text-decoration-color 0.4s; -moz-transition: text-decoration-color 0.4s; -o-transition: text-decoration-color 0.4s; transition: text-decoration-color 0.4s; } .siteLink:hover { text-decoration-color: #fff; } .errorPageSection { padding: 112px 0 0; } .errorPageContent { max-width: 775px; margin: 0 auto; text-align: center; padding: 0 40px; } .errorPageContent .imageWrapper { display: table; margin: 0 auto; } .errorPageContent .errorPageText { font-size: 24px; line-height: 29px; color: #363636; margin-top: 5px; } .errorPageContent .btnContainer { display: table; margin: 22px auto 0; } .pageTabs .tabsList { margin: 0 -12px; padding-bottom: 40px; } .pageTabs .tabsList:after { content: ""; display: block; clear: both; } .pageTabs .tabsList a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; font-size: 24px; line-height: 28px; color: #212121; height: 70px; padding: 5px 10px; border: 1px solid #E0E0DE; -webkit-transition: background-color 0.4s, color 0.4s; -moz-transition: background-color 0.4s, color 0.4s; -o-transition: background-color 0.4s, color 0.4s; transition: background-color 0.4s, color 0.4s; } .pageTabs .tabsList .active a { background-color: #212121; color: #fff; } .pageTabs .tabsList li { float: left; width: 33%; padding: 0 12px; } .inputListWrapper { position: absolute; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); padding: 20px; top: calc(100% + 10px); z-index: 1; display: none; max-width: 920px; width: 100%; } .inputListWrapper li+li { margin-top: 4px; } .inputListWrapper a { display: block; font-size: 14px; line-height: 17px; color: #212121; text-transform: uppercase; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration-color 0.4s; -moz-transition: text-decoration-color 0.4s; -o-transition: text-decoration-color 0.4s; transition: text-decoration-color 0.4s; } .inputListWrapper a:hover { text-decoration-color: #212121; } .brandsAlphabet .alphabetLinksList { padding-top: 22px; padding-bottom: 22px; position: relative; background-color: #fff; } .brandsAlphabet .alphabetLinksList:before { content: ""; display: block; position: absolute; width: 100vw; height: 1px; top: 0; left: 50%; margin-left: -50vw; background-color: #E0E0DE; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .brandsAlphabet .alphabetLinksList:after { content: ""; display: block; position: absolute; width: 100vw; height: 1px; bottom: 0; left: 50%; margin-left: -50vw; background-color: #E0E0DE; opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .brandsAlphabet .alphabetLinksList.fixedScroll { position: fixed; z-index: 2; top: 0; padding-left: calc((100vw - 1640px) / 2); padding-right: calc((100vw - 1640px) / 2); left: 0; width: 100%; } .brandsAlphabet .alphabetLinksList.fixedScroll:before { opacity: 0; } .brandsAlphabet .alphabetLinksList.fixedScroll:after { opacity: 1; } .brandsAlphabet .alphabetLinksList ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px -15px 0; } .brandsAlphabet .alphabetLinksList ul li { padding: 10px 15px 0; } .brandsAlphabet .alphabetLinksList a { display: block; font-size: 18px; line-height: 24px; color: #E0E0DE; font-weight: bold; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; text-transform: uppercase; width: 32px; text-align: center; } .brandsAlphabet .alphabetLinksList a:hover { color: #212121; } .brandsAlphabet .searchBrand { margin-top: 22px; padding: 0 80px; } .brandsAlphabet .searchBrand input { border: 0; font-size: 24px; line-height: 28px; text-transform: uppercase; text-align: center; cursor: pointer; } .brandsAlphabet .searchBrand input::-webkit-input-placeholder { color: #E0E0DE; } .brandsAlphabet .searchBrand input::-moz-placeholder { color: #E0E0DE; } .brandsAlphabet .searchBrand input:-moz-placeholder { color: #E0E0DE; } .brandsAlphabet .searchBrand input:-ms-input-placeholder { color: #E0E0DE; } .brandsAlphabet .brandsListChapter+.brandsListChapter { margin-top: 28px; } .brandsAlphabet .brandsListChapter .brandsChapterHead { padding: 8px 0 8px 142px; } .brandsAlphabet .brandsListChapter .brandsChapterBody { background-color: #f6f6f6; border-top: 1px solid #E0E0DE; column-count: 3; padding: 31px 0 36px calc(100% / 3); } .brandsAlphabet .brandsListChapter .brandsChapterBody a { display: table; font-size: 14px; line-height: 17px; color: #212121; text-transform: uppercase; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration-color 0.4s; -moz-transition: text-decoration-color 0.4s; -o-transition: text-decoration-color 0.4s; transition: text-decoration-color 0.4s; } .brandsAlphabet .brandsListChapter .brandsChapterBody a:hover { text-decoration-color: #212121; } .brandsAlphabet .brandsListChapter .brandsChapterBody li { padding-top: 4px; padding-right: 20px; } .aboutBrandChapter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 58px; padding-bottom: 58px; position: relative; } .aboutBrandChapter:before { content: ""; display: block; position: absolute; height: 100%; width: 100vw; left: 50%; margin-left: -50vw; top: 0; background-color: #fff; z-index: -1; -webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.06); } .aboutBrandChapter .chapterContent { width: 590px; position: relative; padding-left: 140px; padding-top: 80px; padding-bottom: 80px; } .aboutBrandChapter .chapterContent:before { content: ""; display: block; position: absolute; height: 100%; width: calc(100% - 308px + ((100vw - 1640px) / 2)); top: 0; border: 1px solid #E0E0DE; z-index: -1; } .aboutBrandChapter .chapterContent .blockCount { position: absolute; left: 0; top: 66px; } .aboutBrandChapter .chapterContent .chapterTitle { margin-bottom: 15px; } .aboutBrandChapter .chapterContent .textWrapper { margin-top: -5px; } .aboutBrandChapter .chapterContent .textWrapper p { margin-top: 20px; margin-bottom: 20px; } .aboutBrandChapter .imageWrapper { width: calc(100% - 590px - 70px); } .aboutBrandChapter:nth-child(2n+1) .imageWrapper { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .aboutBrandChapter:nth-child(2n+1) .chapterContent { margin-right: 70px; } .aboutBrandChapter:nth-child(2n+1) .chapterContent:before { right: 308px; border-left: 0; } .aboutBrandChapter:nth-child(2n) .chapterContent { margin-left: 70px; } .aboutBrandChapter:nth-child(2n) .chapterContent:before { left: 308px; border-right: 0; } .aboutBrandChapter:first-child { padding-top: 0; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; } .aboutBrandChapter:first-child .imageWrapper { width: calc(100% - 450px - 70px + ((100vw - 1640px) / 2)); margin-right: calc((1640px - 100vw) / 2); } .aboutBrandChapter:first-child .imageWrapper img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .aboutBrandChapter:first-child .chapterContent { width: 450px; padding-left: 0; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .aboutBrandChapter:first-child .chapterContent .blockCount { position: relative; left: auto; top: auto; margin-bottom: 11px; } .aboutBrandChapter:first-child .chapterContent:before { width: calc(100% - 168px + ((100vw - 1640px) / 2)); right: 168px; } .aboutBrandChapter:first-child:before { display: none; } .aboutBrandChapter.stretchChapter:before { display: none; } .aboutBrandChapter.stretchChapter .imageWrapper { -webkit-box-ordinal-group: initial1; -moz-box-ordinal-group: initial1; -webkit-order: initial; -ms-flex-order: initial; order: initial; width: auto; margin: 0 calc((1640px - 100vw) / 2); margin-bottom: 80px; } .aboutBrandChapter.stretchChapter .chapterContent { padding-left: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; width: 100%; } .aboutBrandChapter.stretchChapter .chapterContent:after { content: ""; display: block; position: absolute; height: 100%; width: 100vw; left: 50%; margin-left: -50vw; top: 0; z-index: -1; background-color: #fff; -webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.06); } .aboutBrandChapter.stretchChapter .chapterContent:before { display: none; } .aboutBrandChapter.stretchChapter .chapterContent .blockCount { position: relative; left: auto; top: auto; margin-bottom: 11px; } .aboutBrandChapter.stretchChapter .chapterContent .textContent { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1; flex-grow: 1; padding: 70px 100px; border: 1px solid #E0E0DE; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .aboutBrandChapter.stretchChapter .chapterContent .textWrapper { width: calc(50% - 43px); } .aboutBrandChapter.stretchChapter .chapterContent .textWrapper:nth-child(2n+1) { margin-right: 86px; } .aboutBrandChapter.stretchChapter .chapterContent .chapterTitle { margin-right: 70px; } .aboutBrandChapter:last-child { padding-bottom: 0; } .cityChoose .selectric { height: 70px; } .cityChoose .selectric .label { font-size: 24px; line-height: 29px; margin: 0 68px 0 29px; } .cityChoose .selectric .icon { width: 68px; font-size: 16px; line-height: 70px; } .cityChoose .selectric-items li { font-size: 18px; line-height: 24px; } .contactsSection .cityChoose { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 71px; } .contactsSection .cityChoose .selectric { min-width: 296px; } .contactsSection .shopPlaces .shopPlaceItem { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .contactsSection .shopPlaces .shopPlaceItem+.shopPlaceItem { margin-top: 100px; } .contactsSection .shopPlaces .shopPlaceItem:nth-child(2n+1) .shopPlaceInfo { padding-left: 97px; } .contactsSection .shopPlaces .shopPlaceItem:nth-child(2n) .shopPlaceInfo { padding-right: 97px; } .contactsSection .shopPlaces .shopPlaceItem:nth-child(2n) .imageWrapper { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .contactsSection .shopPlaces .imageWrapper { width: 1220px; min-height: 589px; position: relative; } .contactsSection .shopPlaces .imageWrapper img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left center; object-position: left center; top: 0; left: 0; } .contactsSection .shopPlaces .shopPlaceInfo { width: calc(100% - 1220px); } .contactsSection .shopPlaces .shopPlaceInfo .address { position: relative; padding-left: 28px; padding-bottom: 16px; } .contactsSection .shopPlaces .shopPlaceInfo .address .city { display: table; font-size: 24px; line-height: 28px; font-weight: bold; } .contactsSection .shopPlaces .shopPlaceInfo .address .street { display: block; font-size: 18px; line-height: 24px; color: #5E5E5E; margin-top: 9px; } .contactsSection .shopPlaces .shopPlaceInfo .address .icon { display: block; position: absolute; font-size: 28px; line-height: 28px; color: #212121; left: 0; top: 0; } .contactsSection .shopPlaces .shopPlaceInfo a { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration-color 0.4s; -moz-transition: text-decoration-color 0.4s; -o-transition: text-decoration-color 0.4s; transition: text-decoration-color 0.4s; } .contactsSection .shopPlaces .shopPlaceInfo a:hover { text-decoration-color: #212121; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem { position: relative; padding-left: 32px; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem+.shopInfoItem { margin-top: 13px; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem .val { display: table; font-size: 18px; line-height: 24px; font-weight: bold; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem .pre { display: block; line-height: 24px; padding-bottom: 5px; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem .icon { display: block; position: absolute; font-size: 24px; line-height: 24px; left: 0; top: 0; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem .phone { display: table; font-size: 14px; line-height: 24px; color: #212121; font-weight: bold; margin-top: 2px; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem.workingTime { border-top: 1px solid #E0E0DE; border-bottom: 1px solid #E0E0DE; padding: 15px 0 20px 30px; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem.workingTime .icon { top: 15px; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem.support .pre { font-size: 18px; font-weight: bold; } .promoCardsItem+.promoCardsItem { margin-top: 65px; } .promoCardsItem .promoCardsList { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: -63px -50px 0; padding-bottom: 65px; } .promoCardsItem .promoCardsList .promoCard { display: table; margin: 0 auto; } .promoCardsItem .promoCardsList .promoCard .head { display: block; font-size: 18px; line-height: 22px; text-transform: uppercase; } .promoCardsItem .promoCardsList .promoCard .head .cost { display: inline-block; font-weight: bold; font-size: 24px; line-height: 28px; padding-left: 5px; } .promoCardsItem .promoCardsList .promoCard .cardImage { -webkit-box-shadow: 15px 25px 50px rgba(0, 0, 0, 0.25); -moz-box-shadow: 15px 25px 50px rgba(0, 0, 0, 0.25); box-shadow: 15px 25px 50px rgba(0, 0, 0, 0.25); -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .promoCardsItem .promoCardsList .promoCard .cardContent { margin-top: 63px; } .promoCardsItem .promoCardsList .promoCard [class*=btnMain] { display: table; min-width: 95px; margin-top: 26px; } .promoCardsItem .promoCardsList .promoCardItem { padding: 63px 50px 0; width: 25%; } .promoCardsItem .promoCardsDetailed { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 -75px; position: relative; padding: 65px 0; } .promoCardsItem .promoCardsDetailed:before { content: ""; display: block; position: absolute; background-color: #f6f6f6; height: 100%; width: 100vw; left: 50%; margin-left: -50vw; top: 0; z-index: -1; } .promoCardsItem .promoCardsDetailed .detailedItem { width: 50%; padding: 0 75px; } .promoCardsItem .promoCardsDetailed .caption { display: block; font-size: 24px; line-height: 38px; text-transform: uppercase; margin-bottom: 24px; } .promoCardsItem .promoCardsDetailed .textWrapper { font-size: 18px; line-height: 22px; margin-bottom: -22px; } .promoCardsItem .promoCardsDetailed .textWrapper p { margin-top: 22px; margin-bottom: 22px; } .promoCardsItem .promoCardsDetailed .textWrapper ul { margin-top: 22px; margin-bottom: 22px; padding-left: 10px; } .stockGrid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -30px -12px 0; } .stockGrid .stockGridItem { padding: 30px 12px 0; width: 50%; } .stockGrid .stockGridItem.bigStockCardItem { width: 100%; } .stockGrid .stockCardItem { position: relative; z-index: 1; } .stockGrid .stockCardItem>a, .stockGrid .stockCardItem .invisBtn { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; } .stockGrid .stockCardItem .imageWrapper { position: relative; padding-top: calc(351 / 807 * 100%); overflow: hidden; } .stockGrid .stockCardItem .imageWrapper img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; } .stockGrid .stockCardItem .stockInfo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top: 17px; } .stockGrid .stockCardItem .term { display: table; font-size: 14px; line-height: 18px; font-weight: bold; border: 1px solid #212121; padding: 10px; margin-right: 25px; text-transform: uppercase; -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .stockGrid .stockCardItem .linkText { display: table; font-size: 18px; line-height: 22px; color: #212121; font-weight: bold; text-transform: uppercase; padding-right: 70px; position: relative; white-space: nowrap; padding-top: 3px; padding-bottom: 3px; } .stockGrid .stockCardItem .linkText:after { content: ""; display: block; position: absolute; height: 1px; width: calc(100% - 70px); bottom: 0; left: 0; background-color: #E0E0DE; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .stockGrid .stockCardItem .linkText:before { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 14px; line-height: 14px; color: inherit; font-weight: normal; top: 50%; margin-top: -7px; right: 10px; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .stockGrid .stockCardItem:hover .imageWrapper img { -moz-transform: scale(1.02); -ms-transform: scale(1.02); -webkit-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .stockGrid .stockCardItem:hover .linkText:before { right: 0; } .stockGrid .stockCardItem:hover .linkText:after { background-color: #212121; } .stockGrid .bigStockCardItem .stockCardItem .imageWrapper { padding: 0; } .stockGrid .bigStockCardItem .stockCardItem .imageWrapper img { position: relative; left: auto; top: auto; height: auto; } .stockDetailed .stockDetailedItem { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; min-height: 390px; } .stockDetailed .stockDetailedItem:nth-child(2n) .itemVisual { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-left: -140px; } .stockDetailed .stockDetailedItem:nth-child(2n) .itemContent { padding-left: 143px; } .stockDetailed .stockDetailedItem:nth-child(2n+1) .itemVisual { margin-right: -140px; } .stockDetailed .stockDetailedItem:nth-child(2n+1) .itemContent { padding-right: 143px; } .stockDetailed .stockDetailedItem .itemContent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: 50%; padding-top: 40px; padding-bottom: 40px; } .stockDetailed .stockDetailedItem .stockBullet { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .stockDetailed .stockDetailedItem .stockBullet .bulletImage { width: 250px; margin-right: 20px; } .stockDetailed .stockDetailedItem .stockBullet .stockBulletContent { width: calc(100% - 250px); } .stockDetailed .stockDetailedItem .stockBullet .stockBulletContent p { text-transform: uppercase; font-size: 18px; line-height: 22px; } .stockDetailed .stockDetailedItem .stockBullet .stockBulletContent p+p { margin-top: 12px; } .stockDetailed .stockDetailedItem .stockBullet .stockBulletContent p b { font-size: 24px; line-height: 29px; } .stockDetailed .stockDetailedItem .stockBullet .stockBulletContent [class*=btnMain] { display: table; min-width: 95px; margin-top: 40px; } .stockDetailed .stockDetailedItem .itemVisual { width: 960px; } .stockDetailed .stockDetailedItem .itemVisual.gridVisual { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .stockDetailed .stockDetailedItem .itemVisual.gridVisual .imageWrapper { width: calc((100% - 32px) / 3); } .stockDetailed .stockDetailedItem .imageWrapper { position: relative; height: 100%; } .stockDetailed .stockDetailedItem .imageWrapper img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .cabSettings { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 95px 108px 70px 48px; } .cabSettings .cabWelcome, .cabSettings .cabMenu { width: 369px; padding-right: 111px; padding-left: 60px; } .cabSettings .sectionCaption { text-align: left; } .cabSettings .cabHead, .cabSettings .cabInfoContent { width: calc(100% - 369px); } .cabSettings .cabHead { position: relative; } .cabSettings .cabHead .backLink { display: block; position: absolute; font-size: 14px; line-height: 17px; color: #212121; font-weight: bold; padding-left: 14px; padding-top: 2px; padding-bottom: 2px; bottom: 100%; margin-bottom: 38px; left: 0; } .cabSettings .cabHead .backLink:before { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 8px; line-height: 8px; color: #5E5E5E; font-weight: normal; top: 50%; margin-top: -4px; left: 0; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .cabSettings .cabHead .backLink:after { content: ""; display: block; position: absolute; bottom: 0; left: 14px; height: 1px; width: calc(100% - 14px); background-color: #212121; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .cabSettings .cabHead .backLink:hover { border-color: transparent; } .cabSettings .cabHead .backLink:hover:before { color: #212121; } .cabSettings .cabHead .backLink:hover:after { opacity: 0; } .cabSettings .cabInfoContent { margin-top: 62px; } .cabSettings .cabInfoContent .inputWrapper:not(.inputGender)+.inputWrapper:not(.inputGender) { margin-top: 16px; } .cabSettings .cabInfoContent .agreeInputWrapper { margin-top: 33px; } .cabSettings .cabInfoContent .btnMain { margin-top: 33px; } .cabSettings .cabMenu { padding-top: 5px; margin-top: 62px; } .cabSettings .cabMenu ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .cabSettings .cabMenu li+li { margin-top: 15px; } .cabSettings .cabMenu a { display: table; font-size: 14px; line-height: 17px; color: #5E5E5E; font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid #E0E0DE; -webkit-transition: color 0.4s, border-color 0.4s; -moz-transition: color 0.4s, border-color 0.4s; -o-transition: color 0.4s, border-color 0.4s; transition: color 0.4s, border-color 0.4s; } .cabSettings .cabMenu a:hover { border-color: #5E5E5E; } .cabSettings .cabMenu a.active { color: #212121; border-color: #5E5E5E; } .cabSettings .cabWelcome { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; text-align: right; padding-top: 8px; padding-bottom: 8px; } .cabSettings .cabWelcome .accName { display: block; font-size: 18px; line-height: 28px; color: #212121; font-weight: bold; text-transform: uppercase; } .cabContainer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; padding-top: 50px; } .cabContainer .orderCount { display: block; background-color: #f6f6f6; white-space: nowrap; padding: 0 8px; margin-left: 27px; font-size: 24px; line-height: 30px; } .cabContainer .cabSideContentHead { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 35px; padding-top: 35px; } .cabContainer .cabSideContentHead .deliveredBy { margin-left: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-left: 40px; } .cabContainer .cabSideContentHead .deliveredBy .pre { display: block; font-size: 18px; line-height: 29px; color: #212121; font-weight: bold; padding-right: 14px; } .cabContainer .cabSideContentHead .deliveredBy .name img { max-height: 35px; font-size: 18px; line-height: 29px; color: #5E5E5E; font-weight: bold; } .cabContainer .cabSideContent { background-color: #fff; padding: 0 25px 25px; } .cabContainer .cabSideContent+.cabSideContent { margin-top: 40px; } .cabContainer .cabSideInner { background-color: #f6f6f6; padding: 45px; } .cabContainer .goodCard+.goodCard { margin-top: 25px; } .cabContainer .goodCardFavoriteWrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border: 1px solid #E0E0DE; } .cabContainer .goodCardFavoriteWrapper+.goodCardFavoriteWrapper { margin-top: 25px; } .cabContainer .goodCardFavoriteWrapper .goodCardLink { min-width: 290px; padding-left: 30px; padding-right: 30px; } .cabContainer .goodCardFavoriteWrapper .goodCard { border: 0; } .cabContainer .orderGuarantee { margin-top: 40px; margin-bottom: 25px; max-width: 740px; padding-left: 30px; } .cabContainer .orderGuarantee li { position: relative; font-size: 12px; line-height: 18px; color: #5E5E5E; padding-left: 34px; } .cabContainer .orderGuarantee li:before { content: ""; display: block; position: absolute; left: 0; top: 0; font-family: icomoon; font-size: 18px; line-height: 20px; color: inherit; } .cabContainer .orderGuarantee li+li { margin-top: 12px; } .cabContainer .orderStepResult { margin-top: 50px; } .cabContainer .orderStepResult .resultSumWrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; padding-bottom: 47px; } .cabContainer .orderStepResult .resultSumWrapper .discountReadyText { font-size: 17px; line-height: 21px; color: #FF5151; font-weight: bold; margin-bottom: 5px; } .cabContainer .orderStepResult .formBtn [class*=btnMain] { width: 100%; font-size: 24px; line-height: 24px; height: 70px; padding: 22px 10px; } .cabContainer .orderStepResult .promoDiscount { padding-left: 45px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 67px; } .cabContainer .orderStepResult .promoDiscount .promoInput { margin-right: 22px; width: 320px; } .cabContainer .orderStepResult .promoDiscount [class*=btnMain] { min-width: 143px; } .cabContainer .orderStepResult .resultSum { padding-right: 46px; } .cabContainer .orderStepResult .orderResultInfo { display: none; } .cabContainer .orderStepResult .orderResultInfo .resultSumWrapper { border-top: 1px solid #E0E0DE; margin-top: 20px; } .cabContainer .orderStepResult .orderResultInfo .resultSum { margin-left: auto; padding-right: 0; } .cabContainer .resultSumWrapper { text-align: right; } .cabContainer .resultSumWrapper .pre { display: block; font-size: 14px; line-height: 20px; color: #212121; font-weight: bold; text-transform: uppercase; } .cabContainer .resultSumWrapper .sum { display: block; font-size: 36px; line-height: 44px; color: #212121; font-weight: bold; } .cabContainer .orderOfferInfo { padding: 70px 20px 0 62px; } .cabContainer .orderOfferInfo .orderOfferItem .icon { display: block; font-size: 40px; line-height: 40px; color: #212121; margin-bottom: 18px; } .cabContainer .orderOfferInfo .orderOfferItem .title { display: block; font-size: 18px; line-height: 27px; font-weight: bold; } .cabContainer .orderOfferInfo .orderOfferItem .textWrapper { margin-top: 12px; } .cabContainer .orderOfferInfo .orderOfferItem .textWrapper p { font-size: 12px; line-height: 18px; color: #5E5E5E; margin-top: 12px; margin-bottom: 12px; } .cabContainer .orderOfferInfo .orderOfferItem+.orderOfferItem { margin-top: 45px; } .cabContainer .orderStepItem .orderOptionsList { border: 1px solid #E0E0DE; } .cabContainer .orderStepHead { margin-top: 35px; margin-bottom: 35px; } .cabContainer .orderOptionsList { padding: 35px 70px; } .cabContainer .orderOptionsList .formItem { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 667px; } .cabContainer .orderOptionsList .formItem .inputLabel { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 40px; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: 14px; line-height: 20px; color: #212121; font-weight: bold; width: 275px; padding-right: 56px; } .cabContainer .orderOptionsList .formItem .orderOption { width: calc(100% - 275px); } .cabContainer .orderOptionsList .formItem+.formItem { margin-top: 16px; } .cabContainer .orderOptionsList .formItem .inputWrapper+.inputWrapper { margin-top: 16px; } .cabContainer .orderOptionsList .formItem .agreeInputWrapper { margin-top: 23px; } .cabContainer .orderOptionsList .deliveryTypes { margin: -26px -26px 0 0; display: flex; flex-wrap: wrap; } .cabContainer .orderOptionsList .deliveryTypes .radioItem { display: flex; } .cabContainer .orderOptionsList .deliveryTypes:after { content: ""; display: block; clear: both; } .cabContainer .orderOptionsList .inputRadio { display: flex; flex-wrap: wrap; margin-right: -15px; } .cabContainer .orderOptionsList .formItem.addOptionRadio { display: none; } .cabContainer .orderOptionsList .addOptionRadio.active { display: flex; } .cabContainer .orderOptionsList .inputRadio .radioItem { width: 100%; padding-right: 15px; } .cabContainer .orderOptionsList .deliveryTypes .deliveryTypeCard { width: 183px; margin-right: 26px; margin-top: 26px; text-align: center; display: block; border: 1px solid #E0E0DE; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; padding: 5px 5px 10px; -webkit-transition: border-color 0.4s, box-shadow 0.4s; -moz-transition: border-color 0.4s, box-shadow 0.4s; -o-transition: border-color 0.4s, box-shadow 0.4s; transition: border-color 0.4s, box-shadow 0.4s; } .cabContainer .orderOptionsList .deliveryTypes .deliveryTypeCard .icon { height: 56px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .cabContainer .orderOptionsList .deliveryTypes .deliveryTypeCard .icon img { max-height: 56px; } .cabContainer .orderOptionsList .deliveryTypes .deliveryTypeCard .name { display: block; font-size: 14px; line-height: 16px; color: #212121; font-weight: bold; } .cabContainer .orderOptionsList .deliveryTypes .deliveryTypeCard .deliveryDetailed { display: block; font-size: 12px; line-height: 16px; color: #5E5E5E; font-weight: bold; margin-top: 9px; } .cabContainer .orderOptionsList .deliveryTypes .deliveryTypeCard .deliveryDetailed .icon-notif { display: inline-block; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #212121; width: 16px; height: 16px; text-align: center; } .cabContainer .orderOptionsList .deliveryTypes .deliveryTypeCard .deliveryDetailed .icon-notif:after { content: "!"; font-size: 12px; line-height: 16px; color: #fff; font-weight: bold; } .cabContainer .orderOptionsList .deliveryTypes .radioItem .deliveryTypeCard { cursor: pointer; } .cabContainer .orderOptionsList .deliveryTypes .radioItem input { display: none; } .cabContainer .orderOptionsList .deliveryTypes .radioItem input:checked+.deliveryTypeCard { border-color: #212121; -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); } .cabContainer .orderComment textarea { height: 170px; } .cabContainer .deliveryPayments label { font-weight: bold; font-size: 14px; line-height: 24px; } .cabContainer .deliveryPayments label .address { color: #5E5E5E; } .cabContainer .deliveryPayments label:before { top: 0; margin-top: 0; } .cabContainer .deliveryPayments label:after { top: 7px; margin-top: 0; } .cabContainer .deliveryPayments .agreeInputWrapper { margin-top: 0; } .cabContainer .deliveryPayments .agreeInputWrapper+.agreeInputWrapper { margin-top: 20px; } .cabContainer .deliveryPayments .paymentsLogo { margin-top: 20px; margin-bottom: -16px; margin-right: -16px; } .cabContainer .deliveryPayments .paymentsLogo:after { content: ""; display: block; clear: both; } .cabContainer .deliveryPayments .paymentsLogo .payLogo { float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-right: 16px; margin-bottom: 16px; width: 75px; height: 40px; border: 1px solid #E0E0DE; } .cabContainer .deliveryPayments .paymentsLogo .payLogo img { max-height: 38px; } .cabContainer .backStepWrapper { padding: 0 45px; border: 1px solid #E0E0DE; } .cabContainer .backStepWrapper .backStepItem { padding: 30px 0; border-top: 1px solid #E0E0DE; } .cabContainer .backStepWrapper .backStepItem .caption { display: block; font-size: 14px; line-height: 20px; color: #212121; font-weight: bold; margin-bottom: 23px; } .cabContainer .backStepHead { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-top: 60px; padding-bottom: 30px; position: relative; } .cabContainer .backStepHead .orderCount { margin-left: 17px; } .cabContainer .backStepHead .orderBackLink { display: block; position: absolute; font-size: 14px; line-height: 22px; color: #FF5151; font-weight: bold; top: 19px; left: 0; padding-left: 27px; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration-color 0.4s; -moz-transition: text-decoration-color 0.4s; -o-transition: text-decoration-color 0.4s; transition: text-decoration-color 0.4s; } .cabContainer .backStepHead .orderBackLink:before { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 8px; line-height: 8px; color: inherit; font-weight: normal; left: 0; top: 50%; margin-top: -3px; } .cabContainer .backStepHead .orderBackLink:hover { text-decoration-color: inherit; } .cabContainer .resultDataWrapper { margin-top: 25px; } .cabContainer .resultDataWrapper .resultDataLine { display: table; } .cabContainer .resultDataWrapper .resultDataLine+.resultDataLine { margin-top: 17px; } .cabContainer .resultDataWrapper .resultDataLine .pre { display: table-cell; vertical-align: middle; white-space: nowrap; font-size: 14px; line-height: 20px; padding-right: 8px; } .cabContainer .resultDataWrapper .resultDataLine .dots { display: table-cell; vertical-align: middle; width: 100%; } .cabContainer .resultDataWrapper .resultDataLine .dots:before { content: ""; display: block; height: 14px; border-bottom: 1px dashed #E0E0DE; } .cabContainer .resultDataWrapper .resultDataLine .sum { display: table-cell; vertical-align: middle; white-space: nowrap; font-size: 14px; line-height: 20px; font-weight: bold; padding-left: 8px; } .cabContainer .resultDataWrapper .resultDataLine.accentData { color: #FF5151; } .cabContainer .resultDataWrapper .resultDataLine.accentData .dots:before { border-color: #FF5151; } .cabContainer .cabWideSide { width: 100%; max-width: 1155px; } .cabContainer .cabWideSide.cabHistory { max-width: 1502px; } .cabContainer .cabWideSide.cabHistory .cabSettings { padding: 95px 135px 40px 0; } .cabContainer .cabWideSide.cabFavorites { max-width: 1502px; } .cabContainer .cabSlimSide { width: 100%; max-width: calc(100% - 1155px - 24px); margin-left: 24px; } .cabContainer .cabSlimSide .goodCard { border: 0; padding: 0; } .cabContainer .cabSlimSide .goodCard .imageWrapper { width: 113px; height: 138px; } .cabContainer .cabSlimSide .goodCard .cardInfo { width: calc(100% - 113px); padding-right: 0; padding-top: 0; padding-bottom: 0; } .cabContainer .cabSlimSide .goodCard .costLine { margin-top: 5px; padding-left: 0; position: relative; right: auto; top: auto; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cabContainer .cabSlimSide .goodCard+.goodCard { margin-top: 18px; } .orderHistoryItem .imageWrapper { position: relative; } .orderHistoryItem .imageWrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .orderHistoryItem+.orderHistoryItem { margin-top: 24px; } .orderHistoryItem .status { display: block; font-size: 14px; line-height: 17px; color: #212121; font-weight: bold; } .orderHistoryItem .orderOptionsList { background: linear-gradient(180deg, #F6F6F6 0%, rgba(246, 246, 246, 0) 68.3%); } .orderHistoryItem .historyItemShort { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border: 1px solid #E0E0DE; padding: 15px 30px 24px 26px; } .orderHistoryItem .historyItemShort .name, .orderHistoryItem .historyItemShort .resultCost { display: block; font-size: 14px; line-height: 17px; color: #212121; font-weight: bold; text-transform: uppercase; } .orderHistoryItem .historyItemShort .name, .orderHistoryItem .historyItemShort .resultCost, .orderHistoryItem .historyItemShort .date { padding-right: 40px; width: 25%; } .orderHistoryItem .historyItemShort .status { width: 25%; text-align: right; } .orderHistoryItem .historyItemShort .date { display: block; font-size: 14px; line-height: 17px; color: #212121; } .orderHistoryItem .historyItemShort .imageWrapper { width: 70px; height: 84px; margin-right: 20px; margin-top: 20px; } .orderHistoryItem .historyItemShort .goodsList { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .orderHistoryItem .historyItemShort [class*=btnMain] { min-width: 118px; height: 40px; padding: 9px 20px; font-weight: normal; } .orderHistoryItem .historyItemShort .itemAction { width: 100%; margin-top: 20px; display: flex; flex-direction: column; align-items: flex-end; margin-left: auto; } .orderHistoryItem .historyItemShort .markOrder { text-align: right; } .orderHistoryItem .historyItemShort .itemAction>*+* { margin-top: 10px; } .orderHistoryItem.successItem .status { color: #FF5151; } .orderHistoryItem .historyItemDetailed { display: none; } .orderHistoryItem .historyItemDetailed .goodCard .imageWrapper { width: 112px; height: 136px; } .orderHistoryItem .historyItemDetailed .goodCard .cardInfo { width: calc(100% - 112px); } .shopGrid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -24px -12px 0; } .shopGrid .shopCard { border: 1px solid #E0E0DE; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; z-index: 1; -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; background-color: #fff; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; } .shopGrid .shopCard>a, .shopGrid .shopCard .invisBtn { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; } .shopGrid .shopCard .shopCardHead { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 62px; min-height: 62px; width: 100%; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 5px 20px; } .shopGrid .shopCard .shopCardHead .name { display: block; font-size: 18px; line-height: 22px; color: #5E5E5E; font-weight: bold; padding-right: 20px; } .shopGrid .shopCard .shopCardHead .date { display: block; font-size: 14px; line-height: 17px; color: #5E5E5E; } .shopGrid .shopCard .shopCardContent { height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 30px 15px; text-align: center; } .shopGrid .shopCard .shopCardContent .textWrapper { font-size: 18px; line-height: 22px; padding-top: 13px; } .shopGrid .shopCard .shopCardContent .textWrapper.term { text-transform: uppercase; } .shopGrid .shopCard .shopCardContent .textWrapper.term p { margin-top: 0; margin-bottom: 0; } .shopGrid .shopCard .shopCardContent .textWrapper.term .pre { text-transform: lowercase; margin-bottom: 5px; } .shopGrid .shopCard .shopCardContent .cardMark { display: block; margin-top: auto; font-size: 18px; line-height: 22px; font-weight: bold; padding-top: 20px; margin-top: auto; } .shopGrid .shopCard .shopCardContent .cardMark b { text-transform: uppercase; display: block; } .shopGrid .shopCard .shopCardContent [class*=btnMain] { margin-top: 40px; } .shopGrid .shopCard .shopCardVisual { padding-top: 100%; position: relative; overflow: hidden; } .shopGrid .shopCard .shopCardVisual img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .shopGrid .shopCard .shopCardTitle .brandLogo { display: table; margin: 0 auto; } .shopGrid .shopCard .shopCardTitle .brandLogo img { max-height: 38px; } .shopGrid .shopCard .shopCardTitle .subTitle { display: block; font-size: 24px; line-height: 36px; text-transform: uppercase; } .shopGrid .shopCard:hover { -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); } .shopGrid .shopCard:hover .shopCardVisual img { -moz-transform: scale(1.03); -ms-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } .shopGrid .shopGridItem { width: 25%; padding: 24px 12px 0; } .shopGrid .shopGridItem.bannerItem { width: 100%; padding-bottom: 100px; } .shopGrid .shopGridItem.bannerItem .shopCard { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; background-color: transparent; } .shopGrid .shopGridItem.bannerItem .shopCard .shopCardHead { border-bottom: 1px solid #212121; margin-bottom: 24px; padding-left: 0; padding-right: 0; } .shopGrid .shopGridItem.bannerItem .shopCard .shopCardContent { width: 535px; text-align: left; height: auto; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; padding: 0 0 0 60px; } .shopGrid .shopGridItem.bannerItem .shopCard .shopCardVisual { width: calc(100% - 535px); padding-top: 0; } .shopGrid .shopGridItem.bannerItem .shopCard:hover { -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; } .shopGrid .shopGridItem.bannerItem .shopCard:hover .shopCardVisual img { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .shopGrid .shopGridItem.visualDown .shopCard .shopCardContent { border-top: 1px solid #E0E0DE; } .shopGrid .shopGridItem.visualDown .shopCard .shopCardVisual { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .shopGrid .shopGridItem.visualBig { width: 50%; } .shopGrid .shopGridItem.visualBig .shopCard .shopCardVisual { padding-top: calc(343 / 752 * 100%); } .brandHeadLine .brandLogo { background-color: #fff; min-height: 74px; padding: 10px 0; display: flex; justify-content: center; align-items: center; } .brandHeadLine+.catalogSection .catalogMenu { padding-top: 24px; } .brandCarousel, .brandVideoCarousel { overflow: hidden; } .brandVideoCarousel { padding-left: calc((100% - 800px) / 2); padding-right: calc((100% - 800px) / 2); } .brandCarousel .swiper-button-next:after { content: "\e902"; } .brandCarousel .swiper-button-prev:after { content: "\e901"; } .brandBannerImage { display: block; position: relative; } .brandBannerImage img { width: 100%; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; } .brandBannerImage:hover img { -moz-transform: scale(1.025); -ms-transform: scale(1.025); -webkit-transform: scale(1.025); -o-transform: scale(1.025); transform: scale(1.025); } .brandCarousel .swiper-button-prev:after, .brandCarousel .swiper-button-next:after { position: relative; bottom: auto; font-size: 36px; line-height: 36px; height: 36px; padding: 0; width: 36px; text-align: center; right: auto; left: auto; -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .brandCarousel .swiper-button-prev:after, .brandCarousel .swiper-button-next:after { color: #fff; } .brandCarousel .swiper-button-prev, .brandCarousel .swiper-button-next { top: 50%; margin-top: -18px; bottom: auto; } .brandCarousel .swiper-button-prev { left: 24px; } .brandCarousel .swiper-button-next { right: 24px; } .brandCarousel .swiper-button-next:hover::after, .brandCarousel .swiper-button-prev:hover::after { color: #d0d0d0; } @media (min-width: 639px) { .brandVideoCarousel .swiper-button-next:after { content: "\e902"; } .brandVideoCarousel .swiper-button-prev:after { content: "\e901"; } .brandVideoCarousel .swiper-button-prev:after, .brandVideoCarousel .swiper-button-next:after { position: relative; bottom: auto; font-size: 36px; line-height: 36px; height: 36px; padding: 0; width: 36px; text-align: center; right: auto; left: auto; -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .brandVideoCarousel .swiper-button-prev, .brandVideoCarousel .swiper-button-next { top: 186px; bottom: auto; } .brandVideoCarousel .swiper-button-prev { left: 0; } .brandVideoCarousel .swiper-button-next { right: 0; } .brandVideoCarousel .swiper-button-next:hover::after, .brandVideoCarousel .swiper-button-prev:hover::after { color: #d0d0d0; } .brandVideoCarousel .swiper-slide { opacity: 0; } .brandVideoCarousel .swiper-slide.swiper-slide-active { opacity: 1; } .brandVideoCarousel .swiper-button-prev:after, .brandVideoCarousel .swiper-button-next:after { color: #212121; } } .brandMenuList { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 30px; } .brandMenu.brandMenuList_mb{ margin-bottom: 100px; } @media(max-width:1400px){ .brandMenu.brandMenuList_mb{ margin-bottom: 50px; } } .brandMenuList .imageWrapper { padding-top: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .brandMenuList [class*=btnMain] { position: absolute; left: 10px; bottom: 12px; width: calc(100% - 20px); min-width: 0px; padding-left: 5px; padding-right: 5px; } .brandMenuList .menuItem { min-width: 280px; width: 300px; position: relative; } .brandMenuList.threeList .menuItem { min-width: 0px; width: calc(100% / 3); } .brandChapter { margin-top: 80px; } .brandChapter:first-child { margin-top: 0; } .brandChapter .titleWrapper { max-width: 840px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .brandChapter .titleWrapper>* { color: inherit; } .brandChapter .visualTitle { position: relative; } .brandChapter .blockSubTitle { font-weight: 300; line-height: 36px; } .brandChapter .visualTitle .titleWrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-bottom: 0; z-index: 1; } .brandChapter .visualTitle .titleWrapper.lightTitle { color: #fff; } .brandChapter .textWrapper { max-width: 920px; margin-left: auto; margin-right: auto; } .brandChapter .btnMoreWrapper { display: table; margin: 22px auto 0; } .videoPlayer { padding-top: calc(315 / 560 * 100%); position: relative; } .videoPlayer iframe { width: 100%; position: absolute; height: 100%; top: 0; left: 0; } .brandVideoCarousel .videoCover { padding-top: calc(408 / 800 * 100%); } .brandVideoCarousel .videoCover img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .mediaGrid { display: flex; flex-wrap: wrap; } .mediaGrid .mediaItem { width: 100%; } .mediaGrid .mediaItem.col2 { width: 50%; } .mediaLine img { width: 100%; } .mediaLine { margin-bottom: 24px; display: flex; } .mediaLine .wideItem .imageWrapper { padding-top: calc(400 / 735 * 100%); } .mediaLine .slimItem .imageWrapper { padding-top: calc(400 / 446 * 100%); } .mediaLine .wideItem { width: calc(735 / 1181 * 100%); } .mediaLine .slimItem { width: calc(446 / 1181 * 100%); } .mediaLine .imageWrapper { position: relative; width: 100%; } .mediaLine img { width: 100%; } .mediaLine .lineItem img { position: absolute; height: 100%; top: 0; left: 0; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; } .mediaGrid .imageWrapper { padding-top: calc(575 / 590 * 100%); position: relative; } .mediaGrid .imageWrapper img { width: 100%; position: absolute; height: 100%; top: 0; left: 0; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; } .mediaGrid .mediaItem [class*=btnMain] { position: absolute; bottom: 44px; left: 50%; transform: translateX(-50%); } .rightCarousel.swiper-initialized .swiper-slide:not(.swiper-slide-visible) { opacity: 0; } .mediaCarpet { display: flex; flex-wrap: wrap; margin-top: 24px; margin-bottom: 24px; } .mediaCarpet .carpetItem { width: calc(100% / 8); } .mediaCarpet .imageWrapper { padding-top: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .brandChapter .visualLine { display: flex; flex-wrap: wrap; } .brandChapter .visualLine .lineItem { width: 50%; position: relative; } .brandChapter .visualLine.unifiesItems .lineItem { width: calc(680 / 1184 * 100%); } .brandChapter .visualLine.unifiesItems .imageItem { width: calc(504 / 1184 * 100%); } .brandChapter .visualLine .lineItem.oddItem { order: 1; } .brandChapter .visualLine .lineItem.slimItem { width: calc(393 / 1183 * 100%); } .brandChapter .visualLine .lineItem.slimItem .content { padding: 40px 35px; } .brandChapter .visualLine .lineItem.wideItem { width: calc(790 / 1183 * 100%); } .brandChapter .visualLine .lineItem.fullItem { width: 100%; } .brandChapter .visualLine .lineItem.fullItem .content { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; height: auto; min-height: 300px; max-width: 640px; margin-left: auto; margin-right: auto; } .brandChapter .visualLine .sectionCaption { text-align: inherit; } .brandChapter .visualLine .content { position: absolute; max-height: 100%; width: 100%; overflow: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #e3e3e3 #fff; text-align: center; padding: 20px 40px; left: 0; top: 50%; transform: translateY(-50%); } .brandChapter .visualLine.unifiesItems .content { padding: 40px 40px; } .brandChapter .visualLine .quote>*:first-child, .brandChapter .visualLine .textWrapper>*:first-child { margin-top: 0; } .brandChapter .content.leftAlign { text-align: left; align-items: flex-start; } .brandChapter .visualLine .content.lightColor { color: #fff; } .brandChapter .content [class*=btnMain] { margin-top: 22px; display: table; margin-left: auto; margin-right: auto; } .brandChapter .content.leftAlign [class*=btnMain] { margin-left: 0; margin-right: 0; } .imageWrapper.videoCover { position: relative; overflow: hidden; } .imageWrapper.videoCover img { transition: transform 0.3s; } .imageWrapper.videoCover a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; } .imageWrapper.videoCover:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(33, 33, 33, 0.5); left: 0; top: 0; z-index: 1; } .imageWrapper.videoCover:after { content: ""; display: block; position: absolute; font-family: icomoon; font-size: 80px; line-height: 80px; color: #fff; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-left: 35px; z-index: 1; } .imageWrapper.videoCover:hover img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .brandChapter .titleWrapper .textWrapper { text-align: center; } .brandChapter .content.leftAlign, .brandChapter .visualLine .titleWrapper { margin-left: 0; margin-right: 0; } .brandChapter .visualLine .titleWrapper { margin-bottom: 0; } .brandChapter .visualLine .content *+.titleWrapper { margin-top: 22px; } .brandChapter .visualLine .content .titleWrapper { margin-bottom: 22px; } .brandChapter .visualLine .quote { font-size: 16px; line-height: 28px; } .brandChapter .visualLine .quote .authorSign { margin-left: auto; } .brandChapter .visualLine .quote.accent { text-transform: uppercase; font-weight: bold; } .brandChapter .visualLine .textWrapper .quote+* { margin-top: 28px; } .brandChapter .visualLine .content::-webkit-scrollbar-thumb { background-color: #e3e3e3; border-radius: 0; box-shadow: none; } .brandChapter .visualLine .content::-webkit-scrollbar { width: 8px; background-color: #e3e3e3; } .brandChapter .visualLine .imageWrapper { height: 100%; width: 100%; overflow: hidden; } .brandChapter .visualLine .imageWrapper img { width: 100%; } .brandChapter .imageWrapper { position: relative; } .brandChapter .threeCards { display: flex; margin-right: -5px; } .brandChapter .threeCards .brandProductCard { margin-right: 5px; width: calc(100% / 3 - 5px); text-align: center; display: flex; flex-direction: column; } .brandProductCard .btnWrapper { display: table; margin: auto auto 0; } .brandLineSlide { display: flex; flex-direction: column; height: 100%; } .brandLineSlide .content { margin-top: auto; margin-bottom: auto; padding: 30px 40px; } .brandLineSlide .sectionCaption { text-align: inherit; } .brandLineSlide .goodCard { width: 303px; margin: auto; } .brandLineSlide .visual { margin-top: auto; } .brandLineSlide .visual .imageWrapper { padding-top: calc(420 / 395 * 100%); background-size: cover; background-repeat: no-repeat; } .brandLineSlide .imageWrapper img { width: 100%; } .brandLineSlide .count { display: block; font-size: 45px; line-height: 1; font-weight: bold; width: 70px; padding-right: 10px; } .brandLineSlide .slideContent { padding: 0 20px 40px 60px; } .brandLineSlide .caption { text-transform: uppercase; font-weight: 600; padding-top: 5px; } .brandLineSlide .slideHead { display: flex; } .brandLineCarousel .swiper-slide { height: auto; } .brandProductCard .title { display: block; text-transform: uppercase; margin: 12px 0; font-weight: 600; font-size: 15px; } .brandProductCard .imageWrapper { padding-top: calc(360 / 390 * 100%); } .brandProductCard .imageWrapper img { width: 100%; position: absolute; height: 100%; top: 0; left: 0; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; } .brandChapter .contentInMedia { position: relative; } .brandChapter .contentInMedia .content { width: 50%; max-height: 100%; position: absolute; right: 0; top: 50%; display: flex; flex-direction: column; text-align: center; align-items: center; padding: 40px 100px; transform: translateY(-50%); overflow: hidden; overflow-y: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #e3e3e3 #fff; } .brandChapter .contentInMedia .content::-webkit-scrollbar-thumb { background-color: #e3e3e3; border-radius: 0; box-shadow: none; } .brandChapter .contentInMedia .content::-webkit-scrollbar { width: 8px; background-color: #e3e3e3; } .brandChapter .contentInMedia .content.lightColor { color: #fff; } .brandChapter .contentInMedia .content .titleWrapper { margin-bottom: 0px; } .brandChapter .contentInMedia .mediaLine { margin-bottom: 0; } .brandBanner { margin-top: 35px; margin-bottom: 35px; } .brandBanner img { margin-left: auto; margin-right: auto; } .brandBanner .textWrapper { max-width: 1280px; margin-left: auto; margin-right: auto; text-transform: uppercase; } .brandLinks { display: flex; align-items: center; position: relative; text-transform: uppercase; } .brandLinks:before { content: ''; display: block; position: absolute; height: 1px; width: 100vw; background-color: #e3e3e3; top: 0; left: 50%; margin-left: -50vw; } .brandLinks .linksVisual { width: 50%; } .brandLinks .linksList { width: 50%; padding: 40px 60px; } .brandLinks .linksList a { display: flex; flex-direction: column; justify-content: center; position: relative; color: #666666; font-size: 28px; font-weight: 500; line-height: 30px; min-height: 180px; padding: 20px 0 20px 120px; transition: color 0.3s; } .brandLinks .linksList a:hover { color: #000; } .brandLinks .linksList .imageWrapper { position: absolute; width: 80px; display: flex; align-items: center; justify-content: center; left: 0; top: 50%; transform: translateY(-50%); } .brandLinks .linksList .subName { display: block; font-size: 20px; line-height: 30px; font-weight: 300; } .brandLinks .linksList li+li { border-top: 1px solid #e3e3e3; } .brandLinks .linksList p { font-size: 16px; line-height: 24px; text-transform: none; } .premiumDarkChapter { position: relative; display: flex; } .premiumDarkChapter:before { content: ''; display: block; position: absolute; width: 100vw; height: 100%; left: 50%; margin-left: -50vw; top: 0; background-color: #000; z-index: -1; } .premiumDarkChapter .chapterItem { width: 50%; position: relative; } .premiumDarkChapter .imageWrapper { width: calc(100% + (100vw - 1640px) / 2); max-width: 960px; position: relative; } .premiumDarkChapter :not(.oddItem) .imageWrapper { left: 100%; transform: translateX(-100%); } .premiumDarkChapter .oddItem { order: 1; } .premiumDarkChapter .content { position: absolute; padding-left: 80px; color: #fff; max-height: 100%; top: 50%; transform: translateY(-50%); padding-top: 40px; padding-bottom: 40px; overflow: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #e3e3e3 #fff; left: 0; } .premiumDarkChapter .content::-webkit-scrollbar-thumb { background-color: #e3e3e3; border-radius: 0; box-shadow: none; } .premiumDarkChapter .content::-webkit-scrollbar { width: 8px; background-color: #e3e3e3; } .premiumDarkChapter [class*="btnMain"] { margin-top: 22px; display: table; } .premiumDarkChapter .sectionCaption { text-align: left; color: inherit; } .premiumDarkChapter .oddItem+.chapterItem .content { padding-right: 80px; padding-left: 0; } .premiumChapter { display: flex; justify-content: center; padding: 80px 0; } .premiumVideo .videoCover { margin: 0 -140px; } .premiumChapter .chapterItem { width: 50%; display: flex; flex-direction: column; justify-content: center; } .premiumChapter .chapterItem.oddItem { order: 1; } .chapterCardLink { max-width: 590px; display: table; margin-left: auto; margin-right: auto; text-align: center; position: relative; } .chapterCardLink .imageWrapper { height: 521px; display: flex; justify-content: center; align-items: center; margin-bottom: 22px; } .chapterCardLink .imageWrapper img { max-height: 100%; } .chapterCardLink .cardMark { display: block; position: absolute; font-size: 20px; line-height: 26px; font-weight: 600; text-decoration: underline; top: 0; right: 100%; } .chapterCardLink [class*=btnMain] { margin: 22px auto 0; display: table; } .chapterCardLink .name { display: block; font-size: 14px; line-height: 17px; color: #212121; font-weight: bold; text-transform: uppercase; } .chapterCardLink p { font-size: 14px; line-height: 20px; color: #5E5E5E; margin-top: 5px; text-transform: uppercase; margin-left: auto; margin-right: auto; max-width: 320px; } .madeInSection .blockTitle { position: relative; z-index: 1; text-align: center; min-height: 122px; display: flex; align-items: center; justify-content: center; margin: 40px 0 20px; } .madeInSection .blockTitle .titleBack { content: ''; display: block; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); } .logosGrid { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 -10px 0; } .logosGrid .item { width: calc(100% / 3); padding: 20px 10px 0; } .logosGrid .brandLink { padding: 40px; display: flex; align-items: center; justify-content: center; } .madeInChapter+.madeInChapter { margin-top: 20px; } .logosGrid .brandLink img { max-width: 100%; max-height: 100%; } .catalogBrandBanner, .madeInAbout { display: flex; margin: 0px -12px; padding-bottom: 24px; } .catalogBrandBanner .item, .madeInAbout .item { width: 50%; padding: 0px 12px 24px; height: auto; margin: 0px; background: transparent; border-radius: 0px; } .catalogBrandBanner .blockTitle { margin-top: 20px; font-weight: 600; } .catalogBrandBanner img, .madeInAbout img { width: 100%; } @media (min-width: 1280px) { .catalogFilter .filterInner { display: flex !important; } } @media (max-width: 1799px) { .mainBannerCarousel { padding-bottom: 150px; } .mainBannerCarousel .bannerCard { padding-top: 40px; height: 600px; } .mainBannerCarousel .bannerCard .bannerImage { width: calc(50% + 233px + 275px); } .mainBannerCarousel .bannerCard .bannerImage img { -o-object-position: center; object-position: center; } .mainBannerCarousel .bannerCard .bannerMiniImages { bottom: -150px; } .mainBannerCarousel .bannerCard .bannerMiniImage { width: 198px; height: 270px; } .mainBannerCarousel .bannerCard .bannerCardContent { display: table; padding-right: 0px; margin-top: 27px; padding-top: 20px; padding-bottom: 20px; margin-left: 0; padding-left: 140px; max-width: 50%; background-color: rgba(255, 255, 255, 0.75); } .mainBannerCarousel .bannerCard .bannerTitle { background-color: rgba(255, 255, 255, 0.75); } .mainBannerCarousel .bannerCard .bannerCardContent .blockCount { top: 10px; left: 20px; } .mainBannerCarousel .carouselNavigation { position: absolute; bottom: 40px; width: calc(100% - 396px); left: 198px; } .cardInfo .goodParamsList .goodParam .goodParamVal { padding: 8px 14px; } .goodCard:not(.horizontalCard):before { width: calc(100% + 26px); height: calc(100% + 26px); } .goodCard:not(.horizontalCard) .cardInfo { padding-left: 5px; } .goodCard.horizontalCard { padding: 20px; } .goodCard.horizontalCard .cardInfo { padding: 0 180px 0 20px; min-height: auto; } .goodCard.horizontalCard .costLine { width: 180px; } .goodCard.horizontalCard .aboutGood { margin-top: 20px; } .cardsGrid { margin-right: -15px; } .cardsGrid .goodItem { margin-right: 15px; } .goodsCarousel { padding-top: 15px; margin-top: -15px; } .goodsCarousel .swiper-slide { width: calc(100% / 5); } .hitGoodsGrid .cardsBanner { width: calc(100% - 744px - 40px); margin-right: 40px; } .hitGoodsGrid .hitCardsList { width: 744px; grid-template-columns: repeat(3, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; } .hitGoodsGrid .hitCardsList .goodItem:nth-child(6)~.goodItem { display: none; } .stockCarousel { max-width: 920px; } .stockCarousel .stockCard .stockMark { bottom: calc(492 / 1085 * 920px); } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-active { width: 920px; } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-prev .stockCard { margin-right: -115px; margin-left: 115px; } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-next .stockCard { margin-left: -115px; margin-right: 115px; } .topBrandGrid .topBrandsLinkWrapper { width: calc(100% - 506px); } .topBrandGrid .cardsGrid { margin-right: 0; width: 506px; } .topBrandGrid .cardsGrid .goodItem { width: calc(50% - 15px); } .topBrandGrid .cardsGrid .goodItem:nth-child(4)~.goodItem { display: none; } .subscribeForm { background-color: #E0E0DE; padding: 32px calc(100% - 640px + 60px) 32px 60px; position: relative; } .subscribeForm .backWrapper { width: calc(100% - 640px); } .catalogSection .catalogMenu { width: 324px; padding-right: 40px; } .catalogSection .catalogMenu+.catalogList { width: calc(100% - 324px); } .catalogSection .catalogMenu+.catalogList .similarCarousel { width: calc(100% + 324px); margin-left: -324px; } .catalogSection .catalogMenu+.catalogList .goodItem .goodCard .imageWrapper { height: 220px; } .catalogSection .catalogMenu+.catalogList .goodItem.bigItem .goodCard .imageWrapper { height: calc(440px + 78px + 15px); } .catalogSection .catalogMenu .catalogMenuChapter+.catalogMenuChapter { margin-top: 15px; } .catalogSection .similarCarousel+.catalogGrid { margin-top: 70px; } .catalogSection .catalogCount { margin-bottom: 30px; } .catalogFilter .clearFilterBtn { margin-bottom: 4px; } .similarCarousel { margin-top: 70px; } .similarCarousel .carouselTitle { margin-bottom: 40px; } .brandGridWrapper { margin-top: 70px; } .catalogSection .brandGridWrapper+.brandCatalogDetailed { margin-top: 70px; } .brandGridWrapper .gridTitle { margin-bottom: 40px; } .brandGridWrapper .cardsGrid .goodItem { width: 25%; } .catalogGrid { grid-column-gap: 15px; grid-row-gap: 15px; } .catalogGrid .goodItem .goodCard .imageWrapper { height: 308px; } .catalogGrid .goodItem.bigItem .imageWrapper { height: calc(616px + 15px + 78px); } .catalogBannerSection .brandLogo, .madeInBannerSection .madeInLogo { margin: 40px auto 20px; } .catalogBannerSection .brandLogo img { max-height: 55px; } .catalogBannerSection .imageWrapper, .madeInBannerSection .imageWrapper { min-height: 500px; max-height: 608px; margin: 0 calc((1170px - 100vw) / 2); } .itemCarouselWrapper.verticalCarousel { display: block; height: auto; } .itemCarouselWrapper.verticalCarousel .carouselNavigation { position: absolute; height: 174px; bottom: 0; left: -30px; top: auto; width: calc(100% + 60px); } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-prev, .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-next { left: auto; width: 24px; height: 100%; -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-prev { left: 0; } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-prev:after { content: ""; } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-next { right: 0; } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-next:after { content: ""; } .itemCarouselWrapper.verticalCarousel .itemThumbCarousel { height: 174px; margin-top: 25px; width: 100%; } .itemCarouselWrapper.verticalCarousel .itemCarousel { width: 100%; margin-left: 0; height: 493px; } .goodHeadSection { margin-top: 70px; } .goodHeadSection .itemCarouselWrapper { width: 602px; } .goodHeadSection .cardInfo { width: calc(100% - 602px); padding-left: 60px; } .goodHeadSection .cardInfo .logoBrand { margin-left: auto; height: 48px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; bottom: 100%; right: 0; margin-bottom: 14px; } .goodHeadSection .cardInfo .logoBrand img { max-height: 100%; } .goodHeadSection .itemSpecifications { margin-top: 5px; } .goodHeadSection .aboutItem { margin-top: 80px; } .goodHeadSection .aboutItem .textWrapper { column-gap: 80px; } .goodHeadSection .goodHeadInner { position: relative; } .goodHeadSection .goodHeadInner.middleCarousel .aboutItem { width: 100%; padding-right: 0; -webkit-box-ordinal-group: initial1; -moz-box-ordinal-group: initial1; -webkit-order: initial; -ms-flex-order: initial; order: initial; margin-top: 80px; } .goodHeadSection .goodHeadInner.middleCarousel .itemCarouselWrapper { width: 606px; } .goodHeadSection .goodHeadInner.middleCarousel .cardInfo { width: calc(100% - 606px); padding-left: 60px; padding-bottom: 187px; } .goodHeadSection .goodHeadInner.middleCarousel .aboutItem .titleContainer { margin-bottom: 24px; } .goodHeadSection .goodHeadInner.middleCarousel .aboutItem .aboutContent { margin-top: 45px; } .goodHeadSection .goodHeadInner.middleCarousel .aboutItem .textWrapper { column-gap: 80px; column-count: 2; } .goodDetailedVisual .goodVisualColumns .columnItem { padding: 40px 20px 0; } .errorPageSection { padding: 80px 0 0; } .errorPageContent .imageWrapper { max-width: 690px; } .brandsAlphabet .alphabetLinksList.fixedScroll { padding-left: calc((100vw - 1170px) / 2); padding-right: calc((100vw - 1170px) / 2); } .brandsAlphabet .brandsListChapter .brandsChapterBody { padding: 31px 0 36px 15%; } .brandsAlphabet .brandsListChapter .brandsChapterHead { padding: 8px 0 8px 80px; } .aboutBrandChapter .chapterContent { width: 520px; padding-left: 120px; padding-top: 60px; padding-bottom: 60px; } .aboutBrandChapter .chapterContent:before { width: calc(100% - 230px + ((100vw - 1170px) / 2)); } .aboutBrandChapter .chapterContent .blockCount { top: 50px; } .aboutBrandChapter .imageWrapper { width: calc(100% - 520px - 60px); } .aboutBrandChapter:nth-child(2n+1) .chapterContent { margin-right: 60px; } .aboutBrandChapter:nth-child(2n+1) .chapterContent:before { right: 230px; } .aboutBrandChapter:nth-child(2n) .chapterContent { margin-left: 60px; } .aboutBrandChapter:nth-child(2n) .chapterContent:before { left: 230px; } .aboutBrandChapter:first-child .imageWrapper { width: calc(100% - 400px - 60px + ((100vw - 1170px) / 2)); margin-right: calc((1170px - 100vw) / 2); } .aboutBrandChapter:first-child .chapterContent { width: 400px; } .aboutBrandChapter:first-child .chapterContent:before { width: calc(100% - 110px + ((100vw - 1170px) / 2)); right: 110px; } .aboutBrandChapter.stretchChapter .imageWrapper { margin: 0 calc((1170px - 100vw) / 2); } .aboutBrandChapter.stretchChapter .chapterContent .textContent { padding: 50px 60px; } .aboutBrandChapter.stretchChapter .chapterContent .textWrapper { width: calc(50% - 30px); } .aboutBrandChapter.stretchChapter .chapterContent .textWrapper:nth-child(2n+1) { margin-right: 60px; } .aboutBrandChapter.stretchChapter .chapterContent .chapterTitle { margin-right: 60px; } .contactsSection .shopPlaces .imageWrapper { width: 800px; min-height: 348px; } .contactsSection .shopPlaces .shopPlaceInfo { width: calc(100% - 800px); } .contactsSection .shopPlaces .shopPlaceItem:nth-child(2n+1) .shopPlaceInfo { padding-left: 60px; } .contactsSection .shopPlaces .shopPlaceItem:nth-child(2n) .shopPlaceInfo { padding-right: 60px; } .promoCardsItem+.promoCardsItem { margin-top: 66px; } .promoCardsItem .promoCardsList { margin: -50px -25px 0; } .promoCardsItem .promoCardsList .promoCard .cardContent { margin-top: 40px; } .promoCardsItem .promoCardsList .promoCard .head .cost { padding-left: 0; display: block; } .promoCardsItem .promoCardsList .promoCard [class*=btnMain] { margin-top: 25px; } .promoCardsItem .promoCardsList .promoCardItem { padding: 50px 25px 0; } .promoCardsItem .promoCardsDetailed { margin: 0 -25px; padding: 65px 0; } .promoCardsItem .promoCardsDetailed .detailedItem { padding: 0 25px; } .stockDetailed .stockDetailedItem { min-height: 333px; } .stockDetailed .stockDetailedItem:nth-child(2n) .itemVisual { margin-left: calc((1170px - 100vw) / 2); } .stockDetailed .stockDetailedItem:nth-child(2n) .itemContent { padding-left: 60px; } .stockDetailed .stockDetailedItem:nth-child(2n+1) .itemVisual { margin-right: calc((1170px - 100vw) / 2); } .stockDetailed .stockDetailedItem:nth-child(2n+1) .itemContent { padding-right: 60px; } .stockDetailed .stockDetailedItem .itemContent { padding-top: 30px; padding-bottom: 30px; } .stockDetailed .stockDetailedItem .stockBullet { display: block; text-align: center; } .stockDetailed .stockDetailedItem .stockBullet .bulletImage { display: table; width: auto; margin: 0 auto 20px; } .stockDetailed .stockDetailedItem .stockBullet .bulletImage img { height: 120px; } .stockDetailed .stockDetailedItem .stockBullet .stockBulletContent { width: 100%; } .stockDetailed .stockDetailedItem .stockBullet .stockBulletContent [class*=btnMain] { margin: 30px auto 0; } .stockDetailed .stockDetailedItem .itemVisual { width: calc(50% + (100vw - 1170px) / 2); } .stockDetailed .stockDetailedItem .itemVisual.gridVisual .imageWrapper { width: calc((100% - 32px) / 3); } .cabSettings { padding: 80px 40px 70px 0; } .cabSettings.cabHistory { padding: 80px 40px 70px 0; } .cabSettings .cabWelcome, .cabSettings .cabMenu { width: 280px; padding-right: 60px; padding-left: 0; } .cabSettings .cabHead, .cabSettings .cabInfoContent { width: calc(100% - 280px); } .cabSettings .cabHead .backLink { margin-bottom: 30px; } .cabContainer .cabSideInner { padding: 30px; } .cabContainer .cabSideContent+.cabSideContent { margin-top: 30px; } .cabContainer .orderOfferInfo { padding: 60px 0px 0 30px; } .cabContainer .orderStepHead { margin-top: 25px; margin-bottom: 25px; } .cabContainer .orderGuarantee { margin-top: 30px; margin-bottom: 5px; } .cabContainer .orderCount { padding: 4px 8px; margin-left: 17px; font-size: 22px; line-height: 26px; } .cabContainer .orderStepResult { margin-top: 30px; } .cabContainer .orderStepResult .promoDiscount { padding-left: 0; } .cabContainer .orderStepResult .resultSumWrapper { padding-bottom: 30px; } .cabContainer .orderStepResult .formBtn [class*=btnMain] { height: 60px; padding: 17px 10px; } .cabContainer .orderStepResult .resultSum { padding-right: 0; } .cabContainer .orderOptionsList { padding: 30px 40px; } .cabContainer .orderOptionsList .formItem .inputLabel { width: 245px; padding-right: 30px; } .cabContainer .orderOptionsList .formItem .orderOption { width: calc(100% - 245px); } .cabContainer .backStepWrapper { padding: 0; border: 0; } .cabContainer .cabWideSide { width: 840px; max-width: 100%; } .cabContainer .cabWideSide.cabHistory { width: 100%; } .cabContainer .cabWideSide.cabHistory .cabSettings { padding: 80px 40px 40px 0; } .cabContainer .cabWideSide.cabFavorites { width: 100%; } .cabContainer .cabWideSide.cabPersonal { width: 950px; } .cabContainer .cabSlimSide { width: calc(100% - 840px - 24px); max-width: 100%; } .cabContainer .cabSlimSide .goodCard .cardInfo { padding-left: 10px; } .shopGrid .shopGridItem { width: calc(100% / 3); } .shopGrid .shopGridItem.visualBig { width: calc(100% / 3 * 2); -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .vacanciesSection { padding-right: calc(100% - 580px); } .vacanciesSection .imageWrapper { height: 617px; width: calc(100% - 580px - 60px); } .brandCarousel .swiper-button-prev::after, .brandCarousel .swiper-button-next::after { font-size: 28px; } @media (min-width: 639px) { .brandVideoCarousel .swiper-button-prev::after, .brandVideoCarousel .swiper-button-next::after { font-size: 28px; } } .brandChapter .visualTitle .titleWrapper { position: relative; top: auto; left: auto; transform: translate(0%, 0%); margin-bottom: 30px; } .brandChapter .visualLine .content { padding: 30px 20px; } .brandChapter .visualTitle .titleWrapper.lightTitle { color: #212121; } .brandChapter { margin-top: 60px; } .brandChapter .visualTitle .titleWrapper br { display: none; } .brandChapter .contentInMedia .content { padding: 20px 40px; } .brandVideoCarousel { padding-left: calc((100% - 600px) / 2); padding-right: calc((100% - 600px) / 2); } .brandVideoCarousel .swiper-button-prev, .brandVideoCarousel .swiper-button-next { top: 135px; } .brandChapter .visualLine .lineItem.slimItem .content { padding: 20px; } .brandChapter .visualLine .lineItem.fullItem .content { min-height: 220px; } .brandLineCarousel { overflow: hidden; } .brandLineCarousel { padding-bottom: 64px; position: relative; } .brandLineCarousel+* { margin-top: 40px; } .brandChapter .visualLine .sectionCaption { font-size: 28px; line-height: 36px; } .brandChapter .blockSubTitle { line-height: 28px; font-size: 20px; } .brandLineSlide .slideContent { padding: 0 20px 40px; } .brandLinks .linksList { width: 50%; padding: 0px 40px; } .brandLinks .linksList a { font-size: 24px; line-height: 28px; min-height: 140px; padding: 20px 0 20px 100px; } .brandLinks .linksList .subName { font-size: 16px; line-height: 24px; } .brandLinks .linksList p { font-size: 14px; line-height: 22px; } .brandLinks .linksList .imageWrapper { position: absolute; width: 52px; } .premiumDarkChapter .imageWrapper { width: calc(100% + (100vw - 1170px) / 2); max-width: 900px; } .chapterCardLink .cardMark { font-size: 16px; line-height: 24px; } .chapterCardLink .imageWrapper { height: 360px; } .chapterCardLink { max-width: 320px; } .premiumVideo .videoCover { margin: 0 calc((1170px - 100vw) / 2); } .catalogBrandBanner, .madeInAbout { margin: 0px -8px; } .catalogBrandBanner .item, .madeInAbout .item { padding: 0px 8px 16px; } } @media (max-width: 1279px) { .mainBannerCarousel { padding-bottom: 60px; } .mainBannerCarousel .bannerCard { padding-top: 0; height: auto; position: static; } .mainBannerCarousel .bannerCard .bannerInfo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0 0; } .mainBannerCarousel .bannerCard .bannerImage { width: calc(100% + 100vw - 920px); position: relative; top: auto; margin-left: calc((920px - 100vw) / 2); left: auto; height: auto; padding-top: calc(659 / 1193 * 100vw); } .mainBannerCarousel .bannerCard .bannerImage img { position: absolute; top: 0; left: 0; } .mainBannerCarousel .bannerCard .bannerMiniImages { display: none; } .mainBannerCarousel .bannerCard .bannerCardContent { margin-top: 10px; background-color: transparent; width: 50%; padding-left: 120px; padding-right: 0; padding-top: 0; padding-bottom: 0; } .mainBannerCarousel .bannerCard .bannerTitle { background-color: transparent; } .mainBannerCarousel .bannerCard .bannerCardContent .blockCount { top: -5px; } .mainBannerCarousel .bannerCard .bannerTitle { max-width: 100%; width: 50%; padding-right: 20px; } .mainBannerCarousel .swiper-slide.swiper-slide-active .bannerCard .bannerCardContent { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .mainBannerCarousel .swiper-button-prev { left: 50%; margin-left: -25px; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .mainBannerCarousel .swiper-button-next { right: 50%; margin-right: -25px; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .mainBannerCarousel .carouselNavigation { position: static; bottom: 0; width: 100%; left: auto; } .mainSection { padding-top: 60px; padding-bottom: 60px; } .mainSection .sectionContent { margin-top: 60px; } .visualSection+.visualSection { margin-top: 60px; } .cardInfo p { font-size: 12px; line-height: 16px; } .cardInfo .cardCost { font-size: 18px; line-height: 20px; } .cardInfo .cardCost.old { padding-top: 0px; padding-bottom: 0px; } .cardInfo .goodParamsList .goodParam { margin-right: 15px; margin-top: 15px; } .goodHeadSection .aboutMark { margin-top: 21px; } .goodCard:not(.horizontalCard) .cardCost.new { padding-right: 10px; } .goodCard:not(.horizontalCard) .cardInfo { padding-left: 0; } .goodCard:not(.horizontalCard):before { display: none; } .goodCard:not(.horizontalCard):hover { -moz-transform: none; -ms-transform: none; -webkit-transform: none; -o-transform: none; transform: none; } .goodCard .cardMark { font-size: 12px; line-height: 14px; padding: 5px 8px; /*top: 10px; left: 10px;*/ margin: 10px; } .goodCard .unavialableMark { font-size: 12px; line-height: 14px; padding: 5px 8px; bottom: 10px; } .goodCard.horizontalCard .cardInfo { padding: 0 0 0 20px; width: calc(100% - 160px); } .goodCard.horizontalCard .costLine { width: 100%; padding-left: 0; position: relative; top: auto; right: auto; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); margin-top: 15px; } .goodCard.horizontalCard .imageWrapper { width: 160px; height: 193px; } .goodCard.horizontalCard .cardCost { font-size: 20px; line-height: 24px; } .goodCard.horizontalCard .cardCost.old { font-size: 16px; line-height: 20px; } .goodCard.horizontalCard .cardCost.freeCost { font-size: 14px; line-height: 20px; } .goodCard.horizontalCard .aboutGood { display: none; } .goodCard.horizontalCard .basketRemoveBtn { margin-top: 15px; } .goodsCarousel { padding-bottom: 60px; } .goodsCarousel .swiper-slide { width: calc(100% / 4); } .hitGoodsGrid { position: relative; display: block; } .hitGoodsGrid .cardsBanner { width: calc((100% - 45px) / 4 * 2 + 15px); position: absolute; height: calc((100% - 30px) / 3 * 2 + 15px); top: 0; left: 0; margin-right: 0; } .hitGoodsGrid .hitCardsList { width: 100%; grid-template-columns: repeat(4, 1fr); } .hitGoodsGrid .hitCardsList .goodItem { grid-row-start: 3; } .hitGoodsGrid .hitCardsList .goodItem:nth-child(6)~.goodItem { display: block; } .hitGoodsGrid .hitCardsList .goodItem:first-child { grid-column-start: 3; grid-column-end: 3; grid-row-start: 1; grid-row-end: 1; } .hitGoodsGrid .hitCardsList .goodItem:nth-child(2) { grid-row-start: 1; grid-row-end: 1; grid-column-start: 4; grid-column-end: 4; } .hitGoodsGrid .hitCardsList .goodItem:nth-child(3) { grid-column-start: 3; grid-column-end: 3; grid-row-start: 2; grid-row-end: 2; } .hitGoodsGrid .hitCardsList .goodItem:nth-child(4) { grid-row-start: 2; grid-row-end: 2; grid-column-start: 4; grid-column-end: 4; } .stockCarousel { max-width: 720px; } .stockCarousel .stockCard .stockMark { bottom: calc(492 / 1085 * 720px); } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-active { width: 720px; } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-prev .stockCard { margin-right: -90px; margin-left: 90px; } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-next .stockCard { margin-left: -90px; margin-right: 90px; } .stockCarousel .stockCard .term { font-size: 20px; line-height: 24px; padding-bottom: 10px; } .stockCarousel .stockCard .name { font-size: 36px; line-height: 40px; } .stockCarousel .stockCard .specialization { font-size: 24px; line-height: 36px; } .stockCarousel .stockCard .stockInfo { padding: 20px 10px; } .topBrandGrid { display: block; } .topBrandGrid .topBrandsLinkWrapper { width: 100%; max-width: 720px; margin: 0 auto; display: block; } .topBrandGrid .topBrandsLinkWrapper .topBrandBanner { height: auto; padding-top: calc(834 / 808 * 100%); position: relative; } .topBrandGrid .topBrandsLinkWrapper .topBrandBanner img { position: absolute; left: 0; top: 0; } .topBrandGrid .topBrandsLinkWrapper .topBrandName { height: 96px; } .topBrandGrid .topBrandsLinkWrapper .topBrandName img { max-height: 96px; max-width: 290px; } .topBrandGrid .cardsGrid { margin-top: 40px; margin-right: -15px; width: auto; } .topBrandGrid .cardsGrid .goodItem { width: calc(25% - 15px); } .subscribeForm { padding: calc(249 / 872 * 100% + 25px) 30px 25px; } .subscribeForm .benefit { font-size: 44px; line-height: 52px; } .subscribeForm .subscribeInputWrapper { margin-top: 5px; } .subscribeForm .backWrapper { height: auto; width: 100%; padding-top: calc(249 / 872 * 100%); } .brandsListCarousel .brandLink { height: 80px; } .catalogSection .catalogContent { display: block; } .catalogSection .catalogMenu { width: 100%; padding-right: 0; margin-bottom: 30px; } .catalogSection .catalogMenu+.catalogList { width: 100%; } .catalogSection .catalogMenu+.catalogList .similarCarousel { width: 100%; margin-left: 0; } .catalogSection .catalogMenu+.catalogList .goodItem .goodCard .imageWrapper { height: 240px; } .catalogSection .catalogMenu+.catalogList .goodItem.bigItem .goodCard .imageWrapper { height: calc(480px + 68px + 15px); } .catalogSection .similarCarousel+.catalogGrid { margin-top: 60px; } .catalogSection .catalogCount { margin-bottom: 20px; margin-top: 20px; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .catalogSection .catalogCount .goodsCount { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-right: 0; padding-left: 20px; } .catalogFilter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .catalogFilter .filterSubmit { display: block; } .catalogFilter .filterItem .filterBtnLine { display: none; } .catalogFilter .closeFilterMenu, .catalogFilter .filterCloseBtn { display: block; } .catalogFilter .mobFilterBtn { display: block; margin-left: auto; } .catalogFilter .clearFilterBtn { left: auto; right: 15px; top: 15px; bottom: auto; margin-bottom: 0; } .catalogFilter .filterMenu { position: fixed; z-index: 13; display: none; width: 100vw; top: 0; left: 0; background-color: #fff; height: 100%; padding-top: 52px; padding-bottom: 50px; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); margin: 0; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; } .catalogFilter .filterMenu .filterSubmit { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; } .catalogFilter .filterMenu.active { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .catalogFilter .filterMenu.noScroll .filterInner { overflow-y: hidden; } .catalogFilter .filterInner { -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; max-height: 100%; overflow-x: hidden; overflow-y: auto; padding: 0 15px; margin: 0; position: static; } .catalogFilter .filterSort { display: block; -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .catalogFilter .filterBtn { padding: 10px 0 11px 0; } .catalogFilter .filterBtn:after { content: ""; bottom: auto; top: 50%; margin-top: -8px; } .catalogFilter .filterBtn:before { background-color: #E0E0DE; height: 1px; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; margin-bottom: 0; opacity: 1; } .catalogFilter .filterBtn:hover:before { background-color: #E0E0DE; } .catalogFilter .filterContent { height: 100%; position: absolute; width: 100vw; left: 0; top: 0; margin-top: 0; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; padding: 0 15px 50px; min-width: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; z-index: 2; } .catalogFilter .catalogSort .filterContent { z-index: 3; } .catalogFilter .filterContent ul { overflow-y: initial; max-height: initial; padding-bottom: 20px; } .catalogFilter .filterContent .rangeInputs { max-width: 290px; } .catalogFilter .filterContent .rangeInputs .pre { width: 30px; padding-right: 8px; } .catalogFilter .filterContent .rangeInputs .rangeInputItem .inputWrapper { width: calc(100% - 30px); } .catalogFilter .catalogFilterItem { padding: 0; } .catalogFilter .catalogFilterItem.catalogSort .filterBtn { display: none; } .catalogFilter .catalogFilterItem.catalogSort .filterContent { padding-top: 52px; } .catalogFilter .catalogFilterItem.catalogPrice { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .catalogFilter .catalogFilterItem.catalogPrice .filterContent { display: block !important; height: auto; position: static; width: 100%; left: auto; top: auto; margin-top: 0; padding: 20px 0; -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); overflow-y: initial; overflow-x: initial; } .catalogFilter .catalogFilterItem.catalogPrice .filterBtn:before, .catalogFilter .catalogFilterItem.catalogPrice .filterBtn:after { display: none; } .catalogFilter .filterItem { position: static; } .catalogFilter .filterItem.active .filterContent { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .catalogGrid .goodItem .goodCard .imageWrapper { height: 240px; } .catalogGrid .goodItem.bigItem .imageWrapper { height: calc(480px + 68px + 15px); } .similarCarousel { margin-top: 60px; } .brandGridWrapper { margin-top: 60px; } .catalogSection .brandGridWrapper+.brandCatalogDetailed { margin-top: 60px; } .brandGridWrapper .cardsGrid .goodItem { width: 20%; } .catalogBannerSection, .madeInBannerSection { position: relative; } .madeInBannerSection .madeInLogo { margin: 20px auto; } .madeInBannerSection .madeInLogo img, .madeInSection .blockTitle .titleBack { max-height: 112px; } .madeInSection .blockTitle { min-height: 112px; } .catalogBannerSection .brandLogo { margin: 0; height: 54px; position: absolute; bottom: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; right: calc((100vw - 920px) / 2); } .catalogBannerSection .brandLogo img { max-height: 35px; } .catalogBannerSection .imageWrapper, .madeInBannerSection .imageWrapper { min-height: 400px; max-height: 508px; margin: 0 calc((920px - 100vw) / 2); } .catalogBannerSection .textWrapper { font-size: 16px; line-height: 20px; max-width: 380px; margin-top: 5px; } .itemCarouselWrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .itemCarouselWrapper .itemCarousel { height: 558px; width: 100%; } .itemCarouselWrapper .itemThumbCarousel { height: 138px; } .itemCarouselWrapper .carouselNavigation { position: relative; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; height: auto; width: 100%; left: auto; bottom: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-top: 40px; } .itemCarouselWrapper .carouselNavigation .swiper-button-next, .itemCarouselWrapper .carouselNavigation .swiper-button-prev { position: relative; width: auto; bottom: auto; margin: 0 15px; -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .itemCarouselWrapper .carouselNavigation .swiper-button-prev { left: auto; margin-left: 15px; } .itemCarouselWrapper .carouselNavigation .swiper-button-prev:after { content: ""; } .itemCarouselWrapper .carouselNavigation .swiper-button-next { right: auto; margin-right: 15px; } .itemCarouselWrapper .carouselNavigation .swiper-button-next:after { content: ""; } .itemCarouselWrapper.verticalCarousel { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .itemCarouselWrapper.verticalCarousel .carouselNavigation { position: relative; height: auto; bottom: auto; left: auto; width: 100%; } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-prev, .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-next { width: auto; margin: 0 15px; height: 24px; position: relative; } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-prev { left: auto; } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-prev:after { content: ""; } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-next { right: auto; } .itemCarouselWrapper.verticalCarousel .carouselNavigation .swiper-button-next:after { content: ""; } .itemCarouselWrapper.verticalCarousel .itemThumbCarousel { height: 138px; -webkit-box-ordinal-group: initial1; -moz-box-ordinal-group: initial1; -webkit-order: initial; -ms-flex-order: initial; order: initial; } .itemCarouselWrapper.verticalCarousel .itemCarousel { height: 411px; } .goodHeadSection { margin-top: 0; } .goodHeadSection .itemCarouselWrapper { width: 502px; } .goodHeadSection .checkLink { margin-top: 20px; } .goodHeadSection .cardInfo { width: calc(100% - 502px); padding-left: 40px; } .goodHeadSection .cardInfo .logoBrand { height: 54px; margin-bottom: 0; max-width: 100px; text-indent: -100%; overflow: hidden; } .goodHeadSection .cardInfo .logoBrand img { max-height: 100%; } .goodHeadSection .cardInfo .costLine { margin-top: 10px; } .goodHeadSection .itemSpecifications li { padding-left: 0; } .goodHeadSection .itemSpecifications .icon { left: auto; top: auto; position: relative; margin-bottom: 5px; } .goodHeadSection .goodHeadInner.middleCarousel .itemCarouselWrapper { width: 506px; } .goodHeadSection .goodHeadInner.middleCarousel .cardInfo { width: calc(100% - 506px); padding-left: 40px; padding-bottom: calc(25px + 138px); } .goodHeadSection .goodHeadInner.middleCarousel .aboutItem { margin-top: 60px; } .goodHeadSection .goodHeadInner.middleCarousel .aboutItem .aboutContent { margin-top: 25px; } .goodHeadSection .goodHeadInner.middleCarousel .aboutItem .textWrapper { column-count: initial; column-gap: 0px; } .goodHeadSection .aboutItem { margin-top: 60px; } .goodHeadSection .aboutItem .aboutContent { margin-top: 25px; } .goodHeadSection .aboutItem .textWrapper { column-gap: 0px; column-count: initial; } .goodDetailedVisual { margin-top: 60px; } .goodDetailedVisual .goodVisualGrid .bigVisual.videoLink { position: relative; } .goodDetailedVisual .goodVisualGrid .bigVisual.videoLink:after { font-size: 145px; line-height: 145px; } .goodDetailedVisual .goodVisualColumns { margin-top: 60px; padding: 0px 20px 40px; } .goodDetailedVisual .goodVisualColumns .itemVisual { margin-top: 30px; margin-bottom: 30px; } .errorPageSection { padding: 60px 0 0; } .errorPageContent .imageWrapper { max-width: 480px; } .errorPageContent .errorPageText { font-size: 20px; line-height: 24px; } .pageTabs .tabsList a { font-size: 20px; line-height: 24px; height: 55px; } .brandsAlphabet .alphabetLinksList { padding-top: 18px; padding-bottom: 18px; } .brandsAlphabet .alphabetLinksList.fixedScroll { padding-left: calc((100vw - 920px) / 2); padding-right: calc((100vw - 920px) / 2); } .brandsAlphabet .searchBrand { margin-top: 15px; padding: 0 80px; } .brandsAlphabet .brandsListChapter .brandsChapterHead { padding: 8px 0 8px 40px; } .brandsAlphabet .brandsListChapter .brandsChapterBody { padding: 20px 0 20px 20%; column-count: 2; } .brandsAlphabet .brandsListChapter+.brandsListChapter { margin-top: 20px; } .aboutBrandChapter { display: block; padding-bottom: 0; padding-top: 0; } .aboutBrandChapter .chapterContent { width: 100%; padding-left: 0; padding-top: 40px; padding-bottom: 40px; } .aboutBrandChapter .chapterContent:before { display: none; } .aboutBrandChapter .chapterContent .blockCount { position: relative; top: auto; left: auto; margin-bottom: 11px; } .aboutBrandChapter .imageWrapper { width: 100%; } .aboutBrandChapter:nth-child(2n+1) .chapterContent { margin-right: 0; } .aboutBrandChapter:nth-child(2n) .chapterContent { margin-left: 0; } .aboutBrandChapter:first-child .imageWrapper { width: auto; margin: 0 calc((920px - 100vw) / 2); } .aboutBrandChapter:first-child .chapterContent { width: 100%; } .aboutBrandChapter.stretchChapter .imageWrapper { margin: 0 calc((920px - 100vw) / 2); } .aboutBrandChapter.stretchChapter .chapterContent { display: block; } .aboutBrandChapter.stretchChapter .chapterContent .textContent { display: block; padding: 0; border: 0; } .aboutBrandChapter.stretchChapter .chapterContent .textWrapper { width: 100%; } .aboutBrandChapter.stretchChapter .chapterContent .textWrapper:nth-child(2n+1) { margin-right: 0; } .aboutBrandChapter.stretchChapter .chapterContent .chapterTitle { margin-right: 0; } .cityChoose .selectric { height: 55px; } .cityChoose .selectric .label { font-size: 20px; line-height: 24px; margin: 0 50px 0 25px; } .cityChoose .selectric .icon { width: 50px; font-size: 14px; line-height: 55px; } .contactsSection .cityChoose { margin-bottom: 40px; } .contactsSection .shopPlaces .imageWrapper { width: 610px; min-height: 295px; } .contactsSection .shopPlaces .shopPlaceInfo { width: calc(100% - 610px); padding-right: 40px; } .contactsSection .shopPlaces .shopPlaceInfo .address { padding-bottom: 10px; padding-left: 25px; } .contactsSection .shopPlaces .shopPlaceInfo .address .city { font-size: 18px; line-height: 24px; } .contactsSection .shopPlaces .shopPlaceInfo .address .street { font-size: 14px; line-height: 18px; margin-top: 6px; } .contactsSection .shopPlaces .shopPlaceInfo .address .icon { font-size: 24px; line-height: 24px; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem { padding-left: 25px; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem .icon { font-size: 18px; line-height: 18px; top: 3px; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem .pre { padding-bottom: 0; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem .val { font-size: 14px; line-height: 18px; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem.support .pre { font-size: 14px; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem.workingTime { padding: 10px 0 10px 25px; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem.workingTime .icon { top: 10px; } .contactsSection .shopPlaces .shopPlaceInfo .shopInfoItem+.shopInfoItem { margin-top: 10px; } .contactsSection .shopPlaces .shopPlaceItem:nth-child(2n+1) .shopPlaceInfo { padding-left: 40px; } .contactsSection .shopPlaces .shopPlaceItem:nth-child(2n) .shopPlaceInfo { padding-right: 40px; } .contactsSection .shopPlaces .shopPlaceItem+.shopPlaceItem { margin-top: 60px; } .promoCardsItem+.promoCardsItem { margin-top: 50px; } .promoCardsItem .promoCardsList { margin: -40px -15px 0; padding-bottom: 50px; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .promoCardsItem .promoCardsList .promoCard .cardContent { margin-top: 30px; } .promoCardsItem .promoCardsList .promoCard .head .cost { padding-left: 0; display: block; } .promoCardsItem .promoCardsList .promoCard [class*=btnMain] { margin-top: 25px; } .promoCardsItem .promoCardsList .promoCardItem { padding: 40px 15px 0; width: calc(100% / 3); } .promoCardsItem .promoCardsDetailed { margin: 0; padding: 50px 0; display: block; } .promoCardsItem .promoCardsDetailed .detailedItem { padding: 0; width: 100%; } .promoCardsItem .promoCardsDetailed .detailedItem+.detailedItem { margin-top: 30px; } .promoCardsItem .promoCardsDetailed .textWrapper { font-size: 14px; line-height: 21px; margin-bottom: 0; } .promoCardsItem .promoCardsDetailed .textWrapper ul { padding-left: 0; } .stockGrid .stockCardItem .stockInfo { display: block; margin-top: 15px; } .stockGrid .stockCardItem .term { font-size: 14px; line-height: 18px; color: #212121; font-weight: bold; margin-right: 0; -webkit-box-ordinal-group: initial1; -moz-box-ordinal-group: initial1; -webkit-order: initial; -ms-flex-order: initial; order: initial; padding: 5px 10px; margin-top: 15px; } .stockGrid .stockCardItem .linkText { font-size: 16px; line-height: 20px; padding-right: 55px; } .stockGrid .stockCardItem .linkText:after { width: calc(100% - 55px); } .stockGrid .stockCardItem .linkText:before { font-size: 12px; line-height: 12px; margin-top: -6px; right: 5px; } .stockDetailed .stockDetailedItem { display: block; min-height: 0; } .stockDetailed .stockDetailedItem:nth-child(2n) .itemVisual { margin-left: calc((920px - 100vw) / 2); } .stockDetailed .stockDetailedItem:nth-child(2n) .itemContent { padding-left: 0; } .stockDetailed .stockDetailedItem .stockBullet { padding-bottom: 22px; } .stockDetailed .stockDetailedItem:nth-child(2n+1) .itemVisual { margin-right: calc((920px - 100vw) / 2); } .stockDetailed .stockDetailedItem:nth-child(2n+1) .itemContent { padding-right: 0; } .stockDetailed .stockDetailedItem .itemVisual { width: auto; margin: 0 calc((920px - 100vw) / 2); } .stockDetailed .stockDetailedItem .itemContent { width: 100%; padding-top: 0; padding-bottom: 22px; } .stockDetailed .stockDetailedItem .imageWrapper img { position: relative; top: auto; left: auto; } .cabSettings { padding: 60px 0 40px; } .cabSettings .cabMenu, .cabSettings .cabInfoContent { margin-top: 40px; } .cabSettings .cabHead .backLink { margin-bottom: 20px; } .cabContainer .cabSideInner { padding: 20px; } .cabContainer .backStepWrapper { border: 0; padding: 0; } .cabContainer .backStepWrapper .backStepItem { padding: 20px 0; } .cabContainer .backStepHead { display: block; padding-bottom: 20px; } .cabContainer .backStepHead .orderCount { display: table; margin-left: 0; margin-top: 10px; } .cabContainer .orderStepHead { margin-top: 20px; margin-bottom: 20px; } .cabContainer .cabSideContent { padding: 0 20px 20px; } .cabContainer .cabSideContent+.cabSideContent { margin-top: 20px; } .cabContainer .cabSideContentHead { margin-bottom: 25px; padding-top: 25px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cabContainer .cabSideContentHead .deliveredBy { width: 100%; margin-bottom: 15px; -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; padding-left: 0; } .cabContainer .cabSideContentHead .deliveredBy .pre { font-size: 16px; line-height: 24px; padding-right: 8px; } .cabContainer .cabSideContentHead .deliveredBy .name img { max-height: 30px; font-size: 16px; line-height: 24px; } .cabContainer .resultSumWrapper { display: block; padding-bottom: 20px; } .cabContainer .resultSumWrapper .sum { font-size: 32px; line-height: 40px; } .cabContainer .orderOfferInfo { padding: 40px 0px 0 20px; } .cabContainer .orderGuarantee { margin-top: 20px; margin-bottom: 0; padding-left: 0; } .cabContainer .orderCount { padding: 4px 8px; margin-left: 17px; font-size: 20px; line-height: 22px; } .cabContainer .orderStepResult { margin-top: 20px; } .cabContainer .orderStepResult .promoDiscount { padding-left: 0; } .cabContainer .orderStepResult .promoDiscount .promoInput { margin-right: 20px; width: calc(100% - 163px); } .cabContainer .orderStepResult .resultSumWrapper { display: block; padding-bottom: 30px; } .cabContainer .orderStepResult .resultSumWrapper .discountReadyText { font-size: 14px; line-height: 18px; } .cabContainer .orderStepResult .formBtn [class*=btnMain] { height: 50px; padding: 15px 10px; font-size: 20px; line-height: 20px; } .cabContainer .orderStepResult .resultSum { margin-top: 20px; margin-left: auto; } .cabContainer .orderOptionsList { padding: 30px 20px 25px; } .cabContainer .orderOptionsList .deliveryTypes { margin: -18px -18px 0px 0; } .cabContainer .orderOptionsList .deliveryTypes .deliveryTypeCard { margin-right: 18px; margin-top: 18px; } .cabContainer .orderOptionsList .formItem .inputLabel { width: 180px; padding-right: 20px; } .cabContainer .orderOptionsList .formItem .orderOption { width: calc(100% - 180px); } .cabContainer .cabWideSide { width: 610px; } .cabContainer .cabWideSide.cabHistory .cabSettings { padding: 60px 0 40px; } .cabContainer .cabWideSide.cabPersonal { width: 100%; } .cabContainer .cabSlimSide { width: calc(100% - 610px - 20px); max-width: 100%; margin-left: 20px; } .cabContainer .cabSlimSide .goodCard .cardInfo { padding-left: 10px; width: calc(100% - 102px); } .cabContainer .cabSlimSide .goodCard .imageWrapper { width: 102px; height: 125px; } .orderHistoryItem+.orderHistoryItem { margin-top: 20px; } .orderHistoryItem .historyItemShort { padding: 15px 20px; } .orderHistoryItem .historyItemShort .name, .orderHistoryItem .historyItemShort .resultCost, .orderHistoryItem .historyItemShort .date { padding-right: 0; width: 50%; } .orderHistoryItem .historyItemShort .status { width: 50%; } .orderHistoryItem .historyItemShort .resultCost { text-align: right; } .orderHistoryItem .historyItemShort .goodsList, .orderHistoryItem .historyItemShort .itemAction { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .orderHistoryItem .historyItemDetailed .goodCard .costLine { position: absolute; right: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; width: 160px; padding-left: 20px; } .orderHistoryItem .historyItemDetailed .goodCard .cardInfo { padding-right: 160px; } .shopGrid .shopCard .shopCardContent .textWrapper { font-size: 16px; line-height: 20px; padding-top: 0; } .shopGrid .shopGridItem { width: 50%; } .shopGrid .shopGridItem.visualBig { width: 100%; -webkit-box-ordinal-group: initial1; -moz-box-ordinal-group: initial1; -webkit-order: initial; -ms-flex-order: initial; order: initial; } .shopGrid .shopGridItem.bannerItem { padding-bottom: 60px; } .shopGrid .shopGridItem.bannerItem .shopCard { display: block; } .shopGrid .shopGridItem.bannerItem .shopCard .shopCardContent { width: 100%; padding: 0; padding-top: 30px; } .shopGrid .shopGridItem.bannerItem .shopCard .shopCardVisual { width: 100%; padding-top: calc(452 / 1108 * 100%); } .cardInfo .aboutMark { width: 100%; } .vacanciesSection { padding-right: calc(100% - 390px); } .vacanciesSection .imageWrapper { width: calc(100% - 390px - 40px); } .vacanciesFormOptions .formItem { display: block; } .vacanciesFormOptions .formItem:last-child .inputLabel { height: auto; display: block; } .vacanciesFormOptions .inputLabel { width: 100%; padding-bottom: 16px; display: block; } .vacanciesFormOptions .inputWrapper { width: 100%; } .brandMenuList { max-width: 800px; margin-left: auto; margin-right: auto; } .brandCarousel .swiper-button-prev { left: 12px; margin-left: 0; transform: translateX(0%); } .brandCarousel .swiper-button-next { right: 12px; margin-right: 0; transform: translateX(0%); } .brandCarousel .swiper-button-next.swiper-button-disabled, .brandCarousel .swiper-button-prev.swiper-button-disabled { opacity: 0; } .brandChapter .blockSubTitle { line-height: 28px; } @media (min-width: 639px) { .brandVideoCarousel .swiper-button-prev { margin-left: 0; transform: translateX(0%); } .brandVideoCarousel .swiper-button-next { margin-right: 0; transform: translateX(0%); } .brandVideoCarousel .swiper-button-next.swiper-button-disabled, .brandVideoCarousel .swiper-button-prev.swiper-button-disabled { opacity: 0; } } .brandLineSlide .goodCard { width: 218px; } .brandLineSlide .content { padding: 20px 20px 30px 0; } .brandLineCarousel .carouselNavigation { display: none; } .brandLineCarousel { padding-bottom: 0px; } .brandLinks .linksList a { font-size: 20px; line-height: 24px; min-height: 120px; padding: 20px 0 20px 80px; } .brandLinks .linksList .subName { font-size: 14px; line-height: 24px; } .brandLinks .linksList p { font-size: 14px; line-height: 18px; } .brandLinks .linksList .imageWrapper { width: 48px; } .premiumDarkChapter .imageWrapper { width: calc(100% + (100vw - 920px) / 2); max-width: 640px; } .premiumDarkChapter .oddItem+.chapterItem .content { padding-right: 20px; padding-left: 20px; } .premiumDarkChapter .content { padding-left: 20px; padding-right: 20px; padding-top: 40px; padding-bottom: 40px; } .chapterCardLink .imageWrapper { height: 290px; } .chapterCardLink .cardMark { font-size: 14px; line-height: 20px; transform: translateX(50%); } .premiumVideo .videoCover { margin: 0 calc((920px - 100vw) / 2); } } @media (max-width: 991px) { .mainBannerCarousel .bannerCard .bannerTitle { width: 100%; padding-right: 0; } .mainBannerCarousel .bannerCard .bannerImage { width: calc(100% + 100vw - 610px); margin-left: calc((610px - 100vw) / 2); } .mainBannerCarousel .bannerCard .bannerCardContent { padding: 0px 0 10px 110px; width: 100%; margin-top: 15px; max-width: 100%; } .mainBannerCarousel .bannerCard .bannerCardContent .blockCount { left: 0; } .sectionInner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .sectionInner>.moreLink { float: none; margin: 40px auto 0; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; border: 1px solid #212121; background-color: #fff; padding: 9px 25px; font-size: 12px; line-height: 16px; -webkit-transition: color 0.4s, background-color 0.4s; -moz-transition: color 0.4s, background-color 0.4s; -o-transition: color 0.4s, background-color 0.4s; transition: color 0.4s, background-color 0.4s; } .sectionInner>.moreLink:after { display: none; } .sectionInner>.moreLink:before { display: none; } .sectionInner>.moreLink:hover { background-color: #212121; color: #fff; } .mainSection .sectionContent { margin-top: 40px; } .goodCard .cardFavoriteStatus { right: 5px; top: 5px; } .goodCard .unavialableMark { right: 5px; font-size: 10px; line-height: 12px; padding: 4px 7px; bottom: 6px; } .goodCard .cardFavoriteStatus img { height: 20px; } .goodCard .cardMark { font-size: 10px; line-height: 12px; padding: 4px 7px; /*top: 6px; left: 6px;*/ margin: 6px; } .goodCard:not(.horizontalCard) .cardInfo { padding-top: 10px; } .goodsCarousel .swiper-slide { width: calc(100% / 3); } .hitGoodsGrid { padding-top: 0; } .hitGoodsGrid .cardsBanner { display: none; } .hitGoodsGrid .hitCardsList { width: auto; margin-right: -15px; margin-top: -15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column-gap: initial; grid-row-gap: initial; } .hitGoodsGrid .hitCardsList .goodItem { width: calc((100% - 45px) / 3); margin-right: 15px; padding-top: 15px; } .hitGoodsGrid .hitCardsList .goodItem:nth-child(6)~.goodItem { display: none; } .stockCarousel { max-width: 560px; padding-bottom: 60px; } .stockCarousel .stockCard { background-color: transparent; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; } .stockCarousel .stockCard .stockMark { position: relative; bottom: auto; left: auto; width: 100%; margin-bottom: 0; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); font-weight: normal; border: 0; background-color: transparent; text-align: center; font-size: 12px; line-height: 16px; margin-top: 7px; } .stockCarousel .stockCard .stockInfo { background-color: #fff; position: relative; } .stockCarousel .stockCard .stockInfo:before { content: ""; display: block; position: absolute; height: calc(100% + (492 / 1085 * 560px)); width: 100%; z-index: -1; left: 0; top: 0; -webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .stockCarousel .stockCard .term { font-size: 16px; line-height: 20px; padding-bottom: 5px; } .stockCarousel .stockCard .name { font-size: 32px; line-height: 36px; } .stockCarousel .stockCard .specialization { font-size: 20px; line-height: 28px; } .stockCarousel .stockCard:hover { -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; } .stockCarousel .stockCard:hover .stockInfo:before { -webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1); } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-active { width: 560px; } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-prev .stockCard { margin-right: -70px; margin-left: 70px; } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-next .stockCard { margin-left: -70px; margin-right: 70px; } .topBrandGrid .cardsGrid { margin-top: -15px; padding-top: 15px; } .topBrandGrid .cardsGrid .goodItem { width: calc((100% - 45px) / 3); padding-top: 15px; } .topBrandGrid .cardsGrid .goodItem:nth-child(4)~.goodItem { display: block; } .subscribeForm { padding: calc(249 / 872 * 100% + 25px) 15px 25px; } .subscribeForm .benefit { font-size: 32px; line-height: 36px; } .subscribeForm .subscribeInputWrapper { margin-top: 10px; } .subscribeForm .formCheckWrapper { margin-top: 15px; } .subscribeForm .pre { font-size: 14px; line-height: 18px; } .brandsListCarousel { width: 100%; padding-bottom: 60px; } .catalogSection .catalogMenu+.catalogList .goodItem .goodCard .imageWrapper { height: 156px; } .catalogSection .catalogMenu+.catalogList .goodItem.bigItem .goodCard .imageWrapper { height: calc(312px + 58px + 15px); } .catalogGrid { grid-template-columns: 1fr 1fr 1.5fr; } .catalogGrid .goodItem .goodCard .imageWrapper { height: 156px; } .catalogGrid .goodItem.bigItem .imageWrapper { height: calc(312px + 58px + 15px); } .catalogBannerSection .brandLogo { right: calc((100vw - 610px) / 2); } .madeInBannerSection .madeInLogo { margin: 0 auto; } .catalogBannerSection .brandLogo img { max-height: 25px; } .madeInSection .blockTitle { margin: 0; } .madeInBannerSection .madeInLogo img, .madeInSection .blockTitle .titleBack { max-height: 90px; } .madeInSection .blockTitle { min-height: 90px; } .logosGrid .brandLink { padding: 10px; } .catalogBannerSection .imageWrapper, .madeInBannerSection .imageWrapper { min-height: 0; position: relative; max-height: 100%; padding-top: calc(708 / 1920 * (100% - (610px - 100vw))); margin: 0 calc((610px - 100vw) / 2); } .madeInBannerSection .madeInLogo img, .madeInSection .blockTitle .titleBack { max-height: 90px; } .catalogBannerSection .imageWrapper img, .madeInBannerSection .imageWrapper img { position: absolute; top: 0; left: 0; height: 100%; } .catalogBannerSection.rootCatalogBanner .imageWrapper img { -o-object-position: left center; object-position: left center; } .catalogBannerSection.rootCatalogBanner .imageWrapper+.catalogBannerContent { position: relative; top: auto; right: auto; height: auto; } .catalogBannerSection .imageWrapper+.catalogBannerContent .bannerTitle { max-width: 100%; } .catalogBannerSection .textWrapper { font-size: 14px; line-height: 18px; max-width: 100%; width: 80%; margin-top: 0; } .itemCarouselWrapper .itemCarousel { height: 670px; } .itemCarouselWrapper .itemThumbCarousel { margin-top: 20px; } .itemCarouselWrapper.verticalCarousel .itemThumbCarousel { height: 170px; } .itemCarouselWrapper.verticalCarousel .itemCarousel { height: 500px; } .goodHeadSection { display: block; } .goodHeadSection .itemCarouselWrapper { width: 100%; } .goodHeadSection .cardInfo { width: 100%; padding-left: 0; margin-top: 30px; } .goodHeadSection .goodHeadInner.middleCarousel .itemCarouselWrapper { width: 100%; } .goodHeadSection .goodHeadInner.middleCarousel .cardInfo { width: 100%; padding-left: 0; padding-bottom: 0; } .goodHeadSection .goodHeadInner .goodBasketStatus { top: 98px; padding: 10px 10px 10px 36px; } .goodHeadSection .goodHeadInner .goodBasketStatus:before { font-size: 8px; line-height: 8px; color: inherit; font-weight: normal; margin-top: -4px; width: 36px; } .goodVideoLinkWrapper .icon { font-size: 56px; line-height: 56px; margin-top: 20px; } .goodDetailedVisual .goodVisualGrid .bigVisual.videoLink:after { font-size: 100px; line-height: 100px; padding-left: 30px; } .goodDetailedVisual .goodVisualColumns { padding: 10px 0px 40px; background-color: transparent; position: relative; } .goodDetailedVisual .goodVisualColumns:before { content: ""; display: block; position: absolute; width: 100vw; height: 100%; top: 0; left: 50%; margin-left: -50vw; background-color: #F6F6F6; z-index: -1; } .goodDetailedVisual .goodVisualColumns .visualColumnsInner { display: block; } .goodDetailedVisual .goodVisualColumns .columnItem { padding: 30px 0 0; width: 100%; } .goodDetailedVisual .goodVisualColumns .itemVisual { margin-top: 30px; margin-bottom: 30px; } .errorPageContent .imageWrapper { max-width: 400px; } .pageTabs .tabsList a { font-size: 16px; line-height: 20px; height: 50px; } .brandsAlphabet .alphabetLinksList { padding-top: 12px; padding-bottom: 12px; } .brandsAlphabet .alphabetLinksList.fixedScroll { padding-left: calc((100vw - 610px) / 2); padding-right: calc((100vw - 610px) / 2); } .brandsAlphabet .searchBrand { margin-top: 15px; padding: 0 80px; } .brandsAlphabet .brandsListChapter .brandsChapterHead { padding: 8px 0 8px 6px; } .brandsAlphabet .brandsListChapter .brandsChapterBody { padding: 20px 0 20px 100px; column-count: 1; } .aboutBrandChapter:first-child .imageWrapper { margin: 0 calc((610px - 100vw) / 2); } .aboutBrandChapter.stretchChapter .imageWrapper { margin: 0 calc((610px - 100vw) / 2); } .cityChoose .selectric { height: 50px; } .cityChoose .selectric .label { font-size: 16px; line-height: 20px; margin: 0px 50px 0 20px; } .cityChoose .selectric .icon { line-height: 50px; } .cityChoose .selectric-items li { font-size: 16px; line-height: 20px; } .contactsSection .shopPlaces .imageWrapper { width: auto; min-height: 0; padding-top: calc(589 / 1220 * 100%); margin-left: calc((610px - 100vw) / 2); margin-right: calc((610px - 100vw) / 2); } .contactsSection .shopPlaces .shopPlaceInfo { width: 100%; padding-top: 30px; padding-right: 0; max-width: 320px; margin: 0 auto; } .contactsSection .shopPlaces .shopPlaceInfo .address { padding-left: 0; } .contactsSection .shopPlaces .shopPlaceInfo .address .city { position: relative; padding-left: 25px; } .contactsSection .shopPlaces .shopPlaceItem { display: block; } .contactsSection .shopPlaces .shopPlaceItem:nth-child(2n+1) .shopPlaceInfo { padding-left: 0; } .contactsSection .shopPlaces .shopPlaceItem:nth-child(2n) { text-align: right; } .contactsSection .shopPlaces .shopPlaceItem:nth-child(2n) .shopPlaceInfo { padding-right: 0; } .contactsSection .shopPlaces .shopPlaceItem:nth-child(2n) .shopPlaceInfo .city { margin-left: auto; } .contactsSection .shopPlaces .shopPlaceItem:nth-child(2n) .shopInfoItem .phone { margin-left: auto; } .contactsSection .shopPlaces .shopPlaceItem:nth-child(2n) .shopInfoItem .pre, .contactsSection .shopPlaces .shopPlaceItem:nth-child(2n) .shopInfoItem .val { margin-left: auto; } .contactsSection .shopPlaces .shopPlaceItem .shopInfoItem { padding-left: 0; } .contactsSection .shopPlaces .shopPlaceItem .shopInfoItem .pre { display: table; position: relative; padding-left: 25px; } .contactsSection .shopPlaces .shopPlaceItem .shopInfoItem.workingTime { border: 0px; padding-left: 0; } .contactsSection .shopPlaces .shopPlaceItem .shopInfoItem.workingTime .val { display: table; position: relative; padding-left: 25px; } .contactsSection .shopPlaces .shopPlaceItem .shopInfoItem.workingTime .icon { top: 0; } .contactsSection .shopPlaces .shopPlaceItem+.shopPlaceItem { margin-top: 30px; } .promoCardsItem+.promoCardsItem { margin-top: 40px; } .promoCardsItem .promoCardsList { margin: -40px -10px 0; } .promoCardsItem .promoCardsList .promoCard .cardContent { margin-top: 25px; } .promoCardsItem .promoCardsList .promoCard [class*=btnMain] { margin-top: 20px; } .promoCardsItem .promoCardsList .promoCard .cardImage { -webkit-box-shadow: 5px 15px 15px rgba(0, 0, 0, 0.25); -moz-box-shadow: 5px 15px 15px rgba(0, 0, 0, 0.25); box-shadow: 5px 15px 15px rgba(0, 0, 0, 0.25); } .promoCardsItem .promoCardsList .promoCard .head { font-size: 16px; line-height: 20px; } .promoCardsItem .promoCardsList .promoCard .head .cost { font-size: 20px; line-height: 24px; } .promoCardsItem .promoCardsList .promoCardItem { padding: 40px 10px 0; width: 50%; } .promoCardsItem .promoCardsDetailed { padding: 40px 0 22px; } .promoCardsItem .promoCardsDetailed .caption { font-size: 20px; line-height: 28px; margin-bottom: 22px; } .stockGrid .stockGridItem { width: 100%; } .stockDetailed .stockDetailedItem:nth-child(2n) .itemVisual { margin-left: calc((610px - 100vw) / 2); } .stockDetailed .stockDetailedItem:nth-child(2n+1) .itemVisual { margin-right: calc((610px - 100vw) / 2); } .stockDetailed .stockDetailedItem .itemVisual { margin: 0 calc((610px - 100vw) / 2); } .cabSettings { padding: 40px 0 0px; display: block; } .cabSettings .cabWelcome { width: 100%; padding-right: 0; text-align: left; } .cabSettings .cabInfoContent { width: 100%; } .cabSettings .cabMenu { margin-top: 20px; width: 100%; padding-right: 0; padding-top: 0; } .cabSettings .cabMenu ul { display: block; } .cabSettings .cabHead { width: 100%; } .cabSettings .cabHead .backLink { display: table; margin-bottom: 20px; position: relative; bottom: auto; left: auto; } .cabContainer { display: block; padding-top: 0; } .cabContainer .cabSideInner { padding: 0px; background-color: transparent; } .cabContainer .cabSideContent { background-color: transparent; padding: 0; } .cabContainer .goodCardFavoriteWrapper { display: block; padding: 20px; } .cabContainer .goodCardFavoriteWrapper .goodCardLink { padding-left: 0; padding-right: 0; margin-top: 20px; min-width: 0; width: 100%; } .cabContainer .goodCardFavoriteWrapper .goodCard { padding: 0; } .cabContainer .cabSideContentHead { margin-bottom: 20px; padding-top: 40px; } .cabContainer .cabSideContentHead .deliveredBy { display: none; } .cabContainer .resultSumWrapper .sum { font-size: 28px; line-height: 36px; } .cabContainer .orderStepResult .resultSumWrapper { display: block; padding-bottom: 20px; } .cabContainer .orderStepResult .orderResultInfo { display: block; } .cabContainer .orderOptionsList .deliveryTypes { margin: -12px -12px 0px 0; } .cabContainer .orderOptionsList .deliveryTypes .deliveryTypeCard { margin-right: 12px; margin-top: 12px; } .cabContainer .cabWideSide { width: 100%; } .cabContainer .cabWideSide.cabHistory .cabSettings { padding: 20px 0 0; } .cabContainer .cabSlimSide { display: none; } .shopGrid { margin: -16px -8px 0; } .shopGrid .shopCard .shopCardContent { padding: 20px 10px 30px; } .shopGrid .shopCard .shopCardContent .textWrapper { margin-top: -12px; } .shopGrid .shopCard .shopCardContent .textWrapper.term { margin-top: 10px; } .shopGrid .shopGridItem { padding: 16px 8px 0; } .brandGridWrapper .cardsGrid .goodItem { width: calc(100% / 3 - 15px); } .vacanciesSection { padding-right: 0; } .vacanciesSection .imageWrapper { width: auto; padding-top: calc(617 / 832 * 100%); position: relative; top: auto; right: auto; height: auto; } .brandHeadLine .brandLogo { min-height: 0px; } .brandHeadLine .brandLogo img { max-height: 36px; } .brandMenu { overflow: hidden; overflow-x: auto; margin-left: calc((610px - 100vw) / 2); margin-right: calc((610px - 100vw) / 2); } .brandMenuList { flex-wrap: initial; padding-left: calc((100vw - 610px) / 2); padding-right: calc((100vw - 610px) / 2); justify-content: initial; } .brandMenuList:not(.threeList) .menuItem:last-child { min-width: calc(218px + (100vw - 610px) / 2); padding-right: calc((100vw - 610px) / 2); width: calc(218px + (100vw - 610px) / 2); } .mediaGrid .mediaItem [class*="btnMain"] { bottom: 20px; } .brandChapter .visualLine { display: block; } .brandChapter .visualLine .lineItem { width: 100%; } .brandChapter .visualLine .content { position: relative; max-height: none; left: auto; top: auto; transform: translateY(0%); } .brandChapter .visualLine .lineItem.oddItem { order: initial; } .brandChapter .threeCards { flex-wrap: wrap; justify-content: center; margin-top: -20px; } .brandChapter .threeCards .brandProductCard { width: calc(50% - 5px); margin-top: 35px; } .brandChapter .contentInMedia .content { width: 100%; max-height: none; position: relative; right: auto; top: auto; transform: translateY(0%); } .brandChapter .visualLine .lineItem.slimItem { width: 100%; } .brandChapter .visualLine .lineItem.wideItem { width: 100%; } .brandVideoCarousel { padding-left: 0; padding-right: 0; padding-bottom: 60px; } .brandVideoCarousel .swiper-button-prev { left: 50%; margin-left: -25px; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .brandVideoCarousel .swiper-button-next { right: 50%; margin-right: -25px; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .brandVideoCarousel .swiper-button-prev:after { content: '\e903'; } .brandVideoCarousel .swiper-button-next:after { content: '\e904'; } .brandVideoCarousel .swiper-button-next, .brandVideoCarousel .swiper-button-prev { bottom: 0; top: auto; margin-top: 0; width: auto; } .brandVideoCarousel .swiper-button-next:after, .brandVideoCarousel .swiper-button-prev:after { font-size: 14px; line-height: 14px; bottom: 0; height: 24px; padding: 3px 0; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .brandVideoCarousel .swiper-button-next.swiper-button-disabled, .brandVideoCarousel .swiper-button-prev.swiper-button-disabled { opacity: 1; } .brandVideoCarousel .swiper-button-next.swiper-button-disabled:after, .brandVideoCarousel .swiper-button-prev.swiper-button-disabled:after { color: #d0d0d0; } .brandChapter .visualLine .content { padding: 40px 20px; } .brandLineSlide .goodCard { width: 218px; } .brandLineSlide .content { padding: 20px 20px 30px 0; } .brandLineCarousel .carouselNavigation { display: block; } .brandLineCarousel { padding-bottom: 60px; } .brandLineCarousel .swiper-pagination { display: none; } .brandChapter { margin-top: 40px; } .brandChapter .visualLine.unifiesItems .imageItem, .brandChapter .visualLine.unifiesItems .lineItem { width: 100%; } .brandLinks .linksVisual { display: none; } .brandLinks .linksList { width: 100%; padding: 0; max-width: 480px; margin-left: auto; margin-right: auto; } .premiumDarkChapter { display: block; } .premiumDarkChapter .chapterItem { width: 100%; } .premiumDarkChapter .content { position: relative; left: auto; top: 0; transform: translateY(0%); } .premiumDarkChapter .imageWrapper { width: 100%; max-width: 100%; } .premiumDarkChapter :not(.oddItem) .imageWrapper { left: auto; transform: translateX(0%); } .premiumChapter { display: block; padding: 60px 0; } .premiumChapter .chapterItem { width: 100%; } .premiumChapter .chapterItem:first-child { display: none; } .premiumVideo .videoCover { margin: 0 calc((610px - 100vw) / 2); } } @media (max-width: 639px) { .cabContainer .orderOptionsList .addOptionRadio.active { display: block; } .mainBannerCarousel { padding-bottom: 0; } .mainBannerCarousel .bannerCard .bannerImage { width: calc(100% + 30px); margin-left: -15px; } .mainBannerCarousel .bannerCard .bannerCardContent { padding: 0px 0 0 86px; } .mainBannerCarousel .bannerCard p { line-height: 20px; } .mainSection { padding-top: 40px; padding-bottom: 40px; } .visualSection+.visualSection { margin-top: 40px; } .cardInfo .article { font-size: 12px; line-height: 16px; } .cardInfo .cardCost { font-size: 16px; } .cardInfo .cardCost.old { font-size: 12px; } .cardInfo .goodParamsList { margin-right: -10px; } .cardInfo .goodParamsList .goodParam { margin-top: 6px; margin-right: 10px; } .goodHeadSection .aboutMark { margin-top: 12px; } .cardInfo .goodParamsList .goodParam .goodParamVal { font-size: 12px; line-height: 17px; min-width: 0; padding: 4px 12px; } .goodCard .name { font-size: 12px; line-height: 16px; } .goodCard:not(.horizontalCard) .cardCost { float: none; } .goodCard:not(.horizontalCard) .cardInfo { padding-top: 5px; } .goodCard:not(.horizontalCard) .costLine { margin-top: 5px; } .goodCard.horizontalCard { padding: 10px; } .goodCard.horizontalCard .cardInfo { padding: 0 0 0 10px; width: calc(100% - 120px); min-height: 145px; } .goodCard.horizontalCard .imageWrapper { width: 120px; height: 145px; } .goodCard.horizontalCard .costLine { margin-top: 8px; } .goodCard.horizontalCard .cardCost { font-size: 16px; line-height: 20px; } .goodCard.horizontalCard .cardCost.old { font-size: 12px; line-height: 16px; } .goodCard.horizontalCard .cardCost.freeCost { font-size: 14px; line-height: 20px; } .goodCard.horizontalCard .basketRemoveBtn { margin-top: 6px; } .goodCard.giftCard .name { font-size: 12px; line-height: 16px; } .cardsGrid { margin-right: -10px; } .cardsGrid .goodItem { margin-right: 10px; } .hitGoodsGrid .hitCardsList { margin-right: -10px; } .hitGoodsGrid .hitCardsList .goodItem { width: calc((100% - 30px) / 3); margin-right: 10px; } .stockCarousel { max-width: 360px; } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-active { width: 360px; } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-prev .stockCard { margin-right: -45px; margin-left: 45px; } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-next .stockCard { margin-left: -45px; margin-right: 45px; } .stockCarousel .stockCard .term { font-size: 12px; line-height: 12px; padding-bottom: 5px; } .stockCarousel .stockCard .name { font-size: 20px; line-height: 24px; margin-top: 5px; } .stockCarousel .stockCard .specialization { font-size: 12px; line-height: 12px; margin-top: 5px; } .stockCarousel .stockCard .stockInfo { padding: 15px 10px 10px; } .stockCarousel .stockCard .stockInfo:before { height: calc(100% + (492 / 1085 * 360px)); } .topBrandGrid .topBrandsLinkWrapper .topBrandName { height: 79px; display: block; } .topBrandGrid .topBrandsLinkWrapper .topBrandName img { max-width: 100%; height: 55px; } .topBrandGrid .topBrandsLinkWrapper .topBrandName .linkText { display: table; font-size: 12px; line-height: 16px; padding-left: 0; padding-right: 36px; } .topBrandGrid .topBrandsLinkWrapper .topBrandName .linkText:after { font-size: 10px; line-height: 10px; } .topBrandGrid .topBrandsLinkWrapper:hover .topBrandName .linkText { padding-right: 44px; } .topBrandGrid .cardsGrid { margin-right: -10px; } .topBrandGrid .cardsGrid .goodItem { width: calc((100% - 30px) / 3); } .subscribeForm { background-color: transparent; margin: 0 -15px; padding: calc(249 / 872 * 100% + 20px) 15px 0; } .subscribeForm .benefit { font-size: 28px; line-height: 32px; } .brandsListCarousel { padding-bottom: 0; } .catalogSection .catalogMenu .caption { font-size: 14px; line-height: 18px; } .catalogSection .catalogMenu .goodTypeItem a { font-size: 12px; line-height: 18px; } .catalogSection .catalogMenu .goodTypeItem+.goodTypeItem { margin-top: 10px; } .catalogSection .catalogMenu .goodTypeHead .accordionBtn { width: 18px; font-size: 12px; line-height: 18px; } .catalogSection .catalogMenu+.catalogList .goodItem .goodCard .imageWrapper { height: auto; padding-top: calc(430 / 454 * 100%); } .catalogSection .catalogMenu+.catalogList .goodItem.bigItem .goodCard .imageWrapper { height: auto; padding-top: calc((860 + 78 + 24) / 681 * 100%); } .catalogSection .similarCarousel+.catalogGrid { margin-top: 40px; } .catalogFilter .filterMenu { padding-bottom: 40px; } .catalogFilter .filterContent { padding-bottom: 40px; } .catalogFilter { margin-bottom: 20px; } .catalogGrid { grid-template-columns: 1fr 1fr; } .catalogGrid .goodItem .goodCard .imageWrapper { height: auto; padding-top: calc(430 / 454 * 100%); } .catalogGrid .goodItem.bigItem { grid-column-start: 2; } /* .catalogGrid .goodItem:not(.bigItem) { max-width: calc((100% - 15px) / 2); } */ .catalogGrid .goodItem:nth-child(8n+3) { grid-column-start: initial; } .catalogGrid .goodItem.bigItem .goodCard .imageWrapper { height: auto; padding-top: calc((860 + 78 + 24) / 681 * 100%); } .similarCarousel { margin-top: 40px; } .brandGridWrapper { margin-top: 40px; } .catalogSection .brandGridWrapper+.brandCatalogDetailed { margin-top: 40px; } .brandGridWrapper .cardsGrid .goodItem { width: calc(100% / 3 - 10px); } .catalogBannerSection .brandLogo { right: 15px; } .catalogBrandBanner .item, .madeInAbout .item { width: 100%; } .catalogBannerSection .imageWrapper, .madeInBannerSection .imageWrapper { margin: 0 -15px; padding-top: calc(708 / 1920 * (100% + 30px)); } .itemCarouselWrapper .itemCarousel { height: calc(667 / 607 * (100vw - 30px)); } .itemCarouselWrapper .itemThumbCarousel { height: calc(162 / 131 * ((100vw - 30px - 60px) / 4)); } .itemCarouselWrapper.verticalCarousel .itemThumbCarousel { height: calc(142 / 114 * ((100vw - 30px - 60px) / 4)); } .itemCarouselWrapper.verticalCarousel .itemCarousel { height: calc(624 / 762 * (100vw - 30px)); } .goodVideoLinkWrapper .icon { font-size: 40px; line-height: 40px; margin-top: 15px; } .aboutMark:after { font-size: 12px; padding-left: 0; right: 15px; } .goodDetailedVisual { margin-top: 40px; } .goodDetailedVisual .goodVisualGrid .gridItem .itemVisual { position: relative; top: auto; margin-bottom: 30px; } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n+1) { padding-right: 0; } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n+1) .itemVisual { width: 100%; right: auto; } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n) { padding-left: 0; } .goodDetailedVisual .goodVisualGrid .gridItem:nth-child(2n) .itemVisual { width: 100%; right: auto; } .goodDetailedVisual .goodVisualGrid .bigVisual.videoLink:after { font-size: 100px; line-height: 100px; padding-left: 30px; } .goodHeadSection .aboutItem { margin-top: 40px; } .errorPageSection { padding: 40px 0 0; } .errorPageContent { padding: 0; } .errorPageContent .imageWrapper { max-width: 248px; } .errorPageContent .errorPageText { font-size: 14px; line-height: 18px; } .pageTabs .tabsList { margin: 0 -4px; padding-bottom: 20px; } .pageTabs .tabsList a { font-size: 14px; line-height: 18px; height: 40px; } .pageTabs .tabsList li { padding: 0 4px; } .brandsAlphabet .alphabetLinksList a { font-size: 12px; line-height: 15px; width: 20px; } .brandsAlphabet .alphabetLinksList ul { margin: -8px -2px 0; } .brandsAlphabet .alphabetLinksList ul li { padding: 8px 2px 0; } .brandsAlphabet .alphabetLinksList.fixedScroll { padding-left: 15px; padding-right: 15px; } .brandsAlphabet .searchBrand { margin-top: 0; padding: 0; } .brandsAlphabet .searchBrand input { font-size: 14px; line-height: 18px; } .brandsAlphabet .brandsListChapter .brandsChapterBody { padding: 9px 0 11px 50px; } .brandsAlphabet .brandsListChapter .brandsChapterBody a { font-size: 12px; line-height: 15px; } .brandsAlphabet .brandsListChapter+.brandsListChapter { margin-top: 10px; } .aboutBrandChapter .chapterContent { padding-top: 30px; padding-bottom: 30px; } .aboutBrandChapter:first-child .imageWrapper { margin: 0 -15px; } .aboutBrandChapter.stretchChapter .imageWrapper { margin: 0 -15px; } .cityChoose .selectric { height: 40px; } .cityChoose .selectric .label { font-size: 14px; line-height: 18px; margin: 0px 40px 0 15px; } .cityChoose .selectric .icon { line-height: 40px; width: 40px; font-size: 10px; } .cityChoose .selectric-items li { font-size: 12px; line-height: 15px; } .contactsSection .cityChoose { margin-bottom: 24px; } .contactsSection .cityChoose .selectric { min-width: 290px; } .contactsSection .shopPlaces .imageWrapper { margin-left: -15px; margin-right: -15px; } .contactsSection .shopPlaces .shopPlaceInfo .address .city { font-size: 15px; line-height: 24px; } .contactsSection .shopPlaces .shopPlaceInfo .address .street { font-size: 12px; line-height: 15px; margin-top: 8px; } .promoCardsItem+.promoCardsItem { margin-top: 40px; } .promoCardsItem .promoCardsList { padding-bottom: 40px; } .promoCardsItem .promoCardsList .promoCard { max-width: 320px; } .promoCardsItem .promoCardsList .promoCard .cardContent { margin-top: 25px; } .promoCardsItem .promoCardsList .promoCard [class*=btnMain] { margin-top: 20px; } .promoCardsItem .promoCardsList .promoCard .head { font-size: 14px; line-height: 18px; } .promoCardsItem .promoCardsList .promoCard .head .cost { font-size: 16px; line-height: 20px; } .promoCardsItem .promoCardsList .promoCardItem { width: 100%; } .promoCardsItem .promoCardsDetailed { padding: 40px 0 22px; } .promoCardsItem .promoCardsDetailed .textWrapper { font-size: 12px; line-height: 18px; } .promoCardsItem .promoCardsDetailed .caption { font-size: 14px; line-height: 18px; margin-bottom: 18px; } .promoCardsItem .promoCardsDetailed .detailedItem+.detailedItem { margin-top: 22px; } .stockGrid .stockCardItem .stockInfo { margin-top: 7px; } .stockGrid .stockCardItem .term { font-size: 12px; padding: 3px 10px; margin-top: 7px; } .stockGrid .stockCardItem .linkText { font-size: 12px; line-height: 18px; padding-right: 40px; padding-top: 0; padding-bottom: 0; } .stockGrid .stockCardItem .linkText:after { width: calc(100% - 40px); } .stockGrid .stockCardItem .linkText:before { font-size: 8px; line-height: 8px; margin-top: -4px; right: 5px; } .stockDetailed .stockDetailedItem:nth-child(2n) .itemVisual { margin-left: -15px; } .stockDetailed .stockDetailedItem:nth-child(2n+1) .itemVisual { margin-right: -15px; } .stockDetailed .stockDetailedItem .itemVisual { margin: 0 -15px; } .stockDetailed .stockDetailedItem .itemVisual.gridVisual .imageWrapper { width: calc((100% - 10px) / 3); } .stockDetailed .stockDetailedItem .stockBullet .stockBulletContent p { font-size: 12px; line-height: 18px; } .stockDetailed .stockDetailedItem .stockBullet .stockBulletContent p b { font-size: 16px; line-height: 20px; } .stockDetailed .stockDetailedItem .stockBullet .stockBulletContent [class*=btnMain] { margin: 20px auto 0; } .stockDetailed .stockDetailedItem .stockBullet .bulletImage img { height: 110px; } .cabSettings .cabWelcome { margin-top: 12px; } .cabSettings .cabWelcome .accName { font-size: 14px; line-height: 22px; } .cabSettings .cabInfoContent { margin-top: 30px; } .cabSettings .cabMenu { margin-top: 12px; width: 100%; padding-right: 0; padding-top: 0; } .cabSettings .cabMenu ul { display: block; } .cabSettings .cabHead .backLink { font-size: 12px; line-height: 16px; } .cabContainer .goodCard+.goodCard { margin-top: 16px; } .cabContainer .goodCardFavoriteWrapper { display: block; padding: 10px; } .cabContainer .goodCardFavoriteWrapper .goodCardLink { margin-top: 10px; } .cabContainer .cabSideContentHead .deliveredBy .pre { font-size: 14px; line-height: 24px; } .cabContainer .cabSideContentHead .deliveredBy .name img { max-height: 24px; font-size: 14px; } .cabContainer .orderGuarantee li { line-height: 16px; padding-left: 28px; } .cabContainer .orderStepResult .formBtn [class*=btnMain] { height: 40px; padding: 10px 10px; font-size: 16px; line-height: 16px; } .cabContainer .deliveryPayments label:before { top: 3px; } .cabContainer .deliveryPayments label:after { top: 8px; } .cabContainer .deliveryPayments .paymentsLogo { margin-bottom: -8px; margin-right: -8px; margin-top: 15px; } .cabContainer .deliveryPayments .paymentsLogo .payLogo { margin-right: 8px; margin-bottom: 8px; } .cabContainer .orderOptionsList { padding: 20px 15px; } .cabContainer .orderOptionsList .formItem { display: block; max-width: 100%; } .cabContainer .orderOptionsList .formItem .inputLabel { width: 100%; padding-right: 0; height: auto; padding-bottom: 10px; } .cabContainer .orderOptionsList .formItem .orderOption { width: 100%; } .orderHistoryItem .status { font-size: 12px; line-height: 16px; } .orderHistoryItem .historyItemShort .resultCost, .orderHistoryItem .historyItemShort .name, .orderHistoryItem .historyItemShort .date { font-size: 12px; line-height: 16px; } .orderHistoryItem .historyItemShort .imageWrapper { margin-right: 10px; margin-top: 10px; } .orderHistoryItem .historyItemDetailed .goodCard .imageWrapper { width: 93px; height: 112px; } .orderHistoryItem .historyItemDetailed .goodCard .cardInfo { min-height: 0; width: calc(100% - 93px); padding-right: 120px; } .orderHistoryItem .historyItemDetailed .goodCard .costLine { width: 120px; } .shopGrid .shopCard .shopCardHead { height: 40px; min-height: 40px; padding: 5px 10px; } .shopGrid .shopCard .shopCardHead .name { font-size: 14px; line-height: 17px; padding-right: 15px; } .shopGrid .shopCard .shopCardTitle .brandLogo img { max-height: 28px; } .shopGrid .shopCard .shopCardContent { height: auto; } .shopGrid .shopCard .shopCardContent .textWrapper { margin-top: 0; font-size: 14px; line-height: 17px; } .shopGrid .shopCard .shopCardContent [class*=btnMain] { margin-top: 30px; } .shopGrid .shopCard .shopCardTitle .subTitle { font-size: 20px; line-height: 28px; } .shopGrid .shopGridItem { width: 100%; } .shopGrid .shopGridItem.bannerItem { padding-bottom: 40px; } .shopGrid .shopGridItem.bannerItem .shopCard .shopCardHead { margin-bottom: 16px; } .shopGrid .shopGridItem.bannerItem .shopCard .shopCardVisual { width: auto; margin-left: -15px; margin-right: -15px; } .signForm .inputWrapper .showPassBtn { top: 12px; } .signForm .inputWrapper .flag { top: 9px; } .brandCatalogDetailed .headImage { margin-left: -15px; margin-right: -15px; } .brandCatalogDetailed .detailedContent { margin: -20px 0 0; padding: 40px 10px 15px; } .goodsCarousel.centered { padding-left: 10px; } .cardInfo .aboutMark { margin-top: 12px; } .vacanciesSection .bulletText { font-size: 14px; margin-top: 20px; } .vacanciesSection .bannerTitle { margin-bottom: 20px; } .vacanciesFormOptions .inputLabel { font-size: 14px; line-height: 20px; padding-bottom: 10px; } .vacanciesFormOptions .formItem { margin-top: 12px; } .vacanciesSection .vacanciesForm { margin-top: 0; } .cabContainer .orderOptionsList .inputRadio input+label { font-size: 12px; } .brandMenu { margin-left: -15px; margin-right: -15px; } .brandMenuList { padding-left: 15px; padding-right: 15px; } .brandMenuList:not(.threeList) .menuItem:last-child { min-width: calc(200px + 15px); padding-right: 15px; width: calc(200px + 15px); } .brandMenuList:not(.threeList) .menuItem { min-width: 200px; width: 200px; } .brandMenuList [class*="btnMain"] { left: 10px; bottom: 10px; } .mediaGrid .mediaItem [class*="btnMain"] { bottom: 10px; } .mediaCarpet .carpetItem { width: 25%; } .brandChapter .visualLine .textWrapper .quote+* { margin-top: 16px; } .brandChapter .visualLine .quote { font-size: 14px; line-height: 24px; } .imageWrapper.videoCover:after { font-size: 56px; line-height: 56px; padding-left: 28px; } .brandChapter .visualLine .content { padding: 30px 20px; } .brandLineCarousel .swiper-slide { width: 290px; } .brandChapter .visualLine.unifiesItems .content { padding: 30px 20px; } .brandLineSlide .slideContent { padding: 0 20px 20px 0; } .premiumVideo .videoCover { margin: 0 -80px; } .catalogBrandBanner, .madeInAbout { display: block; } .catalogBrandBanner .itemб .madeInAbout .item { width: 100%; } .catalogBrandBanner .blockTitle { margin-top: 15px; } } @media (max-width: 479px) { .goodCard.horizontalCard .imageWrapper { width: 90px; height: 108px; } .logosGrid .item { width: 50%; } .goodCard.horizontalCard .aboutMark { margin-left: 0; margin-right: 0; padding-left: 10px; } .goodCard.horizontalCard .cardInfo { width: calc(100% - 90px); min-height: 108px; } .goodCarousel .swiper-slide { width: calc(100% / 2); } .hitGoodsGrid .hitCardsList .goodItem { width: calc((100% - 20px) / 2); } .stockCarousel { max-width: 360px; } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-active { width: 290px; } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-prev .stockCard { margin-right: -40px; margin-left: 40px; } .stockCarousel.swiper-initialized .swiper-slide.swiper-slide-next .stockCard { margin-right: 40px; margin-left: -40px; } .stockCarousel .stockCard .term { padding-bottom: 2px; } .stockCarousel .stockCard .name { font-size: 20px; line-height: 24px; margin-top: 5px; } .stockCarousel .stockCard .stockMark { margin-top: 0; } .stockCarousel .stockCard .stockInfo:before { height: calc(100% + (492 / 1085 * 290px)); } .topBrandGrid .cardsGrid .goodItem { width: calc((100% - 20px) / 2); } .brandsListCarousel { max-width: 180px; margin: 0 auto; } .contactsSection .cityChoose { display: block; } .cabContainer .cabSideContentHead { display: block; } .cabContainer .cabSideContentHead .deliveredBy { margin-bottom: 0; margin-top: 5px; } .cabContainer .orderCount { display: table; margin-top: 5px; margin-left: 0; } .cabContainer .resultSumWrapper .sum { font-size: 24px; line-height: 28px; } .cabContainer .orderOptionsList .deliveryTypes .radioItem { width: 100%; } .cabContainer .orderOptionsList .deliveryTypes .deliveryTypeCard { width: 100%; } .cabContainer .orderStepResult .promoDiscount { display: block; } .cabContainer .orderStepResult .promoDiscount .promoInput { margin-right: 0; width: 100%; } .cabContainer .orderStepResult .promoDiscount [class*=btnMain] { margin-top: 20px; } .orderHistoryItem .historyItemShort { display: block; padding: 15px; } .orderHistoryItem .historyItemShort .resultCost, .orderHistoryItem .historyItemShort .status, .orderHistoryItem .historyItemShort .date { text-align: left; margin-top: 5px; margin-bottom: 5px; width: 100%; } .orderHistoryItem .historyItemShort .name, .orderHistoryItem .historyItemShort .goodsList { width: 100%; } .orderHistoryItem .historyItemShort .itemAction { margin-top: 15px; margin-left: auto; } .orderHistoryItem .historyItemDetailed .goodCard .cardInfo { padding-right: 10px; } .orderHistoryItem .historyItemDetailed .goodCard .costLine { position: relative; top: auto; right: auto; width: auto; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); padding-left: 0; margin-top: 8px; } .catalogSection .catalogList .goodItem.bigItem .goodCard .imageWrapper { width: auto; margin-left: -15px; margin-right: -15px; } .catalogSection .catalogMenu { margin-bottom: 30px; } .catalogSection .catalogMenu+.catalogList .goodItem.bigItem .goodCard .imageWrapper { width: auto; } .catalogGrid .goodItem.bigItem { grid-column-start: 1; grid-row: initial; grid-column: span 2; } .catalogBannerSection .brandLogo img { max-height: 20px; } .catalogBannerSection .catalogBannerContent { padding-top: 20px; padding-bottom: 20px; } .catalogBannerSection .textWrapper { font-size: 12px; line-height: 16px; width: 100%; } .itemCarouselWrapper .itemCarousel { height: calc(667 / 607 * 100vw); width: auto; margin-left: -15px; margin-right: -15px; } .itemCarouselWrapper .itemCarousel .imageWrapper.videoLink:after { font-size: 60px; line-height: 60px; } .itemCarouselWrapper .itemThumbCarousel { height: calc(162 / 131 * ((100vw - 30px - 30px) / 3)); } .itemCarouselWrapper.verticalCarousel .itemThumbCarousel { height: calc(142 / 114 * ((100vw - 30px - 30px) / 3)); } .itemCarouselWrapper.verticalCarousel .itemCarousel { height: calc(624 / 762 * 100vw); width: auto; margin-left: -15px; margin-right: -15px; } .goodVideoLinkWrapper { margin-left: -15px; margin-right: -15px; } .goodVideoLinkWrapper .icon { font-size: 28px; line-height: 28px; margin-top: 10px; } .goodVideoLinkWrapper .blockTitle { font-size: 14px; line-height: 18px; } .aboutMark { display: block; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 42px; } .goodDetailedVisual .goodVisualGrid .bigVisual { width: auto; margin-left: -15px; margin-right: -15px; } .goodDetailedVisual .goodVisualColumns { margin-top: 0; } .goodDetailedVisual .goodVisualColumns .itemVisual { margin: 20px -15px; } .goodHeadSection .aboutItem { margin-top: 40px; } .goodHeadSection .cardInfo .logoBrand img { max-height: 100%; } .goodHeadSection .itemSpecifications { display: block; } .goodHeadSection .itemSpecifications li { width: 100%; padding-left: 60px; } .goodHeadSection .itemSpecifications .icon { left: 0; top: 20px; position: absolute; margin-bottom: 0; } .brandCatalogDetailed .imagesGrid { margin-left: -10px; margin-right: -10px; flex-wrap: wrap; } .brandCatalogDetailed .imagesGrid .imagesGridItem { padding: 0 10px 25px; } .brandCatalogDetailed .imagesGrid:not(.gridRow1) .imagesGridItem { max-width: 50%; } .brandGridWrapper .cardsGrid .goodItem { width: calc(50% - 10px); } .cardInfo .aboutMark p { font-size: 10px; line-height: 12px; } .brandCarousel { margin-left: -15px; margin-right: -15px; } .brandCarousel .swiper-button-prev { left: 0; } .brandCarousel .swiper-button-next { right: 0; } .sectionCaption { font-size: 28px; line-height: 36px; } .brandChapter { margin-top: 40px; } .mediaGrid .mediaItem [class*="btnMain"] { display: none; } .mediaLine { margin-left: -15px; margin-right: -15px; } .mediaCarpet { margin-left: -15px; margin-right: -15px; } .brandChapter .visualLine { margin-left: -15px; margin-right: -15px; padding: 0 15px; } .brandChapter .visualLine .content { padding: 20px 0px; } .brandChapter .visualLine .imageWrapper { height: auto; width: auto; margin-left: -15px; margin-right: -15px; } .brandChapter .threeCards .brandProductCard { width: 100%; } .brandProductCard .imageWrapper { margin-left: -15px; margin-right: -15px; } .brandChapter .contentInMedia { margin-left: -15px; margin-right: -15px; padding: 0 15px; } .brandChapter .contentInMedia .content { padding: 20px 0px; } .brandChapter .visualLine.unifiesItems .content { padding: 30px 0px; } .premiumDarkChapter .content { padding-left: 0px; padding-right: 0px; padding-top: 30px; padding-bottom: 30px; } .premiumDarkChapter .oddItem+.chapterItem .content { padding-right: 0; padding-left: 0; } .brandLinks .linksList a { font-size: 16px; line-height: 20px; } .brandLinks .linksList .subName { font-size: 12px; line-height: 21px; } .brandLinks .linksList p { font-size: 12px; line-height: 16px; } .brandChapter .content.leftAlign [class*="btnMain"], .chapterCardLink [class*="btnMain"], .premiumDarkChapter [class*="btnMain"] { white-space: normal; } .premiumDarkChapter .imageWrapper { width: auto; max-width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } .chapterCardLink .imageWrapper { height: 220px; } .chapterCardLink { max-width: 220px; } } @media (max-width: 374px) { .pageTabs .tabsList a { font-size: 12px; line-height: 16px; } } .inputWrapper .bx-sls .dropdown-block { border-color: #E0E0DE; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 14px; line-height: 20px; color: #212121; font-weight: normal; padding: 0; background-color: transparent; } .inputWrapper .bx-sls .dropdown-icon { top: 50%; margin-top: -7px; } .inputWrapper .bx-sls .bx-ui-sls-container { min-height: 38px; } .inputWrapper .bx-sls .bx-ui-sls-fake, .inputWrapper .bx-sls .bx-ui-sls-route { color: #212121 !important; padding: 9px 30px 9px 34px !important; font-family: 'Century Gothic'; height: 38px; line-height: 20px; } .inputWrapper .bx-sls .bx-ui-sls-pane { background-color: #fff; border: 0; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); padding: 20px; top: 40px; margin-top: 10px; width: calc(100% + 2px); left: -1px; } .inputWrapper .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant { padding: 0; } .inputWrapper .bx-sls .dropdown-item { border-radius: 0px; margin-bottom: 0; } .inputWrapper .bx-sls .dropdown-item+.dropdown-item { margin-top: 8px; } .inputWrapper .bx-sls .dropdown-item-text { color: #212121; display: block; line-height: 17px; text-transform: uppercase; } .inputWrapper .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant { text-decoration: underline; text-decoration-color: transparent; transition: text-decoration-color 0.3s; } .inputWrapper .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover, .inputWrapper .bx-sls .bx-ui-sls-variant-active { background-color: transparent; text-decoration-color: #212121; } .inputWrapper .bx-sls .bx-ui-sls-error div { top: 7px; height: 26px; background-position: 0px -2898px; } .inputWrapper .bx-sls .bx-ui-sls-clear { top: 50%; margin-top: -15px; background-position: 6px -3384px; z-index: 10; } .inputWrapper .bx-sls .bx-ui-sls-error { padding-right: 0px; padding-left: 26px; } .inputWrapper .bx-sls .dropdown-item-text span { color: #212121; font-weight: bold; } .devByWrapper { display: flex; justify-content: flex-end; align-items: center; margin-top: 40px; color: #fff; } .devByWrapper a { margin-left: 20px; } .aboutSection { text-align: center; padding-top: 60px; } .aboutSection .right { text-align: right; } .aboutSection .rowLine { display: flex; align-items: center; } .aboutSection .rowLine+.rowLine { margin-top: 60px; } .aboutSection .rowLine:first-child .imageWrapper { width: 410px; } .aboutSection .rowLine:first-child .rowItem { width: calc(100% - 410px); padding-left: 60px; } .aboutSection .rowLine:nth-child(3) .imageWrapper { width: 620px; } .aboutSection .rowLine:nth-child(3) .rowItem { width: calc(100% - 620px); padding-left: 60px; } .aboutSection .rowLine:nth-child(2) .rowItem { width: calc(100% - 564px); padding-right: 60px; } .aboutSection .imagesGrid { position: relative; height: 384px; width: 564px; } .aboutSection .imagesGrid .image { position: absolute; width: calc(50% - 10px); } .aboutSection .imagesGrid .image:first-child, .aboutSection .imagesGrid .image:nth-child(2) { height: calc(50% - 10px); left: 0; } .aboutSection .imageWrapper { max-width: 100%; } .aboutSection .imagesGrid img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .aboutSection .imagesGrid .image:first-child { top: 0; } .aboutSection .imagesGrid .image:nth-child(2) { top: calc(50% + 10px); width: calc(50%); } .aboutSection .imagesGrid .image:nth-child(2) img { -o-object-position: -5px; object-position: -5px; } .aboutSection .imagesGrid .image:nth-child(3) { top: 0; right: 0; height: 100%; } .galleryCarousel.centered { padding-bottom: 0; padding-left: 24px; } .galleryCarousel { padding-top: 24px; padding-bottom: 100px; margin-top: 70px; } .galleryCarousel .swiper-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .galleryCarousel.centered .swiper-wrapper { justify-content: center; } .galleryCarousel .swiper-slide { width: calc(100% / 4); -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 1; } .galleryCarousel .swiper-slide:hover { z-index: 10; } .galleryCarousel.swiper-initialized .swiper-slide:not(.swiper-slide-active) { opacity: 0.3; } .galleryCarousel.swiper-initialized .swiper-slide.swiper-slide-visible { opacity: 1; } @media (max-width: 1799px) { .galleryCarousel.centered { padding-left: 15px; } .galleryCarousel { padding-top: 15px; margin-top: 45px; } .galleryCarousel .swiper-slide { width: calc(100% / 3); } } @media (max-width: 1279px) { .galleryCarousel { padding-bottom: 60px; } .aboutSection .rowLine:first-child .rowItem { width: calc(100% - 410px); padding-left: 40px; } .aboutSection .rowLine:nth-child(3) .rowItem { width: calc(100% - 420px); padding-left: 40px; } .aboutSection .rowLine:nth-child(3) .imageWrapper { width: 420px; } .aboutSection .imagesGrid .image { width: calc(50% - 5px); } .aboutSection .imagesGrid .image:first-child, .aboutSection .imagesGrid .image:nth-child(2) { height: calc(50% - 5px); } .aboutSection .imagesGrid { height: 286px; width: 420px; } .aboutSection .rowLine:nth-child(2) .rowItem { width: calc(100% - 420px); padding-right: 40px; } .aboutSection .imagesGrid .image:nth-child(2) { top: calc(50% + 5px); width: calc(50% + 5px); } } @media (max-width: 640px) { .aboutSection .rowLine { flex-wrap: wrap; } .aboutSection .rowLine:nth-child(3) .rowItem, .aboutSection .rowLine:first-child .rowItem { width: 100%; padding-left: 0; } .aboutSection .rowLine .imageWrapper { margin-left: auto; margin-right: auto; margin-top: 40px; } .aboutSection .rowLine:nth-child(3) .imageWrapper, .aboutSection .rowLine:first-child .imageWrapper { order: 1; margin-left: auto; margin-right: auto; } .aboutSection .rowLine:nth-child(2) .rowItem { width: 100%; padding-right: 0px; } } @media (max-width: 639px) { .galleryCarousel.centered { padding-left: 10px; } .galleryCarousel .swiper-slide { width: 50%; } .aboutSection { padding-top: 40px; } .aboutSection .rowLine+.rowLine { margin-top: 40px; } } @media (max-width: 449px) { .aboutSection .imagesGrid { height: 198px; width: 290px; } .aboutSection .imagesGrid .image:nth-child(2) { width: calc(50% + 3px); } } .footer-phone { margin-top: 1.5rem; color: white; } .footer-phone a { font-weight: 700; } /* Тип товара для H1 */ .cardTitleType { font-size: 12px; text-capitalise: normal; font-weight: 400; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main/components/bitrix/sale.basket.basket.line/small_cart/style.css?1773681381587*/ .catalog-cart-counter-menu { background: #6cb70e; color: #fff; text-align: center; line-height: 25px; min-width: 25px; height: 25px; position: relative; top: -12px; right: 10px; border-radius: 50%; font-style: normal; font-weight: bold; font-size: 14px; -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-delay: 500ms; animation-delay: 500ms; } /* End */ /* Start:/local/templates/main/components/bitrix/menu/top/style.css?177368138011904*/ .bx-top-nav-container { position: relative; padding: 0 10px; border-radius: 2px; background: var(--theme-color-primary); color: #fff; } /*region 1 lvl*/ .bx-nav-list-1-lvl { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bx-nav-1-lvl { position: relative; } .bx-nav-1-lvl-link { display: block; padding-top: 6px; padding-bottom: 2px; border-bottom: none; border-radius: 1px; text-decoration: none; transition: 250ms linear all; } .bx-nav-1-lvl-link:hover { text-decoration: none; } .bx-nav-1-lvl.bx-hover > .bx-nav-1-lvl-link, .bx-nav-1-lvl.bx-active > .bx-nav-1-lvl-link, .bx-nav-1-lvl:hover > .bx-nav-1-lvl-link { border-bottom: none; background: var(--theme-color-second); } .bx-nav-1-lvl-link-text { display: flex; padding: 10px 14px 14px; color: #fff; text-decoration: none; text-transform: uppercase; font: 500 14px "OpenSans-Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; transition: 250ms linear all; align-items: center; } .bx-nav-angle-bottom { position: relative; display: block; margin-left: 10px; width: 10px; height: 10px; } .bx-nav-angle-bottom:after, .bx-nav-angle-bottom:before { position: absolute; top: 50%; left: 50%; width: 7px; height: 2px; background-color: #fff; content: ''; transition: 250ms linear all; } .bx-nav-angle-bottom:after { margin-left: -2px; transform: translate(-50%, -50%) rotate(45deg); } .bx-nav-angle-bottom:before { margin-left: 2px; transform: translate(-50%, -50%) rotate(-45deg); } .bx-nav-1-lvl.bx-nav-parent:hover .bx-nav-angle-bottom:after, .bx-nav-1-lvl.bx-nav-parent:hover .bx-nav-angle-bottom:before { background-color: var(--theme-color-primary); } .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text, .bx-nav-1-lvl.bx-nav-parent:hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text { background-color: transparent; color: var(--theme-color-primary); } .bx-nav-1-lvl.bx-nav-parent.hover > .bx-nav-1-lvl-link, .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link { z-index: 250; box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13) } .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text, .bx-nav-1-lvl.bx-nav-parent.hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text { background: #fff; } /**/ .bx-nav-angle-top { position: relative; display: block; margin-left: 10px; width: 10px; height: 10px; } .bx-nav-angle-top:after, .bx-nav-angle-top:before { position: absolute; top: 50%; left: 50%; width: 7px; height: 2px; background-color: #fff; content: ''; transition: 250ms linear all; } .bx-nav-angle-top:after { margin-left: -2px; transform: translate(-50%, -50%) rotate(-45deg); } .bx-nav-angle-top:before { margin-left: 2px; transform: translate(-50%, -50%) rotate(45deg); } /**/ .bx-nav-parent-arrow { display: none; } /*endregion*/ /*region 2 lvl*/ .bx-nav-2-lvl-container, .bx-nav-2-lvl-container-advanced { z-index: 999; display: none; padding: 0; min-width: 100%; border-top: none; box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13); color: #000; opacity: 0; } .bx-nav-2-lvl-container > ul, .bx-nav-2-lvl-container > div, .bx-nav-2-lvl-container-advanced > ul, .bx-nav-2-lvl-container-advanced > div { flex: 1 } .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced, .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced, .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container, .bx-nav-1-lvl.hover .bx-nav-2-lvl-container { position: absolute; top: calc(100% - 5px); z-index: 999; display: flex; background: #fff; opacity: 1; align-items: stretch; } .bx-nav-list-2-lvl { margin: 0; padding: 5px 0 12px; } .bx-nav-2-lvl { display: block; padding: 0; min-width: 180px; } .bx-nav-2-lvl-link { display: block; padding: 5px 15px 5px; border-bottom: none !important; text-decoration: none !important; } .bx-nav-2-lvl-link-text { color: var(--theme-color-primary); text-decoration: none; font-weight: bold; font-size: 13px; line-height: 16px; } /*.bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a { margin-top: 0; border-top: none; }*/ .bx-nav-2-lvl > .bx-nav-list-2-lvl.bx-active .bx-nav-list-2-lvl-text, .bx-nav-2-lvl > .bx-nav-list-2-lvl:hover .bx-nav-list-2-lvl-text { background: var(--theme-color-light); color: var(--theme-color-primary); } /*endregion*/ /*region 3 lvl*/ .bx-nav-3-lvl-container-advanced:before, .bx-nav-3-lvl-container:before { position: absolute; top: -5px; right: 0; left: 0; display: block; height: 5px; background: #fff; content: " "; } .bx-nav-list-3-lvl { margin: 0; padding: 0 0 14px 0; } .bx-nav-3-lvl { display: block; box-sizing: border-box; margin: 0; padding: 0; min-width: 180px; } .bx-nav-3-lvl-link { display: block; padding: 3px 15px 3px 20px; border-bottom: none; color: #555; text-decoration: none; font-size: 13px; line-height: 14px; } .bx-nav-3-lvl-link.bx-active, .bx-nav-3-lvl-link:hover { background: #f0f0f0; color: var(--theme-color-primary); text-decoration: none; } /*endregion*/ /*region col 4 */ .bx-nav-list-4-col { position: static; } .bx-nav-list-4-col .bx-nav-2-lvl-container-advanced { top: 100%; right: 0; left: 0; } .bx-nav-list-4-col .bx-nav-2-lvl-container, .bx-nav-list-4-col .bx-nav-2-lvl-container-advanced { right: 0; left: 0; } /*endregion*/ /*region catinfo*/ .bx-nav-catinfo { position: relative; z-index: 120; padding: 15px 15px 5px; min-width: 200px; border-left: 1px solid #ecefef; background: #f7fafb; } .bx-nav-catinfo img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; max-height: 100%; width: auto; height: auto; border: 1px solid #e7e9ea; } .bx-nav-catinfo p { padding: 20px 5px 0; font-size: 13px; } /*endregion*/ /*region ASIDE */ .bx-menu-button-mobile { position: absolute; top: 8px; left: 5px; z-index: 10; width: 40px; height: 40px; } .bx-aside-nav-control { position: absolute; top: 0; left: 0; z-index: 1750; width: 40px; height: 40px; color: #fff; text-align: center; font-size: 28px; line-height: 40px; cursor: pointer; transition: left .15s linear; } .bx-nav-bars { position: absolute; top: 50%; left: 50%; z-index: 2100; display: block; box-sizing: border-box; width: 30px; height: 25px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; vertical-align: middle; transform: translate(-50%, -50%); } .bx-nav-bars:after { position: absolute; top: 50%; display: block; background: #fff; width: 100%; height: 5px; content: ''; transform: translateY(-50%); } .bx-wrapper, .bx-aside-nav { transition: transform .15s linear; } /**/ .bx-opened .bx-footer, .bx-opened .workarea { overflow: hidden; } /**/ .bx-aside-nav { position: fixed; top: 50px; bottom: 0; left: 0; z-index: 1600; display: none; width: 100%; background: #4c5c65; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .bx-aside-nav.bx-opened { overflow-y: scroll; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .bx-aside-nav ul { margin: 0; padding: 0; list-style: none; } .bx-aside-nav a { display: block; overflow: hidden; padding-left: 15px; max-width: 100%; height: 48px; border-bottom: 1px solid #3d4b53 !important; color: #fff; vertical-align: middle; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 48px; } .bx-aside-nav .bx-nav-list-1-lvl { z-index: 1700; flex-direction: column; } .bx-aside-nav .bx-nav-1-lvl-link { padding: 0; display: flex; align-items: center; } .bx-aside-nav .bx-nav-1-lvl-link-text { padding: 0 0 0 15px; } .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.hover > .bx-nav-1-lvl-link, .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link { box-shadow: none !important; } .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text, .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent:hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text { background: transparent; color: #fff; } .bx-aside-nav .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container, .bx-aside-nav .bx-nav-1-lvl.hover .bx-nav-2-lvl-container { position: relative; box-shadow: none; top: auto; } .bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container { display: block; opacity: 1; } .bx-nav-1-lvl.bx-opened, .bx-aside-nav .bx-nav-1-lvl:hover > a, .bx-aside-nav .bx-nav-1-lvl.bx-hover > a { background: #44535c; } .bx-aside-nav .bx-nav-2-lvl-link-text, .bx-aside-nav .bx-nav-3-lvl-link-text, .bx-aside-nav .bx-nav-4-lvl-link-text { color: #fff; font-weight: 500; font-size: 14px; } .bx-aside-nav .bx-nav-list-2-lvl { background: #44535c; } .bx-aside-nav .bx-nav-2-lvl-link { padding: 0 0 0 30px; } .bx-aside-nav .bx-nav-2-lvl-link:hover { background-color: #3b4851; } .bx-aside-nav .bx-nav-3-lvl-link { padding: 0 0 0 45px; } .bx-aside-nav .bx-nav-3-lvl-link:hover { background-color: #3b4851; } .bx-aside-nav .bx-nav-4-lvl-link { padding: 0 0 0 60px; } .bx-aside-nav .bx-nav-4-lvl-link:hover { background-color: #3b4851; } .bx-aside-nav .bx-nav-parent { position: relative; } .bx-aside-nav .bx-nav-parent-arrow { position: absolute; top: 0; right: 0; z-index: 200; margin-top: 6px; width: 46px; height: 34px; border-left: 1px solid #5a6971; text-align: center; } .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i { transition: all .15s linear; } .bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container, .bx-aside-nav .bx-nav-parent > ul { overflow: hidden; height: 0; } .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container, .bx-aside-nav .bx-nav-parent.bx-opened > ul { height: auto; } .bx-aside-nav .bx-nav-catinfo { display: none; } .bx-aside-nav .bx-nav-angle-top, .bx-aside-nav .bx-nav-angle-bottom { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; margin: 0; } @media (min-width: 1200px) { .bx-nav-1-lvl > a { font-size: 15px; } .bx-nav-1-lvl > a span { padding: 12px 14px 15px } } @media (min-width: 992px) and (max-width: 1199px) { .bx-nav-1-lvl > a { font-size: 13px; } .bx-nav-1-lvl > a span { padding: 9px 11px 12px } } @media (min-width: 768px) and (max-width: 991px) { .bx-nav-1-lvl > a { font-size: 11px; } .bx-nav-1-lvl > a span { padding: 5px 6px 9px } } @media (min-width: 768px) { .bx-aside-nav-control, .bx-aside-nav { display: none; } .bx-top-nav-container { display: block; } } @media (max-width: 767px) { .bx-aside-nav-control { display: flex; align-items: center; justify-content: center; } .bx-aside-nav { display: block; } .bx-top-nav-container { display: none; } .bx-aside-nav .bx-nav-parent-arrow { display: block; } .bx-aside-nav .bx-nav-1-lvl-link-text .bx-nav-angle-bottom{ display: none; } } .bx-white { --theme-color-primary: #f5f5f5; --theme-color-second: #dfdfdf; } .bx-white .bx-nav-1-lvl-link-text, .bx-white .bx-nav-2-lvl-link-text, .bx-white .bx-nav-3-lvl-link.bx-active, .bx-white .bx-nav-3-lvl-link:hover, .bx-white .bx-nav-3-lvl-link.bx-active, .bx-white .bx-nav-3-lvl-link:hover, .bx-white .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text, .bx-white .bx-nav-1-lvl.bx-nav-parent:hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text { color: #333; } /* End */ /* Start:/local/templates/main/components/bitrix/menu/bottom/style.css?1773681380581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/main/components/bitrix/menu/bottom/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/main/components/bitrix/main.register/modal/style.css?1773681381463*/ div.bx-auth-reg input.bx-auth-input {vertical-align:middle;} div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;} div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/local/templates/main/components/bitrix/main.register/modal/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/local/templates/main/components/bitrix/main.register/modal/images/sec-unlocked.png);} /* End */ /* Start:/local/templates/main/components/bitrix/main.feedback/.default/style.css?1773681380293*/ div.mfeedback {} div.mf-name, div.mf-email, div.mf-captcha, div.mf-message {width:80%; padding-bottom:0.4em;} div.mf-name input, div.mf-email input {width:60%;} div.mf-message textarea {width: 60%;} span.mf-req {color:red;} div.mf-ok-text {color:green; font-weight:bold; padding-bottom: 1em;} /* End */ /* /local/templates/main/fonts/stylesheet.css?1773681372816 */ /* /local/templates/main/fonts/icomoon/style.css?17736813722273 */ /* /local/templates/main/css/swiper-bundle.min.css?177368138015184 */ /* /local/templates/main/css/jquery.modal.min.css?17736813803201 */ /* /local/templates/main/css/selectric.css?17736813804299 */ /* /local/templates/main/css/image-zoom.css?1773681380233 */ /* /local/templates/main/css/datepicker.min.css?17736813803510 */ /* /local/templates/main/css/preloaders.css?177368138011175 */ /* /local/templates/main/css/style.css?1773681380371608 */ /* /local/templates/main/components/bitrix/sale.basket.basket.line/small_cart/style.css?1773681381587 */ /* /local/templates/main/components/bitrix/menu/top/style.css?177368138011904 */ /* /local/templates/main/components/bitrix/menu/bottom/style.css?1773681380581 */ /* /local/templates/main/components/bitrix/main.register/modal/style.css?1773681381463 */ /* /local/templates/main/components/bitrix/main.feedback/.default/style.css?1773681380293 */