/* Start:/local/templates/.default/libs/choice/choices.min.css?17655084447667*/ .choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all;will-change:visibility}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{visibility:visible}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:290px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable,.choices__list[aria-expanded] .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable::after,.choices__list[aria-expanded] .choices__item--selectable::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5} /* End */ /* Start:/local/templates/.default/css/swiper-bundle.min.css?176550844017919*/ /** * Swiper 9.2.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 21, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.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{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-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-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-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .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/.default/css/app.css?1766711377582536*/ @charset "UTF-8"; /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ @-webkit-keyframes fancybox-rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes fancybox-rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes swiper-preloader-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes swiper-preloader-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes fadeIn { 0% { opacity: .5; -webkit-transform: translateY(50px); transform: translateY(50px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeIn { 0% { opacity: .5; -webkit-transform: translateY(50px); transform: translateY(50px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes fpFadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fpFadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @-webkit-keyframes fpSlideLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes fpSlideLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @-webkit-keyframes fpSlideLeftNew { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fpSlideLeftNew { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @-webkit-keyframes fpSlideRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes fpSlideRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @-webkit-keyframes fpSlideRightNew { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fpSlideRightNew { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @-webkit-keyframes fpFadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fpFadeOut { 0% { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes fpFadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fpFadeIn { 0% { opacity: 0 } to { opacity: 1 } } html { font-family: "Fact", sans-serif; font-size: 15px; line-height: 20px; text-rendering: optimizelegibility; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-tap-highlight-color: transparent; -moz-text-size-adjust: none; -moz-font-smoothing: antialiased; -ms-tap-highlight-color: transparent; -ms-text-size-adjust: none; -ms-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block } h1 { font-size: 2em; margin: .67em 0 } figure { margin: 1em 40px } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } a, html, mark { color: #000 } a { -webkit-text-decoration-skip: objects; -webkit-transition: .25s all; -o-transition: .25s all; transition: .25s all; text-decoration: none; background-color: transparent } abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: bolder } dfn { font-style: italic } mark { background-color: #ff0 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none; max-width: 100%; height: auto; vertical-align: middle } svg:not(:root) { overflow: hidden } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { color: inherit; display: table; max-width: 100%; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio], legend { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } summary { display: list-item } [hidden], template { display: none } .icon-arrow_down { width: 20px; height: 11px; fill: #cecece } .icon-arrow_left, .icon-arrow_right { width: 6px; height: 12px; fill: #cecece } .icon-arrow_right { fill: #000 } .icon-arrow_top { width: 20px; height: 11px; fill: #000 } .icon-auth { width: 17px; height: 17px; fill: initial } .icon-basket { width: 26px; height: 26px; fill: initial } .icon-burger { width: 22px; height: 14px; fill: initial } .icon-calendar, .icon-catalog-icon { width: 18px; height: 18px; fill: initial } .icon-circle_left { width: 30px; height: 30px; fill: initial } .icon-close, .icon-cross-circle, .icon-excel { width: 22px; height: 22px; fill: initial } .icon-excel { width: 20px; height: 20px } .icon-facebook { width: 10px; height: 19px; fill: none } .icon-favorite, .icon-file { width: 26px; height: 23px; fill: initial } .icon-favorite.is-active { fill: url(#favorite-active); stroke: url(#favorite-active); } .icon-favorite.is-active:hover { fill: #f15822; stroke: #f15822; } .icon-file { width: 21px; height: 21px } .icon-lk, .icon-login { width: 18px; height: 18px; fill: initial; } .icon-grid_rows, .icon-grid_square, .fas.fa-list { width: 24px; height: 24px; fill: initial; } .icon-minus { width: 8px; height: 3px; fill: #000 } .icon-phone { width: 21px; height: 21px; fill: initial } .icon-plus { width: 11px; height: 11px; fill: #000 } .icon-print { width: 20px; height: 20px; fill: initial } .icon-question, .icon-registr { width: 17px; height: 17px; fill: initial } .icon-registr { width: 16px } .icon-search, .icon-send_review, .icon-share { width: 22px; height: 22px; fill: initial } .icon-share { width: 20px; height: 19px } .icon-shipping { width: 22px; height: 22px; fill: initial } .icon-eye { width: 22px; height: 22px; fill: initial } .icon-eye-slash { width: 22px; height: 22px; fill: initial } @font-face { font-family: 'ALSKraft'; src: url(/local/templates/.default/css/../fonts/ALSKraft.eot?#iefix) format("embedded-opentype"), url(/local/templates/.default/css/../fonts/ALSKraft.otf) format("opentype"), url(/local/templates/.default/css/../fonts/ALSKraft.woff) format("woff"), url(/local/templates/.default/css/../fonts/ALSKraft.ttf) format("truetype"), url(/local/templates/.default/css/../fonts/ALSKraft.svg#ALSKraft) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: 'Fact-Condensed'; src: url(/local/templates/.default/css/../fonts/Fact-Condensed.eot?#iefix) format("embedded-opentype"), url(/local/templates/.default/css/../fonts/Fact-Condensed.otf) format("opentype"), url(/local/templates/.default/css/../fonts/Fact-Condensed.woff) format("woff"), url(/local/templates/.default/css/../fonts/Fact-Condensed.ttf) format("truetype"), url(/local/templates/.default/css/../fonts/Fact-Condensed.svg#Fact-Condensed) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: 'Fact-Condensed'; src: url(/local/templates/.default/css/../fonts/Fact-CondensedMedium.eot?#iefix) format("embedded-opentype"), url(/local/templates/.default/css/../fonts/Fact-CondensedMedium.otf) format("opentype"), url(/local/templates/.default/css/../fonts/Fact-CondensedMedium.woff) format("woff"), url(/local/templates/.default/css/../fonts/Fact-CondensedMedium.ttf) format("truetype"), url(/local/templates/.default/css/../fonts/Fact-CondensedMedium.svg#Fact-CondensedMedium) format("svg"); font-weight: 500; font-style: normal } @font-face { font-family: 'Fact'; src: url(/local/templates/.default/css/../fonts/Fact-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/.default/css/../fonts/Fact-Regular.otf) format("opentype"), url(/local/templates/.default/css/../fonts/Fact-Regular.woff) format("woff"), url(/local/templates/.default/css/../fonts/Fact-Regular.ttf) format("truetype"), url(/local/templates/.default/css/../fonts/Fact-Regular.svg#Fact-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: 'Fact'; src: url(/local/templates/.default/css/../fonts/Fact-Medium.eot?#iefix) format("embedded-opentype"), url(/local/templates/.default/css/../fonts/Fact-Medium.otf) format("opentype"), url(/local/templates/.default/css/../fonts/Fact-Medium.woff) format("woff"), url(/local/templates/.default/css/../fonts/Fact-Medium.ttf) format("truetype"), url(/local/templates/.default/css/../fonts/Fact-Medium.svg#Fact-Medium) format("svg"); font-weight: 500; font-style: normal } .found-categories__list>a { display: block; padding: 2px 0; } .found-categories__list>a:nth-child(1n+6) { display: none; } .color--black { color: #000 } .text--center { text-align: center } .section__title { font-size: 30px; line-height: 30px; font-family: "ALSKraft", sans-serif; letter-spacing: .02em; text-transform: uppercase } .section__title+.section__subtitle { margin-top: 37px } .section__title.section__title--regular { font-size: 27px; line-height: 40px; font-family: "Fact-Condensed", sans-serif; text-transform: uppercase; letter-spacing: .05em } .section__title small { display: block; font-size: 13px; font-family: "Fact", sans-serif; margin-top: 5px; text-transform: none; letter-spacing: 0 } .section__subtitle { font-size: 15px; font-weight: 500 } .medium12, .medium13 { font-size: 12px; font-weight: 500 } .medium13 { font-size: 13px } .regular13 { font-size: 13px; font-weight: 400 } .container, .containerFluid, .i-content { width: 100%; margin: 0 auto; position: relative } .container, .containerFluid { padding: 0 15px; } .i-content { max-width: 800px } .container { max-width: 1550px; } * { outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box } ul { list-style-type: none; margin: 0; padding: 0 } a:hover { color: #f15822 } input:focus { outline: 0 } ::-moz-selection { color: #fff; background-color: #677087 } ::selection { color: #fff; background-color: #677087 } ::-moz-selection { color: #fff; background-color: #677087 } body.compensate-for-scrollbar { overflow: hidden } .fancybox-active { height: auto } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: 0; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992 } .fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto } .fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; -o-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71); -o-transition-timing-function: cubic-bezier(.47, 0, .74, .71); transition-timing-function: cubic-bezier(.47, 0, .74, .71) } .fancybox-is-open .fancybox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1); -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1); transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .fancybox-infobar, .fancybox-toolbar { opacity: 0; position: absolute; z-index: 99997 } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; -o-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden } .fancybox-caption { opacity: 0; position: absolute } .fancybox-navigation .fancybox-button { z-index: 99997 } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; -o-transition: opacity .25s ease 0s, visibility 0s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-toolbar { right: 0; top: 0 } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994 } .fancybox-is-open .fancybox-stage { overflow: hidden } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100vh; left: 0; outline: 0; overflow: hidden; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994 } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block } .fancybox-slide--image { overflow: hidden; padding: 44px 0 } .fancybox-slide--image::before { display: none } .fancybox-slide--html { padding: 0 } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1); animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: 0 0; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995 } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: -webkit-grab; cursor: grab } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing } .fancybox-container [data-selectable=true] { cursor: text } .fancybox-image, .fancybox-spaceball { background: 0 0; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .fancybox-spaceball { z-index: 1 } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100% } .fancybox-slide--video .fancybox-content { background: #000 } .fancybox-slide--map .fancybox-content { background: #e5e3df } .fancybox-slide--iframe .fancybox-content { background: #fff } .fancybox-iframe, .fancybox-video { background: 0 0; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% } .fancybox-iframe { left: 0; position: absolute; top: 0 } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 } .auth-error { padding: 0 10px 10px; color: red; width: 100%; } .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; color: #ccc } .fancybox-button:link, .fancybox-button:visited { color: #ccc } .fancybox-button:hover { color: #fff } .fancybox-button:focus { outline: 0 } .fancybox-button.fancybox-focus { outline: 1px dotted } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: 0 } .fancybox-button div { height: 100% } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100% } .fancybox-button svg path { fill: currentColor; stroke-width: 0 } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1), .fancybox-button--play svg:nth-child(2) { display: none } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998 } .fancybox-close-small { background: 0 0; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401 } .fancybox-close-small:hover { color: #fff; opacity: 1 } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; display: none } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px } .fancybox-navigation .fancybox-button div { padding: 7px } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right) } .fancybox-caption { background: -o-linear-gradient(bottom, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(transparent)); background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; overflow: auto; padding: 50px 44px 25px; right: 0; text-align: center; z-index: 99996 } .fancybox-caption--separate { margin-top: -25px; max-height: 50vh } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none } .fancybox-caption a:hover { color: #fff; text-decoration: underline } .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: 0 0; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999 } .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1); -o-transition-timing-function: cubic-bezier(0, 0, .25, 1); transition-timing-function: cubic-bezier(0, 0, .25, 1) } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(.5, .5, .5); transform: scale3d(.5, .5, .5) } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg) } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0) } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1) } @supports (padding:0px) { .fancybox-caption { padding: 50px calc(max(12px, env(safe-area-inset-right))) calc(max(12px, env(safe-area-inset-bottom))) calc(max(25px, env(safe-area-inset-left))) } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px } .fancybox-share p { margin: 0; padding: 0 } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff } .fancybox-share__button:hover { text-decoration: none } .fancybox-share__button--fb { background: #3b5998 } .fancybox-share__button--fb:hover { background: #344e86 } .fancybox-share__button--pt { background: #bd081d } .fancybox-share__button--pt:hover { background: #aa0719 } .fancybox-share__button--tw { background: #1da1f2 } .fancybox-share__button--tw:hover { background: #0d95e8 } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px } .fancybox-share__button svg path { fill: #fff } .fancybox-share__input { background: 0 0; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: 0; padding: 10px 15px; width: 100% } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995 } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 212px } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: relative; white-space: nowrap; width: 100% } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: 0; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94); -o-transition: all .2s cubic-bezier(.25, .46, .45, .94); transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991 } .fancybox-thumbs__list a:focus::before { opacity: .5 } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1 } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-slide, .swiper-wrapper { width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .swiper-wrapper { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0 } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent); background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .section--carousel .swiper-button-prev { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 17L1 9L9 1' stroke='%2335291E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .section--carousel .swiper-button-next { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 17L9 9L1 1' stroke='%2335291E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .section--carousel .swiper-button-prev, .section--carousel .swiper-button-next { background-color: #fff; width: 54px; height: 54px; box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, .3); background-size: 10px; transition: all .3s; } .section--carousel .swiper-button-prev:hover, .section--carousel .swiper-button-next:hover { background-color: #FBAD18; } .section--carousel .swiper-button-prev::before, .section--carousel .swiper-button-next::before, .section--carousel .swiper-button-prev:after, .section--carousel .swiper-button-next:after { display: none; } .swiper-button-lock { display: none } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { display: none } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { display: none } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: 0; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill, .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25) } .swiper-pagination-black .swiper-pagination-bullet-active, .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25) } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube, .swiper-container-flip { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .selectric-items li.selected, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px } .selectric-wrapper { position: relative; cursor: pointer } .selectric-responsive { width: 100% } .selectric { border: 2px solid #f3f3f3; border-radius: 0; position: relative; overflow: hidden; background-color: #fff } .selectric .button, .selectric .label { display: block; height: 36px; line-height: 36px } .selectric .label { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0 36px 0 18px; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #000 } .selectric .button { position: absolute; right: 0; top: 0; width: 38px; background-color: transparent; color: transparent; text-align: center; font: 0/0 a; *font: 20px/36px Lucida Sans Unicode, Arial Unicode MS, Arial; border-left: 2px solid #f3f3f3 } .selectric .button svg { width: 14px; height: 8px } .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: transparent; border-bottom: none } .selectric-hover:not(.selectric-open):not(.selectric-js-select-primary) .selectric { border-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .selectric-open { z-index: 9999 } .selectric-open .selectric-items { display: block } .selectric-disabled { filter: alpha(opacity=50); opacity: .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: 0; z-index: 1; -webkit-box-sizing: border-box; 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: 0 !important; border: 0 !important; *font: 0/0 a !important; background: 0 0 !important } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important } .selectric-items { display: none; position: absolute; left: 0; background: 0 0; top: 0; background-color: #fff; z-index: 25; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); border: 0; font-size: 12px; } .selectric-items li, .selectric-items ul { list-style: none; padding: 0; margin: 0; font-size: 14px; line-height: 20px; } .selectric-items li { display: block; color: #000; cursor: pointer; padding: 9px 0 9px 40px; margin: 0 16px; } .selectric-items li:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.08); ; } .selectric-items li:first-child { margin-top: 6px; } .selectric-items li:last-child { margin-bottom: 12px; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: .5; cursor: default !important; background: 0 0 !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*display: none*/ } .selectric-items .selectric-group .selectric-group-label { font-weight: 700; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: 0 0; color: #444 } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1 } .selectric-items .selectric-group li { padding-left: 25px } .selectric-items li:hover { color: #f15822 } .selectric-js-select-primary .selectric-items li.selected::before { border-color: #F15822; } .selectric-js-select-primary .selectric-items li.selected::after { opacity: 1; } .selectric-js-select--colors .label { margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 39px } .selectric-js-select--colors .selectric-items { padding: 5px; width: 410px !important; height: auto !important } .selectric-js-section-sort .selectric-items { height: auto !important } .pageNav ul, .selectric-js-select--colors .selectric-items ul, .tabsList--primary ul, .tabsList--secondary ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap } .selectric-js-select--colors .selectric-items li { padding: 0; margin: 5px } .colorItem { width: 30px; height: 30px; position: relative } .selectric-items li.selected .colorItem:before { content: ''; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; background-image: url(/local/templates/.default/css/../img/icons/color_item_hover.svg); background-size: 12px 12px; background-position: center center; background-repeat: no-repeat; background-color: #fff } .selectric-items .colorItem:hover { border-color: #fff } .selectric-items .colorItem:hover:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #fff } .selectric-js-select-primary .button { border: 0 } .selectric-js-select-primary .selectric-items { min-width: 240px; top: -15px; } .selectric-js-select-primary .selectric-items li { position: relative; } .selectric-js-select-primary .selectric-items li::before { position: absolute; content: ''; top: 50%; left: 6px; width: 14px; height: 14px; border: 1px solid #828282; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; } .selectric-js-select-primary .selectric-items li::after { position: absolute; content: ''; top: 50%; left: 9px; width: 10px; height: 10px; opacity: 0; background-color: #F15822; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .selectric-js-select-primary .selectric-items li:hover::before, .selectric-js-select-primary .selectric-items li:focus::before { border-color: #F15822; } .selectric-js-select-primary .selectric-items li:hover::after, .selectric-js-select-primary .selectric-items li:focus::after { opacity: 1; } .tabs .tabs__con { display: none; -webkit-animation: fadeIn .5s forwards ease-in-out; animation: fadeIn .5s forwards ease-in-out } .colorItem, .tabs .tabs__con.is-active { display: block } .pageNav ul, .tabsList--primary ul { margin: 0 -31px } .pageNav ul li, .tabsList--primary ul li { padding: 0 31px } .tabsList--secondary ul li:not(:last-child) { margin-right: 50px; } .pageNav a, .tabsList--primary a { font-weight: 500; font-size: 13px; line-height: 20px; letter-spacing: .03em; text-transform: uppercase; display: inline-block; padding-bottom: 26px } .pageNav a.is-active, .tabsList--primary a.is-active, .tabsList--secondary a.is-active { pointer-events: none; position: relative } .pageNav a.is-active:before, .tabsList--primary a.is-active:before { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; } .tabsList--secondary a.is-active:before { content: ''; position: absolute; bottom: -15px; left: 0; width: 40px; height: 3px; } .pageNav--primary a, .tabsList--primary a { color: #898989 } .pageNav--primary a:hover, .tabsList--primary a:hover { color: #000 } .pageNav--primary a.is-active, .tabsList--primary a.is-active { color: #f15822 } .pageNav--primary a.is-active:before, .tabsList--primary a.is-active:before { background-color: #f15822 } .tabsList--secondary a { color: rgba(255, 255, 255, .45) } .tabsList--secondary a:hover { color: #fff } .tabsList--secondary a.is-active { color: #fbad18 } .tabsList--secondary a.is-active:before { background-color: #fbad18 } .tabsList--primary .tabsList__item a { color: #282828; } .flatpickr-calendar { background: 0 0; overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; text-align: center; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 400px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; background: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); padding: 0 0 40px; display: none } .flatpickr-calendar.inline, .flatpickr-calendar.open { opacity: 1; visibility: visible; overflow: visible; max-height: 400px } .flatpickr-calendar.open { display: inline-block; z-index: 99999 } .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1); animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1) } .flatpickr-calendar.inline { display: block; position: relative; top: 2px } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px) } .flatpickr-calendar.static.open { z-index: 999; display: block } .flatpickr-calendar.hasWeeks { width: auto } .flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0 } .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6 } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto } .flatpickr-calendar:after, .flatpickr-calendar:before { position: absolute; display: block; pointer-events: none; border: solid transparent; height: 0; width: 0; left: 50% } .flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before { left: auto; right: 22px } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px } .flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before { bottom: 100% } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6 } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff } .flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before { top: 100% } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6 } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff } .flatpickr-calendar:focus, .flatpickr-current-month input.cur-year:focus { outline: 0 } .flatpickr-wrapper { position: relative; display: inline-block } .flatpickr-month, .flatpickr-months, .flatpickr-next-month i, .flatpickr-prev-month i { position: relative } .flatpickr-month { background: 0 0; color: rgba(0, 0, 0, .9); fill: rgba(0, 0, 0, .9); height: 60px; line-height: 1; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; margin-bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .flatpickr-next-month, .flatpickr-prev-month { text-decoration: none; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 16px; height: 28px; padding: 10px calc(7% - 1.5px); z-index: 3 } .flatpickr-next-month.flatpickr-prev-month, .flatpickr-prev-month.flatpickr-prev-month { left: 0 } .flatpickr-next-month.flatpickr-next-month, .flatpickr-prev-month.flatpickr-next-month { right: 0 } .flatpickr-next-month:hover, .flatpickr-prev-month:hover { color: #959ea9 } .flatpickr-next-month:hover svg, .flatpickr-prev-month:hover svg { fill: #677087 } .flatpickr-next-month svg, .flatpickr-prev-month svg { width: 22px; height: 22px; fill: #000 } .flatpickr-next-month svg path, .flatpickr-prev-month svg path { -webkit-transition: fill .1s; -o-transition: fill .1s; transition: fill .1s; fill: inherit } .numInputWrapper { position: relative; height: auto } .numInputWrapper input, .numInputWrapper span { display: inline-block } .numInputWrapper input { width: 100% } .numInputWrapper input::-ms-clear { display: none } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, .05); -webkit-box-sizing: border-box; box-sizing: border-box } .numInputWrapper span:hover { background: rgba(0, 0, 0, .1) } .numInputWrapper span:active { background: rgba(0, 0, 0, .2) } .numInputWrapper span:after { display: block; content: ""; position: absolute; top: 33% } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0 } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, .6) } .numInputWrapper span.arrowDown { top: 50% } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, .6) } .numInputWrapper span svg { width: inherit; height: auto } .numInputWrapper span svg path { fill: rgba(0, 0, 0, .5) } .flatpickr-current-month span.cur-month:hover, .numInputWrapper:hover { background: rgba(0, 0, 0, .05) } .numInputWrapper:hover span { opacity: 1 } .flatpickr-current-month { font-size: 20px; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 8.16px 0 0; line-height: 1; height: 28px; display: inline-block; text-align: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .flatpickr-current-month.slideLeft { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(.23, 1, .32, 1); animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(.23, 1, .32, 1) } .flatpickr-current-month.slideLeftNew, .flatpickr-current-month.slideRight { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(.23, 1, .32, 1); animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(.23, 1, .32, 1) } .flatpickr-current-month.slideRight { -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(.23, 1, .32, 1); animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(.23, 1, .32, 1) } .flatpickr-current-month.slideRightNew { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(.23, 1, .32, 1); animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(.23, 1, .32, 1) } .flatpickr-current-month span.cur-month { font-family: inherit; color: inherit; display: inline-block; margin-left: 2.5ch; padding: 0 } .flatpickr-current-month span.cur-month:after { content: ','; margin-left: -4px } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch \0; display: inline-block } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, .9) } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, .9) } .flatpickr-current-month input.cur-year { background: 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 .5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; line-height: inherit; height: initial; border: 0; border-radius: 0; vertical-align: initial } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, .5); background: 0 0; pointer-events: none } .flatpickr-weekdaycontainer { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .flatpickr-weekdaycontainer span.flatpickr-weekday, .flatpickr-weekdays { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .flatpickr-weekdaycontainer span.flatpickr-weekday { max-width: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 50px } .flatpickr-weekdays { background: 0 0; text-align: center; overflow: hidden; height: 28px; margin: 0 auto } span.flatpickr-weekday { cursor: default; font-size: 12px; font-weight: 400; background: 0 0; color: #898989; line-height: 1; margin: 0; text-align: center; display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } span.flatpickr-weekday:after { content: '.'; display: inline-block } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 } .flatpickr-days { position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: -6px } .flatpickr-days:focus { outline: 0 } .dayContainer, .flatpickr-day { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; position: relative } .dayContainer { margin-top: 21px; outline: 0; display: -ms-flexbox; display: -webkit-box; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; text-align: left; width: 100%; max-width: 400px; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between } .flatpickr-calendar.animate .dayContainer.slideLeft, .flatpickr-calendar.animate .dayContainer.slideLeftNew { -webkit-animation: fpFadeOut 400ms cubic-bezier(.23, 1, .32, 1), fpSlideLeft 400ms cubic-bezier(.23, 1, .32, 1); animation: fpFadeOut 400ms cubic-bezier(.23, 1, .32, 1), fpSlideLeft 400ms cubic-bezier(.23, 1, .32, 1); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .flatpickr-calendar.animate .dayContainer.slideLeftNew { -webkit-animation: fpFadeIn 400ms cubic-bezier(.23, 1, .32, 1), fpSlideLeft 400ms cubic-bezier(.23, 1, .32, 1); animation: fpFadeIn 400ms cubic-bezier(.23, 1, .32, 1), fpSlideLeft 400ms cubic-bezier(.23, 1, .32, 1) } .flatpickr-calendar.animate .dayContainer.slideRight { -webkit-animation: fpFadeOut 400ms cubic-bezier(.23, 1, .32, 1), fpSlideRight 400ms cubic-bezier(.23, 1, .32, 1); animation: fpFadeOut 400ms cubic-bezier(.23, 1, .32, 1), fpSlideRight 400ms cubic-bezier(.23, 1, .32, 1); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .flatpickr-calendar.animate .dayContainer.slideRightNew { -webkit-animation: fpFadeIn 400ms cubic-bezier(.23, 1, .32, 1), fpSlideRightNew 400ms cubic-bezier(.23, 1, .32, 1); animation: fpFadeIn 400ms cubic-bezier(.23, 1, .32, 1), fpSlideRightNew 400ms cubic-bezier(.23, 1, .32, 1) } .flatpickr-day { background: 0 0; border-radius: 150px; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 50px; height: 50px; line-height: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 14px; margin: -10px 0 0 } .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover { cursor: pointer; outline: 0; background: #f6f6f6; border-color: #f6f6f6 } .flatpickr-day.today { border-color: #677087 } .flatpickr-day.today:focus, .flatpickr-day.today:hover { border-color: #677087; background: #677087; color: #fff } .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover { background: #677087; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #677087 } .flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange { border-radius: 50px 0 0 50px } .flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange { border-radius: 0 50px 50px 0 } .flatpickr-day.endRange.startRange+.endRange, .flatpickr-day.selected.startRange+.endRange, .flatpickr-day.startRange.startRange+.endRange { -webkit-box-shadow: -10px 0 0 #569ff7; box-shadow: -10px 0 0 #569ff7 } .flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange { border-radius: 50px } .flatpickr-day.inRange { border-radius: 0; -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6 } .flatpickr-day.disabled, .flatpickr-day.disabled:hover { background: 0 0; border-color: transparent } .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay { color: rgba(57, 57, 57, .3); background: 0 0; border-color: transparent; cursor: default } .flatpickr-day.disabled, .flatpickr-day.disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, .1) } .flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7 } .rangeMode .flatpickr-day { margin-top: 1px } .flatpickr-weekwrapper { display: inline-block; float: left } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; -webkit-box-shadow: 1px 0 0 #e6e6e6; box-shadow: 1px 0 0 #e6e6e6 } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, .3); background: 0 0; cursor: default; border: 0 } .flatpickr-innerContainer, .flatpickr-rContainer { -webkit-box-sizing: border-box; box-sizing: border-box } .flatpickr-innerContainer { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; display: block; padding: 0 25px } .flatpickr-rContainer { display: inline-block; padding: 0; width: 100% } .flatpickr-time, .flatpickr-time input { text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box } .flatpickr-time { outline: 0; display: block; max-height: 40px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; height: 0; line-height: 40px } .flatpickr-time:after { content: ""; display: table; clear: both } .flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939 } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939 } .flatpickr-time.hasSeconds .numInputWrapper { width: 26% } .flatpickr-time.time24hr .numInputWrapper { width: 49% } .flatpickr-time input { background: 0 0; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; margin: 0; padding: 0; height: inherit; line-height: inherit; cursor: pointer; color: #393939; font-size: 14px; position: relative } .flatpickr-time input.flatpickr-hour { font-weight: 700 } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400 } .flatpickr-time input:focus { outline: 0; border: 0 } .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator { height: inherit; display: inline-block; float: left; line-height: inherit; color: #393939; font-weight: 700; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400 } .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover { background: #f0f0f0 } .flatpickr-input[readonly] { cursor: pointer } /*! nouislider - 11.0.3 - 2018-01-21 14:04:07 */ @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } /*! nouislider - 14.0.2 - 6/28/2019 */ /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } /* Wrapper for all connect elements. */ .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; -webkit-transform-style: flat; transform-style: flat; } .noUi-connect { height: 100%; width: 100%; } .noUi-origin { height: 10%; width: 10%; } /* Offset direction */ html:not([dir="rtl"]) .noUi-horizontal .noUi-origin { left: auto; right: 0; } /* Give origins 0 height/width so they don't interfere with clicking the * connect elements. */ .noUi-vertical .noUi-origin { width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Slider size and handle placement; */ .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: 0px; left: auto; } /* Styling; * Giving the connect element a border radius causes issues with using transform: scale */ .noUi-target { background: #fafafa; border: 1px solid #d3d3d3; -webkit-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb } .noUi-connects { border-radius: 3px; } .noUi-connect { background: #3fb8af } /* Handles and cursors; */ .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #d9d9d9; background: #fff; cursor: default; -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb } .noUi-active { -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } /* Base; * */ .noUi-pips, .noUi-pips * { -webkit-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } /* Values; * */ .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } /* Markings; * */ .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } /* Horizontal layout; * */ .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } .range__in, .range__in .noUi-handle { -webkit-box-shadow: none; box-shadow: none } .range__in { margin-top: -2px; border: 0; height: 3px } .range__in .noUi-connect { background-color: #fbad18 } .range__in .noUi-handle { height: 12px; width: 12px; border: 2px solid #fbad18; background-color: #fff; top: 0; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; cursor: -webkit-grab; cursor: grab } .range__in .noUi-handle:hover { -webkit-transform: scale(1.2) translate3d(0, 0, 0); transform: scale(1.2) translate3d(0, 0, 0) } .range__in .noUi-handle:after, .range__in .noUi-handle:before { content: none } .range__in .noUi-handle-lower { left: 100% !important; } .range-inputs { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .range-inputs__wrap { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .range-inputs__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 15px; border: 1px solid #F3F3F3; background-color: #fff; height: 40px; cursor: pointer; position: relative; } .range-inputs__label.active:before { content: ''; position: absolute; left: -1px; bottom: 0; height: 1px; width: calc(100% + 2px); background-color: #F15822; } .range-inputs__label.active { border-bottom-color: #F15822; } .range-inputs__label span { display: block; font-weight: 400; font-size: 11px; line-height: 20px; color: #4F4F4F; margin-right: 5px; } .range-inputs__label input { display: block; font-weight: 400; font-size: 11px; line-height: 20px; color: #000; padding: 0; width: 100%; } .range-inputs__label input::-webkit-input-placeholder { font-weight: 400; font-size: 11px; line-height: 20px; color: #000; } .range-inputs__label input::-moz-placeholder { font-weight: 400; font-size: 11px; line-height: 20px; color: #000; } .range-inputs__label input:-moz-placeholder { font-weight: 400; font-size: 11px; line-height: 20px; color: #000; } .range-inputs__label input:-ms-input-placeholder { font-weight: 400; font-size: 11px; line-height: 20px; color: #000; } .range-inputs__label input::-webkit-outer-spin-button, .range-inputs__label input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .navCatalog__dropdown .menu--catalog>.menu__item>.subMenu>.menu__item .list-container>.list-column, .range-inputs .rangeValue { width: 50% } .range-inputs .rangeValue__title { color: #898989; margin-right: 3px } .range-inputs__delimiter { display: inline-block; height: 2px; margin: 0 3px; width: 7px; vertical-align: middle; } /* range end */ .btn, button { position: relative; display: inline-block; border-radius: 0; border: 0; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; background-color: transparent; text-align: center; padding: 0; cursor: pointer; font-family: inherit } .btn--primary, .btn--secondary { color: #f15822; font-size: 13px; font-weight: 500 } .btn--primary.btn--xlg { font-size: 13px } .btn--primary.btn--xlg span { padding: 0 36px; line-height: 56px; min-width: 200px } .btn--primary.btn--lg::after, .btn--primary.btn--lg::before, .btn--primary.btn--xlg::after, .btn--primary.btn--xlg::before { height: 3px } .btn--primary.btn--lg span::after, .btn--primary.btn--lg span::before, .btn--primary.btn--xlg span::after, .btn--primary.btn--xlg span::before { width: 3px } .btn--primary.btn--lg { border-width: 3px; font-size: 15px; font-weight: 500 } .btn--primary.btn--lg span { padding: 17.5px 39px 16.5px } .btn--primary.btn--md span { padding: 14px 37px } .btn--primary.btn--xs { font-size: 12px; font-weight: 500 } .btn--primary.btn--xs span { padding: 5px 19.5px } .btn--primary span, .btn--secondary span { display: block; padding: 12px 29px 13px } .btn--primary span::after, .btn--primary span::before, .btn--primary::after, .btn--primary::before { background: #f15822 } .btn--animate::after, .btn--animate::before, .btn--primary::after, .btn--primary::before, .btn--secondary::after, .btn--secondary::before { content: ""; width: 83%; height: 2px; position: absolute; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear } .btn--animate span::after, .btn--animate span::before, .btn--primary span::after, .btn--primary span::before, .btn--secondary span::after, .btn--secondary span::before { content: ""; width: 2px; height: 70%; position: absolute; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear } .btn:hover::after, .btn:hover::before { width: 100% } .btn:hover span::after, .btn:hover span::before { height: 100% } .btn span::after, .btn span::before, .btn::after, .btn::before { -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s } .btn span::after, .btn::after { right: 0; bottom: 0 } .btn span::before, .btn::before { left: 0; top: 0 } .btn--secondary { color: #fbad18 } .btn--secondary:hover, .catalogBox__nav .tabsBox .menu__item.is-active>a, .navCatalog__dropdown .menu--catalog .menu__item.is-active>a, .navCatalog__dropdown .menu--catalog .menu__item:hover>a, .navCatalog__dropdown .menu--catalog>.menu__item>.subMenu>.menu__item .list-container a:hover { color: #fbad18 } .btn--secondary span::after, .btn--secondary span::before, .btn--secondary::after, .btn--secondary::before { background: #fbad18 } .btn--secondary.btn--xs { font-size: 12px; font-weight: 500 } .btn--secondary.btn--xs span { display: block; padding: 5px 19.5px } .btn--uppercase { text-transform: uppercase } .btn--linkIcon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #677087 } .btn--linkIcon.btn--colorRed, .btn--linkIcon:hover { color: #f15822 } .btn--linkIcon:hover svg:last-child { stroke: #f15822 } .btn--linkIcon.btn--colorBlack, .btn--linkIcon.btn--colorRed:hover { color: #000 } .btn--linkIcon.btn--colorBlack:hover { color: #f15822 } .btn--linkIcon span { font-size: 12px } .btn--linkIcon svg { fill: none; stroke: #000; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .btn--linkIcon svg:not(:last-child) { margin-right: 9px } .btn--catalogToggle { background: -o-linear-gradient(225deg, #f6ae1e 0%, #f6ae1e 20.18%, #f68522 20.28%, #f68522 40.35%, #f15b24 40.45%, #f15b24 60.53%, #af4627 60.63%, #af4627 80.71%, #88321e 80.81%); background: linear-gradient(225deg, #f6ae1e 0%, #f6ae1e 20.18%, #f68522 20.28%, #f68522 40.35%, #f15b24 40.45%, #f15b24 60.53%, #af4627 60.63%, #af4627 80.71%, #88321e 80.81%); color: #fff; font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase; line-height: 1; width: 176px; height: 50px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 31px } .btn--catalogToggle:hover { color: #fff } .btn--catalogToggle .icon-catalog-icon { display: none } .btn--catalogToggle svg { stroke: #fff; width: 22px; height: 14px; vertical-align: middle; margin-right: 19px } .btn--catalogToggle span { vertical-align: middle; display: block; line-height: normal; } .btn--basket:hover, .btn--favorite:hover { color: #000 } .btn--basket .badge, .btn--favorite .badge { position: absolute; z-index: 1 } .btn--basket svg, .btn--favorite svg, .btn--subscribe span { vertical-align: middle } .btn--favorite { padding: 10px } .btn--favorite .badge { top: 6px; left: 4px } .btn--basket { min-width: 26px; min-height: 26px; padding-left: 26px; text-align: left; line-height: 1 } .btn--basket .icon { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .btn--basket .btn__subtitle, .btn--basket .btn__title { display: block; margin-left: 14px } .btn--basket .btn__title { font-size: 11px } .btn--basket .btn__subtitle { font-size: 12px; font-weight: 500; margin-top: 6px; color: #000 } .btn--basket .badge { top: -3px; left: -6px } .btn--linkSquareArrow { color: #fff; font-size: 27px; line-height: 40px; font-family: "Fact-Condensed", sans-serif; letter-spacing: .05em; text-transform: uppercase; text-align: left } .btn--linkSquareArrow:after { content: ''; display: inline-block; width: 19px; height: 19px; background-image: url(/local/templates/.default/css/../img/icons/link_square_arrow.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50% } .btn--gray, .btn--subscribe { font-size: 12px } .btn--subscribe span { display: inline-block } .btn--subscribe .btn__icon { margin-right: 11px } .btn--grid.is-active { pointer-events: none } .btn--grid.is-active svg path { fill: #000; } .btn--grid:hover svg path { fill: #000; } .btn--gray { background-color: #f9f9f9; line-height: 40px; color: #000; padding: 0 24px } .btn--yellow { background-color: #f15822; line-height: 40px; color: #fff; padding: 0 24px } .btn--gray:hover { color: #fff !important; background-color: #677087 !important } .btn--yellow:hover { color: #fff !important; background-color: #677087 !important } .btn--gray.btn--xlg { padding: 0 36px; font-size: 13px; line-height: 60px } .btn--yellow.btn--xlg { padding: 0 36px; font-size: 13px; line-height: 60px } .btn--gray.btn--lg { width: 100%; line-height: 56px; text-align: center; color: #677087; font-size: 12px; font-weight: 500; border: 2px solid transparent } .btn--addFavorite { font-size: 11px } .card--good .btn--addFavorite { position: absolute; right: 10px; top: 10px; z-index: 2; } .btn--addFavorite.btn--md svg { width: 20px; height: 18px } .btn--addFavorite:hover svg, .btn--share.is-active svg, .btn--share:hover svg { stroke: #f15822 } .btn--addFavorite svg { stroke: #000; vertical-align: middle } .btn--addFavorite svg { fill: none; stroke: #cecece; -webkit-transition: .3s all; transition: .3s all } .btn--grid svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out } .btn--addFavorite span:not(:first-child), .btn--share span:not(:first-child), .form--profileHistory .form__head button:not(:first-child) { margin-left: 10px } .btn--share { font-size: 11px; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .btn--share.is-active, .btn--share:hover { color: #f15822 } .btn--share.is-active .shareBox { opacity: 1; visibility: visible } .btn--share.btn--white { color: #fff } .btn--share.btn--white svg { stroke: #fff } .btn--share .shareBox { position: absolute; top: 100%; right: 0; margin-top: 15px } /*.btn--share span, .btn--share svg {*/ /* vertical-align: middle*/ /*}*/ /*.btn--share svg {*/ /* fill: none;*/ /* stroke: #000;*/ /* -webkit-transition: .3s all;*/ /* -o-transition: .3s all;*/ /* transition: .3s all*/ /*}*/ .btn--play { color: #fbad18; font-size: 13px; font-weight: 500 } .btn--play.btn--lg:before { width: 80px; height: 80px; margin-right: 0 } .btn--play:before { content: ''; width: 40px; height: 40px; background-image: url(/local/templates/.default/css/../img/play_button_gradient.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; margin-right: 20px } .btn--back span, .btn--play span, .btn--play:before { vertical-align: middle; display: inline-block } .btn--back { font-size: 11px } .btn--back:hover svg { stroke: #f15822 } .btn--back.btn--xs svg { width: 20px; height: 20px } .btn--back.btn--md svg { width: 40px; height: 40px } .btn--back.btn--white { color: #fff } .btn--back.btn--white svg { stroke: #fff } .btn--back svg, .btn--scrollUp.is-active svg { -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .btn--back svg { fill: none; stroke: #000; vertical-align: middle; overflow: visible } .btn--back span { margin-left: 4px } .btn--scrollUp { width: 0; height: 0; position: fixed; bottom: 20px; right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; background-color: #fbad18; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); z-index: 999 } .btn--scrollUp.is-active { width: 60px; height: 60px } .btn--scrollUp.is-active svg { opacity: 1 } .btn--scrollUp:hover { background-color: #f15822 } .btn--scrollUp:hover svg { fill: #fff } .btn--scrollUp svg { width: 20px; height: 32px } .btn--voting { font-size: 13px } .btn--voting span { display: block } .btn--voting .btn__icon { margin-bottom: 25px } .btn--voting .btn__subtitle { font-size: 12px; color: #898989 } .btn--navPage { text-align: left; display: block; min-height: 100px } .btn--navPage.btn--navPage-prev { padding-left: 120px } .btn--navPage.btn--navPage-prev .btn__icon { border-right: 1px solid #f3f3f3 } .btn--navPage.btn--navPage-next { text-align: right; padding-right: 120px } .btn--navPage.btn--navPage-next .btn__icon { left: auto; right: 0; border-left: 1px solid #f3f3f3; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .btn--navPage .btn__icon { position: absolute; height: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60px; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .btn--navPage .btn__icon svg { fill: #000; width: 11px; height: 20px } .btn--navPage .btn__small { color: #898989; font-size: 12px; display: block; margin-bottom: 18px } .btn--navPage .btn__title { display: block; font-size: 15px; font-weight: 500; max-height: 40px; overflow: hidden } .btn--close:hover svg, .btn--remove:hover svg, .btn--resetFilter:hover svg { stroke: #f15822 } .btn--remove { width: 22px; height: 22px; } .btn--remove svg { stroke: #000; fill: none; width: 22px; height: 22px; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .btn--print, .btn--saveExcel, .modal .notification.notification--lg.notification--alert .notification__subtitle { font-size: 12px } .btn--saveExcel span, .btn--saveExcel svg { vertical-align: middle; display: inline-block } .btn--saveExcel svg { fill: none; stroke: #000; margin-right: 6px } .btn--print span, .btn--print svg { vertical-align: middle; display: inline-block } .btn--print svg { fill: none; stroke: #000; margin-right: 6px } .btn--close, .btn--resetFilter { padding: 20px } .btn--close svg, .btn--resetFilter svg { fill: none; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .btn--close svg { stroke: #cecece } .btn--resetFilter svg { stroke: #000 } .btn--burger .bar { width: 16px; height: 1px; background-color: #000; border-radius: 100px; display: block } .btn--burger .bar:not(:first-child) { margin-top: 4px } .btn--loginProfile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .btn--loginProfile svg { fill: none; stroke: #000; width: 17px; height: 17px } .btn--loginProfile:after { content: ''; position: relative; width: 12px !important; height: 12px !important; background-image: url(/local/templates/.default/css/../img/icons/location_arrow_down.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; margin-left: 6px } .modal--test { position: fixed; top: 0; left: 0; right: 0; margin: 30px; display: block !important } .fancybox-bg, .modal { background-color: #fff } .modal { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); display: none; overflow: visible; width: 100%; max-width: 480px; padding: 66px 50px 61px 60px } .modal.modal--xs { max-width: 580px } .modal.modal--md, .modal.modal--sm { max-width: 620px; padding: 66px 60px 61px } .modal.modal--md { max-width: 740px } .modal .btn--close { position: absolute; top: 0; right: 0 } .modal .fancybox-button { display: none } .modal .notification { margin-top: -12px; margin-bottom: 15px } .modal .notification.notification--lg.notification--alert { padding: 0 0 0 80px; border: 0 } .modal .notification.notification--lg.notification--alert:before { top: 1px; left: -3px } .modal .form__button { text-align: center } .modal__title { font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase; margin-bottom: 40px } .modal__title+.modal__subtitle { margin-top: -20px } .modal__subtitle { font-size: 13px; margin-bottom: 35px } .form--auth .form__bottom, .form--auth .form__row { display: -webkit-box; display: -ms-flexbox; display: flex } .form--auth .form__row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px } .form--auth .form__row .form__field { width: 50%; padding: 0 10px; margin-bottom: 18px } .form--auth .form__bottom { margin-top: 23px } .form--auth .form__bottom .form__button { margin-right: 7px } .form--auth .form__bottom .form__link { margin-left: 33px } .form--resetPassword .form__field:not(:first-child) { margin-top: 44px } .form--resetPassword .form__button { text-align: center; margin-top: 60px } .companyLocation { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 12px; border-top: 1px solid #f3f3f3; margin-top: 35px; padding-top: 35px } .companyLocation .companyLocation__item { width: 33.33% } .companyLocation__title { font-size: 13px; font-weight: 500; margin-bottom: 10px } .form--callback .form__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -44px } .form--callback .form__row .form__field { margin-bottom: 44px } .form--callback .form__row>.form__field:nth-child(odd) { width: 51.6129% } .form--callback .form__row>.form__field:nth-child(even) { width: 41.93548% } .form--callback .form__row .input--phone { max-width: 200px } .form--callback .textarea { height: 160px } .form--callback .form__selects { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .form--callback .form__selects .selectric-wrapper { width: 120px } .form--callback .form__selects .delimetr { display: block; margin: 0 8px; font-size: 12px } .form--callback .form__button { margin-top: 36px } .icon-registr { width: 15px; height: 15px } .icon-phone, .icon-search { fill: none; stroke: #000 } .companyInfo .companyInfo__mail a, .link { color: #677087; font-size: 12px } .link.link--md { font-size: inherit } .link.link--xs { font-size: 11px } .link.link--sm { font-size: 13px } .badge, .badge--xs { font-size: 11px; line-height: 1; display: inline-block } .badge { font-weight: 500; letter-spacing: .04em; text-transform: uppercase; vertical-align: middle; font-family: "Fact-Condensed", sans-serif; padding: 4px 8.5px 5px } .badge--xs { font-family: "ALSKraft", sans-serif; padding: 1px 4px 2px } .badge--primaryBg { background-color: #677087; color: #fff } .badge--secondaryBg { background-color: #fbad18; } .badge--secondaryBg--black { background-color: #fbad18; color: #000; } .badge--greenBg { background-color: #8ea407; color: #fff } .badge--redBg { background-color: #f15822; color: #fff } .badge--gradientBg { background: -o-linear-gradient(222.75deg, #f6ae1e 0%, #f6ae1e 20%, #f68522 20.1%, #f68522 40%, #f15b24 40.1%, #f15b24 60%, #af4627 60.1%, #af4627 80%, #88321e 80.1%); background: linear-gradient(227.25deg, #f6ae1e 0%, #f6ae1e 20%, #f68522 20.1%, #f68522 40%, #f15b24 40.1%, #f15b24 60%, #af4627 60.1%, #af4627 80%, #88321e 80.1%); color: #fff } .badge--grayBg { color: #000; background-color: #f3f3f3 } .price { font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase; color: #fbad18; white-space: nowrap; display: block; } .price.old-price { font-size: 11px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase; text-decoration: line-through; color: #000; white-space: nowrap; } .price.price--old { color: #000; display: inline; position: relative } .price.price--old:before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #000; margin-top: -2px } .price.price--xs { font-size: 15px; font-family: "Fact", sans-serif; color: #000 } .price.price--xs:after { font-family: "Fact", sans-serif; font-weight: 400 } .price.price--regular { color: inherit; font-size: inherit } .price.price--regular, .price.price--regular:after { font-family: "Fact", sans-serif; font-weight: inherit } .price:after { content: ' ₽'; display: inline-block; font-weight: 700; margin-left: 4px } .priceTitle { font-size: 12px } .priceBox--column .price--new { display: block; margin-bottom: 4px } .priceBox--column .price--new:after { margin-left: 8px } .priceBox--lg .priceTitle { font-size: 12px; font-weight: 500; margin-bottom: 20px } .priceBox--lg .price { font-size: 40px; line-height: 40px; letter-spacing: .02em; font-family: "ALSKraft", sans-serif } .priceBox--lg .price:not(.price--old) { display: block } .priceBox--lg .price--old { font-size: 24px; } .header__buttons ul, .selectItem, .selectric-wrapper.selectric-js-select-primary .selectric { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .selectItem__title { font-size: 12px; color: #898989; margin-right: 8px } .selectItem__title .selectItem__button { display: none; } .selectric-wrapper.selectric-js-select-primary .selectric { border: 0; background: 0 0 } .selectric-wrapper.selectric-js-select-primary .selectric .button { line-height: 1 } .selectric-wrapper.selectric-js-select-primary .selectric .label { height: auto; line-height: 1; font-size: 12px; margin: 0; color: #677087 } .selectric-wrapper.selectric-js-select-primary .selectric .button { position: relative; width: 12px; height: 12px; background-image: url(/local/templates/.default/css/../img/icons/location_arrow_down.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; margin-left: 5px } .selectric-wrapper.selectric-js-select-primary .selectric .button:after { content: none } .header { position: relative; z-index: 15; background-color: #fff } .header__top { border-bottom: 1px solid #f3f3f3; padding: 20px 0 19px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .header__top .header__burger, .header__top .header__login { display: none } .header__top .header__location { max-width: 120px; width: 100% } .header__top .header__location .locationUser__current { margin-top: -1px } .header__top .header__location .locationUser__current span { display: inline-block; vertical-align: middle; max-width: 87px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis } .header__top .header__timetable { margin-left: 40px } .header__top .header__buttons { margin-left: auto; width: 50% } .header__timetable { color: #898989; font-size: 12px } .header__buttons li:not(:first-child) { margin-left: 47px } .header__buttons li.pullRight { margin-left: auto } .header__center { padding: 31px 0 29px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .header__center .header__logo { width: 17.85714% } .header__center .header__logo img { width: 176px } .header__center .header__search { width: 58.92857%; position: relative; } .searchBar-dropdown { opacity: 0; visibility: hidden; width: 100%; border: 3px solid #f3f3f3; border-top: none; margin: 0 0 0 0; position: static; z-index: 10; background: #fff; padding: 1px 15px 15px 15px; max-height: 450px; overflow-y: scroll; overflow-x: hidden; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; padding-bottom: 30px; } .searchBar-dropdown__wrapper ul>a { position: absolute; bottom: 2px; left: 3px; width: calc(100% - 6px); text-align: center; padding: 15px; background-color: #fff; } .searchBar-dropdown__wrapper { position: absolute; z-index: 10; top: 60px; left: 0; max-height: 450px; width: 100%; } .searchBarItem_img { display: block; float: left; width: 45px; height: 45px; margin-right: 12px; } .search-clear { cursor: pointer; position: absolute; top: 20px; right: 15px; color: #909090; font-size: 15px; opacity: 0; visibility: hidden; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .input-search { padding-right: 85px; } .searchBarItem_img img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .searchBarItem_cat { font-size: 15px; } .searchBarItem_cat-way { color: #ccc; font-size: 13px; } .searchBarItem { display: block; min-height: 45px; border-bottom: 1px solid #ccc; margin: 20px 0 20px 0; padding: 0 0 10px 0; -webkit-box-sizing: content-box; box-sizing: content-box; } .searchBarItem:after { content: ""; clear: both; display: table; } .header__center .header__phone { width: 15.625% } .header__phone .phone { display: block; font-size: 27px; font-family: "Fact-Condensed", sans-serif; line-height: 1; font-weight: 500; white-space: nowrap } .header__phone .phone:not(:last-child) { margin-bottom: 10px } .header__bottom { padding: 15px 0 9px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .header__bottom, .header__bottom .menu, .header__bottom>.goodsControls { position: relative } .header__bottom:before { content: ''; position: absolute; top: 0; left: -100%; right: -100%; bottom: 0; background: #f9f9f9 } .header__bottom .goodsControls { padding-right: 5px } .headerSticky { position: fixed; top: 0; left: 0; right: 0; z-index: 50; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: .3s all ease-in; -o-transition: .3s all ease-in; transition: .3s all ease-in; visibility: hidden } .headerSticky.is-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible } .headerSticky .navCatalog__dropdown { display: none } .headerSticky .header__bottom:before { background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1) } .footer { background-color: #f9f9f9; padding: 65px 0 75px; margin-bottom: 20px } .footer .footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex } .footer .footer__inner .footer__left { width: 28.57143% } .footer .footer__inner .footer__center { width: 27.32143%; margin-left: 10.625% } .footer .footer__inner .footer__right { margin-left: 8.21429% } .footer .footer__left .footer__years { margin-bottom: 20px } .footer .footer__left .footer__dev, article p+h5 { margin-top: 40px } .footer .footer__center .locationUser { margin-bottom: 19px } .footer .footer__buttons li:not(:first-child) { margin-top: 19.5px } .footer .btn--linkIcon svg { stroke: #cecece; vertical-align: middle } .footer .btn--linkIcon .icon-registr { width: 19px; height: 19px } .footer .btn--linkIcon .btn__icon { display: inline-block; vertical-align: middle; min-width: 22px; margin-right: 15px } .footer .btn--linkIcon .btn__icon svg { margin-right: 0 } .footer__years { font-size: 15px } .footer__copyright { color: #898989; font-size: 12px } .footer__dev { font-size: 12px } .companyInfo .companyInfo__mail a:hover, .dev:hover, .dev:hover span, .nav--primary .menu--primary a:hover { color: #f15822 } .dev span { -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; color: #677087 } .companyInfo { font-size: 15px } .companyInfo .companyInfo__phone, article h5, article h6 { margin-bottom: 20px } .companyInfo .companyInfo__mail { margin-top: 20px } h1, h4 { font-weight: 400 } h1, h2, h3, h4, h5, h6 { margin: 0 } h1 { font-size: 40px; line-height: 40px; letter-spacing: .02em; font-family: "ALSKraft", sans-serif } h2 { font-size: 48px; line-height: 60px; font-weight: 600 } h1, h3, h4 { text-transform: uppercase } h3 { line-height: 45px; font-weight: 900; font-size: 36px } h4 { font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em } h5, p { font-size: 15px } article, h5, h6 { font-weight: 500 } article, h6 { font-size: 13px } p { line-height: 20px; margin: 0 } .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -10px } .wrapper:after, article:after { content: " "; display: table; clear: both } .wrapper img { margin-left: 10px; margin-right: 10px } article p { font-size: 13px; margin: 20px 0 } article h4 { margin-bottom: 38px } article .videoBox, article>img { display: block; margin: 20px 0 } article>img { margin: 20px auto } article .wrapper+.i-content, article img+.i-content { margin-top: 86px; margin-bottom: 76px } article .articleBody__link { margin: 50px 0 60px } .assortmentList ul, .listPrimary, .section--assortment .mobileSlider ul, article p, article ul { font-weight: 400 } .assortmentList ul li, .listPrimary li, .section--assortment .mobileSlider ul li, article ul li { position: relative; padding-left: 21px } .assortmentList ul li:before, .listPrimary li:before, .section--assortment .mobileSlider ul li:before, article ul li:before { content: ''; position: absolute; top: 9px; left: 2px; width: 5px; height: 5px; background-color: #fbad18; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .assortmentList ul li:not(:first-child), .listPrimary li:not(:first-child), .navCatalog__dropdown .menu--catalog>.menu__item>.subMenu>.menu__item .list-container>.list-column .menu__item:not(:first-child), .navCatalog__dropdown .menu--catalog>.menu__item>.subMenu>.menu__item:not(:first-child), .section--assortment .mobileSlider ul li:not(:first-child), article ol li:not(:first-child), article ul li:not(:first-child) { margin-top: 20px } ol { margin: 0; padding: 0 } article ol { list-style-type: none; counter-reset: list; font-weight: 400; margin: 40px 0; padding-left: 40px } article ol li { position: relative; padding-left: 18px } article ol li:before { counter-increment: list; content: counter(list) "."; position: absolute; top: 0; left: 0 } table td, table th { padding: 0; border: 0 } .basketMini { position: absolute; top: 100%; right: 0; background-color: #fff; width: 460px; z-index: 45; margin-top: 13px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); opacity: 0; visibility: hidden; max-height: calc(100vh - 270px); } .basketMini__inner { width: 100%; overflow: auto; height: 100%; padding: 35px 20px 40px; max-height: calc(100vh - 270px); } .basketMini__inner::-webkit-scrollbar { width: 5px; margin-right: 12px; } .basketMini__inner::-webkit-scrollbar-track { background: #f9f9f9; } .basketMini__inner::-webkit-scrollbar-thumb { background: #F15822; } .basketMini:after, .basketMini:before { content: ''; position: absolute; bottom: 100% } .basketMini:before { width: 80px; background-image: url(/local/templates/.default/css/../img/basketMini_decor.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; right: 84px; height: 20px } .basketMini:after { right: 0; left: 0; height: 30px } .basketMini__goods .card:not(:first-child) { padding-top: 15px; margin-top: 20px; border-top: 1px solid #f3f3f3 } .basketMiniTotal, .basketMiniTotal__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .basketMiniTotal { background-color: #f9f9f9; margin-top: 25px; padding: 18px 40px 15px } .basketMiniTotal__item { line-height: 1; margin: 0 29px } .basketMiniTotal__title { font-size: 11px; color: #898989; margin-right: 20px; margin-top: -4px } .basketMiniTotal__value { color: #000; font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase } .basketMini__button { text-align: center; margin-top: 43px } .goodsControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .goodsControls .icon-basket, .goodsControls .icon-favorite { fill: none; stroke: #000 } .goodsControls__item:not(:first-child) { margin-left: 28px } .nav--primary .btn--catalogToggle { margin-right: 55px } .nav--primary, .nav--primary .menu--primary { display: -webkit-box; display: -ms-flexbox; display: flex } .nav--primary .menu--primary li:not(:first-child) { margin-left: 58px } .nav--primary .menu--primary a { font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase; padding: 18px 0; display: block; white-space: nowrap; line-height: normal; } .navCatalog__dropdown { position: absolute; top: 100%; left: 0; right: 0; z-index: 3; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); display: none } .navCatalog__dropdown:before { content: ''; position: absolute; left: 38px; bottom: 100%; width: 80px; height: 10px; background-image: url(/local/templates/.default/css/../img/nav_catalog_topDecor.svg) } .navCatalog__dropdown:after { content: ''; position: absolute; bottom: 100%; left: 0; right: 0; height: 15px } .navCatalog__dropdown .navCatalog__column { pointer-events: none } .navCatalog__dropdown .navCatalog__column:first-child { position: absolute; top: 0; left: 21.42857%; bottom: 0; width: 260px; background-color: #6f778d; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); z-index: 1 } .navCatalog__dropdown .navCatalog__column:nth-child(2) { position: absolute; top: 0; left: calc(21.42857% + 259px); bottom: 0; background-color: #fff; width: 621px } .navCatalog__dropdown .menu { z-index: 2 } .navCatalog__dropdown .list-container, .navCatalog__dropdown .subMenu { position: absolute; left: 100%; top: 0; opacity: 0; visibility: hidden; background-color: #fff; min-height: 400px } .navCatalog__dropdown .list-container, .navCatalog__dropdown .menu--catalog>.menu__item>.subMenu>.menu__item .list-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap } .navCatalog__dropdown .menu--catalog { padding: 44px 0; background-color: #677087; width: 21.42857%; min-height: 400px } .navCatalog__dropdown .menu--catalog>.menu__item>a { font-size: 15px; font-weight: 500; padding: 10px 40px; position: relative } .navCatalog__dropdown .menu--catalog>.menu__item>.subMenu>.menu__item>a:before, .navCatalog__dropdown .menu--catalog>.menu__item>a:before { content: ''; position: absolute; right: 40px; width: 4px; height: 8px; background-image: url(/local/templates/.default/css/../img/nav_arrow_primary.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50% } .navCatalog__dropdown .menu--catalog>.menu__item>a:before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; margin-top: 2px } .navCatalog__dropdown .menu--catalog>.menu__item>.subMenu { background-color: #6f778d; padding: 45px 0 25px; width: 260px } .navCatalog__dropdown .menu--catalog>.menu__item>.subMenu>.menu__item .list-container { background-color: #fff; padding: 45px 40px 25px; width: 620px } .navCatalog__dropdown .menu--catalog>.menu__item>.subMenu>.menu__item .list-container a { color: #677087 } .navCatalog__dropdown .menu--catalog>.menu__item>.subMenu>.menu__item>a { padding: 0 40px; position: relative } .navCatalog__dropdown .menu--catalog>.menu__item>.subMenu>.menu__item>a:before { top: 0; margin-top: 8px } .catalogBox__nav .tabsBox .menu__item.is-active>a:before, .navCatalog__dropdown .menu--catalog .menu__item.is-active>a:before, .navCatalog__dropdown .menu--catalog .menu__item:hover>a:before { background-image: url(/local/templates/.default/css/../img/nav_arrow_secondary.svg) !important } .navCatalog__dropdown .menu--catalog .menu__item.is-active .list-container, .navCatalog__dropdown .menu--catalog .menu__item.is-active .subMenu, .navCatalog__dropdown .menu--catalog .menu__item:hover>.list-container, .navCatalog__dropdown .menu--catalog .menu__item:hover>.subMenu { opacity: 1; visibility: visible } .navCatalog__dropdown .menu--catalog a { color: #fff; display: block } .form__search { position: relative } .form__search .input { height: 60px; border: 3px solid #f3f3f3; width: 100%; padding-left: 71px } .form__search .btn--search { position: absolute; top: 0; left: 0; bottom: 0; width: 83px; text-align: center; padding-top: 4px } .form__search .btn--search svg { overflow: visible } .locationUser { font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .locationUser .locationUser__title { color: #898989; margin-right: 8px } .locationUser .locationUser__current { color: #677087; position: relative; white-space: nowrap } .locationUser .locationUser__current:after { content: ''; display: inline-block; width: 12px; height: 12px; background-image: url(/local/templates/.default/css/../img/icons/location_arrow_down.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; vertical-align: middle; margin-left: 3px } .section--banner { margin: 20px 0 } .banner, .banner .banner__left { display: -webkit-box; display: -ms-flexbox; display: flex } .banner { height: 480px } .banner .banner__left { width: 75.71429%; position: relative; z-index: 1 } .banner .banner__right { width: 24.28571% } .banner .banner__right .card { border: 3px solid #f3f3f3; margin-left: -4px; padding: 40px 55px 40px 61px; min-height: 100% } .banner .borderBox { max-width: 320px } .banner .banner__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2 } .banner__column { position: relative; width: 7.54717%; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .banner__column.is-active { width: 77.35849%; padding: 80px 80px 89px } .banner__column.is-active .js-banner-slide { display: none } .aboutCompanyMain.is-active .aboutCompanyMain__bottom:before, .banner__column.is-active .banner__previewTitle { opacity: 0; visibility: hidden } .banner__column.is-active .banner__head, .banner__column.is-active .banner__text { display: block; -webkit-animation: fadeIn .3s ease-in forwards; animation: fadeIn .3s ease-in forwards; -webkit-animation-delay: .2s; animation-delay: .2s } .banner__column .js-banner-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2 } .banner__column .banner__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50% } .banner__column .banner__head, .banner__column .banner__text { position: relative; z-index: 1; max-width: 380px; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; display: none; opacity: 0 } .banner__column .banner__text { color: #fff; margin-top: 50px } .banner__column .banner__previewTitle, .borderBox__title { font-family: "ALSKraft", sans-serif; text-transform: uppercase } .banner__column .banner__previewTitle { position: absolute; letter-spacing: .03em; white-space: nowrap; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; left: 50%; top: 59px; margin-left: 8px; color: #fff; font-size: 18px } .borderBox { border: 5px solid #fbad18; display: inline-block; padding: 18px 16px 5px; position: relative } .borderBox__title { color: #fbad18; font-size: 38px; line-height: 38px } .borderBox .borderBox__decorLeft, .borderBox .borderBox__decorRight { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; height: 185px; position: absolute; top: -5px } .borderBox .borderBox__decorLeft, .borderBox.borderBox--decor .borderBox__decorLeft { width: 120px; right: 100%; margin-right: 15px } .borderBox .borderBox__decorRight, .borderBox.borderBox--decor .borderBox__decorRight { width: 55px; left: 100%; margin-left: 15px } .borderBox--md { padding: 20px 20px 15px } .borderBox--md .borderBox__title { font-size: 45px; line-height: 45px } .borderBox--xs { padding: 20px 24px 15px } .borderBox--xs .borderBox__decorLeft, .borderBox--xs .borderBox__decorRight { background-position: top center; bottom: -5px; height: auto } .section--subscribe { margin: 47px 0 46px } .section--subscribe.section--subscribeTopBorder { position: relative; margin: 0; padding: 47px 0 46px } .section--subscribe.section--subscribeTopBorder:before { content: ''; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 1130px; border-top: 1px solid #f3f3f3; height: 1px } .subscribe { position: relative; padding-left: 25% } .subscribe .subscribe__title { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .subscribe .subscribeList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .subscribe .subscribeList__item { width: 20% } .section--catalogGoods { padding-bottom: 98px; z-index: 2; position: relative } .section--catalogGoods .section__inner { padding-top: 68px } .section--catalogGoods .tabs { margin-top: 46px } .section--catalogGoods .tabsBox { margin-top: 60px } .section--catalogGoods .grid__item:nth-child(n+5) { margin-top: 55px } .section--gray { background-color: #f9f9f9 } .section--decorTop { padding-top: 70px; position: relative } .menuBox:before, .section--decorBottom:before, .section--decorTop:before { content: ''; position: absolute; left: 10px; right: 10px; background-image: url(/local/templates/.default/css/../img/pattern_top_section.svg); height: 60px } .section--decorTop:before { top: 10px } .menuBox, .section--decorBottom { padding-bottom: 70px; position: relative } .menuBox:before, .section--decorBottom:before { bottom: 10px } .section--primaryBg { background-color: #677087; color: #fff } .section--primaryBg .aboutCompanyGroup__title, .section--primaryBg .aboutCompanyInfo__subtitle, .section--primaryBg .aboutCompanyInfo__title, .section--primaryBg .listDefault__title { color: #fff } .section--aboutCompany.section--primaryBg .aboutCompanyBlock__subtitle p, .section--gradientBg .listDefault__subtitle, .section--primaryBg .listDefault__subtitle, .section--primaryBg p, .section--primaryBg ul { color: rgba(255, 255, 255, .8) } .section--secondaryBg { background-color: #fbad18; color: #000 } .section--gradientBg { background: -o-linear-gradient(222.68deg, #f6ae1e 0%, #f6ae1e 20%, #f68522 20.1%, #f68522 40%, #f15b24 40.1%, #f15b24 60%, #af4627 60.1%, #af4627 80%, #88321e 80.1%); background: linear-gradient(227.32deg, #f6ae1e 0%, #f6ae1e 20%, #f68522 20.1%, #f68522 40%, #f15b24 40.1%, #f15b24 60%, #af4627 60.1%, #af4627 80%, #88321e 80.1%); color: #fff } .section__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .section__head .section__right { margin-left: auto } .section__bottom--mobile { display: none } .grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; } .grid__item { width: 100% } .gridSlider { display: none; overflow: visible; margin-top: 35px; padding-right: 20px } .gridSlider .grid__item { border: 2px solid #f3f3f3; height: auto !important } .gridSlider .grid__item:not(:first-child) { border-left: 0 } .gridSlider .grid__item .card { border: 0 } .colDesktop--2-5 { width: 20% } .colDesktop--3 { width: 25% } .colDesktop--4 { width: 33.33% } .colDesktop--6, .goodCard__info>div { width: 50% } .colDesktop--12 { width: 100% } [class*=flex] { display: -webkit-box; display: -ms-flexbox; display: flex } .flex-wrap { -ms-flex-flow: wrap; flex-flow: wrap } .flex-column-between { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .section--goodsGrid { /*margin-top: 70px;*/ /*margin-bottom: 80px*/ } .section--goodsGrid .section__inner { margin-top: 32px; padding-bottom: 40px; position: relative; } .section--goodsGrid .grid { /*margin-top: 45px;*/ padding-top: 1px; padding-left: 1px; } .section--blogLatest { padding: 69px 0 80px } .section--blogLatest .grid { margin-top: 47px; border: 1px solid #f3f3f3 } .section--blogLatest .card { min-height: 359px } .section--blogLatest .brand { min-height: 200px } .section--aboutCompany { margin: 20px 0; padding: 80px 0; } .section--aboutCompany .section__bg { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; height: 480px; margin-top: -80px; margin-bottom: 80px } .section--aboutCompany .section__bg--fixed { background-attachment: fixed } .section--aboutCompany .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap } .section--aboutCompany .section__inner>.section__title { width: 100%; margin-bottom: 57px } .section--aboutCompany .section__inner .section__fullwidth { width: 100% } .section--aboutCompany .section__inner .section__left { width: 31.6% } .borderBox__image { display: block; } .section--aboutCompany .section__inner .section__right { width: 58.8%; margin-left: auto; } .tabsList--secondary a { font-weight: 700; font-size: 16px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); } .section--aboutCompany .section__inner .section__right.section__right--secondary { width: 64.46429%; margin-left: auto } .section--aboutCompany .aboutCompany__head { font-size: 15px; font-weight: 500; margin-top: 56px } .section--aboutCompany .aboutCompany__title { margin-top: 45px } .section--aboutCompany .aboutCompany__button { margin-top: 54px; } .section--aboutCompany .tabsBox { margin-top: 65px; } .section--aboutCompany .aboutCompany__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin: 0 -25px; gap: 40px 0; } .section--aboutCompany .aboutCompanyBlock { padding: 0 25px; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .section--aboutCompany.section--gradientBg .listDefault__item.colDesktop--2 { width: 20% } .section--aboutCompany.section--gradientBg .listDefault__item.colDesktop--4 { width: 40% } .section--aboutCompany.section--gradientBg .listDefault__item.colDesktop--6 { width: 60% } .section--aboutCompany .listDefault { max-width: 1100px } .section--aboutCompany .listDefault:last-child { margin-bottom: -38px } .section--aboutCompany .listDefault:not(:first-child) { margin-top: 40px } .section--aboutCompany .listDefault__title { min-height: 40px } .aboutCompany__title { font-size: 27px; line-height: 40px; font-family: "Fact-Condensed", sans-serif; letter-spacing: .05em; font-weight: 500; text-transform: uppercase; color: #fff; } .aboutCompanyBlock__title { font-size: 15px; line-height: 20px; font-weight: 700; text-transform: none; } .aboutCompanyBlock__title_yellow { color: #fbad18; } .aboutCompanyBlock__subtitle { margin-top: 12px; font-size: 13px; line-height: 20px; font-weight: 400; } .aboutCompanyBlock__subtitle p { font-size: 13px; margin: 20px 0 } .section--aboutCompany.section--aboutCompanyProjects { padding-bottom: 76px } .aboutCompany__text, .aboutCompany__text p { font-size: 13px } .aboutCompany__text+.aboutCompany__title { margin-top: 25px } .breadcrumbs { padding: 32px 0 16px; position: relative; z-index: 1; background-color: #fff; } .breadcrumbsList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-flow: wrap; flex-flow: wrap } .breadcrumbsList a, .breadcrumbsList span { font-size: 11px; color: #898989 } .breadcrumbsList li:hover a span { color: #000; } .breadcrumbsList__item:not(:last-child) { position: relative } .breadcrumbsList__item:not(:last-child):after { content: ''; width: 4px; height: 6px; display: inline-block; vertical-align: middle; background-image: url(/local/templates/.default/css/../img/breadcrumbs_arrow.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; margin: 0 13px 0 10px } .section--catalogMain .catalogMain { padding-top: 96px } .catalogMain .grid__item { margin-bottom: 55px } .catalogMain__item:not(:first-child) { border-top: 1px solid #f3f3f3; margin-top: 33px; padding-top: 66px } .catalogMain__title { display: block; font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase; margin-bottom: 35px } .section--aboutCompanyMain { padding: 78px 0 61px } .aboutCompanyMain { margin-top: 56px } .aboutCompanyMain.is-active .aboutCompanyMain__bottom { margin-top: 30px } .aboutCompanyMain__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin: 0 -15px } .aboutCompanyMain__column { width: 30.35714%; margin: 0 15px; padding-right: 5px } .aboutCompanyMain__column h2 { font-size: 15px; line-height: 20px; margin-bottom: 20px; font-weight: 500; } .aboutCompanyMain__bottom { position: relative; margin-top: -50px } .aboutCompanyMain__bottom:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 64px; background: -o-linear-gradient(top, rgba(103, 112, 135, 0) 0%, #677087 83.17%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(103, 112, 135, 0)), color-stop(83.17%, #677087)); background: linear-gradient(180deg, rgba(103, 112, 135, 0) 0%, #677087 83.17%); -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .filter { position: relative } .filter .filter__reset { position: absolute !important; top: 30px; right: -21px; z-index: 10; display: none; } .filterItem:hover:not(.is-completed) .filterItem__title:after { background-image: url(/local/templates/.default/css/../img/icons/location_arrow_down--primary.svg) } .filterItem:hover:not(.is-completed) .filterItem__subtitle { color: #000 } .filterItem.is-active .filterItem__title:after, .filterItem.is-completed .filterItem__title:after { background-image: url(/local/templates/.default/css/../img/icons/location_arrow_down--primary.svg) } .filterItem.is-completed .filterItem__reset { display: block } .filterItem.is-completed .filterItem__subtitle { color: #000 } .filterItem.is-active .filterItem__title { color: #f15822 } .filterItem.is-active.is-selected .filterItem__reset { display: block } .filterItem__head { cursor: pointer } .filterItem__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1 } .filterItem__top .filterItem__reset { margin-left: 20px; display: none; margin-top: -5px } .filterItem__top .filterItem__reset .btn { vertical-align: middle } .filterItem__title { font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase; position: relative } .filterItem__title:after { content: ''; background-repeat: no-repeat; background-size: cover; background-position: 50% 50% } .filterItem__subtitle, .filterItem__title, .filterItem__title:after { -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .filterItem__title:after { display: inline-block; vertical-align: middle; margin-left: 8px; width: 14px; height: 14px; background-image: url(/local/templates/.default/css/../img/icons/location_arrow_down.svg); margin-top: -2px } .filterItem__subtitle { color: #898989; font-size: 11px; margin-top: 9px } .filterMobileHead { display: none } .filterList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .filterList .filterItem { width: 25% } .filterFields { display: none; border-top: 1px solid #eaeaea; margin-top: 33px; padding-top: 25px } .filterFields.is-active, .grid.grid--alternative .card--good .card__stock .stock__text { display: block } .filterBox .filterFields__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px -25px; padding-right: 20px } .filterBox .filterFields__row>div { width: 25%; padding: 0 10px; margin-bottom: 25px } .filterCategory__item { border-bottom: 1px solid #f3f3f3 } .filterCategory .filterCategory__head, .section--catalog .filter>div { position: relative } .filterCategory .filterCategory__head>div { padding: 30px 0; width: 100%; cursor: pointer; font-size: 15px; font-weight: 500; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filterCategory .filterCategory__head>div .back { width: 21px; display: none; } .filterCategory .filterCategory__head>span { display: block; margin-right: 10px; } .filterCategory .filterCategory__head>div .toggle { margin-left: auto; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; will-change: transform; } .filterCategory .filterCategory__head>div .toggle path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .filterCategory__item.is-active .filterCategory__head>div .toggle { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .filterCategory__item.is-active .filterCategory__head>div .toggle path { fill: #F15822; } .filterCategory__item.is-active .filterCategory__head>div .back { display: flex; } .filterCategory .filterCategory__head+.filterCategorySubMenu { margin-top: 15px; padding-left: 34px; padding-bottom: 53px } .filterCategory a { color: #677087; font-size: 12px; line-height: 20px; font-weight: 700; display: block; } .filterCategorySubMenu .filterCategorySubMenu__item:not(:last-child) { margin-bottom: 16px; } .filterCategorySubMenu .filterCategorySubMenu__item a { color: #4F4F4F; } .filterCategory .filterCategorySubMenu .filterCategorySubMenu__item>a { color: #000; } .filterCategorySubMenu__item.filterCategorySubMenu__item--parent { -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filterCategorySubMenu__item.filterCategorySubMenu__item--parent>a { display: block; margin-right: 16px; } .bold_section { font-weight: 500; color: #000 !important; } .filterCategory a.is-active { color: #f15822 } .filterCategorySubMenu { display: none } .filterCategory__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filterCategory .filterCategory__item .filterCategory__head-link { margin-right: 16px; display: none; } .filterCategory__head-link svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .filterCategory__head-link:hover svg path { fill: #f15822; } .filterCategory .filterCategory__item.is-active .filterCategory__head-link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filterCategorySubMenu__item>.filterCategorySubMenu { padding-left: 35px; margin-top: 15px; width: 100%; } .filterCategorySubMenu .filterCategorySubMenu__item--parent>div, .filterCategorySubMenu__item>a { width: calc(100% - 27px); cursor: pointer; font-size: 13px; line-height: 20px; font-weight: 500; color: #000; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filterCategorySubMenu .filterCategorySubMenu__item--parent>a { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filterCategorySubMenu .filterCategorySubMenu__item--parent.is-active>a { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .filterCategorySubMenu .filterCategorySubMenu__item--parent>a svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .filterCategorySubMenu .filterCategorySubMenu__item--parent>a:hover svg path { fill: #f15822; } .filterCategorySubMenu .filterCategorySubMenu__item--parent>div span { display: block; } .filterCategorySubMenu .filterCategorySubMenu__item--parent>div .back { min-width: 7px; min-height: 13px; max-width: 7px; max-height: 13px; } .filterCategorySubMenu .filterCategorySubMenu__item--parent>div a { display: flex; min-width: 23px; } .filterCategorySubMenu .filterCategorySubMenu__item--parent>div .no-open { min-width: 11px; min-height: 11px; max-width: 11px; max-height: 11px; } .filterCategorySubMenu .filterCategorySubMenu__item--parent>div .no-open { margin-left: 16px; } .filterCategorySubMenu__item a { -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .filterCategorySubMenu__item a:hover { color: #F15822 !important; } .filterCategorySubMenu .filterCategorySubMenu__item--parent>div:hover { color: #000 !important; } .filterCategorySubMenu__item a { font-weight: 500; } .filterCategorySubMenu .filterCategorySubMenu__item--parent>div .back path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .filterCategorySubMenu .filterCategorySubMenu__item--parent>div .no-open path { -webkit-transition: stroke .3s ease-in-out; -o-transition: stroke .3s ease-in-out; transition: stroke .3s ease-in-out; } .filterCategorySubMenu .filterCategorySubMenu__item--parent.is-active>a .back path { fill: #F15822; } .filterCategorySubMenu .filterCategorySubMenu__item--parent.is-active>div .no-open path { stroke: #F15822; } .filterCategorySubMenu .filterCategorySubMenu__item--parent.is-active>div .no-open path:nth-child(2) { display: none; } .filterCategorySubMenu .filterCategorySubMenu__item--parent.is-active a:before { background-image: url(/local/templates/.default/css/../img/icons/filter-category_active.svg) } .section--catalog { padding-bottom: 30px; } .breadcrumbs+.section { margin-top: 15px; } .section--catalog .page__title { position: relative; z-index: 1 } .section--catalog .filter { background-color: #f9f9f9; padding-top: 49px; padding-bottom: 54px; position: relative } .section--catalog .filter:before { content: ''; position: absolute; top: -999px; left: -9999px; right: -9999px; bottom: 0; background-color: #f9f9f9 } .section--catalog .tagsList { /*border-top: 1px solid #f3f3f3;*/ margin: 10px 0; padding-top: 5px; } .catalog { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .catalog .catalog__fullwidth { width: 100% } .catalog .catalog__left { width: 20%; padding-right: 62px; } .catalog .catalog__right { width: 80%; padding-top: 30px } .gridControls { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .gridControls, .gridControls .gridControls__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .selectItem-products { margin-left: 75px; } .selectItem.selectItem-filter { display: none; } .gridControls .gridControls__right { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 10px; } .gridControls .btn--grid:not(:first-child) { margin-left: 16px } .gridControls+.goodsGrid { margin-top: 38px } .gridNotification { border-top: 1px solid #f3f3f3; padding-top: 16px; margin:0 0 20px 0; } .grid.grid--alternative .grid__item { width: 100% !important; height: auto !important; border: 1px solid #f3f3f3 } .grid.grid--alternative .card--good { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 32px 38px 39px } .grid.grid--alternative .card--good .card__slider { width: 200px; padding: 5px 0; } .grid.grid--alternative .card--good .card__body { width: calc(100% - 200px); padding-left: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .grid.grid--alternative .card--good .card__title { width: 100%; margin-bottom: 8px } .grid.grid--alternative .card--good .card__price { width: 37.36655% } .grid.grid--alternative .card--good .card__stock { width: 37.36655%; margin-left: 25px; margin-top: 0 } .grid.grid--alternative .card--good .card__quantity { /*opacity: 1; visibility: visible;*/ display: block; position: relative; margin: 0 20px 0 0 } .grid.grid--alternative .card--good .card__quantity .quantity { height: 40px; width: 120px } .grid.grid--alternative .card--good .card__quantity .quantity .quantity__control { width: 36px } .grid.grid--alternative .card--good .card__buttons .btn--primary { width: 120px; height: 40px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .grid.grid--alternative .card--good .card__buttons .btn--addFavorite { position: absolute; top: -16px; right: -23px; opacity: 1; visibility: visible } .grid.grid--alternative .card--good .card__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding-left: 41.99288%; margin-top: 8px; padding-top: 0; position: static } .grid.grid--alternative .card--good .card__info { display: block; margin-top: 0; margin-bottom: 38px; width: 100% } .grid.grid--alternative .card--good .card__info .card__code { position: absolute; top: 0; left: 260px; white-space: nowrap } .grid.grid--alternative .card--good .card__info table { margin-left: 0; line-height: 20px } .pagination, .paginationList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .pagination { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px } .paginationList { margin: 0 -5px } .paginationList__item { margin: 0 5px } .paginationList a, .paginationList span { display: block; text-align: center; font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase; width: 40px; height: 40px } .paginationList a { background-color: #f9f9f9; border: 2px solid #f9f9f9; line-height: 40px } .paginationList span { line-height: 46px; color: #898989; background-image: url(/local/templates/.default/css/../img/icons/pagination_border.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50% } .paginationList a:hover { color: #fff; background-color: #677087; border-color: #677087 } .tagsList { position: relative } .tagsList__title { position: absolute; top: 0; left: 0; font-size: 12px; color: #898989 } .tagsList__title+ul { padding-left: 74px } .tagListBadge ul, .tagsList ul { display: -webkit-box; display: -ms-flexbox; display: flex } .tagsList ul { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; } .tagsList ul li { margin: 5px; background-color: #F9F9F9; border-radius: 3px; padding: 3px 5px; } .tagsList a { color: #F15822; font-size: 12px; line-height: 1; } .tagsList a.is-active { pointer-events: none; } .tagListBadge ul { -ms-flex-flow: wrap; flex-flow: wrap; margin: -5px } .tagListBadge ul li { display: inline-block } .tagListBadge ul li a { background-color: #f9f9f9; font-size: 12px; display: inline-block; padding: 2px 2px 2px 16px; margin: 5px; line-height: 1 } .tagListBadge ul li span { display: inline-block; width: 26px; height: 26px; background-color: #fff; color: #898989; line-height: 26px; text-align: center; margin-left: 16px } .stock__text { /*color: #898989;*/ font-size: 11px } .form--profileHistory .form__head span, .stock__counter, .tagListBadge ul li span { font-size: 12px; font-weight: 500 } .section--goodCard { padding-top: 14px; padding-bottom: 65px } .section--goodCard .goodCard { border-top: 1px solid #f3f3f3; padding-top: 40px } .goodCard, .goodCard__head { display: -webkit-box; display: -ms-flexbox; display: flex } .goodCard { -ms-flex-wrap: wrap; flex-wrap: wrap } .goodCard .goodCard__left { width: 50%; padding-right: 40px } .goodCard .goodCard__right { width: 50%; border-left: 1px solid #f3f3f3 } .goodCard .goodCard__right .goodCard__head, .goodCard .goodCard__right .goodCard__title, .goodSlider .goodSlider__main .swiper-button { display: none } .goodCard__head { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .goodCard__category { background-color: #f3f3f3; text-transform: uppercase; font-size: 11px; font-family: "Fact-Condensed", sans-serif; font-weight: 500; line-height: 1; letter-spacing: .04em; display: inline-block; padding: 4px 7.5px; position: relative; top: -2px } .goodCard__code { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 11px; color: #898989; margin-left: 67px } .goodCard__code li:not(:first-child) { margin-left: 101px } .goodCard__title { font-size: 27px; line-height: 40px; font-weight: 500; margin: 30px 0 9px } .goodCard__info { border: 1px solid; border-color: #f3f3f3 transparent; padding: 30px 0 22px; display: -webkit-box; display: -ms-flexbox; display: flex } .goodCard__info>div:first-child { padding-right: 20px } .goodCard__info>div:last-child { padding-left: 20px } .goodCard__info>div.goodCard__info-right { position: relative; top: -4px } .goodCard__info>div.goodCard__info-right>div:not(:first-child) { margin-top: 14px; padding-top: 25px; border-top: 1px solid #f3f3f3 } .goodCard__slider { position: relative; min-height: 400px; } .goodCard__badges { position: absolute; top: -2px; left: 39px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; max-width: 450px; z-index: 2; pointer-events: none } .goodCard__stock { font-size: 11px; /*color: #898989;*/ max-width: 200px } .goodCard__stock .medium12 { color: #000 } .goodCard__controls, .goodSlider { display: -webkit-box; display: -ms-flexbox; display: flex } .goodSlider { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-flow: wrap; flex-flow: wrap; padding-left: 20px } .goodSlider .goodSlider__main { width: 88.46154%; margin-top: 30px; text-align: center } .goodSlider .goodSlider__main img { max-height: 460px } .goodSlider .goodSlider__main .swiper-button-prev { left: -20px } .goodSlider .goodSlider__main .swiper-button-next { right: -20px } .goodSlider .goodSlider__thumbs { width: 50px; margin-left: auto; margin-right: 0 } .goodSlider .goodSlider__thumbs .swiper-button-prev { margin-top: -10px } .goodSlider .goodSlider__thumbs .swiper-button { width: 50px; height: 30px; position: relative; top: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .goodSlider .goodSlider__thumbs .swiper-button svg { fill: #000 } .goodSlider .goodSlider__thumbs .swiper-slide { height: 50px; margin-bottom: 10px; cursor: pointer } .goodSlider .goodSlider__thumbs .swiper-slide.swiper-slide-active { pointer-events: none } .goodSlider .goodSlider__thumbs .swiper-slide.swiper-slide-active:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #fbad18 } .goodCard__controls { margin: 26px -10px 35px } .goodCard__controls .goodControl { min-width: 100px; padding: 0 10px } .goodControl .goodControl__title { font-size: 12px; font-weight: 500; margin-bottom: 14px } .goodControl.goodControl--size .selectric-wrapper { min-width: 175px; max-width: 175px; } .goodCard__buttons .btn:not(:first-child) { margin-left: 49px } .goodCard__quantity .quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 160px; height: 40px; position: relative } .goodCard__quantity .quantity>* { height: 100% } .goodCard__quantity .quantity .quantity__value { padding: 0 50px; text-align: center; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% } .goodCard__quantity .quantity .quantity__control { width: 40px; position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .goodCard__quantity .quantity .quantity__control--minus { left: 0; border-right: 2px solid #f3f3f3 } .goodCard__quantity .quantity .quantity__control--plus { right: 0; border-left: 2px solid #f3f3f3 } .priceDoc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .priceDoc__left { font-size: 11px; color: #898989; white-space: nowrap } .priceDoc__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; text-align: right } .priceDoc__right .price { font-size: 14px } .priceDoc__right .price:not(.price--old) { color: #000 } .section--goodCardBlock { padding-top: 55px; margin-bottom: 97px } .section--goodCardBlock .goodCardBlock { padding-bottom: 35px } .section--goodCardBlock .tabsBox { margin-top: 43px } .goodCardBlock { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin: 0 -40px } .goodCardBlock>div { margin: 0 40px } .goodCardBlock .goodCardBlock__left { width: 29.91071% } .goodCardBlock .goodCardBlock__right { width: 56.25% } .section--carousel { margin-top: 77px; position: relative } .section--carousel:hover { z-index: 5 } .section--carousel .carousel:not(:first-child) { margin-top: 53px } .section--carousel .carousel.carousel--border .carouselSlider { overflow: visible } .section--carousel .carousel.carousel--border .carouselSlider>div>.swiper-slide .carousel__item { border: 1px solid #f3f3f3; opacity: 0; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .section--carousel .carousel.carousel--border .carouselSlider>div>.swiper-slide.swiper-slide-visible:not(.swiper-slide-prev) .carousel__item { opacity: 1 } .section--carousel .carousel.borderBottom { border-bottom: 1px solid #f3f3f3; padding-bottom: 74px } .section--carousel .section__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .section--carousel .section__right .swiper-button { position: relative; left: 0; right: 0 } .section--carousel .section__right .swiper-button:before { content: ''; position: absolute; top: -10px; right: -10px; left: -10px; bottom: -10px } .section--carousel .section__right .swiper-button:not(:first-child) { margin-left: 29px } .section--carousel .section__right .swiper-button svg { width: 11px; height: 20px; fill: #000 } .section--aboutHead+.section--aboutCompany { margin-top: 0 } .section--aboutCompanySecondary.section--aboutCompany .section__right { margin-top: 4px; width: 64.28571% } .section--aboutCompanySecondary.section--aboutCompany .aboutCompanyGroup { margin-top: 54px } .aboutCompanyInfo__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap } .aboutCompanyInfo__list .aboutCompanyInfo__item { width: 50% } .aboutCompanyInfo__list .aboutCompanyInfo__item:nth-child(n+3) { margin-top: 30px } .aboutCompanyInfo__title { margin-bottom: 6px } .aboutCompanyInfo__subtitle { font-size: 27px; line-height: 40px; font-weight: 500 } .aboutCompanyGroup__head { color: #fbad18; font-size: 15px; font-weight: 500 } .aboutCompanyGroup__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap } .aboutCompanyGroup__list:not(:first-child) { margin-top: 40px } .aboutCompanyGroup__list .aboutCompanyGroup__item { width: 50% } .aboutCompanyGroup__list .aboutCompanyGroup__item:nth-child(n+3) { margin-top: 20px } .aboutCompanyGroup__title { font-size: 15px; font-weight: 500 } .aboutCompanyGroup__subtitle { max-width: 90%; color: rgba(255, 255, 255, .8) } .section--aim { padding-top: 63px } .section--aim .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 64px } .navPages>div, .section--aim .section__inner .section__left, .section--aim .section__inner .section__right { width: 50% } .section--aim .section__inner .section__left>*, .section--aim .section__inner .section__right>* { max-width: 480px } .section--aim article { margin-top: 22px; font-size: 15px; color: #333 } .aim__head { font-size: 15px; font-weight: 500 } .aim__title { font-size: 27px; line-height: 40px; font-family: "Fact-Condensed", sans-serif; letter-spacing: .05em; text-transform: uppercase; margin-top: 26px } .section--clients { padding-top: 64px; padding-bottom: 55px; margin-top: 20px } .section--clients .clientsList:not(:first-child) { margin-top: 70px } .section--clients .mobileSlider { counter-reset: list } .clientsHead { text-align: center } .clientsHead__title { font-size: 15px; font-weight: 500 } .clientsHead__subtitle { font-size: 27px; line-height: 40px; font-family: "Fact-Condensed", sans-serif; text-transform: uppercase; letter-spacing: .05em; margin-top: 26px } .clientsList { font-size: 15px; counter-reset: list; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; max-width: 960px; margin-left: auto; margin-right: auto } .clientsList__item { position: relative; width: 20% } .clientsList__item:before { counter-increment: list; content: "0" counter(list); font-family: "ALSKraft", sans-serif; font-size: 16px; letter-spacing: .03em; width: 40px; height: 40px; line-height: 42px; text-align: center; display: block; color: #fff; background-image: url(/local/templates/.default/css/../img/clientslist_counter_bg.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; margin-bottom: 25px } .section--assortment { padding-top: 64px; padding-bottom: 0 } .section--assortment .mobileSlider { overflow: visible; display: none } .assortmentList ul, .section--assortment .mobileSlider ul { color: #333 } .section--assortment .mobileSlider .assortmentListCategory__item:not(:first-child) { margin-top: 20px } .section--assortment .mobileSlider .assortmentListCategory__name { margin-bottom: 20px } .assortmentHead { text-align: center; max-width: 705px; margin-left: auto; margin-right: auto } .assortmentHead__title { font-size: 15px; font-weight: 500 } .assortmentHead__subtitle { font-size: 27px; line-height: 40px; font-family: "Fact-Condensed", sans-serif; text-transform: uppercase; letter-spacing: .05em } .assortmentHead__subtitle:not(:first-child) { margin-top: 28px } .assortmentList { max-width: 960px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin-bottom: -19px } .assortmentList:not(:first-child) { border-top: 1px solid #f3f3f3; margin-top: 48px; padding-top: 60px } .assortmentList__item { width: 33.33%; padding-right: 32px; margin-bottom: 56px } .assortmentList__item:nth-child(1) { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .assortmentList__item:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .assortmentList__item:nth-child(3) { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .assortmentList__item:nth-child(4) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .assortmentList__icon { margin-bottom: 23px } .assortmentList__title { font-size: 15px; font-weight: 500; margin-bottom: 20px } .assortmentList .assortmentListCategory__item:not(:first-child) { margin-top: 20px } .assortmentList .assortmentListCategory__name { margin-bottom: 20px } .section--competition { padding-top: 58px; padding-bottom: 18px } .section--competition .listDefault { max-width: 1121px } .section--competition .listDefault:not(:first-child) { margin-top: 52px } .section--competition .listDefault__title { min-height: 60px } .listDefault { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap } .listDefault__item { padding-right: 40px; margin-bottom: 38px } .listDefault__title { font-size: 15px; font-weight: 500; margin-bottom: 20px } .listDefault__subtitle { color: #333 } .listDefault--xs .listDefault__title { font-size: 13px; font-weight: 500; min-height: auto } .listDefault--xs .listDefault__subtitle { font-size: 12px; color: #333 } [class*=listDefault--counter] { counter-reset: list } [class*=listDefault--counter].listDefault--counterGradient .listDefault__item:before { background-image: url(/local/templates/.default/css/../img/clientslist_counter_bg_grad.svg) } [class*=listDefault--counter] .listDefault__item:before { counter-increment: list; content: counter(list); font-family: "ALSKraft", sans-serif; font-size: 16px; letter-spacing: .03em; width: 40px; height: 40px; line-height: 42px; text-align: center; display: block; color: #fff; background-image: url(/local/templates/.default/css/../img/clientslist_counter_bg.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; margin-bottom: 25px } .listDefault--circle .listDefault__item:before { width: 60px; height: 60px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 24px; line-height: 1; padding-top: 5px; -webkit-box-sizing: border-box; box-sizing: border-box } .listDefault--circle .listDefault__title { font-size: 13px; font-weight: 500 } .listDefault--circle .listDefault__subtitle, .vacancySingleCategory ol, .vacancySingleCategory ul { font-size: 12px } .listDefault--circle .listDefault__subtitle p { font-size: 12px; margin-bottom: 20px } .section--reviews:not(:first-child) .reviews { border-top: 1px solid #f3f3f3; padding-top: 40px } .section--reviews { margin-bottom: 40px } .reviewsList { border: 1px solid #f3f3f3 } .section--form { padding-top: 78px } .section--form .section__inner { padding-bottom: 70px } .section--form .form { margin-top: 56px } .section--aboutCompany.section--aboutCompanyWork .section__bg { margin-bottom: 64px } .workHead { text-align: center; border-bottom: 1px solid #eaeaea; padding-bottom: 49px } .workHead__title { font-size: 15px; font-weight: 500 } .workHead__subtitle { font-size: 27px; line-height: 40px; font-family: "Fact-Condensed", sans-serif; text-transform: uppercase; letter-spacing: .05em; margin-top: 26px } .workHead__text { max-width: 520px; margin: 15px auto 0; font-size: 12px; color: #333 } .workForm { border-top: 1px solid #f3f3f3; margin-top: 54px; padding-top: 58px } .workForm .form:not(:first-child) { margin-top: 56px } .workForm .form { margin-bottom: 45px } .workBody { max-width: 800px; margin: 0 auto } .workBody.workBody--fullwidth { max-width: 100% } .workBody:not(:first-child) { margin-top: 45px } .workBody:last-child { margin-bottom: 39px } .workBody .listDefault { margin: 0 -40px } .workBody .listDefault__item { padding: 0 40px } .section--vacancy { margin: 78px 0 } .section--vacancy:not(:last-child) .vacancyList { border-bottom: 1px solid #f3f3f3; padding-bottom: 15px } .section--vacancy .vacancyList { margin-top: 55px; margin-bottom: -58px } .section--vacancy .vacancyList .grid__item { margin-bottom: 58px; padding-right: 20px } .section--members { margin: 137px 0 0 } .section--members .members { margin-top: 50px } .members { border: 1px solid #f3f3f3 } .section--vacancySingle { padding-top: 78px } .section--vacancySingle article ol { padding-left: 0; margin: 21px 0 0 } .vacancySingle { position: relative; padding-left: 81px } .vacancySingle .pageReturn { position: absolute; top: -3px; left: 0 } .vacancySingle__left { width: 41.66667% } .vacancySingle__right { width: 50%; margin-left: auto } .vacancySingle__right:nth-child(2) { padding-top: 15px } .vacancySingle__inner { margin-top: 62px; max-width: 960px; padding-bottom: 65px } .vacancySingle__inner div:nth-child(n+3) { margin-top: 60px } .vacancySingle__title { font-size: 27px; line-height: 40px; font-family: "Fact-Condensed", sans-serif; text-transform: uppercase; letter-spacing: .05em } .vacancySingle__subtitle { font-size: 13px; color: #333; max-width: 320px } .vacancySingle__subtitle:not(:first-child) { margin-top: 35px } .vacancySingleCategory__title { font-size: 13px; font-weight: 500 } .vacancySingleCategory__info { margin-top: 20px } .section--aboutHead+.section--partners .partners { padding-top: 40px; border-top: 1px solid #f3f3f3 } .partnersList { border: 1px solid #f3f3f3 } .section--partner { padding-top: 77px } .section--partner .partner { padding-bottom: 62px } .partner { display: -webkit-box; display: -ms-flexbox; display: flex } .partner__left { width: 43.30357%; position: relative; padding-left: 80px } .partner__left .pageReturn { position: absolute; top: -2px; left: 0 } .partner__right { margin-left: auto; border-left: 1px solid #eaeaea; width: 50%; text-align: center; margin-top: -18px; padding: 25px 0 20px 60px } .partner__subtitle, .partner__title { font-size: 30px; line-height: 30px; font-family: "ALSKraft", sans-serif; letter-spacing: .02em; text-transform: uppercase } .partner__subtitle { font-size: 27px; line-height: 40px; font-family: "Fact-Condensed", sans-serif; letter-spacing: .05em } .partner__subtitle:not(:first-child) { margin-top: 42px } .partner__offer { margin-top: 15px } .partner__offer .link { font-size: 13px } .section--photoText { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; margin: 20px 0 } .section--photoText .section__inner { padding-top: 84px; min-height: 740px } .section--photoText.section--photoText-900 .section__inner { padding-top: 70px; min-height: 900px } .section--photoText.section--photoText-860 .section__inner { padding-top: 70px; min-height: 860px } .section--photoText.section--photoText-840 .section__inner { padding-top: 70px; min-height: 840px } .textBox { max-width: 600px } .section--article article, .section--article article p, .textBox__small { font-size: 15px } .section--article article p a { text-decoration: none; color: #f15822; } .textBox__title { font-size: 27px; line-height: 40px; font-family: "Fact-Condensed", sans-serif; text-transform: uppercase; letter-spacing: .05em; max-width: 540px } .textBox__title+.textBox__small { margin-top: 35px } .textBox__title:not(:first-child) { margin-top: 26px } .textBox.textBox--bottomLeft { position: absolute; bottom: 76px; left: 15px } .textBox.textBox--topRight { position: absolute; top: 0; right: 0; padding-top: 70px } .textBox.textBox--grayBg { background-color: #ebe9e4; padding-left: 145px; padding-bottom: 75px } .textBox.textBox--grayBg:before { content: ''; position: absolute; left: 100%; top: 0; bottom: 0; right: -9999px; background-color: #ebe9e4 } .section--wholesale { background-color: #e9e9e7; padding: 84px 0 77px; position: relative; margin: 20px 0 } .section--wholesale .section__inner { position: static } .wholesale__small { font-size: 15px; font-weight: 500 } .wholesale__title { font-size: 27px; line-height: 40px; font-family: "Fact-Condensed", sans-serif; text-transform: uppercase; letter-spacing: .05em; max-width: 400px } .wholesale__title:not(:first-child) { margin-top: 26px } .wholesale .listDefault:not(:first-child) { margin-top: 90px } .wholesale__left { max-width: 650px } .wholesale__right { position: absolute; top: 0; right: 0; bottom: 0; left: 50%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50% } .section--blog .blog { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; padding-top: 40px; padding-bottom: 39px } .section--blog .blog .grid { border: 1px solid #f3f3f3 } .section--blog .blog .tagsList { margin-top: -10px; margin-bottom: 30px } .section--blog .grid .card { min-height: 360px } .section--article .voting { border-top: 1px solid #f3f3f3; padding-top: 66px } .section--article .navPages { margin-top: 54px } .articleBody { margin: 45px 0 0 } .articleControls { padding: 35px 0 31px; border-bottom: 1px solid #f3f3f3 } .articleControls, .articleControls__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .articleControls__left .articlePublish:not(:first-child) { margin-left: 62px } .articleControls__right { margin-left: auto } .articlePublish { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 11px } .articlePublish__title { color: #898989; margin-right: 8px } .articleInfo { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; margin-bottom: 50px } .articleInfo__left { width: 42.85714% } .articleInfo__right { width: 45.08929%; margin-left: 7.14286% } .articleInfo__right .tagListBadge { padding: 10px 0 } .articleInfo__title { font-size: 27px; line-height: 40px; font-family: "Fact-Condensed", sans-serif; text-transform: uppercase; letter-spacing: .05em } .videoBox { position: relative; background-repeat: no-repeat; background-size: cover; background-position: 50% 50% } .videoBox:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5) } .videoBox.videoBox--section { min-height: 480px } .videoBox:not(.videoBox--section):before { background-image: url(/local/templates/.default/css/../img/icons/video_box_play.svg); background-size: 200px 200px; background-repeat: no-repeat; background-position: center center } .videoBox__body { text-align: center; color: #fff; position: relative; max-width: 630px; margin: 0 auto; padding: 64px 0 } .videoBox__body .videoBox__subtitle { font-size: 13px; color: rgba(255, 255, 255, .8) } .videoBox__body .videoBox__subtitle:not(:first-child) { margin-top: 22px } .videoBox__body .videoBox__button { margin-top: 94px } .voting__title { text-align: center; font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase; margin-bottom: 54px } .navPages, .voting__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap } .voting__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .voting__list .voting__item { width: 21.5%; text-align: center } .navPages { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; padding: 46px 0 33px } .cooperationInfo__list>li:not(:first-child), .formActionInfo ul li:not(:first-child), .navPages>div:not(:first-child) { margin-top: 30px } .galleryGrid { margin: -10px } .galleryGrid .galleryGrid__item { padding: 10px; text-align: center } .section--offers .offers { padding-bottom: 77px; border-bottom: 1px solid #f3f3f3 } .section--offers .offers:not(:first-child) { margin-top: 50px } .offersList { border-top: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3 } .offersList .card { height: 100%; min-height: 360px; border-bottom: 1px solid #f3f3f3 } .offersList .offersList__item:nth-child(even), .offersList .offersList__item:nth-child(odd) { border-right: 1px solid #f3f3f3 } .offersList .offersList__item:nth-child(even) { border-left: 0 } .empty { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; text-align: center; padding: 60px 0 74px; margin-top: 49px; overflow: inherit !important; width: inherit !important; height: inherit !important; } .empty__title { font-size: 30px; line-height: 30px; font-family: "ALSKraft", sans-serif; letter-spacing: .02em; text-transform: uppercase; max-width: 504px; margin: 0 auto } .empty__title:not(:first-child) { margin-top: 57px } .empty__subtitle { margin-top: 28px; font-size: 13px } .section--offer { padding: 40px 0 55px; color: #fff; margin-bottom: 40px; position: relative } .section--offer:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: .5; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .section--offer:hover:before { opacity: 0; } .offer__small { font-size: 11px } .offer__title { font-size: 30px; line-height: 30px; font-family: "ALSKraft", sans-serif; letter-spacing: .02em; text-transform: uppercase; margin: 24px 0 17px } .offer__text { font-size: 13px } .offer__body { max-width: 560px } .offer__body:not(:first-child) { margin-top: 91px } .offer__head { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .offer__head .offer__counter { margin-right: 56px } .offer__counter, .offer__head { display: -webkit-box; display: -ms-flexbox; display: flex } .section--contacts .page__title { margin-bottom: 68px } .section--contacts .requisites { margin: 64px 0 0; border-bottom: 1px solid #f3f3f3; padding-bottom: 72px } .contactsBox__title { font-size: 30px; line-height: 30px; font-family: "ALSKraft", sans-serif; letter-spacing: .02em; text-transform: uppercase } .contactsBox__inner { display: -webkit-box; display: -ms-flexbox; display: flex } .contactsBox__inner:not(:first-child) { margin-top: 57px } .contactsBox__inner .contactsBox__left, .contactsBox__inner .contactsBox__right { width: 50% } .contactsBox__inner .contactsBox__right { padding-left: 80px; border-left: 1px solid #f3f3f3 } .contactsBox .timetable { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap } .contactsBox .timetable:not(:first-child) { margin-top: 40px } .contactsBox .timetable__item { width: 50% } .contactsBox .members { margin-top: 54px } .contactsBoxInfo__title { font-size: 15px; font-weight: 500; margin-bottom: 18px } .contactsBoxInfo__table { font-size: 13px; margin-left: -2px; width: 100%; max-width: 450px } .contactsBoxInfo__table tr:last-child td { padding-bottom: 0 } .contactsBoxInfo__table td { padding-bottom: 17px; vertical-align: top } .contactsBoxInfo__table td:first-child { white-space: nowrap; color: #898989 } .contactsBoxInfo__table td:last-child { padding-left: 40px } .requisites { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap } .location__top>div, .requisites .requisites__item { width: 50% } .requisites__title { font-size: 15px; font-weight: 500; margin-bottom: 19px } .requisites__table { font-size: 13px; max-width: 400px } .completedStep__info td:first-child, .requisites__table td:first-child { color: #898989 } .timetable__title { font-size: 13px } .timetable__subtitle { font-size: 27px; line-height: 40px; font-weight: 500; margin-top: 5px; white-space: nowrap } .contactsMap { height: 100% } .section--location { margin: 60px 0 } .section--location .section__inner { padding-bottom: 65px } .section--location .tabs { display: none } .section--location .tabs .tabsBox { margin-top: 43px } .location__inner, .location__top { display: -webkit-box; display: -ms-flexbox; display: flex } .location__inner { padding-top: 64px } .location__inner .location__left, .location__inner .location__right { width: 50% } .location__left { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; position: relative } .contactsMap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .location__title { font-size: 15px; font-weight: 500; margin-bottom: 42px } .locationList .locationItem:not(:first-child) { margin-top: 39px } .location__description { font-size: 13px; margin-top: 39px; color: #333 } .location__right .locationList .locationItem:not(:first-child) { margin-top: 65px } .basketTop .basketTop__right, .locationItem__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .locationItem__metro { margin-right: 20px } .locationItem__title { font-size: 13px; font-weight: 500 } .locationItem__text { color: #333; font-size: 12px; margin-top: 21px; padding-right: 20px } .basketTop { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #f3f3f3; margin-top: 29px; padding: 37px 0 40px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .basketTop .basketTop__right .btn:not(:first-child) { margin-left: 96px } .basketText, .tableGoods .tableGoods__head .tableGoods__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .basketText__icon { margin-right: 9px } .basketText__icon svg { fill: none; stroke: #000; vertical-align: middle } .basketText__icon .icon-shipping { width: 22px; height: 22px } .basketText__inner { font-size: 13px } .basketText { background-color: rgba(249, 249, 249, 1); padding: 15px; } .basketBody { width: calc(100% - 462px); } .basketBody:before, .orderBody:before { content: ''; position: absolute; top: 0; left: -100%; right: -100%; bottom: 0; /* background-color: #f9f9f9 */ } .order { padding: 20px 0; } .basketBody, .basketBody>div { position: relative } .tableGoods .tableGoods__head { padding: 10px 0; font-size: 13px; font-weight: 500; border-bottom: 1px solid #eaeaea } .tableGoods .tableGoods__head .tableGoods__row { margin: 0; } .tableGoods .tableGoods__body .tableGoods__row:first-child .tableGoods__column { display: block; } .card--basketTable .tableGoods__column { font-size: 13px; font-weight: 500; position: absolute; top: -40px; left: 0; display: none; } .card--basketTable .card__left .tableGoods__column { left: -18px; } .tableGoods .tableGoods__head .tableGoods__column { padding: 0 20px; white-space: nowrap } .tableGoods .tableGoods__head .tableGoods__column:nth-child(1) { width: 68px; padding: 0; } .tableGoods .tableGoods__head .tableGoods__column:nth-child(2) { width: 490px; } .tableGoods .tableGoods__head .tableGoods__column:nth-child(3) { width: 151px; text-align: center; } .tableGoods .tableGoods__head .tableGoods__column:nth-child(4) { width: 277px; text-align: center; } .tableGoods .tableGoods__head .tableGoods__column:nth-child(5) { width: auto; padding: 0; } .tableGoods .tableGoods__body { counter-reset: list; } .tableGoods .tableGoods__body:not(:last-child) { border-bottom: 1px solid #eaeaea } .tableGoods .tableGoods__body .tableGoods__row { border-top: 1px solid #EAEAEA; padding: 10px 0; } .card--basketTable { padding-left: 100px; } .tableGoods .tableGoods__body .tableGoods__row .card:before { counter-increment: list; content: counter(list); position: absolute; top: 50%; left: 0; font-size: 13px } .tableGoods .tableGoods__body .tableGoods__row:last-child { border-bottom: 1px solid #eaeaea; } .tableGoods .tableGoods__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 45px 0 49px } .totalBox { display: inline-block; text-align: center; min-width: 33.33% } .totalBox__title { font-size: 13px; margin-bottom: 6px } .totalBox__price { font-weight: 500 } .totalBox__price, .totalBox__price .price { color: #000; font-size: 27px; line-height: 40px } .totalBox__price .price, .totalBox__price .price:after { font-family: "Fact", sans-serif; font-weight: 500 } .totalBox__description { font-size: 13px; color: #898989 } .totalBox__description:not(:last-child), .totalBox__description p:not(:last-child) { margin-bottom: 20px; } .basketBottom { text-align: center; margin-top: 60px; padding-bottom: 57px; border-bottom: 1px solid #f3f3f3 } .basketBottom .btn { margin: 0 20px } .basketOrder { background-color: #677087; margin-top: 60px; padding: 20px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .basketOrder__center, .basketOrder__left {} .basketOrder__center .input.input--40 { padding-left: 10px; } .basketOrder__center .form__field .field__descr { margin-top: 13px; font-size: 13px; line-height: 20px; color: #fff; } .basketOrder__right textarea { min-height: 111px; } .basketOrder__right { width: 100%; max-width: 551px; } .orderHead { padding: 16px; background-color: rgba(249, 249, 249, 1); } .orderHead>div { width: 50% } .orderHead .orderHead__right { border-left: 1px solid #f3f3f3; padding-left: 79px; padding-top: 3px } .orderHead, .orderHeadInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .orderHeadInfo__icon { margin-right: 29px } .orderBody { /* background-color: #f9f9f9; */ margin: 18px 0 } .orderBody, .orderBody>div { position: relative } .completedStep { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; margin: 50px auto 0; padding: 57px 0 53px } .completedStep__box { max-width: 800px; margin: 0 auto; position: relative } .completedStep__left { position: absolute; top: 3px; left: 0 } .completedStep__right { padding-left: 321px } .completedStep__subtitle { margin: 36px 0 42px } .completedStep__info { font-size: 12px } .completedStep__info table { max-width: 375px } .completedStep__info tr:first-child td { padding-bottom: 20px } .section--aboutCompanyCooperation { padding-top: 64px } .section--aboutCompanyCooperation .section__bg { margin-top: -64px; margin-bottom: 64px } .section--cooperationHead+.section--aboutCompany { margin-top: 0 } .section--cooperation { margin: 78px 0 0 } .section--cooperation .cooperation__list { border-bottom: 1px solid #f3f3f3; padding-bottom: 74px } .cooperation__list .cooperation__item:not(:first-child) { margin-top: 73px } .cooperation__notification { margin: 51px 0 45px } .cooperationCategory__title { margin-bottom: 37px } .cooperationCategory .tabs { display: none } .cooperationCategory .tabsBox { margin-top: 45px } .cooperationCategory__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 37px 60px; } .cooperationCategory__inner .cooperationCategory__column { width: calc(50% - 60px); } .cooperationInfo__head { font-family: "Fact", sans-serif; font-weight: 500; font-size: 13px; line-height: 20px; } .cooperationInfo__head ul { padding-left: 20px; } .cooperationInfo__head ul li { position: relative; } .cooperationInfo__head ul li:not(:last-child) { margin-bottom: 3px; } .cooperationInfo__head ul li::before { content: ''; position: absolute; top: 8px; left: -12px; width: 4px; height: 4px; border-radius: 50%; background-color: #000; } .cooperationInfo { font-size: 13px } .cooperationInfo__title { font-size: 13px; font-weight: 500; margin-bottom: 40px } .cooperationInfo__list { counter-reset: list } .cooperationInfo__list>li { padding-left: 40px; position: relative } .cooperationInfo__list>li:before { counter-increment: list; content: counter(list) ""; position: absolute; top: 0; left: 0; width: 20px; height: 20px; text-align: center; background-color: #f9f9f9; border-radius: 100%; font-size: 11px } .cooperationInfo__body { font-size: 12px; color: #898989 } .notification, .profileInfo>div { position: relative } .notification.notification--alert { font-size: 12px; padding-left: 22px } .notification.notification--alert:before { content: ''; position: absolute; top: 4px; left: -1px; background-image: url(/local/templates/.default/css/../img/icons/notif_alert.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; width: 14px; height: 14px } .notification.notification--alert.notification--lg { color: #000; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; padding: 25px 120px 34px } .notification.notification--alert.notification--lg:before { width: 47px; height: 46px; top: 27px; left: 37px; background-image: url(/local/templates/.default/css/../img/icons/notif_alert2.svg) } .notification.notification--success.notification--lg { padding-left: 80px } .notification.notification--success.notification--lg:before { content: ''; position: absolute; top: 4px; left: -1px; background-image: url(/local/templates/.default/css/../img/icons/notif_success.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; width: 42px; height: 42px } .notification.notification--sm { font-size: 13px; font-weight: 500; padding-left: 19px } .notification.notification--lg .notification__title { font-size: 13px; font-weight: 500 } .notification.notification--lg .notification__subtitle:not(:first-child) { margin-top: 10px } .section--formActionBody { margin: 30px 0; padding-top: 45px } .section--formActionBody .form, table { width: 100% } .section--formActionBody .form .form__row { margin: 0 -20px } .section--formActionBody .form .form__row .form__column { padding: 0 20px } .section--formActionBody .form .form__field:not(:first-child) { margin-top: 24px } .section--formActionBody .form .selectric-wrapper { max-width: 560px } .formAction__title { font-size: 15px; font-weight: 500; margin-bottom: 30px } .formAction__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .formAction__inner .formAction__left { width: calc(50% - 8px); background-color: #F9F9F9; padding: 32px; } .formAction__inner .formAction__desc { font-size: 15px; font-weight: 500; line-height: 20px; padding: 13px 16px; background-color: #fff; margin-bottom: 32px; } .formAction__text+.formAction__text { margin-top: 30px; } .formAction__inner .formAction__left .form:not(:first-child) { margin-top: 40px } .formAction__inner .formAction__right { width: calc(50% - 8px); background-color: #F9F9F9; padding: 32px; } .formActionInfo .link, .formActionInfo p { font-size: 15px; line-height: 20px; } .formActionInfo .formAction__text { margin-bottom: 30px } .card--saleCard .card__photo { margin-top: -32px } .card--saleCard .card__photo img { margin-left: -30px } .card--saleCard .card__body .card__title { margin-top: -5px } .card--saleCard .card__title { font-size: 13px; font-weight: 500 } .accordion__body p, .card--saleCard .card__subtitle, .menuBox__links .btn--linkIcon span, .services .services__inner .services__column .listDefault__item p { font-size: 12px } .card--saleCard .card__text { font-size: 12px; color: #898989; max-width: 200px } .card--saleCard .card__text:not(:first-child) { margin-top: 20px } .loyalty .loyaltyCategory:not(:first-child) { margin-top: 52px; padding-top: 45px; border-top: 1px solid #eaeaea } .loyaltyCategory { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } .loyaltyCategory__title { width: 14.28571%; font-size: 13px; font-weight: 500 } .loyaltyCategory__list { width: 85.71429%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: -5px 0 0 } .loyaltyCategory__list .loyaltyItem { width: 20%; max-width: 240px } .loyaltyItem__sale span { display: block; width: 60px; height: 60px; font-family: "ALSKraft", sans-serif; font-size: 22px; letter-spacing: .03em; line-height: 68px; text-align: center; border-radius: 100% } .loyaltyItem__text { margin-top: 27px; font-size: 12px; max-width: 155px } .section--sectionText { margin: 77px 0 0 } .section--sectionText .sectionText { margin-top: 38px; border-bottom: 1px solid #f3f3f3; padding-bottom: 73px } .sectionText { font-size: 13px } .sectionText__row { margin: 0 -40px } .sectionText .sectionText__item { padding: 0 40px } .section--faq .section__inner:first-child { padding-top: 77px } .section--faq .videoBox:not(:last-child) { margin-bottom: 77px } .section--faq .faqList { margin-top: 53px; padding-bottom: 50px } .section--faq .faqCategory { margin-top: 53px; margin-bottom: 70px } .section--faq .pageReturn--mobile { display: none; border-bottom: 1px solid #eaeaea; padding-bottom: 28px; margin-bottom: 45px } .faqList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -2px } .faqList .faqList__item { padding: 1px } .faqList .faqList__item .card { height: 100% } .faqCategory__head { background-color: #f3f3f3; position: relative; overflow: hidden; padding: 40px 120px 34px } .faqCategory__head .pageReturn { position: absolute; top: 50%; left: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .faqCategory__title { font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase } .faqCategory__subtitle { color: #898989; font-size: 12px; margin-top: 6px } .faqCategory__icon { position: absolute; top: 18px; right: 120px } .faqCategory__icon img { width: 160px } .faqCategory__body { background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); padding: 20px 120px 40px; position: relative } .accordion { border-bottom: 1px solid #f3f3f3 } .accordion.is-active .accordion__head { color: #f15822 } .accordion.is-active .accordion__head:before { background-image: url(/local/templates/.default/css/../img/minus.svg); background-size: 8px 3px } .accordion__head { font-size: 13px; font-weight: 500; color: #677087; position: relative; padding: 20px 0; cursor: pointer } .accordion__head:before { content: ''; position: absolute; top: 25px; left: -25px; width: 10px; height: 10px; background-image: url(/local/templates/.default/css/../img/plus.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50% } .accordion__body { display: none; margin-top: 5px; padding-bottom: 13px } .accordion__body ul li { position: relative; padding: 0 0 0 20px; } .accordion__body ul li:before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background: #f15822; position: absolute; top: 7px; left: 0; } .accordion__body ol { list-style: none; counter-reset: myCounter; } .accordion__body ol li { position: relative; padding: 0 0 0 20px; } .accordion__body ol li:before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background: #f15822; position: absolute; top: 7px; left: 0; } .section--profile .userCard { margin: 65px 0 4px } .userCard { display: -webkit-box; display: -ms-flexbox; display: flex } .userCard__left { width: 42.85714%; margin-left: 10px } .userCard__left img { position: relative; top: -30px; pointer-events: none } .userCard__right { width: 50%; margin-left: auto } .userCardStatus__title { font-size: 12px; color: #898989 } .userCardStatus__subtitle { font-size: 30px; line-height: 30px; font-family: "ALSKraft", sans-serif; letter-spacing: .02em; text-transform: uppercase; margin-top: 12px } .userCardStatus__progress { width: 100%; background-color: #f3f3f3; height: 20px; margin: 33px 0 } .userCardStatus__progress span { display: block; height: 100%; background: -o-linear-gradient(224.37deg, #f6ae1e 0%, #f6ae1e 20%, #f68522 20.1%, #f68522 40%, #f15b24 40.1%, #f15b24 60%, #af4627 60.1%, #af4627 80%, #88321e 80.1%); background: linear-gradient(225.63deg, #f6ae1e 0%, #f6ae1e 20%, #f68522 20.1%, #f68522 40%, #f15b24 40.1%, #f15b24 60%, #af4627 60.1%, #af4627 80%, #88321e 80.1%); width: 89.28571% } .userCardInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 45px 0 } .userCardInfo__column { width: 50% } .userCardInfo__column:nth-child(even) { border-left: 1px solid #f3f3f3; padding-left: 39px } .userCardInfo__text { font-size: 12px; color: #898989; max-width: 213px } .userCardInfo__text:first-child { margin-bottom: 5px } .userCardInfo__text:not(:first-child) { margin-top: 15px; max-width: 260px; margin-right: -10px } .userCardInfo__barcode { text-align: center; } .userCardInfo__barcode img { top: 0 !important; } .userCardInfo__code { text-align: center; color: inherit; letter-spacing: 0; font-size: 22px; line-height: 22px; font-weight: 500; margin-bottom: 20px; } .userCardInfo__code img { top: 0 !important; } .userCardInfo .price { letter-spacing: 0; font-size: 22px; line-height: 22px; font-weight: 500 } .profileInfo { padding: 64px 0 77px; position: relative } .profileInfo:before { content: ''; position: absolute; top: 0; left: -100%; right: -100%; background-color: #f9f9f9; bottom: 0 } .profileInfo__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .profileInfo__column { width: 50% } .profileInfo__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px } .profileInfo__head .profileInfo__control:not(:first-child) { margin-left: 23px } .profileInfo__title { font-size: 15px; font-weight: 500 } .profileInfo .manager { margin-top: -4px } .manager__card { margin-bottom: 18px } .manager__card .card { border: 0 } .manager .textarea.textarea--light { padding-right: 180px } .userData__name { font-size: 13px; margin-bottom: 40px } .userData__table { font-size: 13px; max-width: 480px } .userData__table td:first-child { color: #898989; vertical-align: top } .userData__table td:last-child { width: 320px } .userData__table td { padding-bottom: 20px } .profileSettings { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 64px -80px 125px } .profileSettings__title { font-size: 15px; font-weight: 500; margin-bottom: 40px } .profileSettings .form__field { max-width: 400px } .profileSettings .form__field:not(:first-child) { margin-top: 27px } .profileSettings .form__button { margin-top: 40px } .profileSettings>div { width: 50%; padding: 0 80px } .profileSettings>div:nth-child(even) { border-left: 1px solid #f3f3f3 } .profileHistory:not(.profileHistory--order):first-child .profileHistory__title { border-top: 1px solid #f3f3f3 } .profileHistory:not(.profileHistory--order) .profileHistory__title { padding-top: 57px } .profileHistory__nav { margin: 45px 0 30px; padding-bottom: 39px; border-bottom: 1px solid #f3f3f3 } .profileHistory__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .profileHistory__counter { font-size: 12px; color: #898989 } .profileHistory__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .profileHistory__buttons .btn:not(:first-child) { margin-left: 117px } .form--profileHistory .form__head:not(:last-child) { margin-bottom: 25px } .form--profileHistory .form__row .form__dateRange { margin-right: 20px } .tableOrders { background-color: #f9f9f9; margin: 30px 0; padding: 46px 0 } .tableOrders__head { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 13px; font-weight: 500 } .tableOrders__head .tableOrders__column { width: 14.28571%; padding-bottom: 33px; border-bottom: 1px solid #eaeaea } .tableOrders__head .tableOrders__column_soap { width: 14.28571%; padding-bottom: 33px; border-bottom: 1px solid #eaeaea } .tableOrders__row { font-size: 13px; display: block } .tableOrders__row:not(:first-child) .container { border-top: 1px solid #eaeaea } .tableOrders__row .container { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 15px; max-width: auto; } .bx-authform { margin-left: auto; margin-right: auto; } .tableOrders [data-href] { cursor: pointer } .tableOrders [data-href]:hover, .tableOrders a.tableOrders__row:hover { background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); color: #000 } .tableOrders [data-href]:hover .tableOrders__buttons, .tableOrders a.tableOrders__row:hover .tableOrders__buttons { opacity: 1 } @media (min-width:1024px) { .tableOrders__head .tableOrders__column, .tableOrders__body .tableOrders__column { width: calc(100% / 8) !important; } .tableOrders__body .tableOrders__column img { width: 80%; } .tableOrders__head .tableOrders__column:nth-child(1), .tableOrders__body .tableOrders__column:nth-child(1) { width: 10% !important; } } .tableOrders__body .tableOrders__column:nth-child(1), .tableOrders__head .tableOrders__column:nth-child(1) { width: 14.28571% } .tableOrders__body .tableOrders__column:nth-child(2), .tableOrders__head .tableOrders__column:nth-child(2) { width: 21.42857% } .tableOrders__body .tableOrders__column:nth-child(3), .tableOrders__head .tableOrders__column:nth-child(3) { width: 25% } .tableOrders__body .tableOrders__column:nth-child(4), .tableOrders__head .tableOrders__column:nth-child(4) { width: 21.42857% } .tableOrders__body .tableOrders__column:nth-child(5), .tableOrders__head .tableOrders__column:nth-child(5) { width: 17.85714% } .tableOrders__body .tableOrders__column_soap:nth-child(1), .tableOrders__head .tableOrders__column_soap:nth-child(1) { width: 10.28571% } .tableOrders__body .tableOrders__column_soap:nth-child(2), .tableOrders__head .tableOrders__column_soap:nth-child(2) { width: 17.42857% } .tableOrders__body .tableOrders__column_soap:nth-child(3), .tableOrders__head .tableOrders__column_soap:nth-child(3) { width: 19% } .tableOrders__body .tableOrders__column_soap:nth-child(4), .tableOrders__head .tableOrders__column_soap:nth-child(4) { width: 21.42857% } .tableOrders__body .tableOrders__column_soap:nth-child(5), .tableOrders__head .tableOrders__column_soap:nth-child(5) { width: 17.85714% } .tableOrders__footer { max-width: 1120px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-top: 1px solid #f3f3f3; font-size: 15px; font-weight: 500; padding: 24px 0 } .tableOrders__footer .tableOrders__column:nth-child(1), .tableOrders__footer .tableOrders__column:nth-child(2) { width: 10.71429% } .tableOrders__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0 } .tableOrders__buttons .btn { margin: 0 12px } .tableOrders.tableOrders--orderSingle .tableOrders__row { -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column:nth-child(1), .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column:nth-child(1) { width: 7.14286% } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column:nth-child(2), .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column:nth-child(2) { width: 39.28571% } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column:nth-child(3), .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column:nth-child(3) { width: 14.28571% } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column:nth-child(4), .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column:nth-child(4) { width: 10.71429% } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column:nth-child(5), .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column:nth-child(5) { width: 7.14286% } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column:nth-child(6), .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column:nth-child(7), .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column:nth-child(6), .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column:nth-child(7), .tableOrders.tableOrders--searchTable .tableOrders__column:nth-child(1) { width: 10.71429% } .tableOrders.tableOrders--searchTable .tableOrders__column:nth-child(2) { width: 15.17857% } .tableOrders.tableOrders--searchTable .tableOrders__column:nth-child(3) { width: 17.85714% } .tableOrders.tableOrders--searchTable .tableOrders__column:nth-child(4) { width: 13.39286% } .tableOrders.tableOrders--searchTable .tableOrders__column:nth-child(5) { width: 8.92857% } .tableOrders.tableOrders--searchTable .tableOrders__column:nth-child(6) { width: 19.64286% } .tableOrders.tableOrders--searchTable .tableOrders__column:nth-child(7) { width: 5.35714% } .profileOrder__top { padding-top: 57px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #f3f3f3 } .profileOrder__left { position: relative; padding-left: 80px } .profileOrder__left .pageReturn { position: absolute; top: -3px; left: 0 } .menuBox__links li:not(:first-child), .profileOrder__info:not(:first-child) { margin-top: 18px } .profileOrder__buttons, .profileOrder__info ul { display: -webkit-box; display: -ms-flexbox; display: flex } .profileOrder__info ul { -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 12px; margin: 0 -24px } .profileOrder__info ul li { margin: 0 24px } .profileOrder__info ul span { color: #898989 } .profileOrder__buttons { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .profileOrder__buttons .btn:not(:first-child) { margin-left: 57px } .quantity, .quantity .quantity__area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .quantity .quantity__area input { text-align: center; } .quantity { border: 1px solid #f3f3f3; height: 38px; width: 130px; position: relative; margin: 0 auto; } .quantity .quantity__area { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 12px; background-color: #fff; overflow: hidden; } .quantity .quantity__value { width: 100%; height: 100%; font-size: 12px; text-align: center; opacity: 1; z-index: 1 } .quantity .quantity__value:focus, .quantity .quantity__value:hover { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); opacity: 1 } .errorPage, .quantity .quantity__control { display: -webkit-box; display: -ms-flexbox; display: flex } .quantity .quantity__control { width: 38px; text-align: center; height: 100%; position: absolute; top: 0; bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2 } .quantity .quantity__control:hover { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1) } .quantity .quantity__control.quantity__control--minus { left: 0; border-right: 1px solid #F3F3F3; } .quantity .quantity__control.quantity__control--plus { right: 0; border-left: 1px solid #F3F3F3; } .errorPage { border-top: 1px solid #f3f3f3; margin-top: 49px; margin-bottom: -12px; padding-top: 58px } .errorPage__title { font-size: 30px; line-height: 30px; font-family: "ALSKraft", sans-serif; letter-spacing: .02em; text-transform: uppercase } .errorPage__left { width: 26.08696% } .errorPage__right { width: 66.34783%; margin-left: auto; margin-top: -16px } .errorPage__subtitle { margin-top: 35px } .menuBox { min-height: 100%; background-color: #f9f9f9; z-index: 1000; width: 100%; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .menuBox .btn--close { position: absolute; top: 0; right: 0 } .menuBox__head .phone { font-weight: 500; font-size: 18px; letter-spacing: 0; font-family: "Fact-Condensed", sans-serif } .menuBox__links { text-align: center; margin-top: 43px } .catalogBox__nav .tabsBox .menu__item.is-active .subMenu, .menuBox__links .btn--linkIcon { display: block } .menuBox__nav { margin: 29px 0 26px } .menuBox__nav .nav--primary .menu { display: block; width: 100%; text-align: center } .menuBox__nav .nav--primary .menu li:not(:first-child) { margin-left: 0 } .menuBox__nav .nav--primary .menu a { font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase } .menuBox__search { margin-top: auto; position: relative; } .catalogBox { width: 100%; height: 100%; background-color: #677087; z-index: 1000; padding: 61px 60px 0 60px; display: none; overflow: hidden; } .catalogBox__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .catalogBox__head .btn--close { position: relative; top: -5px; right: -20px } .catalogBox__head .btn--close svg { width: 25px; height: 25px } .catalogBox__head .btn--back { position: absolute; top: 20px; left: 20px; display: none } .catalogBox__title { font-size: 30px; line-height: 30px; font-family: "ALSKraft", sans-serif; text-transform: uppercase; color: #fff } .catalogBox__nav .tabsBox { margin-top: 65px } .catalogBox__nav .tabsBox .menu { width: 50%; border-right: 1px solid #5f677c; height: 680px; position: relative } .catalogBox__nav .tabsBox .menu__item:not(:first-child), .catalogBox__nav .tabsBox .subMenu .subMenu__item:not(:first-child), .services .services__inner .services__column .listDefault__item p:not(:first-child) { margin-top: 20px } .catalogBox__nav .tabsBox .subMenu { position: absolute; left: 100%; top: 0; width: 100%; display: none; margin-left: 40px } .catalogBox__nav .tabsBox .subMenu .subMenu__item a { padding-right: 100px } .catalogBox__nav .tabsBox .menu__item>a { font-size: 13px; font-weight: 500; padding-right: 80px; position: relative } .catalogBox__nav .tabsBox .menu__item>a:before { content: ''; position: absolute; top: 0; right: 40px; margin-top: 8px; width: 4px; height: 8px; background-image: url(/local/templates/.default/css/../img/nav_arrow_primary.svg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50% } .catalogBox__nav .tabsBox .subMenu__item>a { font-size: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative } .catalogBox__nav .tabsBox .subMenu__item>a:after { content: attr(data-counter); position: absolute; top: 0; right: 0; font-size: 11px; line-height: 20px; color: rgba(255, 255, 255, .5) } .catalogBox__nav .tabsBox a { color: #fff; display: block } .catalogBox__nav .tabsBox a:hover { color: #fbad18 } .mobileSlider { display: none; padding-right: 40px; overflow: visible } .mobileSlider .swiper-slide { margin-bottom: 0 !important; padding-right: 0 !important } .services { padding-bottom: 20px } .services .services__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin: 57px -16px 0 } .services .services__inner .services__column { margin: 0 16px } .services .services__inner .services__column:nth-child(1) { width: 21.51786% } .services .services__inner .services__column:nth-child(2) { width: 32.14286% } .services .services__inner .services__column:nth-child(3) { width: 37.94643% } .services .services__inner .services__column .listDefault { margin-bottom: 0 } .services .services__inner .services__column .listDefault__item { padding-right: 0; margin-bottom: 0 } .qualityForm .form__field:not(:first-child), .services .services__inner .services__column .listDefault__item:not(:first-child) { margin-top: 40px } .services .services__inner .services__column .phone { font-size: 27px; line-height: 40px; font-weight: 500; display: block; margin: 5px 0 -5px } .section--advantages { margin: 45px 0 141px; } .section--advantages .advantages { margin-top: 52px } .section--advantages .mobileSlider .advantages__item:not(.swiper-slide-active) { height: 100%; overflow: hidden } .advantages { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 35px 1fr 35px 1fr 35px 1fr; grid-template-columns: repeat(4, 1fr); gap: 55px 35px; } .advantages__icon { margin-bottom: 25px; width: 80px; height: 80px; } .advantages__icon img { width: 100%; height: 100%; } .advantages__title { font-size: 13px; font-weight: 500; } .advantages__top { margin-bottom: 20px; } .advantages__text { font-size: 12px; color: #333 } .section--qualityForm { margin: 85px 0 125px } .qualityForm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: wrap; flex-flow: wrap } .qualityForm__left { width: 25% } .qualityForm__right { width: 60.71429% } .qualityForm__top { font-size: 15px; font-weight: 500; margin-bottom: 25px } .qualityForm__title { font-size: 27px; line-height: 40px; font-family: "Fact-Condensed", sans-serif; text-transform: uppercase; letter-spacing: .05em } .qualityForm .form__button { margin-top: 35px } .qualityForm .btn--primary { min-width: 160px; height: 60px } input, textarea { border: 0; border-radius: 0; background-color: #fff; font-family: inherit } input::-ms-clear, textarea::-ms-clear { display: none } textarea { resize: none } .input { font-size: 15px; border: 3px solid #f3f3f3; height: 60px; width: 100%; padding-left: 29px } .input::-webkit-input-placeholder { color: #898989 } .input::-ms-input-placeholder { color: #898989 } .input::-moz-placeholder { color: #898989 } .input:-ms-input-placeholder { color: #898989 } .input::placeholder { color: #898989 } .input.input--sm { width: 50% } .input.input--xs { width: 120px } .input.input--40 { border-width: 2px; height: 40px; font-size: 12px; padding-left: 20px } .input.input--140 { max-width: 140px } .input.input--phone { max-width: 260px } .textarea { font-size: 15px; border: 3px solid #f3f3f3; min-height: 140px; width: 100%; padding: 19px 29px 0 } .textarea.textarea--40 { border-width: 2px; padding: 10px 20px 0 } .textarea.textarea--xs { min-height: 100px } .textarea.rows--2 { min-height: 200px } .textarea.textarea--light { border-width: 2px; font-size: 12px; padding: 29px 38px 0 } .input.js-calendar { max-width: 140px } .input.js-calendar+svg { pointer-events: none } .file { position: relative } .file .file__icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 30px; margin-top: 2px } .file .file__icon svg { fill: none; stroke: #000; width: 21px; height: 21px } .file .file__value .input { padding-left: 68px } .file .file__hidden { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; opacity: 0 } .file [type=file] { width: 100%; height: 100%; cursor: pointer } .form .selectric-js-select:not(.selectric-js-select--40) .selectric { background-color: #fff; border-width: 3px } .form .selectric-js-select:not(.selectric-js-select--40) .selectric .button, .form .selectric-js-select:not(.selectric-js-select--40) .selectric .label { height: 55px } .form .selectric-js-select:not(.selectric-js-select--40) .selectric .button { border-left: 0; width: 75px } .form .selectric-js-select:not(.selectric-js-select--40) .selectric .button svg path { fill: #cecece } .form .selectric-js-select:not(.selectric-js-select--40) .selectric .label { font-size: 15px; margin-left: 27px; line-height: 55px } .form .selectric-js-select:not(.selectric-js-select--40) .selectric-items li { font-size: 15px } .selectric-js-select--40 .button { border-left: 0 } .selectric-js-select--40 .button svg path { fill: #cecece } .checkboxButton { color: #333; font-size: 12px; position: relative } .form__checkbox.checkboxButton { color: #000000; } .checkboxButton.checkboxButton--xs label { padding-left: 31px } .checkboxButton [type=checkbox] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 2 } .checkboxButton [type=checkbox]:checked+label:before { background-image: url(/local/templates/.default/css/../img/checkbox_active.svg); border: 0; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; width: 20px; height: 20px } .form__checkbox.checkboxButton [type=checkbox]:checked+label:before { background-image: url("/local/templates/.default/img/checkbox_active-arr.svg"); background-size: 70%; border: 3px solid #f3f3f3; width: 16px; height: 16px; } .form__checkbox.checkboxButton [type=checkbox]:checked+label.checkbox--thin:before { border-width: 2px; } .checkboxButton label { display: block; position: relative; padding-left: 40px; max-width: 1000px; text-align: left; } .checkboxButton label:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 16px; height: 16px; border: 3px solid #f3f3f3; background-color: #fff } .checkboxButton label.checkbox--thin:before { border-width: 2px; } .is-error .checkboxButton label:before { border: 3px solid #f15822; } .is-error .checkboxButton label.checkbox--thin:before { border-width: 2px; } .checkboxButton label a { text-decoration: underline; color: #000000; } .radioButton { position: relative } .radioButton:hover { z-index: 3 } .radioButton.radioButton--sm .radioButton__label { font-size: 15px } .radioButton.radioButton--sm .radioButton__body { padding-left: 50px } .radioButton.radioButton--sm .radioButton__small { font-size: 12px; margin-top: 5px } .radioButton.radioButton--sm .radioButton__body:before { width: 24px; height: 24px; top: -4px; border-width: 3px } .radioButton.radioButton--sm [type=radio]:checked+div:before { width: 30px; height: 30px; border-width: 0; top: -3px } .radioButton.radioButton--sm [type=radio]:checked+div:after { width: 12px; height: 12px; top: 6px; left: 9px } .radioButton [type=radio] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; cursor: pointer } .radioButton [type=radio]:checked+div .radioButton__box { display: block } .radioButton [type=radio]:checked+div:before { background: -o-linear-gradient(225deg, #f6ae1e 0%, #f6ae1e 20%, #f68522 20.1%, #f68522 40%, #f15b24 40.1%, #f15b24 60%, #af4627 60.1%, #af4627 80%, #88321e 80.1%); background: linear-gradient(225deg, #f6ae1e 0%, #f6ae1e 20%, #f68522 20.1%, #f68522 40%, #f15b24 40.1%, #f15b24 60%, #af4627 60.1%, #af4627 80%, #88321e 80.1%); border: 0; width: 20px; height: 20px } .radioButton [type=radio]:checked+div:after { content: ''; position: absolute; top: 8px; left: 6px; width: 8px; height: 8px; border-radius: 100%; background-color: #fff } .radioButton__body { padding-left: 30px } .card--reviews .card__body p, .radioButton__body>span { font-size: 13px } .radioButton__body>.radioButton__box { display: none } .radioButton__body .selectric-wrapper { margin-top: 15px; position: relative; z-index: 3 } .radioButton__body:before { content: ''; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; border-radius: 100%; border: 2px solid #f3f3f3; background-color: #fff } .radioButton__small { display: block; font-size: 12px; color: #898989; margin-top: 23px; max-width: 240px } .formGroup__title { font-size: 15px; font-weight: 500; margin-bottom: 16px; } .formGroup .radioButton:not(:first-child) { margin-top: 10px } .formRow, .formRow.is-error>div { position: relative } .formRow.is-error { background-color: #fff } .formRow.is-error .formRow__inner { border: 0 !important } .formRow.is-error:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 5px solid #f15822; pointer-events: none } .formRow:not(:first-child) .formRow__inner { border-top: 1px solid #eaeaea } .formRow__inner { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1120px; margin: 0 auto; padding: 20px 0; } .formRow__title { font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase; margin-bottom: 5px } .formRow__subtitle { font-size: 12px; color: #898989; margin-top: 5px; } .formRow__center { margin: 0 auto; width: 64.28571% } .formRow__left { width: 25% } .formRow__right { margin-left: auto; width: 64.28571% } .formRow__right.flex-wrap .radioButton { width: 50% } .formRow .form__field:not(:first-child), .form__inner .form__column .form__field:not(:first-child) { margin-top: 16px } .rating__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -10px } .rating__inner .ratingItem { margin: 0 10px } .rating__description { margin-top: 25px; font-size: 13px; color: #898989 } .ratingItem { position: relative } .ratingItem>input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 2; opacity: 0 } .ratingItem>input:checked+span { background: -o-linear-gradient(225deg, #f6ae1e 0%, #f6ae1e 20%, #f68522 20.1%, #f68522 40%, #f15b24 40.1%, #f15b24 60%, #af4627 60.1%, #af4627 80%, #88321e 80.1%); background: linear-gradient(225deg, #f6ae1e 0%, #f6ae1e 20%, #f68522 20.1%, #f68522 40%, #f15b24 40.1%, #f15b24 60%, #af4627 60.1%, #af4627 80%, #88321e 80.1%); color: #fff } .ratingItem span { width: 40px; height: 40px; background-color: #f9f9f9; border-radius: 100%; font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase; line-height: 40px; text-align: center; display: block } .form__bottom { text-align: center; margin-top: 61px } .form__inner { margin: 0 -20px } .form__inner .form__column { padding: 0 20px } .form__rules { margin-top: 25px } label.label { display: block; font-size: 15px; margin-bottom: 8px } label.label.label--xxs { font-size: 12px; font-weight: 500 } label.label.label--xs { font-size: 13px; font-weight: 500 } label.label+.subLabel { margin-top: -15px } .labelSmall, .subLabel { font-size: 11px; color: #898989 } .subLabel { margin-bottom: 15px } .captcha.captcha--xs .captcha__photo { width: 80px; height: 40px } .captcha--xs { width: 250px; } .captcha__inner { display: -webkit-box; display: -ms-flexbox; display: flex } .captcha__photo { width: 120px; height: 60px; background-color: #677087; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; margin-right: 20px } .form__field .field__descr { margin-top: 7px } .field__descr { font-size: 12px; color: #898989 } .field__icon, .form__field { position: relative } .field__icon { display: inline-block } .field__icon svg { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .field__icon .icon-calendar { fill: none; stroke: #000; width: 18px; height: 18px } .form--order .form__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .form--order .form__button .btn { margin-right: 60px; white-space: nowrap } .form--order .form__button .form__rules { margin-top: 0; max-width: 440px } .form__rules { font-size: 12px } .form__button--absolute { position: absolute; bottom: 24px; right: 31px } .form--profileEdit .form__row { margin: 0 -20px } .form--profileEdit .form__column { padding: 0 20px } .form--profileEdit .form__fields:not(:first-child) { margin-top: 43px } .form--profileEdit .form__button { margin-top: 57px } .form--profileEdit .form__field:not(:first-child) { margin-top: 45px } .form__fields { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 0 -10px } .form__fields .form__field { width: 50%; padding: 0 10px; margin-top: 0 } .form__fields .form__field:not(:first-child) { margin-top: 0 } .form__dateRange { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px } .form__dateRange span { display: block } .form__dateRange span:first-child { margin-right: 13px } .form__dateRange span:not(:first-child) { margin: 0 14px } .deliveryDescription__table table thead, .form__link { text-align: left } .form__link .form__text { font-size: 12px } .card--basket { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 5px } .card--basket:hover .card__title, .card--goodsPreview .card__list a:hover { color: #f15822 } .card--basket .card__photo { width: 90px; margin-top: 10px } .card--basket .card__body { width: calc(100% - 90px); padding-left: 25px } .card--basket .card__code { font-size: 11px; color: #898989 } .card--basket .card__title { font-size: 13px; font-weight: 500; margin-top: 10px; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .card--basket .card__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 14px } .card--basket .card__price .card__counter { font-size: 11px; line-height: 1; margin-top: -5px; margin-right: 8px } .card--good { /*padding: 18px 25px 38.5px 38px;*/ /*border: solid 1px #F3F3F3;*/ } .card--good:before { content: ''; position: absolute; top: -2px; left: -1px; right: -1px; bottom: -2px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); background-color: #fff; opacity: 0; z-index: -1; } .card--good .card__link { z-index: 1 } .card--good { position: relative; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card--good .card__slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 34px; position: relative; text-align: center; padding: 0 20px; } .card--good .card__slider .swiper-container { height: 200px; } .card--good .card__slider .swiper-wrapper { height: 100%; } .card--good .card__slider .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .card--good .card__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .card--good .card__slider .swiper-button { width: 25px; height: 40px; background-color: #f9f9f9; background-image: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; z-index: 5; pointer-events: all } .card--good .card__slider .swiper-button:hover:not(.swiper-button-disabled) { background-color: #f15822 } .card--good .card__slider .swiper-button:hover:not(.swiper-button-disabled) svg { fill: #fff } .card--good .card__slider .swiper-button.swiper-button-disabled { cursor: default } .card--good .card__slider .swiper-button svg { width: 6px; height: 12px; fill: #000 } .card--good .card__slider .swiper-button-prev { left: 0; } .card--good .card__slider .swiper-button-next { right: 0; } .card--good .card__wrap { margin-top: auto; position: relative; padding: 0 20px 0 20px; } .card__hover { position: absolute; top: -9px; width: 100%; filter: drop-shadow(0px 30px 20px rgba(152, 152, 152, 0.1)); background-color: #fff; left: 0; width: 100%; padding: 0 20px; z-index: 10; display: none; } .goodsGrid .grid .grid__item:hover .card__hover { display: block; } .goodsGrid .grid .grid__item:hover .card__wrap { margin-top: 0; } .card--good .card__photo { text-align: center; margin-bottom: 10px; position: relative } .card--good .card__code { font-size: 11px; color: #898989; margin-bottom: 11px; padding: 0 20px 0 20px; } .card--good .card__hover .card__code { padding: 0; } .card--good .card__info .js-offerprop { font-size: 11px; line-height: 18px; margin-bottom: 17px; } .card--good .card__info table:not(:first-child) { margin-top: 13px; margin-left: -2px } .card--good .card__info table { max-width: 177px; width: 100% } .card--good .card__title { font-size: 15px; font-weight: 500; position: relative; z-index: 10; padding: 0 20px; margin-bottom: 19px; } .card--good .card__price .priceTitle:first-child { padding-top: 2px; margin-bottom: 4px } .card--good .card__price .priceTitle:last-child { margin-top: 14px } .card--good .card__price .price--old { margin-left: 7px } .card--good .card__stock { margin-top: 20px; min-height: 100px; } .card--good .card__stock .stock__text:last-child { display: none } .card--good .card__bottom { margin-top: 24px; padding-bottom: 20px; position: relative; z-index: 2 } .card--good .card__bottom .card__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .card--good .card__bottom .card__buttons .btn:not(:first-child) { margin-left: 26px } .card--good .card__bottom .card__buttons .btn--addFavorite { position: relative; opacity: 0; visibility: hidden; -webkit-transition: 0s opacity; -o-transition: 0s opacity; transition: 0s opacity } /*.card--good .card__bottom .card__buttons .btn--addFavorite:before {*/ .card--good .btn--addFavorite:before { content: 'Добавить в избранное'; white-space: nowrap; width: auto; position: absolute; left: 20px; bottom: -3px; top: auto; background: #fff; padding: 6px 10px; font-size: 13px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); opacity: 0; color: #000; } .card--good .card__bottom .card__buttons .btn--addFavorite.is-active:before { content: ' Удалить из избранного'; } .card--good .card__bottom .card__buttons .btn--addFavorite:hover:before { opacity: 1; left: 30px; color: #000; } .card--good .card__quantity { margin: -10px 0 10px; /*position: absolute; top: 0; left: 0;*/ /*opacity: 0; visibility: hidden;*/ display: none; } .card--blog { border: 1px solid #f3f3f3; padding: 98px 18px 36px 38px; background-color: #fff; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .card--brand { border: 1px solid #f3f3f3; padding: 36px 18px 36px 38px; background-color: #fff; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .card--blog:hover { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); border-color: #fff; z-index: 4 } .card--brand:hover { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); border-color: #fff; z-index: 4 } .card--blog.card--white { color: #fff; padding-right: 40px; padding-top: 164px } .card--blog.card--white .card__subtitle, .card--blog.card--white .card__title { color: #fff } .card--blog.card--white .card__subtitle { height: 60px; display: block } .card--blog .card__link { z-index: 3 } .card--blog .card__bg { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none } .card--blog .card__bg:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: .5 } .card--blog .card__category { display: inline-block; background-color: #fbad18; text-transform: uppercase; font-size: 11px; font-family: "Fact-Condensed", sans-serif; font-weight: 500; line-height: 1; letter-spacing: .04em; padding: 4px 11.5px 5px; text-align: center; z-index: 1; position: absolute; top: 38px; left: 38px; color: #000 } .card--blog .card__title { font-size: 15px; font-weight: 500; color: #677087; position: relative; z-index: 1 } .card--blog .card__subtitle { font-size: 12px; color: #333; max-width: 200px; margin-top: 22px; height: 100px; overflow: hidden; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .card--blog .card__date { color: #898989; font-size: 11px; position: absolute; bottom: 31px; left: 38px; z-index: 1 } .card--goodsPreview { z-index: 2 } .card--goodsPreview:hover { z-index: 4 } .card--goodsPreview:not(.is-visibleList) .card__list { position: absolute; top: -38px; left: -40px; right: 0; background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); opacity: 0; visibility: hidden; padding: 182px 40px 35px } .card--goodsPreview:not(.is-visibleList) .card__list a span { color: #898989 } .card--goodsPreview.is-visibleList .card__list { margin-top: 20px; position: relative } .card--goodsPreview .card__head { display: block } .card--goodsPreview .card__list a { font-size: 12px; color: #677087 } .card--goodsPreview .card__icon { margin-bottom: 23px; position: relative; z-index: 1 } .card--goodsPreview .card__title { display: block; font-size: 15px; font-weight: 500; max-width: 166px; position: relative; z-index: 1 } .card--goodsPreview .card__title:hover { color: #f15822 } .card--member, .card--reviews { border: 1px solid #f3f3f3; padding: 42px 37px 54px } .card--reviews[style*=background-image] { color: #fff; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; padding-bottom: 42px } .card--reviews[style*=background-image]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: .5; pointer-events: none } .card--reviews[style*=background-image]>div { position: relative; z-index: 1 } .card--reviews[style*=background-image] .card__subtitle { color: rgba(255, 255, 255, .6) } .card--reviews[style*=background-image] .card__body { color: #fff } .card--reviews .card__title { font-size: 15px; font-weight: 500 } .card--reviews .card__subtitle { font-size: 13px; color: #898989; margin-top: 1px } .card--reviews .card__head { margin-bottom: 20px } .card--reviews .card__body { color: #333 } .card--reviews .card__bottom { margin-top: 34px } .card--vacancy:hover .card__title { color: #f15822 } .card--vacancy .card__title { -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; font-size: 15px; font-weight: 500; color: #677087 } .card--vacancy .card__subtitle { color: #333; font-size: 13px; margin-top: 22px } .card--member { padding: 20px 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff } .card--member.card--sm { padding-top: 0 } .card--member.card--sm .card__photo { height: 180px; width: 200px } .card--member.card--sm .card__head { margin-bottom: 10px } .card--member.card--sm .card__title { font-size: 13px } .card--member.card--sm .card__body { padding-top: 35px } .card--member .card__photo { height: 240px; width: 240px; text-align: center } .card--member .card__photo img { max-height: 100% } .card--member .card__body { padding-left: 19px; padding-top: 23px } .card--member .card__title { font-size: 15px; font-weight: 500 } .card--member .card__subtitle { font-size: 12px; color: #898989; margin-top: 2px } .card--member .card__head { margin-bottom: 20px } .card--member .card__bottom .link, .card--member .card__info { font-size: 13px } .card--member .card__bottom { margin-top: 18px } .card--offer, .card--partners { border: 1px solid #f3f3f3; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .card--partners { font-size: 15px; font-weight: 500; padding: 18px 38px 35px; background-color: #fff } .card--partners:hover { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); border-color: #fff; z-index: 2 } .card--partners .card__photo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 120px; margin-bottom: 23px } .card--partners .card__title { max-width: 200px } .card--offer { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #f9f9f9 } .card--offer:hover { z-index: 3; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1) } .card--offer .card__body, .card--offer .card__photo { width: 50% } .card--offer .card__badge { margin-bottom: 46px } .card--offer .card__body { padding: 38px 38px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .card--offer .card__small { font-size: 11px; margin-bottom: 18px } .card--offer .card__title { color: #677087; font-size: 15px; font-weight: 500 } .card--offer .card__bottom { padding-top: 46px; margin-top: auto } .card--basketTable, .card--faq>div { position: relative } .card--basketTable { display: flex; } .card--basketTable .card__left { width: 16%; position: relative; display: flex; flex-direction: column; justify-content: center; } .card--basketTable .card__left .badge { position: absolute; top: 0; left: 0 } .card--basketTable .card__price .text { font-weight: 500; font-size: 13px; line-height: 20px; color: #000; display: block; text-align: center; } .card--basketTable .card__right { width: 84%; display: flex; } .card--basketTable .card__top { width: calc(30% + 18px); } .card--basketTable .card__code { font-size: 11px; color: #898989 } .card--basketTable .card__title { font-size: 15px; font-weight: 500; margin: 8px 0; max-width: 400px } .card--basketTable .card__info { font-size: 11px; margin-top: 10px; font-weight: 500; font-size: 11px; line-height: 24px; color: #000; } .card--basketTable .card__info table:not(:first-child) { margin-top: 13px } .card--basketTable .card__info table { max-width: 177px; width: 100%; border-spacing: 0 } .card--basketTable .card__info .value { color: #898989; margin-left: 5px; } .card--basketTable .card__right--double .card__bottom { border-top: 1px solid #eaeaea; margin-top: 38px; padding-top: 40px; width: 62.88889%; padding-left: 5px; margin-left: auto } .card--basketTable .card__right--double .card__remove { margin-left: auto; margin-top: 10px } .card--basketTable .card__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; flex: 1; justify-content: space-between; padding-left: 35px; width: calc(100% - 250px); } .card--basketTable .card__bottom .card__price .tableGoods__column { width: 100%; text-align: center; } .card--basketTable .card__bottom .card__price { display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 5px; position: relative; min-width: 40%; } .card--basketTable .card__bottom .card__quantity .tableGoods__column { width: 100%; text-align: center; } .card--basketTable .card__bottom .card__quantity { width: 146px; position: relative; display: flex; justify-content: center; flex-direction: column; align-items: center; } .card--basketTable .card__bottom .card__total .tableGoods__column { width: 100%; text-align: center; } .card--basketTable .card__bottom .card__total { display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; position: relative; min-width: 75px; } .card--basketTable .card__bottom .card__remove { display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; } .card--basketTable .card__price .priceTitle { margin: 5px 0 } .card--basketTable .card__price .priceBottom { font-size: 12px; margin: 14px 0 } .card--basketTable .card__status { font-size: 11px; color: #898989; width: 100%; text-align: center; display: flex; flex-direction: column; } .card--basketTable .card__status:not(:first-child) { margin-top: 10px } .card--basketTable .card__status .medium12 { color: #000 } .card--faq { background: #fff; padding: 39px 40px 34px } .card--faq:hover:before { top: -1px; bottom: -1px; left: -1px; right: -1px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1) } .card--faq:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; pointer-events: none } .card--faq .card__link { z-index: 2 } .card--faq .card__icon { margin-bottom: 22px } .card--faq .card__title { font-size: 15px; font-weight: 500 } .card--faq .card__subtitle { font-size: 12px; color: #898989; margin-top: 2px } .card { position: relative } .card[data-badge-red]:after { content: attr(data-badge-red); background-color: #f15822; text-transform: uppercase; font-size: 11px; font-family: "Fact-Condensed", sans-serif; font-weight: 500; line-height: 1; letter-spacing: .04em; color: #fff; position: absolute; top: 18px; left: 38px; z-index: 1; pointer-events: none; padding: 4px 10px 5px } .card[data-badge-orange]:after { content: attr(data-badge-orange); background-color: #fbad18; text-transform: uppercase; font-size: 11px; font-family: "Fact-Condensed", sans-serif; font-weight: 500; line-height: 1; letter-spacing: .04em; color: #fff; position: absolute; top: 18px; left: 38px; z-index: 4; pointer-events: none; padding: 4px 10px 5px } .card__badge { text-transform: uppercase; font-size: 11px; font-family: "Fact-Condensed", sans-serif; font-weight: 500; line-height: 1; letter-spacing: .04em; color: #fff; pointer-events: none; padding: 4px 10px 5px; z-index: 4; } .card .card__badge { position: absolute; top: 12px; left: 12px; } .goodCard__slider .card__badge { position: absolute; left: 39px; top: 0px; } .goodsGrid .grid.grid--alternative { display: block; } .grid.grid--alternative .card--good { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 32px 38px 39px; } .grid.grid--alternative .grid__item { width: 100% !important; height: auto !important; border: 1px solid #f3f3f3; } .grid.grid--alternative .card--good .card__slider { height: 200px; width: 200px; padding: 5px 0; } .grid.grid--alternative .card--good .card__slider .swiper-container, .grid.grid--alternative .card--good .card__slider .swiper-slide { width: 100% !important; } .grid.grid--alternative .card--good .card__slider img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .grid.grid--alternative .card--good .card__body { width: calc(100% - 200px); padding-left: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .grid.grid--alternative .card--good .card__code { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .grid.grid--alternative .card--good .card__title { width: 100%; margin-bottom: 8px; } .grid.grid--alternative .card--good .card__wrap { position: static; } .grid.grid--alternative .card--good .card__price { display: none; } .grid.grid--alternative .card--good .card__bottom { display: none; } .grid.grid--alternative .card--good .card__hover { position: static; display: block; filter: none; padding: 0; } .grid.grid--alternative .card--good .card__info { display: block; margin-top: 0; margin-bottom: 38px; width: 100%; } .grid.grid--alternative .card--good .card__info .card__code { position: absolute; top: 0; left: 260px; white-space: nowrap; } .grid.grid--alternative .card--good .card__code { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .grid.grid--alternative .card--good .card__info .js-offerprop { margin-bottom: 38px; } .grid.grid--alternative .card--good .card__info table { margin-left: 0; line-height: 20px; } .grid.grid--alternative .card--good .card__hover .card__price { display: block; } .grid.grid--alternative .card--good .card__price { width: 37.36655%; } .grid.grid--alternative .card--good .card__hover .card__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding-left: 41.99288%; margin-top: 8px; padding-top: 0; position: static; } .grid.grid--alternative .card--good .card__quantity { display: block; position: relative; margin: 0 20px 0 0; } .grid.grid--alternative .card--good .card__quantity .quantity { height: 40px; width: 120px; } .grid.grid--alternative .card--good .card__quantity .quantity .quantity__control { width: 36px; } @media screen and (max-width: 1150px) { .goodCard__slider .card__badge { top: 18px; left: 0; } } .card__badge.card__badge--red { background-color: #f15822; } .card__badge.card__badge--orange { background-color: #f6ae1e; } .card__badge.card__badge--orange--black { background-color: #fbad18; color: #000; } .card__badge.card__badge--green { background-color: #8ea407; } .card__badge.card__badge--multicolor { background: -o-linear-gradient(222.75deg, #f6ae1e 0%, #f6ae1e 20%, #f68522 20.1%, #f68522 40%, #f15b24 40.1%, #f15b24 60%, #af4627 60.1%, #af4627 80%, #88321e 80.1%); background: linear-gradient(227.25deg, #f6ae1e 0%, #f6ae1e 20%, #f68522 20.1%, #f68522 40%, #f15b24 40.1%, #f15b24 60%, #af4627 60.1%, #af4627 80%, #88321e 80.1%); } .card .card__photo img { width: 100%; height: 100%; object-fit: contain; } .card .card__photo { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; width: 100px; height: 100px; } .card .card__link { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .section--delivery { padding-top: 70px } .section--delivery .deliveryDescription { margin-bottom: 40px } .section--delivery .deliveryDescription:not(:first-child) { margin: 74px 0 45px } .deliveryAdvantages__body:not(:first-child) { margin-top: 55px } .deliveryAdvantages__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap } .deliveryAdvantages__list .deliveryAdvantagesItem { width: 50% } .deliveryAdvantages__list .deliveryAdvantagesItem:nth-child(even) { border-left: 1px solid #eaeaea; padding-left: 160px } .deliveryAdvantages__list .deliveryAdvantagesItem:nth-child(even) .deliveryAdvantagesItem__icon { left: 58px } .deliveryAdvantagesItem { position: relative; padding-left: 100px } .deliveryAdvantagesItem__icon { position: absolute; top: 5px; left: 0 } .deliveryAdvantagesItem__title, .deliveryDescription__table table thead th { font-size: 13px; font-weight: 500 } .deliveryAdvantagesItem__text { font-size: 13px } .deliveryAdvantagesItem__text:not(:first-child) { margin-top: 20px } .deliveryDescription__head { max-width: 530px; margin: 0 auto 44px } .deliveryDescription__title { font-size: 15px; font-weight: 500; padding: 24px 0 27px } .deliveryDescription__list, .deliveryDescription__title+.deliveryDescription__table { border-top: 1px solid #eaeaea } .deliveryDescription .deliveryDescription__item:not(:first-child) { border-top: 1px solid #eaeaea } .deliveryDescription__table { padding: 25px 0 } .deliveryDescription__table.hiddenDesktop>.tabs .tabsBox { margin-top: 40px } .deliveryDescription__table.flex-wrap { margin: 0 -40px 50px } .deliveryDescription__table table { width: 100%; font-size: 13px } .deliveryDescription__table table thead th small { font-size: 12px; font-weight: 400; color: #898989; display: block } .deliveryDescription__table table thead tr:last-child:not(:first-child) th { padding-top: 20px; border-bottom: 1px solid #eaeaea; padding-bottom: 35px } .deliveryDescription__table table td { border-bottom: 1px solid #eaeaea; padding-top: 20px; padding-bottom: 19px } .deliveryDescription__table table td[rowspan] { vertical-align: top; max-width: 110px; font-size: 12px; padding-right: 40px } .deliveryDescription__table .tableItem>p, .deliveryDescription__table>p { font-size: 13px; color: #898989; margin-top: 24px } .deliveryDescription__table .tableItem { width: 50%; padding: 0 40px } .section--deliveryRules { padding-top: 76px } .section--deliveryRules .listDefault:not(:first-child) { margin-top: 72px } .section--deliveryRules .swiper-container { margin-top: 35px } .tableItem__head .tableItem__title { font-size: 15px; font-weight: 500 } .tableItem__head .tableItem__subtitle { font-size: 13px } .deliveryDescription__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; padding-top: 45px } .deliveryDescription__row .deliveryDescription__left { width: 21.42857% } .deliveryDescription__row .deliveryDescription__right { margin-left: auto; width: 64.28571% } .deliveryDescription__row .deliveryDescription__right .deliveryDescription__table { padding: 0 } .deliveryDescriptionBox .deliveryDescriptionBox__title:not(:last-child) { margin-bottom: 40px } .deliveryDescriptionBox .deliveryDescriptionBox__title span { font-size: 15px; font-weight: 500; display: block } .deliveryDescriptionBox .deliveryDescriptionBox__title small { display: block; font-size: 13px } .deliveryDescriptionBox .deliveryDescriptionBox__body p { font-size: 12px } .deliveryDescriptionBox .deliveryDescriptionBox__bottom { font-size: 12px; color: #898989; padding-right: 20px; margin-top: 20px } .deliveryMobileTable table tbody tr:first-child td { border-top: 1px solid #eaeaea } .deliveryMobileTable table thead th { padding-bottom: 35px } .deliveryMobileTable__head, .modalsDemo>div { margin-bottom: 20px } .deliveryMobileTable__title { font-size: 13px; font-weight: 500 } .deliveryMobileTable__item:not(:first-child) { margin-top: 45px } .regionTableInfo { border-top: 1px solid #eaeaea; margin-top: 39px } .regionTableInfo>p { font-size: 11px; color: #898989 } .regionTableInfo table tr:last-child td { border-bottom: 0 } .section--anyQuestion { padding: 77px 0 } .section--anyQuestion .anyQuestion:not(:first-child) { margin-top: 37px } .anyQuestion .anyQuestion__head { font-size: 15px; font-weight: 500 } .anyQuestion .anyQuestionList .anyQuestionList__item:not(:first-child), .anyQuestion .anyQuestion__body:not(:first-child) { margin-top: 40px } .anyQuestion .anyQuestionList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap } .anyQuestion .anyQuestionList .anyQuestionList__item { width: 33.33% } .anyQuestionItem__title { font-size: 13px; margin-bottom: 25px } .anyQuestionItem .phoneItem:not(:first-child) { margin-top: 20px } .phoneItem__link { font-size: 27px; line-height: 40px; font-weight: 500 } .phoneItem__description { display: block; font-size: 13px; color: #898989 } .out { position: relative; } .no-scroll .out { overflow: hidden } .no-scroll, .out { overflow: hidden } .is-fixed, .is-sticky { position: fixed; top: 0; left: 0; right: 0 } .page__title { font-size: 40px; line-height: 40px; letter-spacing: .02em; font-family: "ALSKraft", sans-serif } .color--secondary { color: #fbad18 } .color--red { color: #f15822 } .color--gray { color: #898989 } .swiper-button { background-image: none; margin-top: 0; width: auto; height: auto; cursor: pointer } .table-row-border { font-size: 13px; border-spacing: 0 } .table-row-border tr:not(:first-child) td { padding-top: 10px } .table-row-border tr td { border-bottom: 1px solid #eaeaea; padding-bottom: 9px } .table-row-border td, .table-row-border th { padding: 0; border: 0 } .table-row-border td:first-child { color: #898989; width: 50%; } .pageNav { margin-top: 43px } .section[style*=background], .shareBox:before { background-repeat: no-repeat; background-size: cover; background-position: 50% 50% } * { -webkit-overflow-scrolling: touch } table { border-spacing: 0 } strong { font-weight: 500 } .shareBox { background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); padding: 10px; opacity: 0; visibility: hidden; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .shareBox:before { content: ''; position: absolute; bottom: 100%; right: 20px; width: 40px; height: 10px; background-image: url(/local/templates/.default/css/../img/sharebox_top.svg) } .shareBox ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -5px } .shareBox ul li { display: block; width: 20px; height: 20px; margin: 0 5px } .demos { margin: 70px 0 } .modalsDemo:not(:first-child) { margin-top: 100px } .modalsDemo ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px } .modalsDemo ul li { margin: 5px 10px } #preloader { display: none; position: fixed; z-index: 99999; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, .75) url(/local/templates/.default/css/../img/bg_preloader.gif) 50% no-repeat; } #catalogpreloader { display: none; position: absolute; z-index: 99999; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, .75) url(/local/templates/.default/css/../img/bg_preloader.gif) 50% no-repeat; } .photos-other {} .searchCategories { display: none; } @media all and (max-height: 576px) { .fancybox-caption { padding-left: 12px; padding-right: 12px } .fancybox-slide { padding-left: 0; padding-right: 0 } .fancybox-slide--image { padding: 6px 0 } .fancybox-close-small { right: -6px } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px } } @media only screen and (min-width: 740px) { .hiddenDesktop { display: none } } @media only screen and (min-width: 1150px) { .goodsControls__item--basket:hover .basketMini, .navCatalogWrapper:hover .navCatalog__dropdown { opacity: 1; visibility: visible; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .navCatalogWrapper:hover .navCatalog__dropdown { display: block } .grid__item:hover:before { opacity: 1; -webkit-transition: .2s all; -o-transition: .2s all; transition: .2s all } .grid__item:hover .card__bottom { -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .grid__item:hover .card__bottom .card__buttons .btn--addFavorite, .grid__item:hover .card__quantity { -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; /*opacity: 1; visibility: visible*/ display: block; } .card--goodsPreview:not(.is-visibleList):hover .card__list { opacity: 1; visibility: visible; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all } .card--goodsPreview.is-visibleList:hover:before { opacity: 1; visibility: visible } .card--goodsPreview.is-visibleList:hover .card__list li:not(:nth-child(-n+5)) { display: block } .card--goodsPreview.is-visibleList .card__list li:not(:nth-child(-n+5)) { display: none } } @media only screen and (min-width: 1151px) { .grid__item:hover .card__info, .grid__item:hover .stock__text:last-child { display: block } } @media only screen and (min-width: 1800px) { .banner { height: 580px } } @media only screen and (max-width: 1150px) { .searchCategories { display: block; padding: 10px 0; } .goodCard__gallery__btn_more { display: none; } .section__title { font-size: 22px; line-height: 20px; letter-spacing: .02em } .section__title.section__title--sm, h1 { font-size: 30px; line-height: 30px; font-family: "ALSKraft", sans-serif; letter-spacing: .02em; text-transform: uppercase } .container, .containerFluid, .i-content { padding: 0 20px } .i-content { max-width: 100% } .hiddenTablet { display: none } .pageNav a, .tabsList--primary a, .tabsList--secondary a { padding-bottom: 15px } .btn--primary.btn--xlg span { min-width: 160px } .btn--primary.btn--lg span { padding: 21px 42px 19px } .btn--primary.btn--md span { padding: 13px 29px 12px } .btn--primary.btn--xs span { padding: 5px 21px } .btn--primary span { padding: 10px 21px } .btn--catalogToggle { height: 40px; width: 120px; padding: 0 15px; font-size: 14px } .btn--catalogToggle svg { width: 19px; height: 12px; margin-right: 13px } .btn--favorite .badge { top: 10px; left: 6px } .btn--favorite svg { width: 31px; height: 23px } .btn--basket { padding-top: 8px; padding-left: 28px } .btn--basket .icon { margin-top: 3px } .btn--basket .badge { top: 3px; left: -7px } .btn--linkSquareArrow { font-size: 22px; line-height: 20px; letter-spacing: .05em } .btn--linkSquareArrow:after { display: block; margin-top: 10px; width: 16px; height: 16px } .btn--subscribe .btn__text { display: none } .btn--subscribe .btn__icon { margin-right: 0 } .btn--play.btn--lg:before { width: 60px; height: 60px } .btn--navPage.btn--navPage-prev { padding-left: 80px } .btn--navPage.btn--navPage-next { padding-right: 80px } .btn--navPage .btn__title { max-width: 260px } .priceBox--column .price--new { margin-bottom: -2px } .header__top { padding: 20px 0 } .header__top .header__buttons { width: 66.66667% } .header__timetable { display: none } .header__buttons li:not(:first-child) { margin-left: 20px } .header__buttons li.pullRight { margin-left: auto } .header__center { padding: 16px 0 } .header__center .header__logo { width: 19.36813% } .header__center .header__logo img { width: auto } .header__center .header__search { width: 52.60989% } .header__center .header__phone { width: 22.25275%; position: relative } .header__center .header__phone .phone { position: relative; top: 4px } .header__phone .phone { font-size: 22px; letter-spacing: .05em } .header__phone .phone:not(:last-child) { margin-bottom: 0 } .header__bottom { padding: 10px 0 } .header__bottom .goodsControls { padding-right: 20px } .footer { padding: 45px 0 100px; margin-bottom: 0 } .footer .footer__inner { -ms-flex-flow: wrap; flex-flow: wrap } .footer .footer__inner .footer__left { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 45.13889%; margin-top: -63px } .footer .footer__inner .footer__center { margin-left: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 61.38889% } .footer .footer__inner .footer__right { margin-left: auto; width: 33.75% } .footer .footer__left .footer__years { margin-bottom: 2px } .footer .footer__left .footer__dev { margin-top: 20px } .footer .footer__center .companyInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .footer .footer__center .companyInfo>div { width: 50% } .footer .footer__center .companyInfo .locationUser { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .footer .footer__center .companyInfo .companyInfo__mail { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-top: 0 } .footer .footer__center .companyInfo .companyInfo__phone { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .footer .footer__center .companyInfo .companyInfo__address { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .footer .footer__center .companyInfo .companyInfo__address p { max-width: 180px } h5 { font-size: 13px; font-weight: 500 } .wrapper { margin: 0; display: block } .wrapper img { margin: 0; max-width: 50%; max-height: 441px } article p { margin: 18px 0 20px } article h4 { margin-bottom: 18px } .section--banner, article .videoBox, article>img { margin: 0 } article .wrapper+.i-content, article img+.i-content { margin-top: 66px; margin-bottom: 56px } .goodsControls__item:not(:first-child) { margin-left: 26px } .nav--primary .btn--catalogToggle { margin-right: 20px } .nav--primary .menu--primary li:not(:first-child) { margin-left: 24px } .nav--primary .menu--primary a { font-size: 14px; padding: 15px 0 11px; line-height: 14px; letter-spacing: -.009em; } .form__search .input { height: 40px; border-width: 2px; font-size: 11px; padding-left: 48px } .search-clear { top: 14px; font-size: 11px; } .searchBar-dropdown { border-width: 2px; min-height: 290px; } .searchBar-dropdown__wrapper { top: 38px; /* min-height: 290px; */ } .searchBarItem { height: 35px; margin: 10px 0 10px 0; padding: 0 0 10px 0; } .searchBarItem_img { width: 35px; height: 35px; } .form__search .btn--search { width: 56px } .form__search .btn--search svg { width: 15px; height: 15px } .banner { height: 360px } .banner .banner__left { width: 100% } .banner .banner__right, .section--aboutCompany .borderBox.borderBox--xs+.aboutCompany__title br, .section--aboutCompany.section--aboutCompanyOffer .aboutCompany__title br { display: none } .banner__column { width: 7.89474% } .banner__column.is-active { padding: 30px 40px; width: 76.31579% } .banner__column .banner__head { max-width: 282px } .banner__column .banner__text { margin-top: 30px; max-width: 332px } .banner__column .banner__previewTitle { top: 20px } .borderBox { border-width: 3px; padding: 16px 17px 10px } .borderBox__title { font-size: 26px; line-height: 26px } .borderBox.borderBox--decor { margin-left: 95px; } .borderBox.borderBox--decor.borderBox--xs .borderBox__decorLeft, .borderBox.borderBox--decor.borderBox--xs .borderBox__decorRight { top: -3px; height: 90px; width: 40px } .borderBox.borderBox--decor .borderBox__decorLeft, .borderBox.borderBox--decor .borderBox__decorRight { top: -3px; height: 136px; width: 40px } .borderBox.borderBox--decor .borderBox__decorLeft { background-position: left center; margin-right: 59px } .borderBox.borderBox--decor .borderBox__decorRight { right: 100%; left: auto; margin-right: 11px } .borderBox--md { padding: 18px 14px 13px } .borderBox--md .borderBox__title { font-size: 40px; line-height: 40px } .borderBox--xs { padding: 15px 15px 10px } .borderBox--xs .borderBox__title { font-size: 30px; line-height: 30px; font-family: "ALSKraft", sans-serif; letter-spacing: .02em; text-transform: uppercase } .section--subscribe { margin: 25px 0 28px } .section--subscribe.section--subscribeTopBorder { padding: 25px 0 28px } .subscribe { padding-left: 33.33333% } .subscribe .subscribe__title { font-size: 15px; font-weight: 500 } .subscribe .subscribeList { margin-right: -22px } .section--catalogGoods { padding-bottom: 57px } .section--catalogGoods .section__inner { padding-top: 30px } .section--catalogGoods .tabs { margin-top: 17px } .section--catalogGoods .tabsBox { margin-top: 41px } .section--catalogGoods .grid__item:nth-child(n+5) { margin-top: 0 } .section--catalogGoods .grid__item:nth-child(n+4) { margin-top: 37px } .section--decorTop { padding-top: 55px } .menuBox:before, .section--decorBottom:before, .section--decorTop:before { height: 42px; background-size: cover; background-repeat: repeat-x } .menuBox, .section--decorBottom { padding-bottom: 55px } .colTablet--4 { width: 33.33% } .colTablet--6 { width: 50% } .colTablet--12 { width: 100% } .section--goodsGrid { /*margin-top: 29px;*/ margin-bottom: 40px } .section--goodsGrid .grid { margin-top: 30px } /*.goodsGrid .grid:not(.grid--alternative) .grid__item.colTablet--4:nth-child(n+1) { border-left: 2px solid #f3f3f3; border-right: 0 }*/ /*.goodsGrid .grid:not(.grid--alternative) .grid__item.colTablet--4:last-child, .goodsGrid .grid:not(.grid--alternative) .grid__item.colTablet--4:nth-child(3n) { border-right: 2px solid #f3f3f3 }*/ .section--blogLatest { padding: 32px 0 40px } .section--blogLatest .grid { margin-top: 28px } .section--blogLatest .card { height: 100%; min-height: 280px } .section--blogLatest .brand { height: 100%; min-height: 280px } .section--aboutCompany { margin: 0; padding: 40px 0 125px; } .section--aboutCompany .section__bg { margin-top: -40px; margin-bottom: 40px; height: 340px } .section--aboutCompany .section__inner .section__left { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .section--aboutCompany .section__inner .section__right { margin-top: 48px; width: 100%; } .section--aboutCompany .section__inner .section__right.section__right--secondary { width: 100%; margin-top: 41px } .section--aboutCompany .aboutCompany__head { margin-top: 36px } .section--aboutCompany .borderBox.borderBox--xs { margin-right: 31px; width: 100%; max-height: 90px; max-width: 180px } .section--aboutCompany .borderBox.borderBox--xs+.aboutCompany__title { max-width: 360px } .aboutCompany__wrapper { width: 57%; margin-left: auto; } .section--aboutCompany .aboutCompany__title { margin-top: 0; line-height: 26px; } .section--aboutCompany .aboutCompany__button { margin-top: 26px; } .aboutCompany__button .btn--secondary span { padding: 12px 46px 13px 28px; } .tabsList--secondary a.is-active:before { bottom: 1px; } .section--aboutCompany .aboutCompany__title br { display: none; } .borderBox--decor { width: 37.91%; } .section--aboutCompany .aboutCompany__row { margin: 0 -15px; } .section--aboutCompany .aboutCompanyBlock { padding: 0 15px; } .section--aboutCompany .tabsBox { margin-top: 54px; } .section--aboutCompany .aboutCompany__row { gap: 30px 0; } .section--aboutCompany .aboutCompany__row .aboutCompanyBlock { width: 100% } .section--aboutCompany.section--gradientBg .listDefault__item.colDesktop--2 { width: 33.33% } .section--aboutCompany .listDefault__title { min-height: auto } .aboutCompany__title { font-size: 22px; line-height: 20px; letter-spacing: .05em; width: 100%; } .section--aboutCompany.section--aboutCompanyProjects { padding-bottom: 52px } .section--aboutCompany.section--aboutCompanyOffer { padding: 58px 0 0 } .section--aboutCompany.section--aboutCompanyOffer .section__inner>.section__title { margin-bottom: 37px } .section--aboutCompany.section--aboutCompanyOffer .section__left { display: block } .section--aboutCompany.section--aboutCompanyOffer .aboutCompany__title { max-width: 100%; margin-left: 0; margin-top: 18px } .breadcrumbs { padding: 20px 0; } .breadcrumbsList__item:not(:last-child):after { margin: 0 5px; } .section--catalogMain { padding-bottom: 19px } .section--catalogMain .catalogMain { padding-top: 38px } .catalogMain .grid__item { margin-bottom: 35px; max-height: 100% !important } .catalogMain__item:not(:first-child) { margin-top: 18px; padding-top: 46px } .section--aboutCompanyMain { padding: 58px 0 } .section--aboutCompanyMain .section__title { font-size: 30px; line-height: 30px; font-family: "ALSKraft", sans-serif; letter-spacing: .02em; text-transform: uppercase } .aboutCompanyMain { margin-top: 36px } .aboutCompanyMain__column { width: 50%; margin: 0; padding: 0 15px } .aboutCompanyMain__column:last-child { display: none } .filter .filter__reset { top: 15px } .filterBox .filterFields__row>div, .filterList .filterItem, .goodCard__info>div { width: 33.33% } .section--catalog { padding-bottom: 18px } .section--catalog .filter { padding-top: 39px; padding-bottom: 26px } .catalog .catalog__right { padding-top: 19px; width: calc(100% - 234px); } .filterCategory .filterCategory__head+.filterCategorySubMenu { padding: 0 0 10px; margin: 0; } .filterItems__body { padding-right: 0; } .range-inputs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .range-inputs__wrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .colDesktop--3 { width: 33.33333%; } .catalog .catalog__left { width: 234px; padding-right: 50px; } .filterCategory .filterCategory__head>div { padding: 18px 0; } .filterCategory .filterCategory__head>div { font-size: 14px; line-height: 20px; } .filterCategorySubMenu .filterCategorySubMenu__item--parent>div, .filterCategorySubMenu__item>a { font-size: 12px; line-height: 16px; } .filterCategory a { line-height: 16px; } .selectItem-products { margin-left: 35px; } .gridNotification { padding-top: 22px; margin: 10px 0 33px; } .pagination, .section--aim article { margin-top: 20px } .section--goodCard { padding-bottom: 41px } .section--goodCard .goodCard { padding-top: 20px } .goodCard { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse } .goodCard .goodCard__left { width: 100%; padding-right: 0; margin-top: 19px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative } .clientsList__item br, .goodCard .goodCard__left .goodCard__head, .goodCard .goodCard__left .goodCard__title, .loyaltyCategory__title br, .section--competition .listDefault__title br { display: none } .goodCard .goodCard__right { width: 100%; border-left: 0 } .goodCard .goodCard__right .goodCard__head, .goodCard .goodCard__right .goodCard__title { display: -webkit-box; display: -ms-flexbox; display: flex } .goodCard__title { margin: 10px 0 29px } .goodCard__info { padding: 30px 70px 11px 0; margin-bottom: 25px; width: 100% } .goodCard__info>div:first-child { padding-right: 0 } .goodCard__info>div:last-child { padding-left: 0 } .goodCard__slider { border-top: 1px solid #f3f3f3 } .goodCard__badges { top: 18px; left: -1px } .goodSlider { position: relative } .goodSlider .goodSlider__main { margin-top: 20px; width: 100% } .goodSlider .goodSlider__main img { max-height: 400px } .goodSlider .goodSlider__thumbs { position: absolute; top: 20px; right: 0; bottom: 40px } .goodSlider .goodSlider__thumbs .swiper-container { height: 100% } .goodCard__controls { width: 83.33333%; margin: 0 -10px } .goodControl.goodControl--size .selectric-wrapper { min-width: 175px; max-width: 175px; } .goodCard__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .goodCard__buttons .btn--addFavorite, .goodCard__buttons .btn--share { position: absolute } .goodCard__buttons .btn--share { top: 66px; right: 148px } .goodCard__buttons .btn--addFavorite { top: 27px; right: 92px } .goodCard__buttons .btn:not(:first-child) { margin-left: 0 } .section--goodCardBlock { padding-top: 44px; margin-bottom: 57px } .section--goodCardBlock .goodCardBlock { padding-bottom: 30px } .section--goodCardBlock .tabsBox { margin-top: 65px } .goodCardBlock { margin: 0 -10px } .goodCardBlock>div { margin: 0 10px } .goodCardBlock .goodCardBlock__left { width: 45.83333% } .goodCardBlock .goodCardBlock__right { width: 48.61111% } .section--carousel { margin-top: 57px } .section--carousel .carousel:not(:first-child) { margin-top: 33px } .section--aboutCompanySecondary.section--aboutCompany { padding-bottom: 0 } .section--aboutCompanySecondary.section--aboutCompany .section__right { margin-top: 34px } .section--aboutCompanySecondary.section--aboutCompany .borderBox { margin-left: 90px } .section--aboutCompanySecondary.section--aboutCompany .aboutCompanyGroup { margin-top: 34px } .section--aim { padding-top: 44px } .section--aim .section__inner { padding-bottom: 41px } .aim__title { font-size: 22px; line-height: 20px; letter-spacing: .05em; margin-top: 38px; max-width: 298px !important } .section--clients { margin-top: 0; padding-top: 44px; padding-bottom: 36px } .section--clients .clientsList:not(:first-child) { margin-top: 58px } .clientsHead__subtitle { margin-top: 18px; font-size: 22px; line-height: 20px; letter-spacing: .05em } .clientsList__item { width: 33.33%; padding-right: 20px; margin-bottom: 55px } .section--assortment { padding-top: 44px } .assortmentHead__subtitle { font-size: 22px; line-height: 20px; letter-spacing: .05em; max-width: 600px; margin-left: auto; margin-right: auto } .assortmentHead__subtitle:not(:first-child) { margin-top: 18px } .assortmentList:not(:first-child) { margin-top: 37px; padding-top: 40px; margin-bottom: -2px } .assortmentList__item { width: 50%; padding-right: 40px } .assortmentList__title { margin-bottom: 22px } .section--competition { padding-bottom: 22px } .section--competition .listDefault:not(:first-child) { margin-top: 32px } .section--competition .listDefault__title { min-height: auto } .section--competition .listDefault__item { padding-right: 40px; margin-bottom: 34px } .listDefault__item { padding-right: 20px; margin-bottom: 41px } .section--reviews:not(:first-child) .reviews { padding-top: 19px } .section--form { padding-top: 58px } .section--form .section__inner { padding-bottom: 65px } .section--form .form { margin-top: 36px } .section--aboutCompany.section--aboutCompanyWork .section__bg { margin-bottom: 44px } .workHead { padding-bottom: 37px } .workHead__subtitle { font-size: 22px; line-height: 20px; letter-spacing: .05em; margin-top: 18px } .workHead__text { margin-top: 25px; max-width: 480px } .workForm { margin-top: 31px } .workForm .form:not(:first-child) { margin-top: 36px } .workForm .form { margin-bottom: 60px } .workBody.workBody--fullwidth { max-width: 100% !important } .workBody .listDefault { margin: 0 -10px } .workBody .listDefault__item { padding: 0 10px } .section--vacancy { margin: 58px 0 } .section--vacancy .vacancyList { margin-top: 36px; margin-bottom: -38px } .section--vacancy .vacancyList .grid__item { margin-bottom: 38px } .section--members { margin-top: 96px } .section--members .members { margin-top: 32px } .section--vacancySingle { padding-top: 58px } .vacancySingle { padding-left: 61px } .vacancySingle__left { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .vacancySingle__right { width: 100% } .vacancySingle__right:nth-child(2) { padding-top: 43px } .vacancySingle__inner { margin-top: 34px; padding-bottom: 39px } .vacancySingle__inner div:nth-child(n+3) { margin-top: 40px } .vacancySingle__title { font-size: 22px; line-height: 20px; letter-spacing: .05em; width: 40.27778% } .vacancySingle__subtitle { max-width: 100%; width: 54.86111% } .vacancySingle__subtitle:not(:first-child) { margin-top: 3px } .section--aboutHead+.section--partners .partners { padding-top: 20px } .section--partner { padding-top: 58px } .section--partner .partner { padding-bottom: 60px } .partner__left { padding-left: 60px; width: 47.22222% } .partner__right { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; border-left: 0; padding-left: 0; padding-bottom: 0 } .partner__logo { border-left: 1px solid #eaeaea; padding: 21px 0 30px 56px; margin-bottom: -15px } .partner__logo img { max-width: 234px } .partner__subtitle { font-size: 22px; line-height: 20px; letter-spacing: .05em } .partner__subtitle:not(:first-child) { margin-top: 54px; padding-right: 20px } .partner__offer { margin-top: 22px } .section--photoText { margin: 0 } .section--photoText .section__inner { padding-top: 44px; min-height: 500px } .section--photoText.section--photoText-840 .section__inner, .section--photoText.section--photoText-860 .section__inner, .section--photoText.section--photoText-900 .section__inner { padding-top: 42px; min-height: 500px } .textBox { max-width: 380px } .textBox__title { font-size: 22px; line-height: 20px; letter-spacing: .05em; max-width: 443px } .textBox__title+.textBox__small { margin-top: 22px } .textBox__title:not(:first-child) { margin-top: 18px } .textBox.textBox--bottomLeft { bottom: 36px; left: 20px } .textBox.textBox--topRight { padding-top: 42px } .textBox.textBox--grayBg { padding-left: 40px; padding-bottom: 35px; padding-right: 20px } .section--wholesale { margin: 0; padding: 44px 0 0 } .wholesale__title { font-size: 22px; line-height: 20px; letter-spacing: .05em; max-width: 100% } .wholesale__title:not(:first-child) { margin-top: 19px } .wholesale .listDefault:not(:first-child) { margin-top: 58px } .wholesale__left { max-width: 100% } .wholesale__right { position: relative; left: 0; height: 500px; margin-top: 15px; margin-left: -20px; margin-right: -20px } .section--blog .blog { padding-bottom: 19px } .section--blog .grid .card { height: 100%; min-height: 320px } .section--article .voting { padding-top: 47px } .section--article .navPages { margin-top: 33px } .articleControls { padding: 30px 0 38px } .articleInfo__title { font-size: 22px; line-height: 20px; letter-spacing: .05em; padding-right: 10px } .videoBox.videoBox--section { min-height: 340px } .videoBox:not(.videoBox--section):before { background-size: 120px 120px } .videoBox__body { padding: 44px 0 } .videoBox__body .videoBox__button { margin-top: 54px } .voting__title { margin-bottom: 34px } .voting__list .voting__item { width: 33.33% } .navPages { padding: 47px 0 32px } .section--offers .offers { padding-bottom: 0; border: 0 } .section--offers .offers:not(:first-child) { margin-top: 32px } .offersList .card { min-height: 280px; border: 0 } .empty { margin-top: 31px; padding: 40px 0 54px } .empty__icon img { max-width: 160px; display: block; margin: 0 auto } .empty__title { font-size: 22px; line-height: 20px; letter-spacing: .02em; max-width: 370px } .empty__title:not(:first-child) { margin-top: 45px } .empty__subtitle { margin-top: 20px } .section--offer { padding: 18px 0 35px; margin-bottom: 29px } .offer__body { max-width: 100% } .offer__body:not(:first-child) { margin-top: 72px } .section--contacts .page__title { margin-bottom: 33px } .contactsBox__title { font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase } .contactsBox__inner:not(:first-child) { margin-top: 13px } .contactsBox__inner .contactsBox__left { width: 58.61111% } .contactsBox__inner .contactsBox__right { width: 19.44444%; margin-left: 8.05556%; padding-left: 0; border-left: 0 } .contactsBox .timetable:not(:first-child), .contactsBox .timetable__item:not(:first-child) { margin-top: 22px } .contactsBox .timetable__item { width: 100% } .contactsBox .members { margin-top: 34px } .contactsBoxInfo__title { margin-bottom: 21px } .contactsBoxInfo__table { margin-left: 0 } .contactsBoxInfo__table td { padding-bottom: 20px } .timetable__subtitle { font-size: 22px; line-height: 22px; font-weight: 500; margin-top: 15px } .section--location { margin: 40px 0 } .section--location .section__inner { padding-bottom: 40px } .location__inner { padding-top: 44px } .location__title { margin-bottom: 40px } .basketTop { padding: 27px 0 35px } .basketTop .basketTop__right { width: 41.80556% } .basketTop .basketTop__right .btn:not(:first-child) { margin-left: auto } .tableGoods .tableGoods__head { padding: 25px 0 14px } .basketBottom { margin-top: 38px; padding-bottom: 39px } .orderHead { padding: 21px 0 } .orderHead .orderHead__right { width: 41.66667%; margin-left: auto; padding-left: 59px; padding-top: 5px } .orderHead .orderHead__right .timetable__subtitle { margin-top: 8px } .orderHeadInfo__icon { margin-right: 19px } .orderBody { margin: 15px 0; padding-bottom: 34px } .completedStep { margin-top: 31px; padding: 45px 0 33px } .completedStep__left { left: 40px; top: -5px } .completedStep__left img { max-width: 140px; margin: 0 auto; display: block } .completedStep__right { padding-left: 240px } .completedStep__subtitle { margin: 19px 0 42px } .section--aboutCompanyCooperation .workBody { max-width: 530px } .section--aboutCompanyCooperation .workBody .listDefault { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .section--aboutCompanyCooperation .workBody .listDefault__item { width: auto } .section--cooperationHead .pageNav ul { margin: 0 -12px } .section--cooperationHead .pageNav ul li { padding: 0 12px } .section--cooperation { margin-top: 58px } .section--cooperation .cooperation__list { padding-bottom: 54px } .cooperation__list .cooperation__item:not(:first-child) { margin-top: 53px } .cooperation__notification { margin-top: 0 } .section--formActionBody .form .form__column:not(:first-child) { margin-top: 45px } .loyalty { padding-bottom: 36px } .loyaltyCategory { display: block } .loyaltyCategory__title { width: 100% } .loyaltyCategory__list { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-top: 35px; margin-bottom: -52px } .loyaltyCategory__list .loyaltyItem { width: 33.33%; max-width: 100%; margin-bottom: 52px } .section--sectionText { margin-top: 57px } .section--sectionText .sectionText { padding-bottom: 54px } .section--faq .section__inner:first-child { padding-top: 57px } .section--faq .videoBox:not(:last-child) { margin-bottom: 58px } .section--faq .faqList { margin-top: 32px } .section--faq .faqCategory { margin-top: 33px; margin-bottom: 46px } .section--profile .userCard { margin: 45px 0 0 } .userCard__left { margin-left: -16px; width: 37.5% } .userCard__left img { max-width: 95%; top: -12px } .userCard__right { width: 66.66667%; position: relative; left: -10px } .userCardStatus__progress { margin: 33px 0 0 } .userCardInfo { margin: 26px 0 0 } .userCardInfo__column:nth-child(even) { padding-left: 5px; border-left: 0 } .userCardInfo__text:first-child { margin-bottom: 15px } .userCardInfo__text:not(:first-child) { margin-top: 22px } .profileInfo { margin-top: 34px; padding: 44px 0 56px } .profileInfo__wrapper { display: block } .profileInfo__column { width: 100% } .profileInfo__column:not(:first-child) { margin-top: 39px } .manager__card { margin-bottom: 20px } .userData__table { max-width: 100% } .userData__table td:last-child { width: auto } .profileSettings { margin: 44px -60px 59px } .profileSettings>div { padding: 0 60px } .profileHistory__nav { margin: 25px 0 30px } .profileHistory__buttons .btn:not(:first-child) { margin-left: 76px } .tableOrders { padding: 46px 0 40px } .tableOrders__row .container { padding: 25px 20px 34px; margin: 0 20px; width: auto } .tableOrders__body .tableOrders__column:nth-child(1), .tableOrders__head .tableOrders__column:nth-child(1) { width: 11.11111% } .tableOrders__body .tableOrders__column:nth-child(2), .tableOrders__head .tableOrders__column:nth-child(2) { width: 22.22222% } .tableOrders__body .tableOrders__column:nth-child(3), .tableOrders__head .tableOrders__column:nth-child(3) { width: 27.77778% } .tableOrders__body .tableOrders__column:nth-child(4), .tableOrders__head .tableOrders__column:nth-child(4) { width: 22.22222% } .tableOrders__body .tableOrders__column:nth-child(5), .tableOrders__head .tableOrders__column:nth-child(5) { width: 16.66667% } .tableOrders__footer { padding: 24px 20px 0 } .tableOrders__footer .tableOrders__column:nth-child(1) { width: 11.11111% } .tableOrders__footer .tableOrders__column:nth-child(2) { width: 13.88889% } .formRow__title br, .tableOrders__buttons { display: none } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__row .container, .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__row .container { padding: 20px 0; } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column, .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column { padding-bottom: 13px } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column:nth-child(1), .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column:nth-child(1) { width: 10%; padding-right: 10px } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column:nth-child(2), .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column:nth-child(2) { width: 15%; padding-right: 15px; } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column:nth-child(3), .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column:nth-child(3) { width: 25%; } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column:nth-child(4), .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column:nth-child(4) { width: 13.88889% } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column:nth-child(5), .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column:nth-child(5) { width: 8.33333% } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column:nth-child(6), .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column:nth-child(6) { width: 11.11111% } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column:nth-child(7), .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column:nth-child(7) { width: 13.88889% } .tableOrders.tableOrders--searchTable .tableOrders__head .tableOrders__column { padding-bottom: 33px } .tableOrders.tableOrders--searchTable .tableOrders__row .container { padding: 20px 0 5px; margin: 0 20px; width: auto } .tableOrders.tableOrders--searchTable .tableOrders__column { padding-bottom: 14px } .tableOrders.tableOrders--searchTable .tableOrders__column:nth-child(1) { width: 11.11111% } .tableOrders.tableOrders--searchTable .tableOrders__column:nth-child(2) { width: 16.66667% } .tableOrders.tableOrders--searchTable .tableOrders__column:nth-child(3) { width: 22.22222% } .tableOrders.tableOrders--searchTable .tableOrders__column:nth-child(4), .tableOrders.tableOrders--searchTable .tableOrders__column:nth-child(5), .tableOrders.tableOrders--searchTable .tableOrders__column:nth-child(6) { width: 16.66667% } .tableOrders.tableOrders--searchTable .tableOrders__column:nth-child(7) { width: 13.88889% } .profileOrder__top { display: block } .profileOrder__left { padding-left: 60px } .profileOrder__right { border-top: 1px solid #f3f3f3; margin-top: 33px; padding-top: 30px } .profileOrder__buttons { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .profileOrder__buttons .btn:not(:first-child) { margin-left: 75px } .errorPage { margin-top: 31px; margin-bottom: 60px; padding-top: 39px } .errorPage__title { font-size: 22px; line-height: 20px; letter-spacing: .02em } .errorPage__left { width: 34.02778% } .errorPage__right { width: 58.33333%; margin-top: 2px } .errorPage__subtitle { margin-top: 25px } .services { margin-top: 18px; padding-bottom: 54px } .services .services__inner { margin: 37px -10px 0 } .services .services__inner .services__column { margin: 0; padding: 0 10px } .services .services__inner .services__column:nth-child(1) { width: 100%; margin-bottom: 41px } .services .services__inner .services__column:nth-child(2), .services .services__inner .services__column:nth-child(3) { width: 50% } .services .services__inner .services__column .listDefault__item:not(:first-child) { margin-top: 19px } .section--advantages { margin: 45px 0 80px; } .advantages { -ms-grid-columns: 1fr 20px 1fr 20px 1fr; grid-template-columns: repeat(3, 1fr); gap: 55px 20px; } .input.input--sm { width: 100%; max-width: 260px } .textarea.rows--2 { min-height: 160px } .formRow.is-error .formRow__inner { padding: 41px 20px } .formRow__inner { padding: 46px 20px; -ms-flex-wrap: wrap; flex-wrap: wrap } .formRow__subtitle { margin-bottom: 12px } .formRow__center { width: 95% } .formRow__left { width: 100%; margin-bottom: 22px } .formRow__right { width: 100% } .form__bottom { margin-top: 61px } .form__inner .form__column.flex-column-between .form__captcha { margin-top: 40px } .form__rules { margin-top: 38px } .form__field .field__descr { margin-top: 5px } .form--profileEdit .form__column:not(:first-child) { margin-top: 43px } .card--good { /*padding: 18px 20px 20px*/ } .card--good .card__slider { width: 100%; margin: 0 auto 14px } .card--good .card__slider .swiper-button { margin-top: 0 } .card--blog { padding: 80px 18px 30px 19px } .card--brand { padding: 80px 18px 30px 19px } .card--blog.card--white { padding-top: 121px } .card--blog .card__category { top: 18px; left: 18px } .card--blog .card__subtitle { height: auto; max-width: 100% } .card--blog .card__date { left: 19px; bottom: 35px } .card--goodsPreview .card__list { max-width: 162px } .card--reviews { padding: 22px 17px 34px } .card--member { display: block; padding: 20px 18px 32px } .card--member.card--sm { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 0 } .card--member.card--sm .card__photo { margin: 0 } .card--member.card--sm .card__body { padding-left: 22px } .card--member .card__photo { margin: 0 auto } .card--member .card__body { padding-left: 0 } .card--partners { padding: 18px 18px 35px } .card--offer .card__badge { margin-bottom: 26px } .card--offer .card__body { padding: 18px 18px 20px } .card--offer .card__small { margin-bottom: 0 } .card--offer .card__title { font-size: 13px; font-weight: 500 } .card--offer .card__bottom { padding-top: 23px } .card--faq { padding: 19px 21px 14px } .card[data-badge-red]:after { left: 18px } .card[data-badge-orange]:after { left: 18px } .deliveryAdvantages__list .deliveryAdvantagesItem:nth-child(even) { padding-left: 80px; border: 0 } .deliveryAdvantages__list .deliveryAdvantagesItem:nth-child(even) .deliveryAdvantagesItem__icon { left: 0 } .deliveryAdvantagesItem { padding-left: 80px } .out { margin: 0 } .pageNav { margin-top: 36px } .card--good .card__quantity { /*opacity: 1; visibility: visible;*/ display: block; } .section--new-products .card--good { padding-top: 11px; } .section--viewed .card--good { padding: 11px 10px 0 10px; } .card--good .card__slider, .card--good .card__code, .card--good .card__title, .card--good .card__wrap { padding: 0 10px; } .goodsGrid .grid .grid__item:hover .card__wrap { margin-top: auto; } /*.card--good .card__bottom { padding-top: 60px; }*/ .card--good .card__bottom .card__buttons .btn--addFavorite { opacity: 1; visibility: visible; } .section--aboutCompany .section__bg { background-attachment: inherit; } } @media screen and (max-width: 1150px) { html, p { font-size: 15px; line-height: 20px } h2 { font-size: 36px; line-height: 45px } h3 { font-size: 30px; line-height: 40px } .tableOrders.tableOrders--orderSingle .tableOrders__body { display: flex; flex-direction: column; } .tableOrders.tableOrders--orderSingle .tableOrders__head { display: none; } .tableOrders.tableOrders--orderSingle .tableOrders__row .container { flex-wrap: wrap; gap: 20px 10px; } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column, .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column { width: calc(100% / 2 - 5px) !important; padding: 0 !important; margin: 0 !important; white-space: normal; display: flex; flex-direction: column; } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column a, .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column a { white-space: normal; } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column::before { content: attr(data-parent); position: relative; display: block; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } } @media (max-width: 800px) { .selectItem { display: block; } .selectItem__title { margin-bottom: 9px; margin-right: 0; } } @media only screen and (max-width: 740px) { .section__title+.section__subtitle { margin-top: 19px } .section__title.section__title--sm, h1 { font-size: 22px; line-height: 20px; letter-spacing: .02em } .section__title.section__title--regular { font-size: 22px; line-height: 20px; letter-spacing: .05em; text-align: left } .section__title small { margin-top: 23px } .hiddenMobile { display: none } .fancybox-active { position: fixed; top: 0; left: 0; width: 100% } .selectric-js-select--colors .selectric-items { width: 290px !important } .pageNav, .tabsList--primary { height: 27px; overflow-y: hidden; overflow-x: auto; margin-left: -20px; margin-right: -20px } .tabsList--secondary ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .container, .containerFluid, .i-content { padding: 0 13px; } .pageNav ul, .tabsList--primary ul { padding: 0 20px 60px; display: inline-block; white-space: nowrap; overflow-y: hidden; overflow-x: auto; width: 100%; margin: 0 } .pageNav ul li, .tabsList--primary ul li { padding: 0; display: inline-block; white-space: nowrap } .pageNav ul li:not(:first-child), .tabsList--primary ul li:not(:first-child) { margin-left: 20px } .pageNav a, .tabsList--primary a { padding-bottom: 6px } .pageNav a.is-active:before, .tabsList--primary a.is-active:before, .tabsList--secondary a.is-active:before { height: 2px } .flatpickr-calendar { width: 100%; max-width: 320px; padding-bottom: 20px } .flatpickr-month { margin-bottom: 16px } .flatpickr-next-month, .flatpickr-prev-month { padding: 10px calc(12% - 1.5px) } .flatpickr-current-month { font-size: 16px; white-space: nowrap; padding-top: 13px } .flatpickr-day { max-width: 40px; height: 40px; line-height: 40px; margin-top: 0 } .flatpickr-innerContainer { padding: 0 20px } .btn--linkIcon span { font-size: 12px } .btn--catalogToggle { height: 60px; width: 160px; padding: 0 25px; font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase } .btn--catalogToggle .icon-catalog-icon, .goodCard__stock li { display: inline-block } .btn--basket .btn__subtitle, .btn--basket .btn__title, .btn--catalogToggle .icon-burger, .btn--navPage.btn--navPage-next .btn__icon, .btn--navPage.btn--navPage-prev .btn__icon { display: none } .btn--catalogToggle svg { width: 16px; height: 16px; fill: none } .btn--catalogToggle span { margin-top: 5px } .btn--navPage.btn--navPage-prev { padding-left: 0 } .btn--navPage.btn--navPage-next { padding-right: 0; text-align: left } .btn--resetFilter svg { width: 18px; height: 18px } .modal { min-height: 100% } .modal, .modal.modal--md, .modal.modal--sm { padding: 46px 20px } .modal .notification { margin-top: 32px } .modal .form__button .btn span, .modal .notification.notification--lg.notification--alert { padding: 0 } .modal .notification.notification--lg.notification--alert:before { position: relative; display: block; width: 83px; height: 83px; margin: 0 auto 45px } .modal .form__button .btn { min-width: 200px; height: 60px; line-height: 60px; font-size: 13px } .modal .form .input--40 { height: 60px; font-size: 15px } .modal__title { margin-bottom: 19px } .form--auth .form__row .form__field { width: 100% } .form--auth .form__bottom { display: block } .form--auth .form__bottom .form__button { margin-right: 0; margin-bottom: 40px } .form--auth .form__bottom .form__link { margin-left: 0; margin-top: 20px } .form--resetPassword .form__field:not(:first-child) { margin-top: 25px } .form--resetPassword .form__button { margin-top: 40px } .companyLocation { margin-top: 33px } .companyLocation .companyLocation__item, .footer .footer__center .companyInfo>div { width: 100% } .companyLocation .companyLocation__item:not(:first-child) { margin-top: 30px } .companyLocation .companyLocation__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap } .companyLocation .companyLocation__links>* { width: 50% } .form--callback .form__row { margin-bottom: 0 } .form--callback .form__row .form__field { margin-bottom: 25px } .form--callback .form__row>.form__field:nth-child(even), .form--callback .form__row>.form__field:nth-child(odd) { width: 100% } .badge--xs { padding: 3px 4px 0 } .header__top { padding: 19px 0 18px } .header__top .header__burger { display: block; margin-right: 24px } .header__top .header__login { display: block; margin-left: auto } .header__top .header__buttons, .header__top .header__location .selectItem__title { display: none } .header__center { padding: 38px 0 32px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; } .header__center .header__logo { width: 100%; text-align: center } .header__center .header__logo img { width: 176px } .header__center .header__phone { display: none } .header__center .header__search { width: 80%; margin-top: 15px; } .header__bottom { padding: 0; margin: 0 -20px } .header__bottom .goodsControls { padding-right: 35px } .footer { padding: 21px 0 100px; } .footer .footer__inner .footer__left { margin-top: 33px; padding-top: 43px; width: 100%; border-top: 1px solid #eaeaea } .footer .footer__inner .footer__center { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 45px } .footer .footer__inner .footer__right { width: 100% } .footer .footer__center .companyInfo .locationUser, .footer .footer__inner .footer__right { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .footer .footer__center .companyInfo .companyInfo__mail { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-top: 0 } .footer .footer__center .companyInfo .companyInfo__phone { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .footer .footer__center .companyInfo .companyInfo__address { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 20px } .footer .footer__center .companyInfo .companyInfo__address p { max-width: 100% } .footer .footer__buttons li:not(:first-child) { margin-top: 0 } .footer .footer__buttons li { border-bottom: 1px solid #eaeaea } .footer .footer__buttons a, article .articleBody__link, article .articleBody__link .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .footer .footer__buttons a { height: 59px; padding-left: 18px } .footer .btn--linkIcon .btn__icon { margin-right: 21px } .footer__copyright { margin-top: 22px } h5 { font-size: 15px; font-weight: 500 } .wrapper img { max-width: 100%; max-height: 460px } article .wrapper+.i-content, article img+.i-content { margin-top: 47px; margin-bottom: 35px } article .articleBody__link, article .articleBody__link .btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } article .articleBody__link { margin: 35px 0 60px; text-align: center } article .articleBody__link .btn { min-width: 200px; min-height: 60px } article ol { padding-left: 0; margin: 20px 0 40px } article ol li { padding-left: 40px } .goodsControls__item:not(:first-child) { margin-left: 22px } .nav--primary .menu--primary { display: none } .banner { height: auto } .banner .banner__left { display: block } .banner .borderBox { max-width: 201px } .banner__column { width: 100%; height: 60px } .banner__column.is-active { padding: 40px 20px; width: 100%; height: 320px } .banner__column .banner__text { margin-top: 34px; max-width: 201px } .banner__column .banner__previewTitle { top: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; margin-left: 0; padding: 22px 20px; right: 0; background-color: rgba(0, 0, 0, 0.5); } .borderBox { padding: 16px 30px 6px 15px } .borderBox__title { font-size: 24px; line-height: 24px } .borderBox.borderBox--decor { margin-left: 35px } .borderBox.borderBox--decor.borderBox--xs .borderBox__decorLeft { height: 80px } .borderBox.borderBox--decor.borderBox--xs .borderBox__decorRight { width: 37px; height: 80px } .borderBox.borderBox--decor.borderBox--xs .borderBox__decorLeft { width: 80px; background-position: top center } .borderBox.borderBox--decor .borderBox__decorLeft { width: 37px; height: 125px } .borderBox.borderBox--decor .borderBox__decorRight { height: 125px } .borderBox.borderBox--decor .borderBox__decorLeft { margin-right: 11px } .borderBox.borderBox--decor .borderBox__decorRight { width: 37px; left: 100%; right: auto; margin-left: 13px } .borderBox--md { padding: 20px 18px 13px } .borderBox--md .borderBox__title { font-size: 30px; line-height: 30px } .borderBox--xs { padding: 20px 16px 14px 15px } .borderBox--xs .borderBox__title { font-size: 26px; line-height: 20px } .section--subscribe { margin: 35px 0 39px } .section--subscribe.section--subscribeTopBorder { padding: 36px 0 40px } .subscribe { padding-left: 0 } .subscribe .subscribe__title { position: relative; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; text-align: center; margin-bottom: 18px } .subscribe .subscribeList { margin-right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .subscribe .subscribeList__item { width: auto; margin: 0 10px } .section--catalogGoods { padding-bottom: 40px } .section--catalogGoods .tabs { margin-top: 28px } .section--catalogGoods .tabsBox { margin-top: 36px } .section--catalogGoods .grid__item:nth-child(n+4) { margin-top: 0 } .section--catalogGoods .grid__item:not(:first-child) { margin-top: 20px } .section--decorTop:before { height: 35px } .section__head { display: block } .card--good .btn--addFavorite { top: 0; } .card--good .card__bottom .card__buttons { padding-bottom: 10px; } /* .grid.grid--mobileCarousel, */ .section__head .section__right { display: none } .section--goodsGrid .section__inner { padding: 0; } .grid--mobileCarousel .grid__item { padding: 0 15px; } .section__bottom--mobile { display: block; text-align: center; margin-top: 40px } .section__bottom--mobile .btn--primary.btn--lg { min-width: 200px } .gridSlider, .section--aboutCompany .section__inner .section__left { display: block } .colDesktop--4, .colDesktop--6, .colTablet--4 { width: 100% } .section--goodsGrid { /*margin-top: 45px*/ } .section--goodsGrid .grid { margin-top: 35px } /*.goodsGrid .grid { border: 1px solid #f3f3f3 !important }*/ /*.goodsGrid .grid:not(.grid--alternative) .grid__item { border: 1px solid #f3f3f3 !important }*/ .section--blogLatest { padding: 45px 0 40px } .section--blogLatest .card { min-height: 336px } .section--blogLatest .brand { min-height: 200px } .section--aboutCompany .section__inner .section__right.section__right--secondary { margin-top: 17px } .section--aboutCompany .borderBox.borderBox--xs+.aboutCompany__title { padding-right: 0; margin-top: 42px } .section--aboutCompany { padding-bottom: 40px; } .aboutCompany__wrapper { width: 100%; margin-top: 30px; } .borderBox--decor { width: 100%; } .section--aboutCompany .aboutCompany__title { font-size: 20px; line-height: 24px; } .section--aboutCompany .aboutCompany__button { margin-top: 20px; } .section--aboutCompany .tabsBox { margin-top: 9px } .tabsList--secondary ul li:not(:last-child) { margin-right: 36px; } .section--aboutCompany.section--gradientBg .aboutCompany__head { margin-top: 39px; margin-bottom: 20px } .section--aboutCompany.section--gradientBg .listDefault { margin-top: 0 } .section--aboutCompany.section--gradientBg .listDefault__item.colDesktop--2 { width: 100% } .section--aboutCompany.section--aboutCompanyProjects { padding-bottom: 136px } .section--aboutCompany.section--aboutCompanyOffer { padding: 45px 0 0 } .section--aboutCompany.section--aboutCompanyOffer .section__inner>.section__title { margin-bottom: 20px } .section--aboutCompany.section--aboutCompanyHome .btn--secondary span { padding: 12px 26px 13px 28px; } .section--aboutCompany.section--aboutCompanyHome .section__right { margin-top: 40px; } .section--aboutCompany.section--aboutCompanyHome .tabsBox { margin-top: 43px; } .section--aboutCompany .aboutCompany__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px 0; margin: 0; } .section--aboutCompany .aboutCompany__row .aboutCompanyBlock { padding: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .section--aboutCompany.section--aboutCompanyHome .aboutCompany__column { width: 240px } .section--aboutCompany.section--aboutCompanyHome .aboutCompany__column .aboutCompanyBlock:not(:first-child) { display: none } .section--catalogMain { padding: 45px 0 56px } .section--catalogMain .catalogMain { padding-top: 41px } .catalogMain .grid__item { border: 0; margin-bottom: 0 } .catalogMain__item:not(:first-child) { margin-top: 35px } .section--aboutCompanyMain { padding: 46px 0 40px } .section--aboutCompanyMain .section__title { font-size: 22px; line-height: 20px; letter-spacing: .02em } .aboutCompanyMain { margin-top: 38px } .aboutCompanyMain__inner { display: block; max-height: 381px; overflow: hidden } .aboutCompanyMain__column, .goodCard__info>div { width: 100% } .aboutCompanyMain__bottom { text-align: center } .filterMobileHead { display: block } .filterList { display: none } .section--catalog { padding: 0 0 21px; } .section--catalog .filter { padding-top: 36px; padding-bottom: 12px } .gridControls { display: block } .gridControls .gridControls__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .gridControls .gridControls__right { display: none } .selectItem-sort { position: relative; height: 25px; } .selectItem-sort .selectric-js-select-primary .selectric-items { top: 29px; left: -7px; } .pagination .pagination__right { width: 100%; margin-top: 20px } .selectItem-sort .selectItem__title { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .selectItem-sort .selectric-wrapper { position: static; } .selectItem-sort .selectric-wrapper.selectric-js-select-primary .selectric { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 5; opacity: 0; } .selectItem-sort .selectItem__button { margin-right: 10px; } .selectItem__title { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .selectItem__title .selectItem__text { font-weight: 400; font-size: 12px; line-height: 20px; color: #4F4F4F; } .selectItem-filter.selectItem { display: block; } .selectItem-sort .selectItem__title .selectItem__button, .selectItem-filter .selectItem__title .selectItem__button { display: block; } .selectItem-filter .selectItem__title .selectItem__button { margin-left: 10px; } .selectItem__title .selectItem__button svg path { -webkit-transition: stroke .3s, fill .3s; -o-transition: stroke .3s, fill .3s; transition: stroke .3s, fill .3s; } .selectItem-sort:hover .selectItem__button svg path, .selectItem-filter:hover .selectItem__button svg path { stroke: #F15822; fill: #F15822; } .card--goodsPreview.is-visibleList .card__list li:not(:nth-child(-n+5)), .gridControls .selectItem.selectItem-products { display: none } .gridNotification { padding-top: 10px; padding-right: 30px; margin: 10px 0 17px; } .pagination { margin-top: 20px; display: block } .pagination .pagination__right { width: 100%; margin-top: 20px } .pagination .pagination__right .btn { height: 60px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } .paginationList { margin: 0 -5px } .paginationList__item { margin: 0 4px } .tagsList__title { position: relative; display: block } .tagsList__title+ul { padding-left: 0; margin-top: 22px } .tagsList ul { line-height: 19px } .section--goodCard .goodCard { border: 0; padding-top: 0 } .goodCard__head { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .goodCard__code { display: block; margin-top: -4px } .goodCard__code li:not(:first-child) { margin-left: 0 } .goodCard__title { font-size: 22px; font-weight: 500; line-height: 20px; margin: 23px 0 37px } .goodCard__info { border-bottom: 0; margin-bottom: 6px; padding: 30px 0; display: block } .goodCard__info .priceBox { margin-bottom: 22px } .goodCard__stock { max-width: 100% } .goodSlider { padding-left: 0 } .goodSlider .goodSlider__main { overflow: visible } .goodSlider .goodSlider__main .swiper-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f9f9f9; width: 25px; height: 40px; margin-top: -22px } .goodSlider .goodSlider__thumbs { display: none } .goodCard__buttons, .goodCard__controls { -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .goodCard__controls { width: 100%; margin: 0 } .goodCard__controls .goodControl { padding: 0; min-width: 80px } .goodCard__controls .goodCard__size { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; margin-bottom: 25px } .goodControl.goodControl--size .selectric-wrapper { min-width: 100% } .goodCard__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 41px } .goodCard__buttons .btn--primary { min-width: 200px; margin-bottom: 40px; margin-left: auto; margin-right: auto } .goodCard__buttons .btn--primary span { padding: 23px 42px 22px } .goodCard__buttons .btn--addFavorite, .goodCard__buttons .btn--share { position: relative; top: 0; right: 0 } .goodCard__quantity .quantity { width: 180px } .section--goodCardBlock { padding-top: 33px; margin-bottom: 45px } .section--goodCardBlock .goodCardBlock { padding-bottom: 0 } .section--goodCardBlock .tabsBox { margin-top: 40px } .goodCardBlock .goodCardBlock__left, .goodCardBlock .goodCardBlock__right { width: 100% } .goodCardBlock .goodCardBlock__right:not(:first-child) { margin-top: 30px } .section--carousel { margin-top: 45px } .section--carousel .carousel:not(:first-child) { margin-top: 35px } .section--carousel .carousel.carousel--border .carouselSlider>div>.swiper-slide .carousel__item { opacity: 1 } .section--carousel .carouselSlider { padding-right: 20px } .section--aboutCompanySecondary.section--aboutCompany .borderBox { margin-left: 80px; max-width: 165px } .aboutCompanyInfo__list .aboutCompanyInfo__item { width: 100% } .aboutCompanyInfo__list .aboutCompanyInfo__item:not(:first-child) { margin-top: 35px } .aboutCompanyGroup__list:not(:first-child) { margin-top: 19px } .aboutCompanyGroup__list .aboutCompanyGroup__item { width: 100% } .aboutCompanyGroup__list .aboutCompanyGroup__item:nth-child(n+3) { margin-top: 0 } .aboutCompanyGroup__list .aboutCompanyGroup__item:not(:first-child) { margin-top: 20px } .aboutCompanyGroup__subtitle, .partner__logo img { max-width: 100% } .section--aim .section__inner { -ms-flex-flow: wrap; flex-flow: wrap; padding-bottom: 21px } .section--aim .section__inner .section__left, .section--aim .section__inner .section__right { width: 100% } .section--aim .section__inner .section__right { margin-top: 42px } .aim__title { margin-top: 18px } .section--clients .clientsList:not(:first-child) { margin-top: 18px } .section--clients .mobileSlider { margin-top: 37px } .clientsList, .clientsList__item { display: inline-block; white-space: nowrap } .clientsList__item { width: 240px; white-space: normal } .section--assortment .mobileSlider { margin-top: 27px; padding-top: 30px; display: block; margin-bottom: 56px } .section--assortment .mobileSlider .swiper-wrapper { height: auto !important } .assortmentHead { text-align: left } .assortmentList, .textBox__title br { display: none } .assortmentList:not(:first-child) { margin-top: 27px; padding-top: 30px } .assortmentList__item { width: 100%; padding-right: 0 } .section--competition { padding-top: 45px; padding-bottom: 35px; min-height: 360px } .section--competition .mobileSlider { margin-top: 35px } .section--competition .listDefault__item { padding-right: 0 } .section--reviews { margin-bottom: 20px } .section--form { padding-top: 45px } .section--form .section__inner { padding-bottom: 45px } .section--form .form { margin-top: 39px } .workHead { text-align: left } .workForm { padding-top: 45px } .workForm .form:not(:first-child) { margin-top: 39px } .workForm .form { margin-bottom: 40px } .workBody .listDefault__item { padding: 0 } .section--vacancy { margin: 45px 0 } .section--vacancy:not(:last-child) .vacancyList { padding-bottom: 0 } .section--vacancy .vacancyList { margin-top: 39px } .section--members { margin-top: 83px } .section--members .members { margin-top: 35px } .section--vacancySingle { padding-top: 27px } .section--vacancySingle article ol { padding-right: 10px } .vacancySingle { padding-left: 0 } .vacancySingle .pageReturn { position: relative; top: 0; border-bottom: 1px solid #eaeaea; padding-bottom: 28px; margin-bottom: 45px } .vacancySingle__left { display: block } .vacancySingle__right:nth-child(2) { padding-top: 40px } .vacancySingle__inner { margin-top: 37px } .vacancySingle__title { width: 100%; padding-right: 20px; margin-bottom: 23px } .vacancySingle__subtitle { width: 100% } .partnersList .grid__item .card { min-height: 239px } .section--partner { padding-top: 27px } .section--partner .partner { padding-bottom: 32px } .partner { display: block } .partner__left { width: 100%; padding-left: 0 } .partner__left .pageReturn { position: relative; top: 0; border-bottom: 1px solid #eaeaea; padding-bottom: 28px; margin-bottom: 45px } .partner__right { width: 100%; border-top: 1px solid #eaeaea; margin-top: 34px; padding-top: 40px } .partner__logo { border-left: 0; padding: 0; margin: 0 auto } .partner__title { font-size: 22px; line-height: 20px; letter-spacing: .02em } .partner__subtitle:not(:first-child) { margin-top: 37px; max-width: 285px; padding-right: 0 } .section--photoText .section__inner, .section--photoText.section--photoText-860 .section__inner, .section--photoText.section--photoText-900 .section__inner { min-height: 540px } .section--photoText.section--photoText-840 .section__inner { min-height: 580px } .textBox.textBox--grayBg { padding-left: 20px } .wholesale .mobileSlider { margin-top: 36px } .wholesale__right { margin-top: 56px; height: 300px } .section--article.section { padding-top: 30px } .articleHead { padding-top: 50px } .articleHead__title { border-top: 1px solid #f3f3f3; padding-top: 45px } .articleControls { padding-top: 13px } .articleControls__left .articlePublish:not(:first-child) { margin-left: 0 } .articleControls__left .btn--back { position: absolute; top: -52px; left: 20px } .articlePublish__title, .section--offer .btn--share span { display: none } .articleInfo { margin-top: 41px; margin-bottom: 40px; display: block } .articleInfo__left, .navPages>div { width: 100% } .articleInfo__right { margin-left: 0; width: 100%; margin-top: 30px } .videoBox:not(.videoBox--section):before { background-size: 60px 60px } .videoBox__body { text-align: left; padding: 44px 20px 60px } .videoBox__body .videoBox__button { text-align: center; margin-top: 34px } .voting__title { text-align: left } .navPages { padding-bottom: 14px } .galleryGrid { margin: 0 -20px 20px } .galleryGrid .galleryGrid__item { padding: 0 } .galleryGrid .galleryGrid__item:not(:first-child), .offersList .offersList__item:not(:first-child) { margin-top: 20px } .offersList { border: 0 } .empty { margin-top: 34px; padding-bottom: 33px } .empty__icon img { max-width: 120px } .catalogBox__nav .tabsBox .menu__item.is-active>a, .empty__title { font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase } .empty__title:not(:first-child) { margin-top: 26px } .section--offer { padding: 19px 0 35px; margin-bottom: 0 } .section--offer+.section--catalog { padding-top: 20px } .section--offer+.section--catalog .gridControls+.goodsGrid { margin-top: 19px } .offer__title { font-size: 22px; line-height: 20px; letter-spacing: .02em; padding-right: 40px; margin: 19px 0 20px } .offer__body:not(:first-child) { margin-top: 64px } .offer__head .offer__counter { margin-right: auto } .section--contacts .page__title { margin-bottom: 37px } .section--contacts .requisites { margin-top: 44px; padding-bottom: 54px } .contactsBox__inner { display: block } .contactsBox__inner:not(:first-child) { margin-top: 33px } .contactsBox__inner .contactsBox__left { width: 100% } .contactsBox__inner .contactsBox__right { margin-left: 0; width: 100%; margin-top: 38px } .contactsBox .timetable:not(:first-child) { margin-top: 30px } .contactsBox .timetable__item:not(:first-child) { margin-top: 32px } .contactsBox .mobileSlider { margin-top: 36px } .contactsBoxInfo__table td:first-child { max-width: 80px; white-space: normal } .requisites .requisites__item { width: 100% } .requisites .requisites__item:first-child table td:first-child { width: 29% } .requisites .requisites__item:nth-child(2) table, .requisites .requisites__item:nth-child(2) table td, .requisites .requisites__item:nth-child(2) table tr { display: block } .requisites .requisites__item:nth-child(2) table tr:not(:first-child) { margin-top: 20px } .requisites .requisites__item:not(:first-child) { margin-top: 40px } .timetable__subtitle { margin-top: 7px } .section--location .section__inner { padding-bottom: 20px } .section--location .tabs { display: block; margin-top: 33px } .location__top { display: block } .location__top>div { width: 100%; height: 220px } .location__top img { max-height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .location__inner { display: none } .locationList .locationItem:not(:first-child) { margin-top: 37px } .locationItem__text { margin-top: 19px; padding-right: 0 } .basketTop { display: block; margin-top: 34px; padding-bottom: 30px } .basketTop .basketTop__left { width: 100%; border-bottom: 1px solid #f3f3f3; padding-bottom: 32px; margin-bottom: 30px } .basketTop .basketTop__right, .orderHead>div, .totalBox { width: 100% } .tableGoods .tableGoods__head { display: none } .tableGoods .tableGoods__body .tableGoods__row { padding-top: 40px; padding-left: 40px } .tableGoods .tableGoods__footer { display: block; text-align: center } .tableGoods .tableGoods__footer .totalBox:not(:first-child) { margin-top: 28px } .basketBottom, .basketBottom .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .basketBottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; margin-top: 40px } .basketBottom .btn { width: 200px; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; padding: 0 10px } .basketBottom .btn span { padding: 0 20px } .basketBottom .btn.btn--primary { font-size: 13px; font-weight: 500 } .basketBottom .btn:not(:first-child) { margin-bottom: 20px } .basketOrder { padding-left: 0; margin-bottom: -4px } .basketOrder>div:not(:first-child) { margin-top: 60px } .basketOrder__left { position: relative; width: 100% } .basketOrder__right { margin-top: 37px !important } .orderHead { display: block; } .orderHead .orderHead__right { padding-left: 60px; width: 100%; margin-top: 10px; border-left: 0 } .orderHeadInfo__icon { min-width: 40px } .orderBody { padding-bottom: 14px } .completedStep { margin-top: 34px; padding: 40px 0 33px } .completedStep__left { position: relative; top: 0; left: 0 } .completedStep__left img { max-width: 120px } .completedStep__right { padding-left: 0; margin-top: 44px } .section--aboutCompanyCooperation.section--gray .workHead { padding-bottom: 0; border: 0 } .section--aboutCompanyCooperation .workBody .listDefault { margin: 0 } .section--aboutCompanyCooperation .workBody .listDefault__item, .section--aboutCompanyCooperation .workBody .listDefault__title, .section--cooperationHead+.section--aboutCompany .workBody { margin-bottom: 0 } .notification.notification--lg .notification__subtitle:not(:first-child), .section--aboutCompanyCooperation .workBody .listDefault__item:not(:first-child) { margin-top: 20px } .section--aboutCompanyCooperation .workBody article { margin-top: 20px } .section--cooperationHead+.section--aboutCompany { padding-bottom: 94px } .section--cooperation { margin-top: 45px } .cooperation__list .cooperation__item:not(:first-child) { margin-top: 59px } .cooperation__notification { margin: 34px 0 } .cooperationCategory__title { margin-bottom: 28px } .cooperationCategory .tabs { display: block } .cooperationCategory .tabsList--primary ul, .cooperationCategory .tabsList--primary ul li { display: block; } .cooperationCategory .tabsList--primary ul li { white-space: normal; } .cooperationCategory .tabsList--primary ul { padding: 0; } .cooperationCategory .tabsList--primary { margin: 0; height: auto; } .cooperationCategory .tabsList--primary ul li:not(:first-child) { margin-left: 0; margin-top: 16px; } .cooperationCategory .tabsList--primary a { font-weight: 700; font-size: 15px; line-height: 20px; letter-spacing: 0.03em; text-transform: uppercase; padding-bottom: 0; } .cooperationCategory .tabsList--primary a.is-active { padding-bottom: 12px; } .cooperationCategory .tabsBox { margin-top: 28px; } .cooperationCategory__inner { display: none } .cooperationInfo__head { font-size: 13px } .notification.notification--alert.notification--lg { padding: 8px 20px 20px 53px; } .notification.notification--lg .notification__subtitle:not(:first-child) { margin-top: 10px; } .notification.notification--alert.notification--lg:before { width: 32px; height: 32px; left: 12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .notification.notification--success.notification--lg { padding-left: 0 } .notification.notification--success.notification--lg:before { position: relative; top: 0; left: 0; width: 84px; height: 84px; margin: 0 auto 43px; display: block; background-image: url(/local/templates/.default/css/../img/icons/notif_success_mob.svg) } .section--formActionBody { margin: 35px 0 } .formActionInfo .formAction__text, .formActionInfo ul { width: 100% } .loyalty, .userData__table td { padding-bottom: 0 } .loyalty .loyaltyCategory:not(:first-child) { margin-top: 39px; padding-top: 25px } .loyaltyCategory__list { margin-bottom: 0 } .loyaltyCategory__list .loyaltyItem { margin-bottom: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .loyaltyCategory__list .loyaltyItem:not(:first-child), .sectionText .sectionText__item:not(:first-child) { margin-top: 20px } .loyaltyItem__text { margin-top: 0; margin-left: 20px } .section--sectionText { margin-top: 65px } .section--sectionText .sectionText { margin-top: 20px } .section--faq .section__inner:first-child { padding-top: 27px } .section--faq .videoBox:not(:last-child) { margin-bottom: 65px } .section--faq .faqList { margin-top: 36px; padding-bottom: 29px } .section--faq .faqCategory { margin-top: 18px; margin-bottom: 40px } .section--faq .pageReturn--mobile { display: block } .faqCategory__head { position: relative; padding: 0 0 0 59px; background-color: transparent } .faqCategory__head .pageReturn { display: none } .faqCategory__title { font-size: 15px; font-weight: 500; font-family: "Fact", sans-serif; letter-spacing: 0; text-transform: initial } .faqCategory__subtitle { margin-top: 4px } .faqCategory__icon { top: 0; left: 0; right: auto; width: 40px } .faqCategory__icon img { width: 40px } .faqCategory__body { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 0 20px; margin-top: 38px } .faqCategory__body .accordion:not(:first-child), .userData__table table tr:not(:first-child) { margin-top: 20px } .accordion { border: 0 } .accordion__head { padding: 0 } .accordion__head:before { top: 5px; left: -20px } .accordion__body { margin-top: 20px; padding-bottom: 0 } .section--profile .userCard { margin: 35px 0 0 } .section--profile .form--profileEdit { margin-top: 40px } .userCard, .userData__table table, .userData__table table tr { display: block } .userCard__left { width: auto; margin-left: -20px; margin-right: -20px } .userCard__left img { max-width: 100% } .userCard__right { left: 0; width: 100%; margin-top: 10px } .userCardStatus__subtitle { font-size: 22px; line-height: 20px; letter-spacing: .02em; margin-top: 20px } .userCardStatus__progress { margin-top: 35px } .userCardInfo { margin-top: 46px } .userCardInfo__column { width: 100% } .services .services__inner .services__column .listDefault__item:not(:first-child), .userCardInfo__column:not(:first-child) { margin-top: 41px } .userCardInfo__column:nth-child(even) { padding-left: 0; border-left: 0 } .userCardInfo__text { max-width: 100% } .profileInfo { margin-top: 55px } .profileInfo__column:not(:first-child) { margin-top: 59px } .profileInfo__head { margin-bottom: 20px } .profileInfo .manager { margin-top: 35px } .manager .textarea.textarea--light { padding-right: 0; padding-left: 18px; padding-top: 20px; min-height: 180px } .userData__table table td { display: -webkit-box; display: -ms-flexbox; display: flex } .profileSettings { margin: 45px 0; display: block } .profileSettings__title { margin-bottom: 20px } .profileSettings .form__button { margin-top: 21px } .profileSettings>div { width: 100%; padding: 0 } .profileSettings>div:nth-child(even) { border-left: 0; padding-top: 0; margin-top: 44px } .profileHistory:not(.profileHistory--order) .profileHistory__title { padding-top: 45px } .profileHistory__nav { margin: 18px 0 } .profileHistory__controls { margin-top: 30px } .profileHistory__counter { display: none } .profileHistory__buttons { width: 100% } .profileHistory__buttons .btn:not(:first-child) { margin-left: auto } .profileHistory__buttons .btn span { white-space: nowrap; font-size: 12px } .form--profileHistory .form__head:not(:last-child) { margin-bottom: 33px } .form--profileHistory .form__row.flex-wrap { display: block } .form--profileHistory .form__row .form__dateRange { margin-right: 0 } .form--profileHistory .btn { margin-left: 30px } .tableOrders { padding: 46px 0 22px } .tableOrders__head .tableOrders__column { display: none !important; padding-bottom: 13px !important } .tableOrders__head .tableOrders__column_soap { display: none !important; padding-bottom: 13px !important } .tableOrders__head .tableOrders__column:nth-child(-n+2) { display: block !important } .tableOrders__head .tableOrders__column_soap:nth-child(-n+2) { display: block !important } .tableOrders__row .container { -ms-flex-flow: wrap; flex-flow: wrap; padding: 25px 0 34px !important } .tableOrders__row .tableOrders__column[data-parent] { margin-top: 20px; width: 100% !important; padding-left: 21.07143%; white-space: nowrap } .tableOrders__row .tableOrders__column[data-parent]+[data-parent] { margin-top: 0 } .tableOrders__row .tableOrders__column[data-parent]:before { content: attr(data-parent); display: inline-block; min-width: 83px; margin-right: 28px } .tableOrders__row .tableOrders__column_soap[data-parent] { margin-top: 20px; width: 100% !important; padding-left: 21.07143%; white-space: nowrap } .tableOrders__row .tableOrders__column_soap[data-parent]+[data-parent] { margin-top: 0 } .tableOrders__row .tableOrders__column_soap[data-parent]:before { content: attr(data-parent); display: inline-block; min-width: 83px; margin-right: 28px } .tableOrders__row .tableOrders__column:nth-child(1) { width: 21.07143% !important; padding-left: 0 } .tableOrders__row .tableOrders__column:nth-child(2) { width: 78.57143% !important; padding-left: 0; font-weight: 500 } .tableOrders__body .tableOrders__column:nth-child(1), .tableOrders__head .tableOrders__column:nth-child(1) { width: 21.07143% !important } .tableOrders__body .tableOrders__column:nth-child(2), .tableOrders__head .tableOrders__column:nth-child(2) { width: 78.57143% !important } .tableOrders__footer { padding-left: 24.64286% } .tableOrders__footer .tableOrders__column:nth-child(1), .tableOrders__footer .tableOrders__column:nth-child(2) { width: 100% } .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column, .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column, .tableOrders.tableOrders--searchTable .tableOrders__column { padding-bottom: 0 } .profileOrder__top { padding-top: 27px } .profileOrder__left { padding-left: 0 } .profileOrder__left .pageReturn { position: relative; top: 0; left: 0; border-bottom: 1px solid #f3f3f3; padding-bottom: 28px; margin-bottom: 44px } .profileOrder__info:not(:first-child) { margin-top: 22px } .profileOrder__buttons .btn:not(:first-child) { margin-left: auto } .errorPage { margin-top: 34px; padding-top: 45px; display: block; margin-bottom: 66px } .errorPage__left { width: 100% } .errorPage__right { width: 100%; margin-top: 18px } .errorPage__subtitle { margin-top: 19px } .menuBox { padding: 20px 20px 80px } .catalogBox { padding: 55px 29.5px 0 37px; } .catalogBox.active-menu-item .catalogBox__title, .catalogBox.active-menu-item .tabsList { display: none } .catalogBox.active-menu-item .btn--back { display: block } .catalogBox__head .btn--close { position: absolute; top: 0; right: 0 } .catalogBox__head .btn--close svg, .pageReturn .btn--back svg { width: 22px; height: 22px } .catalogBox__head .btn--close { padding: 14px; } .catalogBox__title { font-size: 22px; line-height: 20px; } .catalogBox__nav .tabsBox { margin-top: 39px } .catalogBox__nav .tabsBox .menu { width: 100%; height: auto; border: 0 } .catalogBox__nav .tabsBox .menu__item:not(:first-child) { margin-top: 40px } .catalogBox__nav .tabsBox .menu__item.is-hidden, .createMobSlider { display: none } .catalogBox__nav .tabsBox .menu__item.is-active>a:before { content: none } .catalogBox__nav .tabsBox .subMenu { position: relative; left: 0; margin-left: 0; margin-top: 40px } .catalogBox__nav .tabsBox .subMenu .subMenu__item a { padding-right: 0 } .catalogBox__nav .tabsBox .menu__item>a { font-size: 15px; font-weight: 500; padding-right: 20px; -webkit-transition: none; -o-transition: none; transition: none } .catalogBox__nav .tabsBox .menu__item>a:before { right: 0 } .mobileSlider { display: block } .mobileSlider .card--member { border-width: 2px } .pageReturn .btn--back:after { content: 'Назад'; display: inline-block; vertical-align: middle; margin-left: 15px; font-size: 12px } .services { margin-top: 5px; padding-bottom: 0 } .services .services__inner { margin-top: 40px } .services .services__inner .services__column { width: 100% !important } .services .services__inner .services__column:not(:first-child) { margin-top: 40px } .services .services__inner .services__column:nth-child(1) { margin-bottom: 0 } .section--advantages { margin: 35px 0 74px; } .section--advantages .mobileSlider { margin-top: 35px } .section--qualityForm { margin: 43px 0 61px } .qualityForm { display: block } .qualityForm__left { width: 100% } .qualityForm__right { width: 100%; margin-top: 42px } .qualityForm__top { margin-bottom: 19px } .qualityForm__title { font-size: 22px; line-height: 20px; letter-spacing: .05em } .qualityForm .form__button { text-align: center } .input, .textarea { padding-left: 17px } .textarea.rows--2 { min-height: 140px } .file .file__icon { left: 18px } .file .file__value .input { padding-left: 58px } .form .selectric-js-select:not(.selectric-js-select--40) .selectric .button { width: 45px } .form .selectric-js-select:not(.selectric-js-select--40) .selectric .label { margin-left: 17px } .radioButton.radioButton--sm [type=radio]:checked+div:before { top: -4px } .radioButton.radioButton--sm [type=radio]:checked+div:after { top: 5px; left: 9px } .formGroup__title { margin-bottom: 18px } .formRow__right.flex-wrap .radioButton { width: 100% } .formRow__right.flex-wrap .radioButton:not(:first-child) { margin-top: 15px; } .form__bottom { margin-top: 37px } .form__bottom .btn { min-width: 200px; min-height: 60px } .captcha.captcha--xs .captcha__photo { height: 60px } .form--order .form__button { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse } .form--order .form__button .btn { margin-right: 0; margin-top: 36px } .form__fields .form__field { width: 100% } .form__fields .form__field:not(:first-child) { margin-top: 20px } .form__dateRange { -ms-flex-flow: wrap; flex-flow: wrap; max-width: 180px } .form__dateRange>* { margin-bottom: 20px !important } .form__dateRange span { min-width: 14px } .form__dateRange span:not(:first-child) { margin-left: 0 } .card--good { /*padding: 18px*/ } .card--goodsPreview:not(.is-visibleList) .card__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .card--goodsPreview:not(.is-visibleList) .card__icon { margin-bottom: 0; width: 40px } .card--goodsPreview:not(.is-visibleList) .card__title { width: calc(100% - 40px); max-width: 100%; padding-left: 20px } .card--goodsPreview.is-visibleList .card__list { max-width: 100%; line-height: 19px } .card--member.card--sm { padding-top: 20px; padding-bottom: 18px; display: block } .card--member.card--sm .card__photo { margin: 0 auto } .card--member.card--sm .card__body { padding-top: 15px; padding-left: 2px } .card--member .card__photo { height: 180px } .card--partners .card__title { max-width: 100% } .card--offer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse } .card--offer .card__body, .card--offer .card__photo { width: 100% } .card--offer .card__photo { height: 180px !important; width: 100% !important; } .card--basketTable .card__left { position: relative; top: 0 } .card--basketTable .card__photo { width: 80px } .card--basketTable .card__right { padding-left: 0; margin-top: 15px } .card--basketTable .card__bottom .card__quantity { margin-top: 20px; width: 100% } .card--basketTable .card__bottom .card__quantity:before { content: 'Количество'; display: block; font-size: 12px; font-weight: 500; margin-bottom: 15px } .card--basketTable .card__bottom .card__quantity .quantity { height: 40px; width: 180px } .card--basketTable .card__bottom .card__total { position: relative; margin-top: 22px; width: 100% } .card--basketTable .card__bottom .card__total .price { font-size: 13px } .card--basketTable .card__bottom .card__total .price:before { content: 'Сумма'; display: inline-block; font-size: 13px; margin-right: 38px; text-transform: initial } .card--basketTable .card__bottom .card__remove { top: 75px; right: 10px } .section--delivery { padding-top: 42px } .section--delivery .deliveryDescription { margin-bottom: 20px } .section--delivery .deliveryDescription:not(:first-child) { margin: 35px 0 } .deliveryAdvantages__body:not(:first-child) { margin-top: 43px } .deliveryAdvantages__list .deliveryAdvantagesItem { width: 100% } .deliveryAdvantages__list .deliveryAdvantagesItem:not(:first-child) { margin-top: 40px } .deliveryAdvantages__list .deliveryAdvantagesItem:nth-child(even) { padding-left: 60px; border: 0 } .deliveryAdvantagesItem { padding-left: 60px } .deliveryAdvantagesItem__icon { width: 40px } .deliveryDescription__title+.deliveryDescription__table { border: 0 } .deliveryDescription__table.flex-wrap { margin-bottom: 0 } .deliveryDescription__row .deliveryDescription__left, .deliveryDescription__table .tableItem { width: 100% } .deliveryDescription__table .tableItem:not(:first-child) { margin-top: 45px } .section--deliveryRules { padding-bottom: 40px } .tableItem__head { margin-bottom: 38px } .deliveryDescription__row { padding-top: 13px } .deliveryDescription__row .deliveryDescription__right { width: 100%; margin-top: 32px } .deliveryDescriptionBox .deliveryDescriptionBox__title:not(:last-child) { margin-bottom: 22px } .section--anyQuestion { padding: 60px 0 40px } .anyQuestion .anyQuestionList .anyQuestionList__item { width: 100% } .anyQuestionItem__title { margin-bottom: 15px } .page__title, .phoneItem__link { font-size: 22px; line-height: 20px; letter-spacing: .05em } .page__title { letter-spacing: .02em } .pageNav { margin-top: 28px } .banner__img-mobile { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; display: block; } .banner__column .banner__bg { display: none; } .banner__column.is-active .banner__text { display: none; } .banner__column.is-active .banner__head { display: none; } .banner__column.is-active { padding: 0; height: auto; } .catalog .catalog__right { width: 100%; } } @media screen and (max-width: 740px) { .searchBar-dropdown { max-height: 200px; } html, p { font-size: 15px; line-height: 20px } h2 { font-size: 30px; line-height: 40px } h3 { font-size: 24px; line-height: 35px } .searchBar-dropdown { padding-bottom: 40px; } } @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px } .fancybox-show-thumbs .fancybox-inner { right: 110px } .fancybox-thumbs__list a { max-width: calc(100% - 10px) } } @media all and (max-width: 475px) { .searchBarItem_cat-way { font-size: 10px; } .searchBarItem_cat { font-size: 13px; } .form__search .input { font-size: 10px; } } .header__center .menuBox__search { display: none; } .section--fullscreen { margin: 0 -20px; } /* стили для geo*/ .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; -webkit-clip-path: inset(100%); clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } .geo { width: 300px; height: 224px; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); position: fixed; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: 119px; padding: 40px 32px 30px 32px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: white; } .geo__modal { vertical-align: top; margin-top: 120px; padding: 40px 40px 30px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 300px; } .geo__modal .btn--close { display: none; } .geo__modal .modal__title { margin-bottom: 21px; } .modal.geo-change-box { vertical-align: top; margin-top: 120px; padding: 36px 34px 30px 34px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 660px; } .geo-change-box .btn--close svg { stroke: #333333; } .geo-change-box .modal__title { margin-bottom: 24px; } .geo__question { font-family: Kraft, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #000000; margin: 0; text-align: center; margin-bottom: 21px; text-transform: uppercase; } .geo__question--red { /*color: #F15822;*/ font-size: 18px; font-weight: 500; } .geo__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 33px; } .geo__button { margin: 0; padding: 9px 0 7px 0; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Fact, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 20px; } .geo__button--yes { min-width: 74px; background-color: #F15822; border: 2px solid #F15822; color: white; margin-right: 14px; } .geo__button--yes:hover { background-color: #AF4426; border: 2px solid #AF4426; } .geo__button--other { border: 2px solid #000000; background-color: white; color: black; min-width: 132px; } .geo__comment { margin: 0; font-family: Myriad Pro, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; text-align: center; color: #4F4F4F; } .geo-change { -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); position: fixed; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: 119px; width: 660px; padding: 36px 34px 24px 34px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; } .geo-change__question { margin: 0; text-align: center; font-family: Kraft, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; text-transform: uppercase; margin-bottom: 24px; } .geo-change__input { position: relative; margin-bottom: 3px; } .geo-input__input { border: 3px solid #F3F3F3; -webkit-box-sizing: border-box; box-sizing: border-box; width: 592px; padding: 21px 30px 19px 75px; position: relative; font-family: Fact, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 13px; line-height: 20px; color: #000000; } .geo-input__input:focus-visible { outline: none; } .geo-input__input::-webkit-input-placeholder { font-family: Fact, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 20px; color: rgba(137, 137, 137, 0.4); margin: 0; padding: 0; } .geo-input__input::-moz-placeholder { font-family: Fact, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 20px; color: rgba(137, 137, 137, 0.4); margin: 0; padding: 0; } .geo-input__input:-ms-input-placeholder { font-family: Fact, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 20px; color: rgba(137, 137, 137, 0.4); margin: 0; padding: 0; } .geo-input__input::-ms-input-placeholder { font-family: Fact, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 20px; color: rgba(137, 137, 137, 0.4); margin: 0; padding: 0; } .geo-input__input::placeholder { font-family: Fact, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 20px; color: rgba(137, 137, 137, 0.4); margin: 0; padding: 0; } .geo-input__icon { position: absolute; top: 20px; left: 31px; } .geo-change__close { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #333333; background-color: white; position: absolute; top: 20px; right: 21px; } .geo-change__close:before, .geo-change__close:after { position: absolute; top: 5px; left: 8px; content: ''; height: 9px; width: 1px; background-color: #333333; } .geo-change__close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .geo-change__close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .cities-list { list-style-type: none; padding: 0 0 0 84px; font-family: Myriad Pro, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #4F4F4F; margin: 24px 0 0 0; -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; } .cities-list__item { margin-bottom: 19px; cursor: pointer; } .cities-list__item:last-child { margin-bottom: 0; } .cities-list__item:hover { color: #F15822; } .geo-change__button { min-width: 132px; background-color: #F15822; color: white; font-family: Fact, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 20px; text-align: center; border: 2px solid #F15822; padding: 10px 0; margin: 29px auto 2px auto; display: block; } .geo-change__button:hover { background-color: #AF4426; border: 2px solid #AF4426; } @media (max-width: 1023px) { .geo-change { width: 474px; padding-bottom: 28px; } .geo-input__input { width: 370px; } .geo-change__button { margin-top: 33px; } .geo__modal { width: 300px; } .modal.geo-change-box { width: 474px; padding: 36px 54px; } .geo-change-box .modal__title { margin-bottom: 28px; } } @media (max-width: 767px) { .geo { width: 276px; height: 198px; padding: 27px 21px 17px 19px; } .geo-change { width: 276px; padding: 40px 27px 28px 25px; } .geo-input__input { width: 238px; padding: 12px 12px 9px 43px; } .geo-input__icon { width: 17px; height: 17px; top: 16px; left: 13px; } .geo-change__button { margin-top: 25px; } .geo-change__close { top: 10px; right: 10px; } .cities-list { padding-left: 43px; -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; } .geo__modal { width: 276px; min-height: auto; padding: 27px 27px 17px 27px; } .modal.geo-change-box { width: 290px; padding: 40px 25px 22px 25px; min-height: auto; } } /*@media only screen and (max-width: 740px) {*/ /* .geo__modal {*/ /* width: 276px;*/ /* min-height: auto;*/ /* }*/ /*}*/ /**/ .my-panel { background: #FFFFFF; width: 100%; position: relative; } .my-menu { background: #677087; padding: 27px 32px; margin: 0; list-style: none; width: 268px; min-height: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; } .my-menu__item+.my-menu__item { margin-top: 26px; } .my-menu__link { z-index: 10; position: relative; font-family: "ALSKraft", sans-serif; font-style: normal; font-weight: normal; font-size: 17px; line-height: 20px; text-transform: uppercase; color: white; display: block; } .main-catalog__link:after { content: ''; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 42%; margin-top: 2px; position: absolute; right: 40px; width: 0; height: 0; display: inline-block; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent transparent transparent #ffffff; } .my-menu__item:hover .my-menu__link:after { border-color: transparent transparent transparent #fbad18; } .my-menu__item:hover .my-menu__link { color: #FBAD18; } .my-sub-menu { list-style: none; -webkit-columns: 4 auto; -moz-columns: 4 auto; columns: 4 auto; } .my-sub-menu__panel { position: absolute; top: 0; left: 0; width: 100%; padding: 20px 44px 20px 302px; min-height: 200px; margin: 0; background: white; display: none; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .my-sub-menu__panel:before { content: ''; display: block; min-width: 268px; max-width: 268px; width: 268px; background: #677087; position: absolute; top: 0; left: 0; height: 100%; } .my-menu__item:first-of-type .my-sub-menu__panel, .my-menu__item:hover .my-sub-menu__panel { display: block; } .my-menu:hover .my-menu__item:first-of-type:not(:hover) .my-sub-menu__panel { display: none; } .my-sub-menu__item { margin-bottom: 37px; margin-right: 7px; } .my-sub-menu__link { font-family: Fact; font-style: normal; font-weight: 600; font-size: 17px; line-height: 20px; color: #000000; text-decoration: none; margin-bottom: 18px; display: inline-block; } .my-sub-menu__link:hover { color: #FBAD18; } .my-sub-sub-menu { list-style: none; padding: 0; } .my-sub-sub-menu__item+.my-sub-sub-menu__item { margin-top: 18px; } .my-sub-sub-menu__link { font-family: Fact; font-style: normal; font-weight: normal; font-size: 15px; line-height: 20px; color: #4F4F4F; text-decoration: none; } .my-sub-sub-menu__link :hover { color: #FBAD18; } .is-hidden-input { display: none; } /** NEW desktop main**/ .my-banner { position: relative; overflow-y: hidden; } .my-banner .my-banner__list { visibility: hidden; } .my-banner .my-banner__list.slick-initialized { visibility: visible; } .my-banner .slick-list { height: 100%; } .container--banner { padding-top: 20px; padding-bottom: 30px; } /*.my-banner__title {*/ /* padding: 26px 26px 6px 26px;*/ /* width: 320px;*/ /* font-family: "ALSKraft", sans-serif;*/ /* font-size: 45px;*/ /* line-height: 50px;*/ /* font-weight: 400;*/ /* text-transform: uppercase;*/ /* color: #FBAD18;*/ /* box-sizing: border-box;*/ /* display: block;*/ /* border: 5px #FBAD18 solid;*/ /* position: absolute;*/ /* top: 133px;*/ /* left: 177px;*/ /*}*/ /*.my-banner__subtitle {*/ /* font-family: Myriad Pro, Arial, sans-serif;*/ /* font-size: 24px;*/ /* line-height: 30px;*/ /* font-weight: 400;*/ /* color: #FFFFFF;*/ /* position: absolute;*/ /* top: 351px;*/ /* left: 177px;*/ /* width: 380px;*/ /*}*/ .my-banner__button { width: 54px; height: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; background-color: #FFFFFF !important; margin: 0 10px !important; } .my-banner__button:hover { background-color: #FBAD18 !important; } .my-banner__button img { margin-top: 1px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; } .my-banner__button-prev { left: 10px; } .my-banner__button-next { right: 10px; } .button-prev__item { /*margin-left: -2px;*/ } .button-next__item { /*margin-right: -2px;*/ } .my-banner__list, .my-catalog__list { list-style-type: none; padding: 0; margin: 0; } .my-banner__list { width: 100%; height: 100%; } .my-banner__list .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .my-banner__list .slick-slide>div { height: 100%; } .my-banner__item { width: 100%; height: 100%; /*position: absolute;*/ /*opacity: 0; transition: opacity 0.5s ease-in-out;*/ } /*.my-banner__item--active { opacity: 1; z-index: 1; }*/ .my-banner__item a, .my-banner__item picture { display: block; } .my-banner__image { width: 100%; } .my-banner__list .slick-dots { /*list-style-type: none; padding: 0; margin: 0; display: flex; flex-direction: row; position: absolute;*/ width: initial; bottom: 43px; left: 177px; z-index: 1; } .my-banner__list .slick-dots li { width: 16px; height: 16px; border-radius: 50%; background: rgba(196, 196, 196, 0.5); margin-right: 20px; cursor: pointer; border: none; } .my-banner__list .slick-dots li::before { display: block; content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 32px; height: 32px; } .my-banner__list .slick-dots li:hover, .my-banner__list .slick-dots li.slick-active { background: #FFFFFF; } .section--my-catalog { /*height: 621px;*/ background: rgba(247, 247, 247, 0.75); } .container-my-catalog { padding-top: 38px; padding-bottom: 64px; } .my-catalog__header { font-family: "ALSKraft", sans-serif; font-size: 30px; line-height: 32px; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; color: #000000; margin-bottom: 33px; } .my-catalog__wrapper { margin: 0 -2px; } .my-catalog__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow-x: scroll; } .my-catalog__vector, .my-catalog__vector--active { display: none; } .my-catalog__item { display: block; width: 504px; height: 456px; padding: 54px 40px 58px 40px; margin: 0 2px; min-width: 385px; position: relative; z-index: 0; } .my-catalog__image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -2; } .my-catalog__gradient { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .my-catalog__title { font-family: Myriad Pro, Arial, sans-serif; font-size: 19.5px; line-height: 25px; font-weight: 600; margin: 0; margin-bottom: 47px; position: relative; color: #FFFFFF; letter-spacing: 0.03em; text-transform: uppercase; display: block; } .my-catalog__title:after { width: 40px; height: 3px; content: ""; background-color: #FFFFFF; position: absolute; bottom: -25px; left: 0; } .sublist__item { margin-bottom: 16px; } .sublist__item:last-child { margin-bottom: 0; } .sublist__item--link { font-family: Myriad Pro, Arial, sans-serif; font-size: 20px; line-height: 20px; font-weight: 700; color: #FFFFFF; } .my-catalog__title:hover, .sublist__item--link:hover { color: #FBAD18; } .container-new-products { padding-top: 32px; padding-bottom: 40px; position: relative; } .new-products__header { font-family: "ALSKraft", sans-serif; font-size: 30px; line-height: 32px; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; color: #000000; margin-bottom: 30px; } .new-products__wrapper { margin: 0 auto; max-width: 1520px; } .new-products__list { list-style-type: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .new-products__item { width: 20%; height: 454px; border: solid 1px #F3F3F3; padding: 9px 40px 40px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; } .new-products__item:hover { -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%); box-shadow: 0 0 30px rgb(0 0 0 / 10%); } .new-product__wrapper { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .new-product__image { /*background-color: #9fb2bd;*/ width: 224px; height: 203px; margin-bottom: 15px; } .new-product__code { font-family: Fact, Arial, sans-serif; font-size: 11px; line-height: 20px; font-weight: 400; color: #898989; display: block; margin-bottom: 10px; } .new-product__name { display: block; font-family: Myriad Pro, Arial, sans-serif; font-size: 16px; line-height: 20px; font-weight: 600; margin-bottom: 33px; text-transform: none; max-width: 200px; cursor: pointer; } .new-product__sale, .new-product__availability, .new-product__count, .new-product__like { display: none; } .new-product__price { display: block; font-family: "ALSKraft", sans-serif; color: #FBAD18; font-size: 18px; line-height: 20px; font-weight: 400; } .new-product__button { width: 100px; height: 30px; background-color: #F15822; border: 2px solid #F15822; -webkit-box-sizing: border-box; box-sizing: border-box; color: #FFFFFF; font-family: Myriad Pro, Arial, sans-serif; font-size: 13px; line-height: 25px; font-weight: 600; margin-top: auto; white-space: nowrap; position: relative; display: block; } .new-product__button:hover { background-color: #FFFFFF; color: #F15822; } .new-product__button span { position: absolute; top: 51%; -webkit-transform: translate(-50%, -51%); -ms-transform: translate(-50%, -51%); transform: translate(-50%, -51%); left: 50%; display: block; } .new-products__button-all { width: 141px; height: 45px; background-color: #F15822; border: 2px solid #F15822; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Myriad Pro, Arial, sans-serif; font-size: 14px; line-height: 41px; font-weight: 600; color: #FFFFFF; position: absolute; right: 24px; top: 24px; } .new-products__button-all:hover { background-color: #FFFFFF; color: #F15822; } .section--press-office { background-color: #F8F8F8; } .container-press-office { padding-top: 40px; padding-bottom: 40px; position: relative; } .press-office__header { font-family: "ALSKraft", sans-serif; font-size: 30px; line-height: 32px; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; color: #000000; margin-bottom: 33px; } .press-office__button-all { width: 141px; height: 45px; background-color: #F15822; border: 2px solid #F15822; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Myriad Pro, Arial, sans-serif; font-size: 14px; line-height: 41px; font-weight: 600; color: #FFFFFF; position: absolute; right: 24px; top: 32px; } .press-office__button-all:hover { background-color: #FFFFFF; color: #F15822; } .press-office__list { list-style-type: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .press-office__item { width: 303px; height: 390px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #FFFFFF; padding: 40px 40px 23px 40px; min-width: 303px; margin-right: 1px; margin-bottom: 1px; position: relative; z-index: 0; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .press-office__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; cursor: pointer; } .press-office__link:hover { color: inherit; } .press-office__item:hover { -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%); box-shadow: 0 0 30px rgb(0 0 0 / 10%); } .press-office__item--gradient { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); } .press-office__item__image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -2; } .press-item__name { width: 52px; height: 20px; display: block; background-color: #FBAD18; font-family: Fact, Arial, sans-serif; font-size: 11px; line-height: 13px; text-transform: uppercase; text-align: center; padding: 3px 0 3px 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 500; } .press-item__title { font-family: Fact, Arial, sans-serif; font-size: 15px; line-height: 20px; color: #677087; margin: 0; margin-top: 44px; text-transform: none; } .press-item__subtitle, .press-item__subtitle p { font-family: Fact, Arial, sans-serif; font-size: 12px; line-height: 20px; color: #333333; margin: 0; margin-top: 43px; max-width: 200px; } .press-item__date { display: block; font-family: Fact, Arial, sans-serif; color: #898989; font-size: 11px; line-height: 20px; margin-top: auto; } .press-item__title--video { margin-top: 104px; color: #FFFFFF; } .press-item__subtitle--video { margin-top: 23px; color: rgba(255, 255, 255, 0.8); } .container--distributor { padding-top: 34px; padding-bottom: 31px; } .distributor__header-my { font-family: "ALSKraft", sans-serif; font-size: 30px; line-height: 32px; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; color: #000000; margin-bottom: 37px; } .distributor__button { width: 141px; height: 45px; background-color: #F15822; border: 2px solid #F15822; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Myriad Pro, Arial, sans-serif; font-size: 14px; line-height: 41px; font-weight: 600; color: #FFFFFF; position: absolute; right: 24px; top: 26px; } .distributor__button:hover { background-color: #FFFFFF; color: #F15822; } .distributor__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .distributor__item { width: 20%; height: 200px; border: 1px solid #F3F3F3; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .distributor__link { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 20px 17px 20px; } .distributor__img { display: block; margin: 0 auto; max-height: 100%; } .distributor__item:hover { -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%); box-shadow: 0 0 30px rgb(0 0 0 / 10%); } .distributor__name { font-family: Fact, Arial, sans-serif; font-weight: 500; font-size: 15px; line-height: 20px; color: #000000; text-transform: none; position: absolute; bottom: 17px; left: 20px; } .count-selector { display: none; } .section--new-products .goodsGrid .colDesktop--3 { width: 20%; } .section--viewed .goodsGrid .colDesktop--3 { width: 20%; } .catalogBox__tabs { padding: 52px 0; } .catalogBox__tabs.position { position: relative; } .catalogTabs__item:not(:last-child) { margin-bottom: 26px; } .catalogTabs__head, .catalogCategories__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalogTabs__head svg path, .catalogCategories__head svg path { -webkit-transition: fill .3s; -o-transition: fill .3s; transition: fill .3s; } .catalogTabs__head:hover svg path, .catalogCategories__head:hover svg path { fill: #FBAD18; } .catalogTabs__head:hover .catalogTabs__name, .catalogCategories__head:hover .catalogCategories__name, .catalogCategories__head:hover .catalogCategories__link { color: #FBAD18; } .catalogTabs__name { font-size: 22px; line-height: 26px; font-weight: 500; font-family: "ALSKraft", sans-serif; text-transform: uppercase; color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; margin-right: 50px; } .catalogCategories__item:not(:last-child) { margin-bottom: 16px; } .catalogCategories__name, .catalogTabs__name { width: 35%; } .catalogCategories__name, .catalogCategories__link { font-size: 18px; line-height: 22px; font-weight: 700; color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; margin-right: 50px; } .catalogCategories__link { display: block; } .catalogNestedCategories__name, .catalogNestedCategories__link, .catalogCategories__title-link { font-size: 18px; line-height: 22px; } .catalogNestedCategories__name, .catalogCategories__title-link { color: #FBAD18; font-weight: 700; display: block; transition: color .3s; } .catalogNestedCategories__link { font-weight: 400; display: block; color: #fff; } .catalogNestedCategories__item.catalogNestedCategories__item-title, .catalogCategories__item.catalogCategories__item-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } .catalogNestedCategories__item:hover .catalogNestedCategories__link { color: #FBAD18; } .catalogNestedCategories__button, .catalogCategories__button { margin-right: 15px; display: block; padding: 5px; } .catalogTabs__content, .catalogCategories__content { left: 0; height: calc(100vh - 150px); background-color: #677087; padding: 0 30px 60px 30px; overflow: auto; } .catalogTabs__content { display: none; z-index: 15; position: absolute; top: 130px; bottom: 0; width: 100%; } .catalogCategories__content { display: none; z-index: 20; position: absolute; top: 0; margin-left: -60px; width: calc(100% + 120px); } .catalogTabs__content.opened { display: block; -webkit-transform: none; -ms-transform: none; transform: none; } .catalogTabs__content.hidden { overflow: hidden; position: static; height: 0; } .catalogCategories__content.opened { display: block; } .catalogNestedCategories__item, .catalogCategories__item { padding-left: 30px; } .catalogNestedCategories__item:not(:last-child) { margin-bottom: 16px; } /* фильтры */ .filterItems__top { display: none; } .filterItems__form { margin-top: 20px; } .filterItems__item { border-top: 1px solid transparent; border-bottom: 1px solid #F3F3F3; margin-top: -1px; } .filterItems__item:first-child { border-top: 1px solid #F3F3F3; } .filterItems__item.active .filterItems__header svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .filterItems__item.active .filterItems__header svg path { fill: #F15822; } .filterItems__header { padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .filterItems__name { display: block; font-weight: 500; font-size: 15px; line-height: 20px; color: #000; margin-right: 20px; } .filterItems__header svg { margin-left: auto; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; will-change: transform; } .filterItems__header svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .filterItems__body { display: none; padding-bottom: 20px; } .filterItems__body.filterItems__body-range { padding-left: 0; } .filterItems__list { padding-right: 15px; max-height: 200px; overflow: auto; } .filterItems__category:not(:last-child) { margin-bottom: 10px; } .filterItems__category span { display: block; font-weight: 400; font-size: 13px; line-height: 20px; color: #4F4F4F; margin-right: 20px; } .filter-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .option { display: block; margin-bottom: 0.5em; } .filter-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .filter-label.disabled { pointer-events: none; } .filter-label.disabled .filter-checkbox:checked+.filterItems__box, .filter-label.disabled .filter-checkbox:focus+.filterItems__box, .filter-label.disabled .filterItems__label:hover .filter-checkbox+.filterItems__box { background-image: none; background-color: #CECECE; pointer-events: none; } .filter-label.disabled .filterItems__box { border-color: #CECECE; } .filter-label.disabled .filterItems__boxName { color: #CECECE; } .filterItems__label .filterItems__boxName { -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .filterItems__label:hover .filterItems__boxName { color: #F15822; } .filterItems__wrap { width: 12px; height: 12px; position: relative; } .filter-checkbox { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .filterItems__box { position: absolute; width: 12px; height: 12px; overflow: hidden; background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #131313; -webkit-transition: background-color .3s, border-color .3s; -o-transition: background-color .3s, border-color .3s; transition: background-color .3s, border-color .3s; } .filter-checkbox:checked+.filterItems__box, .filterItems__label:hover .filter-checkbox+.filterItems__box { background-color: #F15822 !important; background-image: url(/local/templates/.default/css/../img/checkbox.svg); border-color: #F15822; } .filterItems__reset { display: block; font-weight: 500; font-size: 12px; line-height: 20px; color: #F15822; margin-top: 10px; } .filterItems__more { margin-top: 40px; display: block; background-color: #000; padding: 12.5px 23px; font-family: Myriad Pro, Arial, sans-serif; font-weight: 600; font-size: 14px; line-height: 20px; color: #FFF; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } .filterItems__more:hover { background-color: #F15822; } .filterItems__buttonShow { display: none; } .filter-buttons { margin: 26px 0 16px; padding: 20px 0; border-top: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; } .filter-buttons__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -4px -5px; } .filter-buttons__list li { margin: 4px 5px; } .filter-buttons__item { background-color: #F15822; padding: 2px 5px; } .filter-buttons__reset { background-color: rgba(241, 88, 34, 0.25); } .filter-buttons__item, .filter-buttons__reset { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 18px; border-radius: 3px; } .filter-buttons__name { font-size: 12px; line-height: 1; font-weight: 500; color: #fff; display: block; margin-right: 5px; } .filter-buttons__reset .filter-buttons__name { color: #F15822; } .filter-buttons__delete, .filter-buttons__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 10px; height: 10px; border-radius: 50%; cursor: pointer; outline: none; margin: 0; } .filter-buttons__delete { background-color: #fff; } .filter-buttons__reset-button { padding: 2px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: none; margin: 0; } .filter-buttons__icon { background-color: rgba(241, 88, 34, 0.5); } .about-company { background-color: #677087; padding: 80px 0; color: #fff; } .about-company__title { font-family: "ALSKraft", sans-serif; font-weight: 400; font-size: 38px; line-height: 44px; text-transform: uppercase; color: #FBAD18; margin-bottom: 40px; } .about-company__info, .about-company__articles { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -30px -50px 50px; } .about-company__info { margin: -30px -50px 50px; } .about-company__articles { margin: -30px -50px; } .about-company__info li, .about-company__articles li { padding: 30px 50px; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; } .about-company-text p, .about-company-text ul li, .about-company-articles__text p, .about-company-articles__text ul li { font-weight: 400; font-size: 13px; line-height: 20px; color: #fff; } .about-company__button { display: none; } .about-company__text p:not(:last-child), .about-company__text ul:not(:last-child), .about-company-articles__text p:not(:last-child), .about-company-articles__text ul:not(:last-child) { margin-bottom: 10px; } .about-company__info ul, .about-company__articles ul { margin: 0; } .about-company__info ul li, .about-company__articles ul li { padding: 0; padding-left: 25px; position: relative; } .about-company__info ol li { padding: 0; } .about-company__info ol { margin-bottom: 10px; margin-left: 15px; font-size: 13px; line-height: 20px; } .about-company__info ul li:not(:last-child), .about-company__articles ul li:not(:last-child), .about-company__info ol li:not(:last-child), .about-company__articles ol li:not(:last-child) { margin-bottom: 5px; } .about-company__info ul li::before, .about-company__articles ul li::before { content: url(/local/templates/.default/css/../img/list-vector.svg); position: absolute; top: 2px; left: 0; width: 10px; height: 10px; } .about-company__info h3, .about-company__info h2, .about-company__articles h4 { font-family: "Fact", sans-serif; font-weight: 700; font-size: 15px; line-height: 20px; color: #FFFFFF; text-transform: none; } .about-company__info h3, .about-company__info h2 { margin-bottom: 20px; } .about-company__articles h4 { margin-bottom: 16px; } .about-company__subtitle { font-weight: 700; font-size: 24px; line-height: 32px; color: #FBAD18; margin-bottom: 30px; text-transform: none; } .about-company-articles__link, .about-company-articles__video { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-company-articles__video a, .about-company-articles__image img { display: block; } .about-company-articles__video a, .about-company-articles__image { max-width: 120px; } .about-company-articles__video a { position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .about-company-articles__text { max-width: 300px; width: 100%; margin-left: 20px; } button.about-company-articles__button { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } button.about-company-articles__button svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .about-company-articles__video a:hover .about-company-articles__button { background-color: #FBAD18; } .about-company-articles__video a:hover .about-company-articles__button svg path { fill: #fff; } .about-company-articles__link h4 { -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .about-company-articles__link:hover h4 { color: #FBAD18; } .shipping-payment__wrapper { padding: 50px 0 30px; } .shipping-payment__advantages { padding-bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .shipping-payment-advantages__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-preferred-size: 48.5%; flex-basis: 48.5%; } .shipping-payment-advantages__icon { margin-right: 30px; } .shipping-payment-advantages__icon img { display: block; width: 100%; min-width: 60px; max-width: 60px; } .shipping-payment-advantages__text h4, .shipping-payment__info h4 { font-size: 15.2px; line-height: 20px; font-weight: 500; color: #000; margin-bottom: 16px; text-transform: none; font-family: "Fact", sans-serif; } .shipping-payment-advantages__text p { font-size: 13px; line-height: 20px; font-weight: 400; color: #000; font-family: "Fact", sans-serif; } .shipping-payment__info { padding: 25px 0 10px; } .shipping-payment__info ul li { position: relative; padding-left: 23px; font-size: 13px; line-height: 20px; font-weight: 400; color: #000; font-family: "Fact", sans-serif; } .shipping-payment__info ul li:not(:last-child) { margin-bottom: 10px; } .shipping-payment__info ul li::before { content: ''; position: absolute; top: 5px; left: 0; width: 10px; height: 10px; background-color: #FBAD18; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-radius: 2px; } .shipping-payment__table { padding: 10px 0 25px; } .shipping-payment__table table { border-collapse: collapse; table-layout: fixed; border: none; } .shipping-payment__table table td, .shipping-payment__table table th { padding: 0; } .shipping-payment-table thead { background-color: #677087; color: #fff; } .shipping-payment-table thead th { font-size: 16px; line-height: 20px; font-weight: 500; font-family: "Fact", sans-serif; position: relative; } .shipping-payment-table tbody { background-color: #F9F9F9; color: #000; } .shipping-payment-table tbody td { font-size: 13px; line-height: 20px; font-weight: 400; font-family: "Fact", sans-serif; text-align: center; padding: 24.5px 20px; position: relative; } .shipping-payment-table thead tr:first-child th:first-child { width: 21%; } .shipping-payment-table thead tr:first-child th:nth-child(2) { width: 22.2%; } .shipping-payment-table thead th::after, .shipping-payment-table tbody td::after { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 1px; height: 45%; } .shipping-payment-table tbody td:nth-child(3)::after, .shipping-payment-table tbody td:nth-child(4)::after, .shipping-payment-table tbody td:nth-child(5)::after, .shipping-payment-table.shipping-payment-table-v4 tbody td:nth-child(2)::after, .shipping-payment-table.shipping-payment-table-v5 tbody td:nth-child(2)::after { height: 29%; } .shipping-payment-table.shipping-payment-table-v5 tbody td:nth-child(3)::after { height: 45%; } .shipping-payment-table thead th::after { background-color: #fff; } .shipping-payment-table tbody td::after { background-color: #000; } .shipping-payment-table thead tr:first-child th:nth-child(3) { width: 56.8%; position: relative; } .shipping-payment-table thead tr:first-child th:nth-child(3)::before { content: ''; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); height: 1px; width: 88%; background-color: #fff; } .shipping-payment-table thead tr:first-child th:last-child::after, .shipping-payment-table thead tr:last-child th:last-child::after, .shipping-payment-table tbody tr:first-child td:last-child::after { display: none; } .shipping-payment-table thead tr:first-child th:first-child, .shipping-payment-table thead tr:first-child th:nth-child(2) { padding: 35px 20px; } .shipping-payment-table tbody tr:not(:last-child) { border-bottom: 1px solid #000; } .shipping-payment__table.shipping-payment-table-v2 table { max-width: 1230px; } .shipping-payment-table.shipping-payment-table-v2 thead tr:first-child th:first-child { width: 26%; } .shipping-payment-table.shipping-payment-table-v2 thead tr:first-child th:nth-child(2) { width: 27.5%; } .shipping-payment-table.shipping-payment-table-v2 thead tr:first-child th:nth-child(3) { width: 46.5%; } .shipping-payment__image { margin: 25px 0; } .shipping-payment-image { height: 60px; background-repeat: no-repeat; } .shipping-payment__terms { padding: 25px 0; } .shipping-payment-terms h2 { font-family: "ALSKraft", sans-serif; font-size: 30px; line-height: 1; font-weight: 400; margin-bottom: 40px; color: #000; letter-spacing: 0.02em; text-transform: uppercase; } .shipping-payment-terms__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px; } .shipping-payment-terms__list li { padding: 20px; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .shipping-payment-terms__icon { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 16px; border-radius: 7px; background: -o-linear-gradient(225deg, #F6AE1E 0%, #F6AE1E 20%, #F68522 20.1%, #F68522 40%, #F15B24 40.1%, #F15B24 60%, #AF4627 60.1%, #AF4627 80%, #88321E 80.1%); background: linear-gradient(225deg, #F6AE1E 0%, #F6AE1E 20%, #F68522 20.1%, #F68522 40%, #F15B24 40.1%, #F15B24 60%, #AF4627 60.1%, #AF4627 80%, #88321E 80.1%); color: #fff; } .shipping-payment-terms__icon span { display: block; font-family: "ALSKraft", sans-serif; font-weight: 400; font-size: 20px; line-height: 20px; letter-spacing: 0.02em; text-transform: uppercase; color: #FFF; } .shipping-payment-terms__list h4 { font-size: 15.2px; line-height: 20px; font-weight: 500; color: #000; margin-bottom: 16px; text-transform: none; font-family: "Fact", sans-serif; } .shipping-payment-terms__list p { font-size: 13px; line-height: 20px; font-weight: 400; font-family: "Fact", sans-serif; color: #000; } .shipping-payment-terms__list p:not(:last-child) { margin-bottom: 10px; } .shipping-payment-tabs { display: none; } .shipping-payment__tabs { margin: 0 0 30px; padding: 10px 20px; background-color: #F9F9F9; margin-left: -20px; width: calc(100% + 40px); } .shipping-payment-tabs__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none; width: calc(100% + 40px); margin-left: -20px; padding-left: 20px; padding-right: 20px; } .shipping-payment-tabs__nav::-webkit-scrollbar { width: 0; } .shipping-payment-tabs__tab { white-space: nowrap; padding: 8px; border: 2px solid #677087; font-weight: 500; font-size: 16px; line-height: 20px; background-color: #fff; color: #677087; -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out; -o-transition: background-color .3s ease-in-out, color .3s ease-in-out; transition: background-color .3s ease-in-out, color .3s ease-in-out; cursor: pointer; text-align: center; } .shipping-payment-tabs__tab small { font-size: 10px; line-height: 14px; } .shipping-payment-tabs__tab:not(:last-child) { margin-right: 10px; } .shipping-payment-tabs__tab.active, .shipping-payment-tabs__tab:hover, .shipping-payment-tabs__tab:focus { color: #fff; background-color: #677087; } .shipping-payment-tabs__tab a { display: block; color: inherit; } .shipping-payment-tabs__item { display: none; } .shipping-payment-tabs__item.active { display: block; } .shipping-payment-tabs__content { padding-top: 4px; } .shipping-payment-tabs__item li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .shipping-payment-tabs__item li { padding: 19.5px 0; border-bottom: 1px solid #000; } .shipping-payment-tabs__item li:first-child { border-top: 1px solid #000; } .shipping-payment-tabs__item li .volume, .shipping-payment-tabs__item li .price, .shipping-payment-tabs__item li .info { font-weight: 400; font-size: 13px; line-height: 20px; color: #000; font-family: "Fact", sans-serif; text-transform: none; } .shipping-payment-tabs__item li .price::after { display: none; } .shipping-payment-wrap__info { padding: 0 0 10px; } .shipping-payment-wrap__info p, .shipping-payment-wrap__bottom p { font-size: 15px; line-height: 20px; font-weight: 400; } .shipping-payment-wrap__info p:not(:last-child), .shipping-payment-wrap__bottom p:not(:last-child) { margin-bottom: 10px; } .shipping-payment-wrap__info p b, .shipping-payment-wrap__bottom p b { font-weight: 500; } .shipping-payment-wrap__list { padding: 10px 0 20px; } .shipping-payment-wrap__list p { margin-bottom: 10px; font-size: 15px; line-height: 20px; font-weight: 500; } .shipping-payment-wrap__list ul { margin-bottom: 20px; } .shipping-payment-wrap__list ul li:not(:last-child) { margin-bottom: 10px; } .shipping-payment-wrap__list li { position: relative; font-size: 15px; line-height: 20px; font-weight: 500; padding-left: 23px; } .shipping-payment-wrap__list li::before { content: ''; position: absolute; top: 50%; left: 2px; background-color: #FBAD18; border-radius: 2px; width: 10px; height: 10px; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .shipping-payment-wrap__bottom { padding: 20px 0 25px; } .shipping-payment__contacts { padding-top: 25px; } .shipping-payment__contacts p { font-size: 15px; line-height: 20px; font-weight: 500; margin-bottom: 30px; } .shipping-payment-contacts__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .shipping-payment-contacts__list li p { font-size: 13px; line-height: 20px; font-weight: 400; margin-bottom: 20px; white-space: nowrap; } .shipping-payment-contacts__list li a { display: block; font-family: "Fact", sans-serif; font-weight: 500; font-size: 27px; line-height: 40px; color: #000; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .shipping-payment-contacts__list li a:hover { color: #f15822; } .shipping-payment-contacts__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .shipping-payment-contacts__item div:not(:last-child) { margin-right: 100px; } .shipping-payment-contacts__list li span { display: block; margin-top: 10px; font-weight: 400; font-size: 13px; line-height: 20px; color: #677087; } .shipping-payment__table.shipping-payment-table-v3 { max-width: 657px; } .shipping-payment__table.shipping-payment-table-v3 tbody td:last-child:after { display: none; } .shipping-payment__table.shipping-payment-table-v3 thead tr:first-child th:first-child, .shipping-payment__table.shipping-payment-table-v3 thead tr:first-child th:nth-child(2) { padding: 24px 20px; } .shipping-payment__table.shipping-payment-table-v3 tbody td { height: 70px; padding: 10px 15px; } .shipping-payment__town { font-weight: 500; font-size: 14.3px; line-height: 20px; color: #000; margin-bottom: 10px; text-transform: none; font-family: "Fact", sans-serif; } .shipping-payment-info__error { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shipping-payment-info__error .shipping-payment-advantages__icon { margin-right: 10px; } .shipping-payment-info__error .shipping-payment-advantages__icon img { display: block; max-width: 43px; min-width: 43px; } .shipping-payment-info__error p { font-size: 13px; line-height: 20px; font-weight: 400; color: #000; } .shipping-payment-info__error p a { white-space: nowrap; } .shipping-payment-table.shipping-payment-table-v4 { max-width: 1097px; } .shipping-payment-table.shipping-payment-table-v4 tbody td:last-child:after { display: none; } .shipping-payment-table.shipping-payment-table-v4 thead tr:first-child th:first-child { width: 9.2%; } .shipping-payment-table.shipping-payment-table-v4 thead tr:first-child th:first-child, .shipping-payment-table.shipping-payment-table-v4 thead tr:first-child th:nth-child(2), .shipping-payment-table.shipping-payment-table-v4 thead tr:nth-child(2) th { padding: 8px 20px; } .shipping-payment-table thead th small { font-size: 10px; line-height: 14px; } .shipping-payment-table.shipping-payment-table-v4 thead tr:first-child th:nth-child(2) { position: relative; padding: 13px 20px; } .shipping-payment-table.shipping-payment-table-v4 thead tr:first-child th:nth-child(2)::before { content: ''; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); height: 1px; width: 88%; background-color: #fff; } .shipping-payment-table.shipping-payment-table-v5 { max-width: 1152px; padding-top: 25px; } .shipping-payment-table.shipping-payment-table-v5 thead tr:first-child th:nth-child(2)::before { content: ''; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); height: 1px; width: 88%; background-color: #fff; } .shipping-payment-table.shipping-payment-table-v5 thead tr:first-child th:last-child::before { display: none; } .shipping-payment-table.shipping-payment-table-v5 thead tr:first-child th:first-child { width: 27.8%; } .shipping-payment-table.shipping-payment-table-v5 thead tr:first-child th:nth-child(2) { width: 44.6%; } .shipping-payment-table.shipping-payment-table-v5 thead tr:first-child th:nth-child(3) { width: 27.6%; padding: 10px 20px; } .shipping-payment-table.shipping-payment-table-v5 thead tr:first-child th:first-child, .shipping-payment-table.shipping-payment-table-v5 thead tr:first-child th:nth-child(2) { padding: 12px 20px; } .shipping-payment-table.shipping-payment-table-v5 thead tr:last-child th { padding: 13px 20px; } .shipping-payment-table.shipping-payment-table-v5 thead tr:first-child th:nth-child(2)::after { content: ''; position: absolute; top: auto; bottom: -50%; right: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 1px; height: 92.06%; background-color: #fff; } .shipping-payment-table.shipping-payment-table-v4 thead tr:last-child th::after { height: 29%; } .shipping-payment-table.shipping-payment-table-v5 thead tr:last-child th::after { height: 45%; } .shipping-payment-table.shipping-payment-table-v5 tbody td:last-child::after { display: none; } @media (max-width: 1450px) { .new-products__item, .distributor__item { width: 25%; } .section--new-products .goodsGrid .colDesktop--3 { width: 25%; } .section--viewed .goodsGrid .colDesktop--3 { width: 25%; } .filter-buttons { margin: 20px 0 10px; } .filter-buttons__item { padding: 7px; } .filter-buttons__item, .filter-buttons__reset { height: 34px; } .filter-buttons__name { font-size: 14px; font-weight: 400; margin-right: 10px; } .filter-buttons__delete, .filter-buttons__icon { width: 20px; height: 20px; } .filter-buttons__delete svg, .filter-buttons__icon svg { width: 12px; height: 12px; } .filter-buttons__reset-button { padding: 7px; } .section--catalog .tagsList { padding-top: 10px; } .about-company__info { margin: -30px -30px 30px; } .about-company__articles { margin: -30px -30px 0; } .about-company__info li, .about-company__articles li { padding: 30px; } } @media (max-width: 1270px) { .borderBox__decorRight { display: none; } .about-company { padding: 40px 0 25px; } .about-company__title { font-size: 26px; line-height: 30px; margin-bottom: 30px; } .about-company__info { margin: -15px -15px 30px; } .about-company__articles { margin: -15px -15px 0; } .about-company__info li, .about-company__articles li { padding: 15px; } .about-company__info li:not(:nth-child(3n)), .about-company__articles li { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .about-company__info li:nth-child(3n) { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .about-company__subtitle { margin-bottom: 20px; } .about-company-articles__text { max-width: 340px; } } @media (max-width: 1200px) { .section--new-products .goodsGrid .colDesktop--3 { width: 33.33%; } .section--viewed .goodsGrid .colDesktop--3 { width: 33.33%; } .new-products__item { width: 33%; } .distributor__item { width: 33.3333%; } .shipping-payment__wrapper { padding: 40px 0 20px; } .shipping-payment__advantages { padding-bottom: 20px; } .shipping-payment__info { padding: 20px 0 10px; } .shipping-payment-table thead tr:first-child th:first-child { width: 23.4%; } .shipping-payment-table thead tr:first-child th:nth-child(2) { width: 16.7%; } .shipping-payment-table thead tr:first-child th:nth-child(3) { width: 59.9%; } .shipping-payment-table thead tr:first-child th:first-child, .shipping-payment-table thead tr:first-child th:nth-child(2) { padding: 25px 30px; } .shipping-payment-table tbody td { padding: 24.5px 15px; } .shipping-payment__table { padding: 10px 0 20px; } .shipping-payment-table.shipping-payment-table-v2 thead tr:first-child th:first-child { width: 23.9%; } .shipping-payment-table.shipping-payment-table-v2 thead tr:first-child th:nth-child(2) { width: 20%; } .shipping-payment-table.shipping-payment-table-v2 thead tr:first-child th:nth-child(3) { width: 56.1%; } .shipping-payment__image { margin: 20px 0; } .shipping-payment__terms { padding: 20px 0; } .shipping-payment-terms__list { margin: -15px; } .shipping-payment-terms__list li { padding: 15px; -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; } .shipping-payment-terms h2 { margin-bottom: 16px; } .shipping-payment-wrap__list { padding: 10px 0 15px; } .shipping-payment-wrap__bottom { padding: 15px 0 20px; } .shipping-payment__contacts { padding-top: 20px; } .shipping-payment-contacts__item { display: block; } .shipping-payment-contacts__item div:not(:last-child) { margin-right: 0; margin-bottom: 30px; } .shipping-payment-table.shipping-payment-table-v3 thead tr:first-child th:first-child, .shipping-payment-table.shipping-payment-table-v3 thead tr:first-child th:last-child { width: auto; } .shipping-payment-table.shipping-payment-table-v4 thead tr:first-child th:first-child { width: 22.4%; } .shipping-payment-table.shipping-payment-table-v4 thead tr:first-child th:nth-child(2) { width: auto; } .shipping-payment-table.shipping-payment-table-v5 { padding-top: 20px; } .shipping-payment-table.shipping-payment-table-v5 thead tr:first-child th:first-child { width: 22.5%; } .shipping-payment-table.shipping-payment-table-v5 thead tr:first-child th:nth-child(2) { width: 50.8%; } .shipping-payment-table.shipping-payment-table-v5 thead tr:first-child th:nth-child(3) { width: auto; } .shipping-payment-table.shipping-payment-table-v5 thead tr:first-child th:nth-child(2) { padding: 25px 20px 3px; } .shipping-payment-table.shipping-payment-table-v5 thead tr:first-child th, .shipping-payment-table.shipping-payment-table-v5 thead tr:first-child th:nth-child(3) { padding: 29px 20px; } .shipping-payment-table.shipping-payment-table-v5 thead { height: 116px; } } @media (max-width: 1196px) { .my-catalog__list { margin-left: -17px; width: calc(100% + 34px); padding: 0 17px; } } @media (max-width: 1150px) { .filterItems__list { padding-right: 10px; } .filterItems__name { font-size: 14px; } .filterItems__header { padding: 19.5px 0; } } @media (max-width: 1024px) { .grid.grid--alternative .card--good { padding: 30px 20px; } .grid.grid--alternative .card--good .card__slider { height: 150px; width: 150px; } .grid.grid--alternative .card--good .card__body { padding-left: 20px; } .grid.grid--alternative .card--good .card__info .card__code { top: 20px; left: 30px; } .grid.grid--alternative .card--good .card__hover .card__bottom { padding-left: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .grid.grid--alternative .card--good .card__code { margin-bottom: 35px; } } @media (max-width: 991px) { .my-catalog__header { margin-bottom: 28px; } .my-catalog__item { height: 440px; padding: 58px 40px 38px 40px; margin: 0 10px; min-width: 440px; } .my-catalog__wrapper { margin: 0 -10px; } .sublist__item--link { font-size: 17px; } .advantages { -ms-grid-columns: 1fr 20px 1fr; grid-template-columns: repeat(2, 1fr); gap: 40px 20px; } .advantages__icon { width: 60px; height: 60px; } } @media (max-width: 900px) { .new-products__item { width: 50%; } } @media (max-width: 768px) and (min-width: 376px) { .d-tablet-hidden { display: none } } @media (max-width: 768px) { .section-action-list .grid, .section--new-products .grid, .section--viewed .grid, .catalog__right .grid { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 20px; } .section-action-list .goodsGrid .colDesktop--3, .section--new-products .goodsGrid .colDesktop--3, .section--viewed .goodsGrid .colDesktop--3, .catalog__right .goodsGrid .colDesktop--3 { /* width: 50%; */ width: calc((100% / 2) - 5px); } .section-action-list .card--good, .catalog__right .card--good { padding: 11px 10px 0 10px; } .section-action-list .card--good .card__quantity .quantity { left: 0; transform: initial; width: 100%; } .section-action-list .card--good .card__bottom .card__buttons { margin-left: 0; margin-right: 0; } .card--good .card__bottom .card__buttons { margin-left: -10px; margin-right: -10px; } .card--good .card__quantity .quantity { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .card--good .card__bottom { padding-bottom: 0; } .section--new-products .new-product__button, .section--viewed .new-product__button { width: 100%; } .catalog__right .grid--alternative .new-product__button { width: 100px; } .container--banner { padding-bottom: 40px; } .my-banner__button { width: 32px; height: 32px; } .my-banner__button-prev { top: 180px; left: 20px; } .my-banner__button-next { top: 180px; right: 20px; } .button-prev__item, .button-next__item { top: 9px; left: 12px; } .my-banner__list .slick-dots { bottom: 30px; left: 93px; } .my-banner__list .slick-dots li { width: 13px; height: 13px; margin-right: 18px; } .container-new-products { padding-top: 40px; } .new-products__button-all { top: 34px; right: 24px; } .new-products__header { margin-bottom: 41px; } .new-products__item { width: 33%; height: 413px; padding: 20px 22px; } .new-product__image { width: 194px; height: 194px; } .distributor__item { width: 33.3333%; height: 163px; } .distributor__link { padding: 16px 9px; } .distributor__name { display: none; } .filter-buttons__list { margin: -5px; } .filter-buttons__list li { margin: 5px; } .about-company__info, .about-company__articles { display: block; } .about-company__info { margin: 0 0 30px; } .about-company__articles { margin: 0; } .about-company__info li, .about-company__articles li { padding: 0; } .about-company__info li:not(:last-child), .about-company__articles li:not(:last-child) { margin-bottom: 30px; } .about-company-articles__link, .about-company-articles__video { display: block; } .about-company-articles__video a, .about-company-articles__image { max-width: none; margin-bottom: 16px; } .about-company-articles__video a { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .about-company-articles__text { max-width: none; margin-left: 0; } .about-company { padding: 40px 0; } .shipping-payment__table { display: none; } .shipping-payment__advantages { display: block; } .shipping-payment-advantages__info:not(:last-child) { margin-bottom: 20px; } .shipping-payment-advantages__icon img { min-width: 40px; max-width: 40px; } .shipping-payment-advantages__icon { margin-right: 20px; } .shipping-payment-terms__list h4, .shipping-payment-advantages__text h4 { font-size: 12.8px; margin-bottom: 10px; } .shipping-payment__advantages { padding-bottom: 10px; } .shipping-payment__info { padding: 10px 0; } .shipping-payment__info h4 { font-size: 14.2px; margin-bottom: 18px; } .shipping-payment__info ul li::before { top: 50%; -webkit-transform: rotate(45deg) translateX(-50%); -ms-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); left: 4px; } .shipping-payment-image { height: 40px; background-size: cover; } .shipping-payment-terms h2 { font-size: 22px; } .shipping-payment-terms__list li { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 10px; } .shipping-payment-terms__list { margin: -10px; } .shipping-payment-terms__list p { font-size: 13px; } .shipping-payment-terms__icon { margin-bottom: 10px; } .shipping-payment-terms__list h4 { margin-bottom: 10px; } .shipping-payment-tabs { display: block; } .shipping-payment-contacts__list { display: block; } .shipping-payment-contacts__list li:not(:last-child) { margin-bottom: 30px; } .shipping-payment-contacts__item div:not(:last-child) { margin-bottom: 10px; } .shipping-payment-contacts__list li a { font-size: 22px; line-height: 28px; } .shipping-payment-contacts__list li p { margin-bottom: 10px; } .shipping-payment__table.shipping-payment-table-v3 { display: block; margin-left: -13px; width: calc(100% + 26px); } .shipping-payment-table thead th::after, .shipping-payment-table tbody td::after { display: none; } .shipping-payment__table.shipping-payment-table-v3 thead tr th { padding: 15px 10px !important; } .shipping-payment__table.shipping-payment-table-v3 tbody td { height: auto; padding: 19.5px 15px; } .shipping-payment__table { padding-bottom: 0; } .shipping-payment-table.shipping-payment-table-v3 thead tr:first-child th:first-child { width: 65%; } .shipping-payment__table.shipping-payment-table-v3 tbody td:first-child { text-align: left; } .shipping-payment-info__error .shipping-payment-advantages__icon img { max-width: 20px; min-width: 20px; } } @media (max-width: 740px) { .catalogTabs__name { font-size: 18px; line-height: 22px; } .catalogCategories__name, .catalogCategories__link, .catalogNestedCategories__name, .catalogNestedCategories__link, .catalogCategories__title-link { font-size: 16px; line-height: 20px; } .catalogTabs__content, .catalogCategories__content { height: calc(100vh - 150px); padding: 0 25px 60px 7px; } .catalogTabs__content { top: 87px; } .catalogCategories__content { margin-left: -37px; width: calc(100% + 66px); top: 12px; } .catalogCategories__name, .catalogTabs__name { width: 45%; } .card--good .card__slider .swiper-button-next { right: -10px; } .card--good .card__slider .swiper-button-prev { left: -10px; } .section--new-products .grid, .section--viewed .grid, .catalog__right .grid { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 20px; } .catalog .catalog__left { position: fixed; top: 0; left: 0; height: 100%; width: 100%; padding: 0; background-color: #F9F9F9; z-index: 99999; overflow: auto; -webkit-transform: translateX(-110%); -ms-transform: translateX(-110%); transform: translateX(-110%); -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; will-change: transform; opacity: 0; visibility: hidden; overflow: hidden; } .catalog .catalog__left.active { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible; } .filterCategory { display: none; } .filterItems__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 52px; padding: 14px 20px 4px; } .filterItems__form { margin-top: 0; height: 100%; } .filterItems__more { display: none; } .filterItems__buttonShow { height: 50px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #F15822; border: 2px solid #F15822; padding: 13px 20px; font-family: Fact, Arial, sans-serif; font-weight: 500; font-size: 12px; line-height: 20px; color: #FFF; -webkit-transition: background-color .3s, color .3s; -o-transition: background-color .3s, color .3s; ; transition: background-color .3s, color .3s; ; } .filterItems__buttonShow:hover, .filterItems__buttonShow:active { background-color: #FFFFFF; color: #F15822; } .filterItems__wrapper { height: calc(100% - 102px); overflow: auto; padding: 0 20px; } .filterItems { height: 100%; } .filterItems__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filterItems__title span { display: block; margin-right: 10px; font-family: "ALSKraft", sans-serif; font-weight: 500; font-size: 18px; line-height: 20px; letter-spacing: 0.03em; text-transform: uppercase; color: #F15822; } .filterItems__resetAll { margin-left: auto; height: 34px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 13.5px; font-size: 11px; line-height: 1; font-weight: 500; color: #000; border: 1px solid #000000; background-color: transparent; -webkit-transition: background-color .3s, color .3s; -o-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s; display: none; } .filterItems__resetAll:hover, .filterItems__resetAll:active { background-color: #000; color: #fff; } .filterItems__name { font-size: 12px; line-height: 20px; } .filterItems__header { padding: 14px 0; } .filterItems__list { max-height: 230px; } .filterItems__reset { margin-left: auto; } .filterItems__body { padding-bottom: 14px; } .filterItems__list { padding-right: 0; } .filterItems__label .filterItems__boxName { font-size: 12px; margin-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .filterItems__wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 10px; } .filter-label { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .range-inputs { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 12px; } .range-inputs__wrap { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .filterItems__resetAll.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .shipping-payment__tabs { padding: 10px 13px; margin-left: -13px; width: calc(100% + 26px); } .shipping-payment-tabs__nav { width: calc(100% + 26px); margin-left: -13px; padding-left: 13px; padding-right: 13px; } } @media (max-width: 700px) { .new-products__item { width: 50%; } .distributor__button { position: static; display: block; margin: 20px auto 0 auto; } .press-office__button-all { position: static; display: block; margin: 18px auto 0 auto; } .new-products__button-all { position: static; display: block; margin: 20px auto 0 auto; } } @media (max-width: 540px) { .distributor__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 10px 1fr; grid-template-columns: repeat(2, 1fr); gap: 10px; } .distributor__item { width: 100%; height: 85px; } .distributor__link { padding: 12px 4px; } .my-catalog__list { display: block; margin-left: -13px; width: calc(100% + 26px); padding: 0; } .my-catalog__wrapper { margin: 0; } .my-catalog__image { -o-object-fit: cover; object-fit: cover; } .my-catalog__gradient { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); } .my-catalog__item--active>.my-catalog__gradient { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .my-catalog__vector { display: block; position: absolute; top: 4px; right: 2px; width: 16px; height: 10px; fill: #FFF; -webkit-transition: -webkit-transform 0.15s ease-in-out; transition: -webkit-transform 0.15s ease-in-out; -o-transition: transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; will-change: transform; } .my-catalog__item--active .my-catalog__vector { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .my-catalog__title:hover .my-catalog__vector { fill: #FBAD18; } .my-catalog__title { font-size: 16px; line-height: 22px; margin-bottom: 31px; -webkit-transition: color 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; cursor: pointer; pointer-events: none; } .my-catalog__title:after { bottom: -17px; } .sublist__item--link { font-size: 16.5px; line-height: 20px; } .my-catalog__item { position: relative; width: 100%; min-width: auto; max-height: 52px; overflow: hidden; -webkit-transition: none; -o-transition: none; transition: none; padding: 16px 13px; margin: 0; } .my-catalog__item--active { max-height: 100%; -webkit-transition: max-height 5.25s ease-in-out; -o-transition: max-height 5.25s ease-in-out; -webkit-transition: max-height 5.15s ease-in-out; -o-transition: max-height 5.15s ease-in-out; transition: max-height 5.15s ease-in-out; } .filter-buttons { margin: 10px 0 5px; padding: 10px 0; } .section--catalog .tagsList { margin-top: 5px; margin-bottom: 10px; padding-top: 5px; } .about-company__title { font-size: 22px; line-height: 1; } .about-company__text { max-height: 160px; overflow: hidden; margin-bottom: 10px; position: relative; } .about-company__text::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: linear-gradient(180deg, rgba(103, 112, 135, 0) 0%, #677087 100%); } .about-company__button { display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 500; font-size: 13px; line-height: 20px; margin: 0 auto; } .about-company__button span { display: block; margin-right: 16px; border-bottom: 1px solid #fff; transition: color .3s ease-in-out, border-color .3s ease-in-out; } .about-company__button svg { transition: transform .3s ease-in-out; will-change: transform; } .about-company__button svg path { transition: fill .3s ease-in-out; } .about-company__button.opened svg { transform: rotate(180deg); } .about-company__button:hover span { color: #FBAD18; border-color: #FBAD18; } .about-company__button:hover svg path { fill: #FBAD18; } .about-company__text.opened { max-height: none; } .about-company__text.opened::before { display: none; } .about-company-articles__video a { width: 100%; } .about-company-articles__video a img, .about-company-articles__image img { width: 100%; max-height: 180px; -o-object-fit: cover; object-fit: cover; } .shipping-payment-terms__list { margin: 0; display: block; } .shipping-payment-terms__list li { padding: 0; } .shipping-payment-terms__list li:not(:last-child) { margin-bottom: 20px; } } @media (max-width: 500px) { .new-products__item { width: 100%; } .my-banner__button-prev { left: 0; } .my-banner__button-next { right: 0; } .catalogTabs__name, .catalogCategories__name { margin-right: 15px; } .catalogTabs__head, .catalogCategories__head { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalogCategories__name, .catalogTabs__name { width: auto; } .advantages { display: block; } .advantages__item:not(:last-child) { margin-bottom: 30px; } .advantages { display: block; } .advantages__item:not(:last-child) { margin-bottom: 30px; } .advantages__title { min-height: auto; } } @media (max-width: 375px) { .d-mobile-hidden { display: none; } .container--banner { padding: 17px 13px 0 13px; } .my-banner__list .slick-dots { bottom: 17px; left: 19px; } .my-banner__list .slick-dots li { width: 10px; height: 10px; margin-right: 16px; } .container-my-catalog { padding: 47px 13px 0 13px; } .my-catalog__header { font-size: 24px; line-height: 26px; margin-bottom: 31px; padding-left: 13px; } .container-new-products { padding: 43px 13px 30px 13px; } .new-products__header { font-size: 24px; line-height: 26px; margin-bottom: 20px; } .new-products__button-all { position: static; display: block; margin: 20px auto 0 auto; } .new-products__item { width: calc(50% - 5px); padding: 10px 10px 0 10px; height: auto; position: relative; margin-bottom: 21px; } .new-products__item:nth-child(2n+1) { margin-right: 10px; } .new-product__image { width: 98px; height: 81px; margin-bottom: 20px; } .new-product__code { font-size: 9px; line-height: 14px; margin-bottom: 8px; } .new-product__name { font-size: 12px; line-height: 14px; margin-bottom: 6px; } .new-product__sale, .new-product__availability, .new-product__count { display: block; font-family: Fact, Arial, sans-serif; font-size: 11px; } .new-product__sale { line-height: 12px; } .new-product__price { font-size: 18px; line-height: 20px; margin-top: 10px; } .new-product__availability { line-height: 12px; color: #898989; margin: 7px 0 7px 0; } .new-product__count { line-height: 20px; font-weight: 500; margin-bottom: 7px; } .new-product__like { display: block; position: absolute; top: 10px; right: 10px; } .new-product__like:hover { fill: #F15822; } .count-selector { display: -webkit-box; display: -ms-flexbox; display: flex; border: solid 1px #F3F3F3; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; width: 100%; margin-bottom: 11px; } .count-selector:hover { -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%); box-shadow: 0 0 30px rgb(0 0 0 / 10%); } .count-selector__button { width: 26px; height: 25px; border: solid 1px #F3F3F3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .count-selector__button--plus { margin-left: auto; } .count-selector__input { height: 25px; border: solid 1px #F3F3F3; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .container-my-catalog { padding: 47px 0 0 0; } .my-catalog__list { margin-left: 0; width: 100%; } .my-catalog__item--active { max-height: 100%; -webkit-transition: max-height 5.25s ease-in-out; -o-transition: max-height 5.25s ease-in-out; -webkit-transition: max-height 5.15s ease-in-out; -o-transition: max-height 5.15s ease-in-out; transition: max-height 5.15s ease-in-out; } .container-press-office { padding: 43px 11px 40px 11px; } .press-office__header { font-size: 22px; line-height: 20px; margin-bottom: 37px; } .press-office__item { width: 260px; height: 340px; padding: 20px; } .container--distributor { padding: 20px 13px 40px 13px; } .is-hidden-input { display: none; } .distributor__header-my { font-size: 22px; line-height: 22px; margin-bottom: 40px; } .about-company-articles__video a img, .about-company-articles__image img { max-height: 120px; } } @media only screen and (max-width: 1150px) { .goodsGrid .grid .grid__item.card--good .card__hover { display: none; } .goodsGrid .grid.grid--alternative .grid__item.card--good .card__hover { display: block; } } .catalog-table td { position: relative; } .catalog-table td .new-price, .catalog-table td .old-price { display: block; } .catalog-table td .old-price { text-decoration: line-through; color: #898989; } .catalog-table .btn-download-image { position: relative; top: 0; right: 0; display: block; } .list-reset { margin: 0; padding: 0; list-style-type: none; } .breadcrumbs-new__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -4px -15px; padding: 30px 0; } .breadcrumbs-new__item { position: relative; padding: 4px 15px; } .breadcrumbs-new__item:not(:last-child):before { content: ''; position: absolute; top: 12px; right: 0; width: 3px; height: 7px; background-image: url('/local/templates/.default/css/../img/breadcrumbs_arrow.svg'); background-repeat: no-repeat; } .breadcrumbs-new__item a, .breadcrumbs-new__item span { display: block; font-size: 11px; line-height: 20px; font-weight: 500; color: #898989; font-family: "Fact"; } .breadcrumbs-new__item a { -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; outline: none; } .breadcrumbs-new__item a:hover, .breadcrumbs-new__item a:focus, .breadcrumbs-new__mobile:hover, .breadcrumbs-new__mobile:focus { color: #000; } .breadcrumbs-new__mobile { display: none; visibility: hidden; } .product-card-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product-card__gallery { width: 30.2%; position: relative; } .product-card__slider-for { margin-top: 5px; margin-bottom: 16px; -webkit-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); } .product-card__bage { position: absolute; padding: 5px; top: 20px; left: 20px; z-index: 3; font-size: 11px; line-height: 1; letter-spacing: 0.1em; font-family: "ALSKraft", sans-serif; font-weight: 400; color: #fff; background-color: #F15822; text-transform: uppercase; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .product-card__bage--orange { background-color: #FBAD18; } .card__badge--black, .product-card__bage--black { background-color: #000; color: white; } .product-card__bage--green { background-color: #8ea407; } .product-card__video { position: relative; height: 100%; } .product-card__item .product-card__video img { height: 100%; -o-object-fit: cover; object-fit: cover; } .product-card__slider-for .product-card__item .product-card__video img { height: auto; -o-object-fit: cover; object-fit: cover; } .product-card__item a { display: block; width: 100%; height: 100%; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; } .product-card__button { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.8); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .product-card__video .product-card__button { pointer-events: none; } .product-card__item a:hover .product-card__button, .product-card__item a:focus .product-card__button { background-color: #F15822; } .product-card__button svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .product-card__item a:hover .product-card__button svg path, .product-card__item a:hover .product-card__button svg path { fill: #fff; } .product-card__slider-for .slick-track, .product-card__slider-nav .slick-track, .product-card-info__slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-card-info__slider.small .slick-track:after, .product-card-info__slider.small .slick-track:before, .product-card__slider-nav.small .slick-track:before, .product-card__slider-nav.small .slick-track:after { display: none !important; } .product-card-info__slider.small .slick-track, .product-card__slider-nav.small .slick-track { justify-content: center; width: 100% !important; transform: translate3d(0, 0px, 0px) !important; } .product-card-info__slider.small .slick-track { justify-content: flex-start; } .product-card-info__slider { margin-bottom: 16px; } .product-card__item img { display: block; width: 100%; -o-object-fit: contain; object-fit: contain; } .product-card__item.slick-slide { height: auto; } .product-card-info__slider.slick-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; width: 100%; } .product-card-info__slider .slick-list, .product-card__slider-nav.slick-slider, .product-card__slider-nav .slick-list { width: 100%; } .product-card-info__slider .slick-arrow { position: static; -webkit-transform: none; -ms-transform: none; transform: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; } .product-card__slider-nav { padding: 0 56px; } .product-card__slider-nav .slick-arrow { width: 40px; height: 40px; } .product-card__slider-nav .slick-arrow svg path, .product-card-info__slider .slick-arrow svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .product-card__slider-nav .slick-arrow:hover svg path, .product-card__slider-nav .slick-arrow:focus svg path, .product-card-info__slider .slick-arrow:hover svg path, .product-card-info__slider .slick-arrow:focus svg path { fill: #F15822; } .product-card__slider-nav .slick-list, .product-card-info__slider .slick-list { padding: 0 -8px; } .product-card__slider-nav .slick-slide { border-radius: 5px; margin: 0 8px; cursor: pointer; } .product-card-info__slider .slick-slide { margin: 0 8px; cursor: pointer; } .product-card__slider-nav .product-card__item { border-radius: 5px; overflow: hidden; height: auto; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .product-card-info__slider .product-card__item { border: 2px solid transparent; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; overflow: hidden; } .product-card-info__slider .product-card__item.slick-current { border-color: #F15822; } .product-card-info__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px; } .product-card-info__brand { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 10px; background-color: #FFF; -webkit-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); font-size: 16px; line-height: 1; font-weight: 400; font-family: "ALSKraft", sans-serif; color: #000; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .product-card-info__brand:hover, .product-card-info__brand:focus { color: #F15822; } .product-card-info__brand:active { color: #F15B24; } .product-card__info { margin-top: 5px; width: 64%; padding: 0 42px; } .product-card-info__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-left: auto; } .product-card-info__share-button, .product-card-info__favorites { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-card-info__share-button svg path, .product-card-info__share-list a svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .product-card-info__share-button:hover svg path, .product-card-info__share-button:focus svg path, .product-card-info__share-list a:hover svg path, .product-card-info__share-list a:focus svg path { fill: #F15822; } .product-card-info__share-button:active svg path, .product-card-info__share-list a:active svg path { fill: #F15B24; } .product-card-info__share-list { position: absolute; bottom: -37px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4px; background-color: #FFF; -webkit-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); opacity: 0; visibility: hidden; -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, z-index .3s ease-in-out; -o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, z-index .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out, z-index .3s ease-in-out; } .product-card-info__share-list.active { z-index: 5; opacity: 1; visibility: visible; } .product-card-info__share-list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: baseline; -ms-flex-pack: baseline; justify-content: baseline; width: 24px; height: 24px; } .product-card-info__share-list li:not(:last-child) { margin-right: 4px; } .product-card-info__share { margin-right: 30px; } .product-card-info__favorites:hover svg path { -webkit-transition: fill .3s ease-in-out, stroke .3s ease-in-out; -o-transition: fill .3s ease-in-out, stroke .3s ease-in-out; transition: fill .3s ease-in-out, stroke .3s ease-in-out; } .product-card-info__favorites:hover svg path, .product-card-info__favorites:focus svg path { stroke: #F15822; } .product-card-info__favorites:active svg path, .product-card-info__favorites.active svg path { fill: #F15B24; stroke: #F15B24; } .product-card-info__title { font-family: "ALSKraft", sans-serif; font-weight: 400; font-size: 25px; line-height: 30px; text-transform: uppercase; color: #000; margin-bottom: 16px; } .product-card-info__code { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } .product-card-info__code li:not(:last-child) { margin-right: 20px; } .product-card-info__code li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-card-info__code li span { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 11px; line-height: 20px; font-weight: 500; color: #898989; font-family: "Fact"; } .product-card-info__code li span.name { color: #000; margin-right: 5px; } .product-card-info__choice { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 16px 1fr; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 16px; } .product-card-info__choice .goodControl .goodControl__title { font-size: 11px; line-height: 20px; font-weight: 500; color: #000; margin-bottom: 10px; } .product-card-info__choice .goodControl.goodControl--size .selectric-wrapper { max-width: none; min-width: auto; } .product-card-info__choice .selectric { border: none; -webkit-box-shadow: 0px 0px 10px rgb(51 51 51 / 16%); box-shadow: 0px 0px 10px rgb(51 51 51 / 16%); } .product-card-info__choice .selectric .label { margin: 0; padding: 5px 40px 5px 16px; height: auto; font-size: 11px; line-height: 20px; } .product-card-info__choice .selectric .button { position: absolute; right: 16px; top: 5px; z-index: 1; width: 20px; height: 20px; margin: 0; border: none; will-change: transform; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .product-card-info__choice .selectric-items { border: none; top: 30px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px rgb(51 51 51 / 16%); box-shadow: 0px 0px 10px rgb(51 51 51 / 16%); overflow: auto; } .product-card-info__choice .selectric-items ul { padding: 5px 16px; } .product-card-info__choice .selectric-items li:not(:last-child) { border-bottom: 1px solid #EAEAEA; padding-bottom: 5px; margin-bottom: 5px; } .selectric-items li:first-child { margin: 0; } .product-card-info__choice .selectric-items li { font-size: 11px; line-height: 22px; font-family: "Fact"; font-weight: 400; color: #000; padding: 0 20px 0 0; margin: 0; position: relative; } .product-card-info__choice .selectric-open .button { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .product-card-info__choice .selectric-items li::before { content: url(/local/templates/.default/css/../img/choice-check.svg); position: absolute; top: 0; right: 0; width: 20px; height: 100%; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .product-card-info__choice .selectric-items li:hover::before, .product-card-info__choice .selectric-items li:focus::before { opacity: 1; } .product-card-info__choice .selectric .button svg { width: auto; height: auto; } .product-card-info__subtitle { position: relative; padding-bottom: 13px; font-weight: 700; font-size: 16px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; color: #F15822; margin-bottom: 20px; } .product-card-info__subtitle::before { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background-color: #F15822; } .product-card-info__text { max-height: 100px; overflow: hidden; } .product-card-info__text.hide { max-height: none; } .product-card-info__text p { font-size: 13px; line-height: 20px; font-weight: 400; font-family: "Fact"; color: #000; } .product-card-info__text p:not(:last-child) { margin-bottom: 30px; } .product-card-info__show, .product-card-characteristics__show { margin-top: 10px; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-family: "Fact"; font-weight: 500; font-size: 11px; line-height: 20px; color: #000; border-bottom: 1px solid #000; -webkit-transition: color .3s ease-in-out, border-color .3s ease-in-out; -o-transition: color .3s ease-in-out, border-color .3s ease-in-out; transition: color .3s ease-in-out, border-color .3s ease-in-out; } .product-card-info__show:hover, .product-card-info__show:focus, .product-card-characteristics__show:hover, .product-card-characteristics__show:focus { color: #F15822; border-color: #F15822; } .product-card-price { padding: 30px; background-color: #FFF; -webkit-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); } .product-card-characteristics__price { margin-bottom: 16px; margin-top: 5px; } .product-card-price__info { padding-bottom: 16px; border-bottom: 1px solid #EAEAEA; min-height: 85px; } .product-card-price__info+.product-card-price__container { border-top: 0; } .product-card-price__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; line-height: 18px; font-weight: 500; } .product-card-price__wrap:not(:first-child) { margin-top: 10px; } .product-card-price__wrap p { margin: 0; font-size: 14px; line-height: 18px; font-weight: 500; } .product-card-price__wrap span { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: 20px; white-space: nowrap; font-size: 14px; line-height: 18px; font-weight: 500; } .product-card-price__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; margin-top: 16px; border-top: 1px solid #EAEAEA; } .product-card-price__title { font-size: 11px; line-height: 16px; font-weight: 500; margin-bottom: 10px; color: #000; text-transform: none; } .product-card-price__price { display: block; font-family: "ALSKraft", sans-serif; line-height: 1; margin-bottom: 16px; } .product-card-price__new .product-card-price__price { font-size: 40px; color: #FBAD18; } .product-card-price__old .product-card-price__price { font-size: 24px; } .product-card-price__price-sale { -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .product-card-price__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } .product-card-price__counter { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #F3F3F3; padding: 1px; gap: 1px; width: 40.625%; } .product-card-price__clicker { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; width: 29.69%; } .product-card-price__clicker svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .product-card-price__clicker:hover svg path, .product-card-price__clicker:focus svg path { fill: #F15822; } .product-card-price__input { font-size: 11px; line-height: 16px; font-weight: 500; text-align: center; font-family: "Fact"; padding: 11px 5px; display: block; width: 39.08%; } .product-card-price__button { display: block; padding: 7px; font-weight: 600; font-size: 16px; line-height: 24px; color: #fff; font-family: Myriad Pro, Arial, sans-serif; background-color: #F15822; border: 1px solid #F15822; -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out; transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out; width: 53.134%; } .product-card-price__button:hover, .product-card-price__button:focus, .product-card-price__button:active { background-color: transparent; } .product-card-price__button:hover, .product-card-price__button:focus { color: #F15822; border-color: #F15822; } .product-card-price__button:active { color: #F15B24; border-color: #F15B24; } .product-card-characteristics__list { max-height: 190px; overflow: hidden; } .product-card-characteristics__list.hide { max-height: none; } .product-card-characteristics__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #898989; padding-bottom: 10px; border-bottom: 1px solid #EAEAEA; } .product-card-characteristics__item:not(:last-child) { margin-bottom: 9px; } .product-card-characteristics__item p { margin: 0; font-size: 11px; line-height: 20px; font-weight: 500; } .product-card-characteristics__item span { display: block; margin-left: 30px; color: #000; font-size: 11px; line-height: 20px; font-weight: 500; } .product-card-characteristics__show { text-align: center; margin: 10px auto 0; } .product-card__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 69.8%; } .product-card__gallery .slider-count { display: none; } .choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list { max-height: none !important; overflow: hidden; will-change: auto !important; padding: 5px 16px; background-color: #fff; } .choices .choices__list--dropdown, .choices .choices__list[aria-expanded] { max-height: 123px !important; overflow: auto !important; } .magnifier { z-index: 0 !important; } .about-company__images { margin-bottom: 50px; } .about-company__image { display: block; cursor: pointer; } .about-company__image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .about-company__images-item { margin: 0 20px; } .about-company__images .slick-list { margin: 0 -20px; } .about-company__images .slick-dots { position: static; margin-top: 30px; } .about-company__images .slick-dots li { width: 10px; height: 10px; border: none; background-color: #fff; opacity: 0.3; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .about-company__images .slick-dots li:hover, .about-company__images .slick-dots li.slick-active { opacity: 1; background-color: #fff; } .about-company__images .slick-arrow { width: 54px; height: 54px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; top: calc(50% - 20px); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .about-company__images .slick-arrow.slick-next { right: 10px; } .about-company__images .slick-arrow.slick-prev { left: 10px; } .about-company__images .slick-arrow:hover, .about-company__images .slick-arrow:focus { background-color: #FBAD18; } .product-card__wrapper { padding-top: 6px; padding-bottom: 55px; } .product-slider { padding: 55px 0; } .product-slider .slick-list { margin: 0 -10px; } .product-slider .slick-slide { opacity: 0; transition: opacity 0.3s; } .product-slider .slick-slide.slick-active { opacity: 1; } .product-slider .goodsGrid .grid .grid__item { height: auto; margin: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-slider__button.slick-arrow { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background-color: #FFF; -webkit-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; } .product-slider__button.slick-arrow.slick-prev { top: -45px; right: 60px; left: auto; } .product-slider__button.slick-arrow.slick-next { right: 0; top: -45px; } .product-slider .card--good .card__slider, .product-slider .card--good .card__title, .product-slider .card--good .card__code, .product-slider .card--good .card__wrap, .product-slider .goodsGrid .grid .grid__item:hover .card__hover { padding: 0 20px; } .product-slider .card--good .card__slider { margin-bottom: 44px; } .product-slider .card--good .card__code { margin-bottom: 17px; } .product-slider .price { font-size: 18px; line-height: 20px; margin-bottom: 10px; } .product-slider .stock__counter { font-size: 11px; line-height: 20px; } .product-slider .card--good .card__stock div:not(:last-child) { margin-bottom: 5px; } .product-slider .card--good .card__bottom { display: block; width: 100%; } .product-slider .new-product__button { width: calc(100% - 46px); height: 40px; } .product-slider .card--good .card__stock { min-height: auto; margin-top: auto; margin-bottom: 10px; } .product-slider .card--good .card__bottom { margin-top: auto; } .product-slider .card--good .card__hover .card__code { padding: 0; } .product-slider .card--good .card__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-slider .slick-list { overflow: visible; z-index: 10; padding: 0; } .product-slider .goodsGrid .grid .grid__item:hover { height: 100%; } .product-slider .card--good .card__wrap { margin-top: 0; height: 100%; } .product-slider .card--good .card__hover .card__code { margin-bottom: 16px; } .product-slider .card--good .card__hover .card__info table { max-width: none; font-weight: 500; font-size: 11px; line-height: 20px; } .product-slider .card--good .card__hover .card__bottom { margin-top: 25px; } .product-slider .card__hover .card__buttons { margin-top: 22px; } .product-slider .card--good .btn--addFavorite { top: 18px; right: 18px; } @media (max-height: 800px) { .headerSticky .my-menu { min-height: 400px; max-height: 400px; } .headerSticky .my-panel { overflow: auto; } } .popup-region { position: absolute; z-index: -1; opacity: 0; visibility: hidden; top: 0; left: 0; margin-top: 60px; padding: 50px 16px 16px; width: 282px; background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); -webkit-transition: z-index .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out; -o-transition: z-index .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out; transition: z-index .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out; } .popup-region.active { z-index: 999; opacity: 1; visibility: visible; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #fff; opacity: 0; visibility: visible; } .overlay.active { opacity: 0.9; visibility: visible; z-index: 998; } .popup-region__question { font-family: "ALSKraft", sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; font-weight: 400; color: #000000; margin: 0; text-align: center; margin-bottom: 10px; text-transform: uppercase; } .popup-region__buttons button { width: 117px; margin: 0; min-width: inherit; font-family: "Fact", sans-serif; } .popup-region__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; } .popup-region__yes { min-width: 74px; background-color: #F15822; border: 2px solid #F15822; color: white; margin: 0; margin-right: 14px; padding: 9px 0 7px 0; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Fact, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 20px; } .popup-region__yes:hover { background-color: #AF4426; border: 2px solid #AF4426; } .popup-region__other { margin: 0; padding: 9px 0 7px 0; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Fact, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 20px; border: 2px solid #000000; background-color: white; color: black; min-width: 132px; } .popup-region__info { margin: 0; font-family: Myriad Pro, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; text-align: center; color: #4F4F4F; } .popup-location { position: fixed; z-index: -1; opacity: 0; visibility: hidden; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: 120px; width: 660px; background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); padding: 36px 34px 30px 34px; -webkit-transition: z-index .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out; -o-transition: z-index .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out; transition: z-index .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out; } .popup-location.active { z-index: 999; opacity: 1; visibility: visible; } .popup-location__close { position: absolute; top: 0; right: 0; padding: 20px; } .popup-location__close svg { width: 22px; height: 22px; } .popup-location__geo { position: relative; margin-bottom: 3px; } .popup-location__input { border: 3px solid #F3F3F3; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 21px 30px 19px 75px; position: relative; font-family: Fact, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 13px; line-height: 20px; color: #000000; } .popup-location__icon { position: absolute; top: 20px; left: 31px; } .popup-location__title { margin: 0; text-align: center; font-family: Kraft, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; text-transform: uppercase; margin-bottom: 24px; } .popup-location__list { list-style-type: none; padding: 0 0 0 84px; font-family: Myriad Pro, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #4F4F4F; margin: 24px 0 0 0; -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; } .popup-location__item:not(:last-child) { margin-bottom: 19px; } .popup-location__item { cursor: pointer; } .popup-location__item:hover { color: #F15822; } .basket .basketBody { width: calc(100% - 400px); max-width: 1098px; margin-top: 30px; } .details-basket { width: 382px; padding: 30px; background-color: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4); position: relative; z-index: 3; } .details-basket__info { margin-top: 16px; } .details-basket__info li+li { margin-top: 10px; } .details-basket__info li { font-weight: 500; font-size: 15px; line-height: 20px; color: #000; display: flex; justify-content: space-between; align-items: center; } .details-basket__title { font-weight: 500; font-size: 27px; line-height: 40px; color: #000; } .details-basket__text p { font-weight: 500; font-size: 13px; line-height: 20px; } .details-basket__text>*+* { margin-top: 10px; } .details-basket__text { font-weight: 500; font-size: 13px; line-height: 20px; color: #4F4F4F; margin-top: 32px; } .basket { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-bottom: 80px; } .details-total { font-weight: 400; font-size: 15px; line-height: 20px; display: flex; align-items: center; justify-content: space-between; color: #000; margin-top: 16px; padding-top: 16px; border-top: 1px solid #EAEAEA; } .details-total__title {} .details-total__price { font-weight: 400; font-size: 24px; line-height: 24px; font-family: "ALSKraft", sans-serif; color: #000; } .details-total__controls { margin-top: 15px; } .details-total__controls .btn+.btn { margin-top: 16px; } .details-total__controls .btn { line-height: 40px; font-size: 16px; } .details-total__controls>* { width: 100%; text-align: center; } .details-total__controls .link:hover { color: #f15822; } .details-total__controls .form__rules { margin-top: 10px; } .details-total__controls .link { color: #000; text-decoration: underline; } .details-sale .btn { width: 100%; background-color: #FBAD18; font-size: 16px; line-height: 40px; padding: 0; margin-top: 16px; } .details-sale { margin-top: 16px; border-bottom: 1px solid #EAEAEA; padding-bottom: 16px; } .details-sale__title { font-weight: 400; font-size: 15px; line-height: 20px; color: #000; display: flex; align-items: center; gap: 15px; justify-content: center; } .details-sale__applied { font-weight: 400; font-size: 13px; line-height: 20px; color: #000; display: flex; align-items: center; gap: 15px; justify-content: center; width: 100%; } .details-sale__text { font-weight: 400; font-size: 13px; line-height: 20px; color: #fff; background-color: #677087; text-align: center; padding: 10px; margin-top: 16px; width: 100%; } .basketOrder .radioButton__body>span { font-size: 11px; } .product-information__mobile { display: none; } .price-mobile { display: none; } .card--basketTable .card__top .badge { display: none; } .order { max-width: 1098px; width: 100%; } .orderBody { margin-left: auto; margin-right: auto; } .formRow__inner { margin: 0; max-width: 1098px; width: 70%; } .order-new { position: relative; } .order-new .details-basket { position: absolute; right: 0; top: -149px; } .order-new .details-total { border-bottom: 1px solid #EAEAEA; padding-bottom: 16px; } .js-offerprice-right .price { color: #000; } .input.js-calendar { cursor: pointer; } .card.card--offer .card__photo { width: 50%; height: auto; } .searchBar-dropdown__wrapper { pointer-events: none; } .card.card--saleCard .card__photo { width: auto; height: auto; } .close-region { position: absolute; right: 8px; top: 8px; } .tags-section { padding-top: 40px; } .tags-products { margin-bottom: 40px; } .tags-products li { display: inline-block; margin: 5px; } .tags-products li+li {} .tags-products ul { margin: -5px; } .tags-products a { color: #898989; text-align: center; font-size: 11px; font-weight: 400; line-height: 16px; padding: 0 16px; height: 38px; white-space: nowrap; border: 1px solid #898989; display: flex; align-items: center; justify-content: center; } .tags-products .tags-products__more:hover { text-decoration-color: transparent; } .tags-products .tags-products__more { border: 0; padding: 0; text-decoration: underline; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .video-block { padding-bottom: 55px; } .video-block .video { width: 100%; height: 500px; } .js-wishlist .card--basketTable .card__bottom { padding-left: 0; } .js-wishlist .new-product__button { margin-top: 0; } .js-wishlist .card__status { position: relative; left: 0; /* top: calc(50% + 15px); */ width: 100%; text-align: center; margin: 0; } .js-wishlist .basket .basketBody { width: 100%; max-width: 100%; } .card__total--mobile { display: none; } .modal-piter .js-modal-content a:hover { text-decoration-color: #f15822; } .modal-piter .js-modal-content a { color: #f15822; text-decoration: underline; text-decoration-color: transparent; transition: text-decoration 0.3s; font-weight: bold; position: relative; z-index: 5; cursor: pointer; text-decoration-skip-ink: none; } .modal-piter .js-modal-content p+p { margin-top: 20px; } .modal-piter {} .delivery-table { font-size: 13px; line-height: 20px; font-weight: 400; text-align: center; margin-top: 50px; } .delivery-table table { border-left: 0; border-top: 0; } .delivery-table thead td { padding: 30px 15px; } .delivery-table thead { background-color: #677087; color: #fff; } .delivery-table th {} .delivery-table tr td:not(:first-child):last-child:before { display: none; } .delivery-table td::before { content: ""; position: absolute; right: 0; top: 50%; width: 0.5px; height: 50%; background-color: #000; transform: translateY(-50%); opacity: 0.33; } .delivery-table td::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0.5px; background-color: #000; opacity: 0.33; } .delivery-table thead td::after { display: none; } .delivery-table thead td::before { background-color: #fff; } .delivery-table tbody tr:nth-child(1) td:after, .delivery-table tbody tr:nth-child(2) td:after { display: none; } .delivery-table td { vertical-align: middle; padding: 20px 15px; position: relative; } .delivery-table tbody { background-color: #F9F9F9; color: #000; } .shipping-payment__table th .title { min-height: 53px; display: flex; align-items: center; justify-content: center; } .shipping-payment__table th .desc { font-size: 12px; line-height: 18px; min-height: 55px; display: flex; align-items: center; justify-content: center; } .shipping-payment-table--new tr th { padding-left: 30px; padding-right: 30px; } .shipping-payment-table--new thead tr:first-child th:first-child { width: calc(100% / 4); } .shipping-payment-table--new thead tr:first-child th:nth-child(2) { width: calc(100% / 4); } .shipping-payment-table--new thead tr:first-child th:nth-child(3) { width: calc(100% / 4); } .shipping-payment-table--new thead tr:first-child th:nth-child(4) { width: calc(100% / 4); } .shipping-payment-table--new tbody td:last-child:after { display: none; } .shipping-payment-table--new thead tr:first-child th:nth-child(3)::before { display: none; } .shipping-payment-terms--duo .shipping-payment-terms__list { margin-top: 30px; } .shipping-payment-terms--duo .item { width: 50%; display: flex; padding: 0 30px; } .shipping-payment-terms--duo {} .shipping-payment-terms--duo ul li::before { content: ""; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background-color: #000; border-radius: 50%; } .shipping-payment-terms--duo ul li+li { margin-top: 10px; } .shipping-payment-terms--duo ul li { position: relative; padding: 0 0 0 20px; font-size: 13px; line-height: 16px; } .shipping-payment-terms--duo ul { padding-left: 20px; } .shipping-payment-terms--duo .shipping-payment-terms__icon { width: 80px; height: auto; margin: 0; min-width: 80px; } .slider-cards { overflow: visible; } .slider-cards .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #FBAD18; } .slider-cards .swiper-pagination-bullet { background-color: #413e3e; width: 10px; height: 10px; } .slider-cards .swiper-pagination { margin-top: 40px; position: relative; } .slider-cards .swiper-slide { transition: opacity .3s; } .slider-cards .swiper-slide-visible { opacity: 1; } .filterCategorySubMenu__item a.active { color: #F15822 !important; } .card__badge.card__badge--red { /* color: #FBAD18; */ color: #fff; } .product-card-price__button.btn-border-full:hover, .new-product__button.btn-border-full:hover, .btn-border-full:hover { background-color: #F15822; color: #fff; } .product-card-price__button.btn-border-full, .new-product__button.btn-border-full, .btn-border-full { border: solid 2px #F15822; background-color: transparent; color: #F15822; transition: all 0.3s; } .contacts-location { display: flex; justify-content: space-between; gap: 0 32px; ; } .contacts-location__left { display: flex; flex-direction: column; } .contacts-location__left .map { width: 100%; height: 471px; } .contacts-location__left .shema {} .contacts-location__left .site-media {} .contacts-location__right { width: 100%; max-width: 565px; display: flex; flex-direction: column; gap: 16px; } .contacts-location__block { background-color: #F9F9F9; width: 100%; padding: 16px 32px; display: grid; grid-template-columns: 167px 1fr; gap: 16px 0; } .contacts-location__block .col strong { width: 100%; } .contacts-location__block .col { padding-bottom: 16px; display: flex; flex-wrap: wrap; gap: 5px 32px; position: relative; padding-right: 32px; } .contacts-location__block .row p { font-size: 13px; line-height: 16px; } .contacts-location__block .row a { white-space: pre; } .contacts-location__block .row { display: flex; flex-direction: column; gap: 10px; padding: 16px; border: solid 1px #F15822; grid-column: 1/3; font-size: 13px; line-height: 16px; } .contacts-location__block .col--adress+.col+.col, .contacts-location__block .col--adress+.col { border-bottom: solid 1px #898989; } .contacts-location__block .col--adress { grid-column: 1/3; border-bottom: solid 1px #898989; } .contacts-location__block--info { display: flex; } .contacts-location__info strong { width: 100%; grid-column: 1/3; } .contacts-location__info p { font-size: 13px; line-height: 22px; } .contacts-location__info { display: grid; grid-template-columns: 135px 1fr; gap: 16px 32px; } .contacts-tabs { margin-top: 80px; } .contacts-tabs .listLinks { display: flex; align-items: center; gap: 64px; flex-wrap: wrap; padding-bottom: 10px; } .contacts-tabs .listLinks li {} .contacts-tabs .listLinks li.active {} .contacts-tabs .listLinks li.active a { color: #000; text-decoration-color: #000; } .contacts-tabs .listLinks a { font-family: 'ALSKraft'; font-size: 40px; font-weight: 400; line-height: 40px; letter-spacing: 0.800000011920929px; text-transform: uppercase; color: #898989; text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 5px; text-underline-offset: 11px; text-decoration-color: transparent; } .contacts-tabs .tabs-body { margin-top: 32px; } .contacts-tabs .title { font-size: 24px; font-weight: 500; line-height: 18px; display: block; } .contacts-tabs__info strong { display: block; margin-bottom: 5px; } .contacts-tabs__info li { width: calc(100% / 3); } .contacts-tabs__info { margin-top: 32px; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #F9F9F9; min-height: 116px; padding: 32px; } .contacts-tabs__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 32px; } .contacts-tabs__item { display: flex; min-height: 255px; padding: 10px; background-color: #F9F9F9; } .contacts-tabs .site-media picture img, .contacts-tabs .site-media picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .contacts-tabs .site-media { width: 156px; min-width: 156px; height: 100%; position: relative; } .contacts-tabs__content { padding: 0px 15px; display: flex; flex-direction: column; flex: 1; } .contacts-tabs__name { font-size: 20px; font-weight: 500; line-height: 24px; display: block; margin-bottom: 10px; } .contacts-tabs__dol { font-size: 13px; font-weight: 500; line-height: 16px; color: #898989; } .contacts-tabs__city { font-size: 13px; font-weight: 500; line-height: 16px; color: #898989; } .contacts-tabs__dol>div span { font-size: 13px !important; line-height: 16px !important; } .contacts-tabs .phones::before { content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.61739 12.03C9.18466 12.3965 9.86064 12.5563 10.5317 12.4823C11.2027 12.4084 11.8278 12.1054 12.302 11.6241L12.7165 11.2182C12.8982 11.032 13 10.782 13 10.5216C13 10.2613 12.8982 10.0112 12.7165 9.82508L10.9571 8.08143C10.7728 7.9 10.5247 7.79834 10.2663 7.79834C10.0078 7.79834 9.75972 7.9 9.57539 8.08143V8.08143C9.38951 8.26344 9.13988 8.36535 8.87992 8.36535C8.61997 8.36535 8.37034 8.26344 8.18445 8.08143L5.421 5.31373C5.32881 5.22274 5.25561 5.1143 5.20564 4.99473C5.15567 4.87515 5.12994 4.74681 5.12994 4.61719C5.12994 4.48756 5.15567 4.35923 5.20564 4.23965C5.25561 4.12007 5.32881 4.01163 5.421 3.92065V3.92065C5.60215 3.73604 5.70365 3.48756 5.70365 3.22872C5.70365 2.96989 5.60215 2.7214 5.421 2.5368L3.67081 0.783917C3.48493 0.601909 3.2353 0.5 2.97534 0.5C2.71539 0.5 2.46576 0.601909 2.27987 0.783917L1.87457 1.19907C1.39404 1.67396 1.09144 2.30007 1.01762 2.97213C0.94381 3.64418 1.10329 4.3212 1.46926 4.88934C3.37608 7.70385 5.8023 10.1275 8.61739 12.03V12.03Z' stroke='%2393969E' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; width: 12px; height: 12px; background-size: contain; position: absolute; top: 3px; left: 0; } .contacts-tabs .phones { margin: 34px 0 15px; display: flex; flex-direction: column; position: relative; padding-left: 22px; } .contacts-tabs .phone { font-size: 13px; font-weight: 500; line-height: 18px; } .contacts-tabs .link:hover { color: #f15822; } .contacts-tabs .link::before { content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.0769 0.5H1.92308C1.41328 0.5 1 0.883756 1 1.35714V8.64286C1 9.11624 1.41328 9.5 1.92308 9.5H12.0769C12.5867 9.5 13 9.11624 13 8.64286V1.35714C13 0.883756 12.5867 0.5 12.0769 0.5Z' stroke='%2393969E' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M1 1.57147L6.40923 5.85719C6.5751 5.98547 6.78413 6.05572 7 6.05572C7.21587 6.05572 7.4249 5.98547 7.59077 5.85719L13 1.57147' stroke='%2393969E' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; width: 12px; height: 12px; background-size: contain; position: absolute; top: 4px; left: 0; } .contacts-tabs .link { position: relative; font-size: 13px; font-weight: 500; line-height: 18px; color: #898989; padding-left: 22px; } .contacts-tabs__text { font-weight: 500; font-size: 13px; line-height: 16px; margin-top: auto; } .opt-info { display: flex; justify-content: space-between; flex-wrap: wrap; background-color: #F9F9F9; padding: 40px 32px; margin-top: 32px; } .opt-info .contacts-tabs__info { flex-direction: column; width: 30%; padding: 0; margin-top: 0; } .opt-info .contacts-tabs__info li { width: 100%; } .contacts-tabs .row { display: flex; flex-direction: column; gap: 10px; padding: 16px; border: solid 1px #F15822; font-size: 13px; line-height: 16px; width: 100%; max-width: 100%; margin-top: 30px; } .contacts-tabs .row p { font-size: 13px; line-height: 16px; } .contacts-tabs .row a { white-space: pre; } .slider-wrapper { margin-top: 32px; } .slider-wrapper .title {} .slider-media { margin-top: 32px; } .slider-media .swiper-slide { height: auto; padding-top: calc(125 / 534* 100%); } .slider-media .site-media a { position: absolute; top: 0; width: 100%; height: 100%; } .slider-media .site-media picture img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .slider-media .site-media picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .slider-media .site-media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .slider-wrapper .swiper-pagination-bullet-active { background-color: #898989; } .slider-wrapper .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50%; margin: 0 !important; } .slider-wrapper .swiper-pagination { margin-top: 30px; position: relative; width: 100%; display: flex; justify-content: center; gap: 10px; } .slider-wrapper .swiperBtnPrev { position: absolute; left: 16px; top: 50%; width: 60px; height: 60px; background-color: #fff; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 1L1 7L7 13' stroke='black' stroke-width='2' stroke-linejoin='round'/%3e%3c/svg%3e "); margin-top: -50px; z-index: 3; } .slider-wrapper .swiperBtnNext { position: absolute; right: 16px; top: 50%; width: 60px; height: 60px; background-color: #fff; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 13L7 7L1 1' stroke='black' stroke-width='2' stroke-linejoin='round'/%3e%3c/svg%3e "); margin-top: -50px; z-index: 3; } .slider-wrapper .swiperBtnNext:hover, .slider-wrapper .swiperBtnPrev:hover { background-color: #f15822; } .section--register { padding: 0; margin: 0; background: transparent; } .section--register .selectric { width: 100%; } .section--register .selectric-items li { margin: 0; padding: 8px 16px; } .section--register .selectric-items { top: 100%; } .section--register .selectric-items li.selected { color: #F15822; } .section--register .selectric-scroll .disabled { display: none !important; } .section--register .selectric .label { padding: 0 16px; margin: 0 !important; } .section--register .selectric-wrapper.selectric-open .button { transform: scale(1, 1); } .section--register .selectric-wrapper .button { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 7L7 0.999999L1 7' stroke='black' stroke-width='2' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; background-size: 10px; transform: scale(-1, -1); } .section--register .selectric-wrapper .selectric .label { color: #898989 !important; } .section--register .selectric-wrapper .selectric { background-color: #F0F0F0 !important; border: solid 3px #F0F0F0 !important; } .section--register .selectric-wrapper { width: 100%; max-width: 100% !important; } .section--register .input { padding: 0 16px; } .section--register .input.input--phone { max-width: 100%; } .section--register .selectric-wrapper.selectric-below .selectric { background-color: #fff !important; border: solid 3px #f3f3f3 !important; } .form__controls .btn:hover { background-color: transparent; color: #333; } .form__controls .btn { border: solid 1px #F15822; background-color: #F15822; color: #fff; flex: 1; display: block; width: 100%; text-align: center; padding: 16px 11px; } .form__controls .form__captcha { margin: 0; } .form__controls { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: flex-end; } .form__files { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 32px; padding: 32px 0; } .form__field--file { margin: 0 !important; } .form__field--file input { display: none; } .form__field--file .fileInfo { display: flex; margin-top: 8px; } .fileInfo::before {} .fileInfo { display: none; align-items: center; justify-content: center; border: 3px dashed #F3F3F3; min-height: 56px; width: 100%; gap: 8px; padding: 18px 16px; position: relative; background-color: #fff; } .fileInfo__icon { display: none; position: relative; top: 0; left: 0; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1.26953V5.40007C11 5.96012 11 6.24015 11.109 6.45406C11.2049 6.64222 11.3578 6.7952 11.546 6.89108C11.7599 7.00007 12.0399 7.00007 12.6 7.00007H16.7305M11 16H5M13 12H5M17 8.98822V16.2C17 17.8802 17 18.7202 16.673 19.362C16.3854 19.9265 15.9265 20.3854 15.362 20.673C14.7202 21 13.8802 21 12.2 21H5.8C4.11984 21 3.27976 21 2.63803 20.673C2.07354 20.3854 1.6146 19.9265 1.32698 19.362C1 18.7202 1 17.8802 1 16.2V5.8C1 4.11984 1 3.27976 1.32698 2.63803C1.6146 2.07354 2.07354 1.6146 2.63803 1.32698C3.27976 1 4.11984 1 5.8 1H9.01178C9.74555 1 10.1124 1 10.4577 1.08289C10.7638 1.15638 11.0564 1.27759 11.3249 1.44208C11.6276 1.6276 11.887 1.88703 12.4059 2.40589L15.5941 5.59411C16.113 6.11297 16.3724 6.3724 16.5579 6.67515C16.7224 6.94356 16.8436 7.2362 16.9171 7.5423C17 7.88757 17 8.25445 17 8.98822Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3e%3c/svg%3e "); } .fileInfo__name { display: none; position: relative; white-space: nowrap; margin-right: auto; overflow: hidden; max-width: 144px; text-overflow: ellipsis; } .fileInfo__text:hover { text-decoration-color: transparent; } .fileInfo__text { cursor: pointer; white-space: nowrap; font-size: 15px; font-weight: 400; line-height: 20px; text-decoration: underline; transition: all .3s; text-decoration-skip-ink: none; color: #898989; } .active .fileInfo__icon, .active .fileInfo__name { display: block; } .card--good .card__slider .swiper-slide picture { width: 100%; height: 100%; } .card--good .card__slider .swiper-slide picture img { height: 100%; object-fit: contain; } .contacts-get { background-color: rgba(249, 249, 249, 1); padding: 34px 32px; } .contacts-get__row {} .contacts-get__row+.contacts-get__row { margin-top: 16px; padding-top: 16px; border-top: solid 1px rgba(137, 137, 137, 1); } .contacts-get__head.active::before { transform: rotate(180deg); } .contacts-get__head::before { content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 2L8 8L14 2' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; position: absolute; right: 0; top: 1px; width: 16px; height: 16px; transition: transform 0.3s; } .contacts-get__head strong { text-transform: uppercase; } .contacts-get__head { cursor: pointer; font-size: 15px; font-weight: 500; line-height: 20px; position: relative; } .contacts-get__body p { font-size: 13px; font-weight: 400; line-height: 16px; } .contacts-get__body p+strong { margin-top: 16px; } .contacts-get__body strong { display: block; font-size: 13px; line-height: 16px; font-weight: 500; } .contacts-get__body { display: none; font-size: 13px; font-weight: 400; line-height: 16px; padding: 16px; } .prices-block { display: flex; flex-wrap: wrap; gap: 16px 27px; } .prices-block__col:hover::before { transform: scale(1.1); } .prices-block__col { cursor: pointer; display: flex; flex-direction: column; gap: 8px; position: relative; padding-left: 20px; } .prices-block__col::before { content: ""; position: absolute; width: 12px; height: 12px; top: 2px; left: 0; background-color: #fff; outline: solid 1px rgba(19, 19, 19, 1); transition: all .3s; } .prices-block__col.active::before { background-color: rgba(241, 88, 34, 1); outline-color: rgba(241, 88, 34, 1); } .prices-block__col.disabled::before { background-color: #808080 !important; outline-color: #808080 !important; } .prices-block__col.disabled { pointer-events: none !important; opacity: .33 !important; } .prices-block__col .data { font-weight: 700; } .prices-block__title input { display: none; } .prices-block__title { font-weight: 500; font-size: 11px; line-height: 16px; } .prices-block__col.prices-block__col--sale { flex: 1; padding-left: 20px; } .prices-block__col.prices-block__col--priceList::before { display: none; } .prices-block__col.prices-block__col--priceList { flex: 1; cursor: initial; } .prices-block__col.prices-block__col--box { width: 100%; padding-left: 20px; } .product-card-price__container .prices-block { padding: 20px 0; } .product-card-price__container .prices-block__col .price { font-size: 40px; line-height: 40px; } .product-card-price__container .prices-block__col .data { font-size: 24px; line-height: 24px; font-family: "ALSKraft", sans-serif; white-space: nowrap; } .product-card-price__container .prices-block__col .data { font-size: 24px; line-height: 24px; font-family: "ALSKraft", sans-serif; white-space: nowrap; } .basket .text-desc { font-weight: 500; font-size: 10px; line-height: 15px; display: block; text-align: center; margin-top: 8px; } .grid--alternative .card__wrap>.card__stock, .grid--alternative .prices-block--top { display: none; } .notification__subtitle p { font-size: 12px; margin-top: 10px; display: block; } .notification__subtitle .cart-del-item-js:hover {} .notification__subtitle .cart-del-item-js { width: 100px; height: 30px; background-color: #F15822; border: 2px solid #F15822; -webkit-box-sizing: border-box; box-sizing: border-box; color: #FFFFFF; font-family: Myriad Pro, Arial, sans-serif; font-size: 13px; line-height: 25px; font-weight: 600; margin-top: auto; white-space: nowrap; position: relative; display: block; text-align: center; margin-top: 10px; cursor: pointer; } .catalog-table .prices-block .price { font-size: 11px; line-height: 13px; } .catalog-table .prices-block .prices-block__col { gap: 5px !important; } .catalog-table .prices-block { text-align: left; gap: 5px; width: 190px; padding: 8px 0; white-space: normal; } .prices-block__priceList { padding-left: 20px; } .marker { font-size: 10px; line-height: 14px; padding: 3.5px 10px; font-family: "ALSKraft", sans-serif; letter-spacing: 0em; font-weight: 400; color: #fff; } .marker--new { background-color: #92A334 !important; } .marker--sale, .marker--action { background-color: #F15822 !important; } .marker--bestseller { background-color: #FBAD18 !important; color: #000 !important; } .marker--hit { background-color: #BA62DE !important; } .marker--fixprice-v1 { background-color: #000 !important; color: #fff !important; } .marker--fixprice-v2 { background-color: #FBAD18 !important; color: #000 !important; } .marker--fixprice-v3 { background-color: #000; color: #FBAD18; } .btn-download-image__icon:after { content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='23' viewBox='0 0 26 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 7.71909C1 4.38661 2.36498 4.32079 5.96302 4.3218C6.29738 4.32189 6.61222 4.1555 6.79296 3.87421C7.28173 3.11351 7.75739 2.30728 8 1.82205C8.51791 0.786249 9.91777 1.02339 10.5 1.02339C12.5378 1.02339 15.0126 1.0309 16.4292 1.02339C18.1759 1.01413 18.467 1.59636 18.758 2.18787L19.3874 3.86645C19.5341 4.25748 19.91 4.51524 20.3276 4.51834C24.0859 4.54626 24.8101 4.92873 24.8714 7.13685C24.9684 10.6303 25.1043 17.2677 24.8714 19.3638C24.6385 21.4598 22.4454 21.9838 21.378 21.9838C16.235 22.0809 6.29833 22.2167 4.20229 21.9838C2.10624 21.7509 1.00018 19.3638 1 17.9082V7.71909Z' stroke='%23898989' stroke-width='1.5'/%3e%3ccircle cx='12.9357' cy='12.9499' r='5.36346' stroke='%23898989' stroke-width='1.5'/%3e%3c/svg%3e "); width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 24px; display: block; position: absolute; top: 0; left: 0; transition: all .3s; } .btn-download-image__icon:before { content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='23' viewBox='0 0 26 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 7.71909C1 4.38661 2.36498 4.32079 5.96302 4.3218C6.29738 4.32189 6.61222 4.1555 6.79296 3.87421C7.28173 3.11351 7.75739 2.30728 8 1.82205C8.51791 0.786249 9.91777 1.02339 10.5 1.02339C12.5378 1.02339 15.0126 1.0309 16.4292 1.02339C18.1759 1.01413 18.467 1.59636 18.758 2.18787L19.3874 3.86645C19.5341 4.25748 19.91 4.51524 20.3276 4.51834C24.0859 4.54626 24.8101 4.92873 24.8714 7.13685C24.9684 10.6303 25.1043 17.2677 24.8714 19.3638C24.6385 21.4598 22.4454 21.9838 21.378 21.9838C16.235 22.0809 6.29833 22.2167 4.20229 21.9838C2.10624 21.7509 1.00018 19.3638 1 17.9082V7.71909Z' stroke='%23F15822' stroke-width='1.5'/%3e%3ccircle cx='12.9357' cy='12.9499' r='5.36346' stroke='%23F15822' stroke-width='1.5'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; background-size: 24px; display: block; position: absolute; top: 0; left: 0; opacity: 0; transition: all .3s; } .btn-download-image__icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fancybox-container, .header, .headerSticky { z-index: 99999; } .btn-download-image { cursor: pointer; width: 30px; height: 30px; position: absolute; top: 41px; right: 8px; z-index: 9999; opacity: .5; background-color: white; } .section.section--viewed.product-slider .btn-download-image { top: 51px; right: 16px; } .btn-download-image:after { content: "Скачать изображение (PNG)"; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='188' height='39' viewBox='0 0 188 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='path-1-inside-1_17_1705' fill='white'%3e%3cpath d='M170.044 4.25488H187.121V39H0V4.25488H159.109L164.576 0L170.044 4.25488Z'/%3e%3c/mask%3e%3cpath d='M170.044 4.25488H187.121V39H0V4.25488H159.109L164.576 0L170.044 4.25488Z' fill='white'/%3e%3cpath d='M170.044 4.25488L168.816 5.83328L169.357 6.25488H170.044V4.25488ZM187.121 4.25488H189.121V2.25488H187.121V4.25488ZM187.121 39V41H189.121V39H187.121ZM0 39H-2V41H0V39ZM0 4.25488V2.25488H-2V4.25488H0ZM159.109 4.25488V6.25488H159.796L160.338 5.83318L159.109 4.25488ZM164.576 0L165.804 -1.5784L164.576 -2.5343L163.348 -1.57829L164.576 0ZM170.044 4.25488V6.25488H187.121V4.25488V2.25488H170.044V4.25488ZM187.121 4.25488H185.121V39H187.121H189.121V4.25488H187.121ZM187.121 39V37H0V39V41H187.121V39ZM0 39H2V4.25488H0H-2V39H0ZM0 4.25488V6.25488H159.109V4.25488V2.25488H0V4.25488ZM159.109 4.25488L160.338 5.83318L165.805 1.57829L164.576 0L163.348 -1.57829L157.881 2.67659L159.109 4.25488ZM164.576 0L163.348 1.5784L168.816 5.83328L170.044 4.25488L171.272 2.67648L165.804 -1.5784L164.576 0Z' fill='%23F15822' mask='url(%23path-1-inside-1_17_1705)'/%3e%3c/svg%3e "); background-position: center 1px; background-repeat: no-repeat; width: 188px; height: 44px; font-weight: 400; font-size: 11px; line-height: 16px; font-family: "Fact", sans-serif; position: absolute; right: -8px; top: 100%; display: flex; align-items: center; justify-content: center; color: #000; opacity: 0; pointer-events: none; transition: all .3s; } .btn-download-image:hover { opacity: 1; } .btn-download-image:hover:after { opacity: 1; } .btn-download-image:hover .btn-download-image__icon::before { opacity: 1; } .btn-download-image:hover .btn-download-image__icon::after { opacity: 0; } .section-action-list .btn-download-image, .product-card__gallery .btn-download-image, .product-card__slider-for .btn-download-image { top: 20px !important; right: 20px !important; } .catalog-table-wrapper.goodsGrid { overflow: initial !important; } @media (max-width: 1780px) { .product-slider .slick-list {} .product-slider__button.slick-arrow.slick-prev { right: 50px; } .product-slider__button.slick-arrow { width: 40px; height: 40px; } .product-slider__button.slick-arrow { width: 40px; height: 40px; } .product-slider__button.slick-arrow.slick-prev {} .product-slider__button.slick-arrow.slick-prev {} .product-slider__button.slick-arrow.slick-next { right: 0; } } @media (max-width: 1539px) { .contacts-tabs__text { font-weight: 500; font-size: 12px; line-height: 14px; margin-top: auto; } } @media (max-width: 1440px) { .product-card__gallery { width: 29%; } .product-card__col { width: 71%; } .product-card__info { padding: 0 20px; width: 55%; } .basketOrder__right { max-width: 350px; } .card--basketTable { padding-left: 20px; } .card--basketTable .card__left .tableGoods__column { left: 132px; } .contacts-tabs__item { min-height: 235px; } .contacts-tabs .phones { margin: 15px 0; } } @media (max-width: 1280px) { .breadcrumbs-new__list { margin: -4px -8px; padding: 40px 0; } .breadcrumbs-new__item { padding: 4px 8px; } .breadcrumbs-new__item:not(:last-child):before { top: 11px; right: -2px; } .product-card__col { display: block; } .product-card__info { width: 100%; } .product-card__gallery { width: 47%; } .product-card__col { width: 100%; padding-left: 24px; } .product-card__info { padding: 0; } .product-card-info__title { font-size: 23px; line-height: 28px; } .product-card-info__slider .slick-arrow svg { width: 22px; height: 22px; } .product-card-info__slider .slick-arrow { width: 24px; height: 24px; } .product-card-info__descr { margin-top: 23px; } .product-card-info__text { max-height: 120px; } .product-card-info__slider { margin-bottom: 26px; } .product-card-price__clicker { width: 38px; } .product-card-price__input { width: 48px; } .product-card-price__counter { width: auto; } .product-card-price__button { width: 100%; } .product-card-characteristics__price { margin-bottom: 24px; } .product-slider .goodsGrid .grid .grid__item { margin: 0 5px; } .product-slider .slick-list { margin: 0 -5px; } .product-slider .card--good .card__slider, .product-slider .card--good .card__title, .product-slider .card--good .card__code, .product-slider .card--good .card__wrap, .product-slider .goodsGrid .grid .grid__item:hover .card__hover { padding: 0 9px; } .product-card__wrapper { padding-bottom: 40px; } .product-slider { padding: 30px 0; } .basket .basketBody { width: 100%; max-width: 100%; } .card--basketTable { padding-left: 80px; } .card--basketTable .card__left .tableGoods__column { left: 30px; } .details-basket { width: 100%; max-width: 100%; margin-top: 30px; } .details-sale { flex-wrap: wrap; display: flex; } .details-sale .btn, .details-sale__title { width: 50%; margin: 0; } .details-total__controls { flex-wrap: wrap; display: flex; flex-direction: row-reverse; align-items: center; } .details-total__controls .btn { width: 50%; } .details-total__controls .btn+.btn { margin-top: 0; } .basketOrder__right { max-width: 435px; } .details-total__controls .form__rules { margin-left: auto; width: 50%; } .order-new .details-basket { position: relative; right: 0; top: auto; margin: 0; } .formRow__inner { width: 100%; } .order-new .details-total__controls { flex-direction: row; } .formAction__inner .formAction__right, .formAction__inner .formAction__left { padding: 16px; font-size: 13px; line-height: 17px; } .formAction__text+.formAction__text { margin-top: 16px; } .formAction__inner .formAction__desc { font-size: 13px; line-height: 17px; margin-bottom: 16px; } .formAction__title { font-size: 13px; line-height: 17px; } .formActionInfo .formAction__text { margin-bottom: 16px; } .formActionInfo .link, .formActionInfo p { font-size: 13px; line-height: 17px; } .section--register .form .selectric-js-select:not(.selectric-js-select--40) .selectric .label { line-height: 40px; font-size: 13px; } .section--register .form .selectric-js-select:not(.selectric-js-select--40) .selectric .button, .section--register .form .selectric-js-select:not(.selectric-js-select--40) .selectric .label { height: 40px; font-size: 13px; } .section--register .input { font-size: 13px; height: 40px; } .section--formActionBody .form .form__field:not(:first-child) { margin-top: 16px; } .section--register label.label { font-size: 13px; line-height: 17px; } .fileInfo__text { font-size: 13px; line-height: 17px; } .fileInfo { min-height: 40px; padding: 8px; } .form__controls .form__button { flex: inherit; width: 100%; max-width: 100%; } .form__controls { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; } .form__files { padding: 16px 0; gap: 16px; } .form .selectric-js-select:not(.selectric-js-select--40) .selectric-items li { font-size: 13px; line-height: 17px; } .contacts-location__left { width: 50%; } .contacts-location__right { max-width: 465px; } .contacts-tabs .listLinks a { font-size: 30px; line-height: 35px; } .contacts-tabs .listLinks { gap: 32px; } .contacts-tabs__list { grid-template-columns: 1fr 1fr; gap: 24px } .opt-info .row { max-width: 630px; } } @media (max-width: 1150px) { .product-slider .goodsGrid .grid .grid__item.card--good .card__hover { display: none; } .product-slider .goodsGrid .grid .grid__item:hover { height: auto; } .product-slider .goodsGrid .grid .grid__item:hover .card__title { overflow: visible; } .about-company__images-item { margin: 0 10px; } .about-company__images .slick-list { margin: 0 -10px; } .about-company__images .slick-dots { margin-top: 20px; } .about-company__images .slick-arrow { top: calc(50% - 14px); } .popup-location { width: 474px; padding: 36px 54px; } .popup-location__title { margin-bottom: 28px; } .popup-region { width: 300px; } } @media (max-width: 1023px) { .card--basketTable { padding-left: 0; } .card--basketTable .card__top { width: 100%; } .tableGoods .tableGoods__body .tableGoods__row .card::before, .tableGoods .tableGoods__body .tableGoods__row:first-child .tableGoods__column, .card--basketTable .card__info, .card--basketTable .card__status, .card--basketTable .card__bottom .card__total { display: none; } .card--basketTable .card__left { width: calc(30% + 11px); } .card--basketTable .card__right { flex-wrap: wrap; } .card--basketTable .card__bottom .card__price { align-items: flex-start; } .card--basketTable .card__bottom { padding-left: 0; width: 100%; } .card--basketTable .card__title { max-width: 250px; } .card--basketTable .card__remove, .card--basketTable .card__bottom .card__quantity { -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -webkit-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px); } .card .card__photo { margin: 0 auto; } .card--basketTable { flex-wrap: wrap; } .card--basketTable .card__right { width: 68%; } .product-information__mobile { display: block; width: 100%; margin-top: 23px; background-color: rgba(249, 249, 249, 1); padding: 13px; } .product-information__head svg {} .product-information__head.active svg { -moz-transform: scale(-1.1); -ms-transform: scale(-1.1); -webkit-transform: scale(-1.1); -o-transform: scale(-1.1); transform: scale(-1.1); } .product-information__head svg { -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .product-information__head { cursor: pointer; font-weight: 500; font-size: 11px; line-height: 16px; color: #000; display: flex; align-items: center; justify-content: space-between; width: 100%; } .product-information__body { display: none; } .product-information__body .card__info li { justify-content: space-between; display: flex; flex-wrap: wrap; } .product-information__body .card__status> :nth-child(2n) { text-align: right; } .product-information__body .card__status { display: grid; grid-template-columns: 70% 1fr; flex-wrap: wrap; align-items: center; margin-top: 10px !important; text-align: left; font-size: 11px; line-height: 24px; font-weight: 500; color: #000; } .basketOrder__right { max-width: 294px; } .card--basketTable .card__info .value { font-weight: 500; font-size: 11px; line-height: 16px; margin: 0; color: #000000; } .product-information__body .card__info { display: block; } .price-mobile .price { font-weight: 500; font-size: 15px; line-height: 20px; color: #000; } .price-mobile { width: 100%; margin-top: 12px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; font-size: 10px; line-height: 16px; } .basketTop__right .btn .icon { margin: 0; } .basketTop__right .btn { flex-wrap: wrap; justify-content: center; flex-direction: column; gap: 5px; } .basket .basketBody { margin-top: 0; } .basketOrder { margin-top: 20px; } .details-basket { padding: 20px; margin-top: 20px; } .details-basket__title { font-size: 24px; line-height: 32px; } .popup-region__question { font-size: 14px; } .js-wishlist .card--basketTable .card__right { padding-bottom: 25px; } .card--basketTable .card__bottom .card__total.js-print-hide { display: flex !important; position: absolute; right: auto; bottom: -35px; left: auto; justify-content: flex-start; width: 100%; align-items: flex-start; } .shipping-payment-terms--duo .item { width: 100%; min-height: 75px; padding: 0; } .shipping-payment-terms--duo .item+.item { margin-top: 30px; } .form__files { grid-template-columns: 1fr; } .contacts-location__left { width: 100%; max-width: 100%; } .contacts-location__left .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .contacts-location__left .map { position: relative; width: 100%; height: 320px; } .contacts-location__right { width: 100%; max-width: 100%; gap: 8px } .contacts-location { flex-direction: column; gap: 0; } .contacts-location__block { padding: 16px 32px; left: -16px; position: relative; width: calc(100% + 32px); } .contacts-tabs .listLinks a { font-size: 20px; line-height: 30px; } .contacts-tabs .listLinks { flex-wrap: nowrap; } .contacts-tabs .title { font-size: 16px; line-height: 18px; } .contacts-tabs__info { padding: 16px; min-height: initial; } .opt-info .row { max-width: 450px; } .opt-info { padding: 16px; } .slider-media .site-media { width: 100%; } .slider-media .swiper-slide { padding-top: calc(185 / 534* 100%); } .contacts-tabs { margin-top: 60px; } .contacts-tabs .listLinks a { text-underline-offset: 5px; } .contacts-tabs__list { grid-template-columns: 1fr; } .contacts-tabs__item { min-height: 215px; } .product-slider__button.slick-arrow.slick-prev { right: 60px; } } @media (max-width: 768px) { .product-card-desktop { display: block; } .product-card__gallery .product-card__slider-nav.slick-slider { display: none; } .product-card-info__code { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-card__gallery { width: 100%; } .product-card__slider-for .slick-arrow { width: 50px; height: 50px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-card__slider-for .slick-arrow svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .product-card__slider-for .slick-arrow:hover svg path, .product-card__slider-for .slick-arrow:focus svg path { fill: #F15822; } .product-card-info__slider .slick-arrow, .product-card-info__slider .slick-arrow svg { width: 50px; height: 50px; } .product-card-info__slider .slick-list { margin: 0 -8px; padding: 0; } .product-card-price__wrapper { position: fixed; bottom: 0; left: 0; width: 100%; padding: 16px 20px; background-color: #FFF; -webkit-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); z-index: 20; } .btn--scrollUp { bottom: 95px; } .product-card-price__button { padding: 12px; width: 47.3%; } .product-card-price__price { margin-bottom: 0; } .product-card-characteristics__price { margin-bottom: 20px; } .product-card-info__text { max-height: 200px; } .product-card__characteristics { margin-top: 20px; } .product-card-price__wrapper { gap: 50px; } .product-card-price__counter { width: 46%; } .product-card-price__clicker { width: 68px; min-width: 68px; } .product-card-price__input { width: 100%; } .product-card__gallery .slider-count { font-size: 16px; line-height: 24px; font-weight: 500; text-align: center; position: absolute; display: block; bottom: 13px; left: 0; width: 100%; } .product-slider .card--good .card__bottom { padding-bottom: 20px; } .product-slider .new-products__header { margin-bottom: 26px; } .product-slider .slick-list {} .product-slider__button.slick-arrow { width: 50px; height: 50px; } .product-slider .card--good .card__bottom .card__buttons { margin-left: 0; margin-right: 0; } .product-card__wrapper { padding-bottom: 30px; } .popup-location { width: 290px; padding: 40px 25px 22px 25px; min-height: auto; } .popup-location__input { padding: 12px 12px 9px 43px; } .popup-location__geo svg { width: 17px; height: 17px; top: 16px; left: 13px; } .popup-location__list { padding-left: 43px; -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; } .card--basketTable .card__bottom .card__price { justify-content: flex-start; } .tagsList { overflow-x: auto; overflow-y: hidden; left: -15px; width: calc(100% + 30px); padding: 0 15px; } .tagsList ul li { display: inline-block; vertical-align: middle; margin: 0 5px; padding: 8px 10px; } .tagsList ul { white-space: nowrap; display: block; padding: 20px 0; } .video-block .video { height: 400px; } .card--basketTable .card__bottom .card__total.js-print-hide { display: flex !important; position: absolute; right: 0; bottom: 62px; left: auto; justify-content: flex-end; width: 100%; align-items: flex-end; } .js-wishlist .card--basketTable .card__bottom .card__total.js-print-hide { display: none !important; } .js-wishlist .card__total--mobile { display: flex; width: 100%; justify-content: flex-end; transform: translateY(5px); } .delivery-table .delivery-table__inner { display: none; } .delivery-table .price p { font-weight: 400; font-size: 13px; line-height: 20px; color: #000; font-family: "Fact", sans-serif; display: block; text-align: right; } .delivery-table .price span { opacity: .7; font-size: 13px; line-height: 20px; color: #000; font-family: "Fact", sans-serif; display: block; text-align: right; } .delivery-table .volume { text-align: left; max-width: 60%; } .delivery-table .price { display: flex; flex-direction: column; gap: 10px; } .product-slider .slick-slide { opacity: 1; } } @media (max-width: 767px) { .section.section--viewed.product-slider .btn-download-image { top: 14px; right: 57px; } .tableGoods .tableGoods__body .tableGoods__row { padding-left: 0; padding-top: 37px; } .formRow__inner { padding: 15px 0; } .card--basketTable .card__left { width: 90px; } .card--basketTable .card__right { width: calc(100% - 90px); margin: 0; position: static; padding-left: 5px; } .card--basketTable .card__price .text { text-align: left; font-size: 11px; line-height: 16px; } .card--basketTable { align-items: flex-start; } .card--basketTable .card__bottom .card__price .price { font-size: 14px; line-height: 18px; } .card--basketTable .card__title { margin: 0 0 5px; max-width: 100%; } .card--basketTable .card__remove { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); position: absolute; } .card--basketTable .card__bottom .card__quantity { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); width: 90px; position: absolute; left: -5px; top: 100px; margin-top: 10px; margin-bottom: 10px; } .card--basketTable .card__bottom { position: static; flex-direction: column-reverse; } .card .card__photo { margin: 0; } .card--basketTable .icon-plus { width: 9px; height: 9px; } .card--basketTable .icon-minus { width: 10px; height: 2px; } .card--basketTable .card__bottom .card__quantity::before { display: none !important; } .card--basketTable .card__bottom .card__quantity .quantity { height: 28px; width: 90px; } .quantity .quantity__control { width: 28px; } .card--basketTable .card__bottom .card__remove { top: -27px; right: 0; } .product-information__mobile { padding: 13px; margin-top: 30px; } .card--basketTable .card__info { line-height: 21px; } .card--basketTable .card__info .value { line-height: 21px; } .product-information__body .card__status { line-height: 21px; } .product-information__body .card__status { margin-top: 5px !important; } .price-mobile { margin-top: 16px; } .basketOrder { flex-wrap: wrap; padding: 13px; left: -15px; position: relative; width: calc(100% + 30px); } .basketOrder__center .field__icon, .basketOrder__center .input.js-calendar { width: 100%; max-width: 100%; } .basketOrder__center { width: 100%; } .basketOrder>div:not(:first-child) { margin-top: 20px; } .basketOrder__right { margin-top: 20px !important; } .details-basket { padding: 15px 12px; } .details-basket__title { font-size: 20px; line-height: 22px; } .details-basket__info { margin-top: 12px; } .details-basket__info li { font-size: 14px; line-height: 18px; } .details-basket__text { font-size: 11px; line-height: 16px; margin-top: 27px; } .details-basket__text p { font-size: 11px; line-height: 16px; } .details-total__title { font-size: 14px; line-height: 18px; } .details-total__price { font-size: 20px; line-height: 22px; } .details-sale__applied { font-size: 11px; line-height: 16px; } .details-sale__text { font-size: 11px; line-height: 16px; padding: 10px; } .details-total { padding-top: 9px; } .details-sale .btn, .details-sale__title { width: 100%; } .details-sale .btn { margin-top: 13px; } .details-sale__title { font-size: 14px; line-height: 18px; } .details-sale { padding: 13px 0; margin-top: 0; } .details-total__controls .btn+.btn { margin-top: 12px; } .details-total__controls .btn { width: 100%; font-size: 15px; } .details-total__controls .form__rules { margin-left: 0; width: 100%; margin-top: 8px; line-height: 16px; font-size: 11px; } .basket { padding-bottom: 57px; } .basketOrder__right { max-width: 100%; width: 100%; } .card--basketTable .card__left .badge { display: none; } .card--basketTable .card__top .badge { position: relative; display: inline-block; margin-bottom: 2px; } .popup-region { padding-top: 42px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: 60px; width: 282px; } .close-region { width: 16px; height: 16px; } .tags-products { margin-bottom: 20px; } .tags-products ul { margin: -5px; } .tags-products li { margin: 5px; } .tags-section { padding-top: 20px; } .delivery-table__inner table { width: 1200px; } .delivery-table__inner { width: 100%; overflow: auto; } .card--saleCard .card__photo img { margin-left: -20px; } .contacts-tabs__info li+li { margin-top: 16px; } .contacts-tabs__info li { width: 100%; } .contacts-tabs__info { margin-top: 16px; } .contacts-tabs__list { grid-template-columns: 1fr; } .section--register .container { padding: 0; } .formAction__inner .formAction__right { margin-top: 16px; } .formAction__inner .formAction__right, .formAction__inner .formAction__left { font-size: 11px; line-height: 16px; width: 100%; } .section--register label.label { font-size: 11px; line-height: 16px; } .section--register .form .selectric-js-select:not(.selectric-js-select--40) .selectric .button, .section--register .form .selectric-js-select:not(.selectric-js-select--40) .selectric .label { font-size: 11px; } .section--register .input { font-size: 11px; } .formAction__inner .formAction__desc { font-size: 11px; line-height: 16px; padding: 12px 16px; } .form .selectric-js-select:not(.selectric-js-select--40) .selectric-items li { font-size: 11px; line-height: 16px; } .fileInfo__text { font-size: 11px; line-height: 17px; } .contacts-get { padding: 20px 16px; } .contacts-get__head { font-size: 14px; line-height: 28px; } .contacts-get__body strong { font-size: 11px; line-height: 13px; } .contacts-get__body p { font-size: 11px; line-height: 13px; } .contacts-get__body { font-size: 11px; line-height: 13px; padding: 8px; } .contacts-get__row+.contacts-get__row { margin-top: 8px; padding-top: 8px; } .basket .text-desc { margin-top: 0; position: absolute; top: 7px; left: 83px; width: 170px; } /* .btn-download-image { top: 35px; } */ .btn-download-image { top: 5px; right: 40px; } .btn-download-image::after { display: none; } .section-action-list .btn-download-image, .product-card__gallery .btn-download-image, .product-card__slider-for .btn-download-image { top: 10px !important; right: 10px !important; } .catalog-table-wrapper.goodsGrid { overflow: auto !important; } } @media (max-width: 740px) { .cooperationCategory .tabsBox { display: block !important; } .card--good .btn--addFavorite { top: 10px; } .btn-download-image { top: 6px; right: 47px; } } @media (max-width: 576px) { .section.section--viewed.product-slider .btn-download-image { top: 6px; right: 47px; } .breadcrumbs-new__list { display: none; visibility: hidden; } .breadcrumbs-new__mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: visible; font-size: 11px; line-height: 20px; font-weight: 500; color: #898989; font-family: "Fact"; } .breadcrumbs-new__mobile span { margin-left: 8px; } .breadcrumbs-new__mobile { padding: 20px 0; } .product-card-info__brand { padding: 5px 10px; font-size: 14px; line-height: 16px; } .product-card-info__title { font-size: 19.5px; line-height: 22px; } .product-card-info__top { margin-bottom: 22px; } .product-card-info__title { margin-bottom: 8px; } .product-card-info__code { margin-bottom: 10px; } .product-card__bage { top: 10px; left: 10px; font-size: 10px; line-height: 1; } .product-card__slider-for .slick-arrow, .product-card__slider-for .slick-arrow svg, .product-card-info__slider .slick-arrow, .product-card-info__slider .slick-arrow svg { width: 32px; height: 32px; } .product-card__item a { padding: 32px; } .product-card__gallery .slider-count { bottom: 10px; } .product-card-info__slider .slick-slide { margin: 0 2.5px; } .product-card-info__slider .slick-list { margin: 0 -2.5px; } .product-card-info__slider.slick-slider { gap: 5px; } .product-card__slider-for, .product-card-info__slider { margin-bottom: 20px; } .product-card-price { padding: 16px; } .product-card-price__info { padding-bottom: 10px; } .product-card-price__container { display: block; margin-top: 10px; } .product-card-price__new, .product-card-price__old { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-card-price__new .product-card-price__price { font-size: 24px; line-height: 32px; } .product-card-price__old .product-card-price__price { font-size: 16px; line-height: 24px; } .product-card-price__title { max-width: 43%; } .product-card-price__new { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #EAEAEA; } .product-card-price__title { margin-bottom: 0; } .product-card-info__choice { gap: 20px; -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); } .product-card-info__choice .selectric .labelr { padding: 8px 40px 8px 16px; } .product-card-info__descr { margin-top: 20px; } .product-card-info__subtitle { margin-bottom: 14px; } .product-card-info__text p:not(:first-child) { display: none; } .product-card-info__text.hide p { display: block; } .product-card-info__text p:not(:last-child) { margin-bottom: 0; } .product-card-info__text p:not(:first-child) { margin-top: 30px; } .product-card-info__show { margin: 10px auto 0; } .product-card-price__wrapper { padding: 20px 13px; gap: 20px; } .product-card-price__clicker { width: 38px; min-width: 38px; } .product-card-price__button { padding: 7px; width: 50.5%; } .btn--scrollUp { bottom: 75px; } .choices[data-type*=select-one]::after { top: 9px; } .product-card-info__choice .selectric-items { top: 36px; } .product-slider .slick-list { padding: 0; } .product-slider .new-products__header { margin-bottom: 17px; } .product-slider .card--good .card__slider, .product-slider .card--good .card__title, .product-slider .card--good .card__code, .product-slider .card--good .card__wrap, .product-slider .goodsGrid .grid .grid__item:hover .card__hover { padding: 0; } .product-slider .card--good .card__code { margin-bottom: 10px; } .product-slider .card--good .card__title { margin-bottom: 10px; } .product-slider .new-product__button { width: 100%; } .product-card__wrapper { padding-bottom: 20px; } .product-slider { padding: 20px 0; } .product-slider .card--good .btn--addFavorite { top: 10px; right: 10px; } .product-card-characteristics__list { max-height: 183px; } .about-company__images .slick-arrow { width: 32px; height: 32px; } .video-block { padding-bottom: 20px; } .video-block .video { height: 150px; } .shipping-payment-terms--duo .shipping-payment-terms__icon { width: 100%; height: 50px; } .shipping-payment-terms--duo ul { margin-top: 15px; padding: 0 15px; } .shipping-payment-terms--duo .item { flex-wrap: wrap; } .contacts-location__block .col strong { font-size: 14px; line-height: 18px; } .contacts-location__block a { white-space: nowrap; } .contacts-location__block a, .contacts-location__block p { font-size: 14px; line-height: 18px; } .contacts-location__block { padding: 16px; grid-template-columns: minmax(140px, 1fr) 1fr; } .contacts-location__info span { display: block; } .contacts-location__block .row p { font-size: 14px; line-height: 18px; } .contacts-location__block .row { font-size: 14px; line-height: 18px; padding: 8px; } .contacts-location__info { flex-direction: column; display: flex; gap: 16px; } .contacts-tabs { margin-top: 30px; } .contacts-tabs__info { padding: 16px 8px; } .contacts-tabs__info li p, .contacts-tabs__info li { font-size: 11px; line-height: 16px; } .contacts-tabs .row { margin-top: 20px; } .contacts-tabs__item { flex-direction: column; align-items: flex-start; } .contacts-tabs .site-media picture img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; } .contacts-tabs .site-media picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .contacts-tabs .site-media { position: relative; width: 100%; height: auto; min-width: initial; padding-top: calc(132 / 132 * 100%); } .contacts-tabs__text { margin-top: 20px; } .contacts-tabs__content { width: 100%; flex: initial; max-width: 100%; } .contacts-tabs__content { padding: 10px; } .contacts-tabs__name { font-size: 13px; line-height: 15px; margin-bottom: 2px; } .contacts-tabs__city, .contacts-tabs__dol { font-size: 11px; line-height: 13px; } .contacts-tabs .phone { font-size: 11px; line-height: 13px; } .contacts-tabs .link { font-size: 11px; line-height: 13px; margin-top: 8px; } .contacts-tabs .phones { margin: 10px 0; } .contacts-tabs .phones::before { top: 1px; } .contacts-tabs .link::before { top: 2px } .opt-info .contacts-tabs__info { width: 100%; max-width: 100%; } .opt-info .row { max-width: 100%; margin-top: 10px; } .slider-media .site-media { width: 100%; padding-top: 0; height: 100%; position: absolute; top: 0; left: 0; } .slider-media .site-media picture img { overflow: cover; } .slider-media .swiper-slide { padding-top: calc(534 / 534* 100%); } .slider-wrapper .swiperBtnPrev { left: 8px; width: 40px; height: 40px; margin-top: -30px; } .slider-wrapper .swiperBtnNext { right: 8px; width: 40px; height: 40px; margin-top: -30px; } .basket .text-desc { top: 25px; } } @media (max-width: 389px) { .tableOrders.tableOrders--orderSingle .tableOrders__body .tableOrders__column, .tableOrders.tableOrders--orderSingle .tableOrders__head .tableOrders__column { width: 100% !important; } } @media (max-width: 375px) { .contacts-location__block a, .contacts-location__block p { font-size: 13px; line-height: 18px; } .contacts-location__block .col { padding-right: 5px; } } .goodsControls--mobile { display: none; } .goodsControls--desktop { display: flex; } @media only screen and (max-width: 1023px) { .goodsControls--mobile { display: flex; } .goodsControls--desktop { display: none; } } @media only screen and (max-width: 639px) { .header__center .header__search { width: 50%; } .nav--primary { width: 100%; justify-content: space-between; } .navCatalogWrapper { width: 100%; } .btn-transit { width: 100%; } .btn--catalogToggle { width: 100%; justify-content: center; } } /* End */ /* Start:/local/templates/.default/css/custom.css?176597523431519*/ /* slick */ .slick-slider { display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-loading .slick-list { background: #fff url(/local/templates/.default/css/../img/ajax-loader.gif) 50% no-repeat; } .slick-arrow { position: absolute; z-index: 13; top: 50%; display: block; padding: 0; cursor: pointer; border: none; background: none; font-size: 32px; text-align: center; border-radius: 0; box-shadow: none; color: inherit; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .slick-prev { left: 0; } .slick-next { right: 0; } .slick-arrow.slick-hidden { display: none; } .slick-dots { position: absolute; bottom: 0; display: block; width: 100%; margin: 0; padding: 0; list-style: none; line-height: 0; text-align: center; } .slick-dots li { display: inline-block; position: relative; margin: 0 5px; padding: 0; width: 8px; height: 8px; border: 2px solid #069; cursor: pointer; border-radius: 100%; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .slick-dots li:before, .slick-dots li button { display: none; } .slick-dots li:hover, .slick-dots li.slick-active { background: #069; } .goodCard__gallery { position: relative; width: 100%; } .goodCard__gallery .goodCard__slick { opacity: 0; visibility: hidden; } .goodCard__gallery .goodCard__slick.slick-initialized { opacity: 1; visibility: visible; } .goodCard__gallery .slick-arrow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; margin: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .goodCard__gallery .slick-arrow .icon { display: block; margin: auto; fill: #000; } .goodCard__gallery .slick-arrow.slick-disabled { opacity: .35; cursor: default; } .goodCard__gallery .slick-slide { border: 0 !important; } .goodCard__gallery__item { display: block !important; position: relative; height: auto; } .goodCard__gallery__item img { display: block; margin: auto; max-width: 100%; max-height: 100%; } .goodCard__gallery__large { margin-right: 80px; height: 370px; } .goodCard__gallery__large .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .goodCard__gallery__large .slick-arrow { display: none !important; width: 30px; height: 50px; } .goodCard__gallery__large .slick-arrow .icon { width: 11px; height: 20px; } .goodCard__gallery__thumbs { position: absolute; top: 0; bottom: 0; right: 0; width: 60px; z-index: 0; } .goodCard__gallery__thumbs { position: absolute; top: 0; bottom: 0; right: 0; width: 60px; } .goodCard__gallery__btn_more { position: absolute; /*bottom: -52px;*/ right: 0; } .goodCard__gallery__thumbs .goodCard__slick { padding: 30px 0; } .goodCard__gallery__thumbs .goodCard__slick[data-is-count-sm-5] .slick-track { transform: translateX(0) !important; } .goodCard__gallery__thumbs .slick-slide { margin-bottom: 2px; } .goodCard__gallery__thumbs .goodCard__gallery__item { height: 60px; cursor: pointer; } .goodCard__gallery__thumbs .slick-current .goodCard__gallery__item:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #fbad18; content: ""; } .goodCard__gallery__thumbs .slick-arrow { left: 0; right: 0; height: 30px; } .goodCard__gallery__thumbs .slick-prev { top: 0; } .goodCard__gallery__thumbs .slick-next { top: auto; bottom: 0; } .goodCard__gallery__thumbs .slick-arrow .icon { width: 20px; height: 11px; } .goodsGrid .grid .grid__item { position: relative; box-sizing: border-box; /*display: flex; flex-direction: column;*/ margin-top: -1px; margin-left: -1px; border: solid 1px #F3F3F3; } .goodsGrid .grid .grid__item:hover { z-index: 10; } .goodsGrid .grid .grid__item:hover .card__title { height: auto; display: block; -webkit-line-clamp: inherit; -webkit-box-orient: inherit; overflow: auto; text-overflow: inherit; } .password-mask { position: relative; } .password-mask input { padding-right: 30px; } .password-mask .password-mask__toggle { width: 22px; height: 22px; cursor: pointer; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .loading-indicator { display: flex; align-items: center; justify-content: center; min-height: 200px; } .loading-indicator span:not(:last-child) { margin-right: 15px; } .loading-indicator span { width: 30px; height: 30px; display: block; border-radius: 50%; background: #333; animation: bubble 1s infinite; } .loading-indicator span:nth-child(1) { animation-delay: 0s; } .loading-indicator span:nth-child(2) { animation-delay: 0.3s; } .loading-indicator span:nth-child(3) { animation-delay: 0.6s; } @keyframes bubble { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .catalog-product-info { display: flex; } .catalog-product-info__img { display: block; margin: auto; max-width: 100%; height: auto; } .catalog-product-info__attributes { width: 50%; padding-left: 10px; } .catalog-product-info__img-wrapper { width: 50%; padding-right: 10px; } .catalog-product-info__bottom { display: flex; align-items: center; margin-top: 35px; justify-content: space-between; } .attribute-item { display: flex; position: relative; margin-bottom: 8px; font-size: 14px; color: #999; } .attribute-item__title { position: relative; z-index: 2; background: #fff; } .attribute-item__key { width: 50%; position: relative; margin-right: 5px; } .attribute-item__separator { position: absolute; bottom: 3px; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #f5f5f5; } .mnmodal { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .7); z-index: 1000; animation: fadeIn .3s ease-in-out; overflow-y: auto; } .mnmodal__content { position: absolute; left: 50%; top: 10%; background: #fff; transform: translateX(-50%); width: 95%; max-width: 820px; padding: 32px 40px; margin-bottom: 30px; } .mnmodal__2basket-wrap { display: flex; justify-content: space-between; width: 70%; } .mnmodal__close { position: absolute; right: -40px; top: 0px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; color: #eee; font-size: 38px; } .mnmodal__title { margin-bottom: 15px; } .mn-quantity__control { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .mn-quantity { display: flex; border: 2px solid #eee; } .mn-quantity__field { text-align: center; max-width: 100%; height: 30px; width: 40px; } .mn-quantity__plus { border-left: 2px solid #eee; } .mn-quantity__minus { border-right: 2px solid #eee; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .catalog-table { font-size: 11px; border-collapse: collapse; } .catalog-table-header { color: #fff; background-color: #677087; } .catalog-table .quantity .quantity__control { width: 30px; } .catalog-table-wrapper.goodsGrid { overflow: auto; } .catalog-table .quantity { width: 90px; height: 40px; margin: 0 auto; } .catalog-table img { max-width: 45px; height: auto; cursor: pointer; } .catalog-table th { line-height: 1.3; } .catalog-table th, .catalog-table td { padding: 5px; } .catalog-table tr { border-top: 1px solid #eee; transition: .3s box-shadow ease; } .catalog-table tr:not(:first-child):hover { box-shadow: 0 2px 10px -1px rgba(0, 0, 0, .1); } .catalog-table tr:last-child { border-bottom: 1px solid #eee; } .catalog-table td { text-align: center; } .catalog-table .btn--primary.btn--xs span { font-size: 10px; padding: 7px 11px; line-height: 1; } .catalog-table__modal-target { text-decoration: underline; } @media only screen and (max-width: 960px) { .mnmodal__close { top: 15px; right: 30px; color: #616161; } } @media only screen and (max-width: 850px) { .catalog-table .hide-on-mobile { display: none; } } @media only screen and (max-width: 570px) { .catalog-table-wrapper { overflow-x: auto; } .catalog-table { width: 520px; font-size: 9px; } .catalog-product-info { display: block; } .catalog-product-info__img-wrapper { padding-right: 0; width: 100%; } .catalog-product-info__attributes { padding-left: 0; margin-top: 15px; width: 100%; } .mnmodal__title { font-size: 16px; } .mnmodal__close { top: 23px; font-size: 28px; } } @media only screen and (max-width: 740px) { .goodCard__gallery__large { margin-right: 0; } .goodCard__gallery__large .slick-arrow { display: block !important; } .goodCard__gallery__thumbs { display: none; } .catalog-product-info__bottom { flex-wrap: wrap; } .mnmodal__2basket { width: 100%; margin-top: 25px; padding: 8px; } } @media print { .section__title--sm { display: none; } .profileHistory__nav { display: none; } .profileHistory__nav { display: none; } .profileHistory__buttons { display: none; } .js-print-hide { display: none !important; } svg.icon { display: none !important; } } .form__checkbox-wrap { padding-top: 24px; } .form__checkbox-wrap--bottom { padding-bottom: 24px; } .order__checkbox-wrap { padding-top: 10px; } .privacy-content { max-width: 1100px; padding-top: 50px; text-align: justify; } .form .btn[disabled="disabled"] { opacity: 0.4; pointer-events: none; } .details-basket .btn.js-trigger-submit-order[disabled="disabled"] { opacity: 0.4; pointer-events: none; } /* .details-total__controls:has( .form__checkbox) .btn.btn--yellow.disabled { opacity: 0.4; pointer-events: none; } */ .details-total__controls:has( .checkbox__input:not( :checked)) .btn.btn--yellow.disabled { opacity: 0.4; pointer-events: none; } .checkboxButton label a { position: relative; z-index: 5; } .form--registration .checkbox__text { font-size: 14px; } .form--registration .checkboxButton label:before { width: 24px; height: 24px; } .form--registration .form__checkbox.checkboxButton [type=checkbox]:checked+label:before { width: 24px; height: 24px; } .modal-piter .js-modal-content a { color: #000; text-decoration: underline; text-decoration-color: #000; font-weight: 400; } .modal-piter .js-modal-content a:hover { text-decoration-color: #000; } .formRow__inner.delivery .formRow__right { row-gap: 40px; } @media(max-width: 1520px) { .formRow__inner.delivery .formRow__right { row-gap: 32px; } } @media(max-width: 767px) { .formRow__inner.delivery .formRow__right { row-gap: 24px; } } .formRow__inner.delivery .radioButton:has( input[disabled] ) .radioButton__body { opacity: 0.4; pointer-events: none; } .formRow__inner.delivery .radioButton { display: flex; flex-direction: column; gap: 8px; } .formRow__inner .formRow__delivery-city { display: flex; flex-direction: column; gap: 8px; } .formRow__delivery-city .formRow__select { width: 100%; } .formRow__delivery-city .formRow__select { position: relative; } .formRow__delivery-city .formRow__dropDown { position: absolute; top: 100%; left: 0; width: 100%; z-index: 10; border: 1px solid #F3F3F3; box-shadow: 0px 10px 8px 0px #0000001F; background-color: #fff; display: none; } .formRow__delivery-city .formRow__dropDown.formRow__dropDown--active { display: block; } .formRow__delivery-city .formRow__dropDownItem { padding: 10px 30px; cursor: pointer; } @media(max-width: 767px) { .formRow__delivery-city .formRow__dropDownItem { padding: 10px 12px; } } .formRow__delivery-city .formRow__dropDownItem--cancel span { opacity: 0.5; text-decoration: underline; } .formRow__delivery-city .formRow__dropDownItem--active, .formRow__delivery-city .formRow__dropDownItem:hover { background-color: #F7F7F7; } .formRow__delivery-city .formRow__dropDownItem--all span { color: #F15822; text-decoration: underline; } .formRow__delivery-city .formRow__select.formRow__select-complete { display: flex; flex-direction: column; gap: 16px; } .formRow__delivery-city .formRow__close { display: none; } .formRow__delivery-city .formRow__select-complete .formRow__close { position: absolute; right: 3px; top: 3px; font-size: 11px; opacity: 1; cursor: pointer; z-index: 10; height: 54px; display: flex; align-items: center; background-color: #FFF; padding-left: 10px; padding-right: 10px; } .formRow__delivery-city .formRow__close a { display: flex; align-items: center; gap: 8px; color: #000; opacity: 0.5; } .formRow__delivery-city .formRow__delivery-city-date { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 8px; background-color: #F3F3F3; width: fit-content; } .formRow__delivery-city .formRow__delivery-city-date span { color: #898989; } .formRow__delivery-city .formRow__delivery-city-date .formRow__delivery-city-date-value { color: #000; font-weight: 500; } .formRow__delivery-city-date-descr { color: #898989; display: flex; align-items: center; gap: 8px; } .popup_delivery { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #00000080; z-index: 100000; align-items: center; justify-content: center; padding: 20px; overflow-y: hidden; overflow-x: hidden; display: none; } @media(max-width: 767px) { .popup_delivery { align-items: flex-start; } } .popup_delivery--active { display: flex; } .popup_delivery .popup_delivery__content { max-width: 1100px; width: 100%; max-height: 1400px; height: 100%; background-color: #fff; padding: 60px; display: flex; flex-direction: column; gap: 32px; position: relative; overflow-y: hidden; overflow-x: hidden; } .popup_delivery__close { cursor: pointer; } @media(max-width: 767px) { .popup_delivery .popup_delivery__content { padding: 13px; gap: 24px; } } .popup_delivery__headline { display: flex; align-items: center; justify-content: space-between; gap: 32px } .popup_delivery__title { font-weight: 400; font-size: 24px; line-height: 28px; text-transform: none; } @media(max-width: 767px) { .popup_delivery__title { font-size: 18px; line-height: 20px; } } .popup_delivery__list-wrap { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 72px; row-gap: 56px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; } .popup_delivery__list-wrap::-webkit-scrollbar { width: 4px; background-color: #D9D9D9; } .popup_delivery__list-wrap::-webkit-scrollbar-thumb { background-color: #474747; border-radius: 5px; width: 4px; overflow: hidden; } @media(max-width: 1280px) { .popup_delivery__list-wrap { column-gap: 56px; } } @media(max-width: 767px) { .popup_delivery__list-wrap { grid-template-columns: 100%; row-gap: 24px; } } .popup_delivery__list-body { display: flex; flex-direction: column; gap: 16px; max-height: 350px; } .popup_delivery__list-body[data-id="Республика Крым"] { order: 4; } .popup_delivery__list-body[data-id="Москва"] { order: 1; } .popup_delivery__list-body[data-id="Московская область"] { order: 2; } .popup_delivery__list-body[data-id="Города России"] { order: 3; } .popup_delivery__list-title { font-weight: 400; font-size: 18px; line-height: 100%; text-transform: none; } .popup_delivery__list { padding-left: 24px; padding-right: 12px; display: flex; flex-direction: column; gap: 14px; overflow-y: auto; overflow-x: hidden; min-height: 10px; } .popup_delivery__list::-webkit-scrollbar { width: 4px; background-color: #D9D9D9; } .popup_delivery__list::-webkit-scrollbar-thumb { background-color: #474747; border-radius: 4px; width: 4px; overflow: hidden; } .popup_delivery__list .popup_delivery__link { font-weight: 400; font-size: 15px; line-height: 100%; letter-spacing: 0%; text-decoration: underline; cursor: pointer; } @media(max-width: 767px) { .popup_delivery__list .popup_delivery__link { font-size: 11px; } } .basketBody:has( .joi-delivery__descr ) .basketOrder { margin-top: 40px; } @media(max-width: 1279px) { .basketBody:has( .joi-delivery__descr ) .basketOrder { margin-top: 17px; } } @media(max-width: 767px) { .basketBody:has( .joi-delivery__descr ) .basketOrder { margin-top: 5px; } } .joi-delivery__descr { padding: 10px; max-width: 100%; background-color: #F9F9F9; display: flex; align-items: center; gap: 16px; margin-top: 30px; } @media(max-width: 767px) { .joi-delivery__descr { gap: 8px; align-items: flex-start; } } .joi-delivery__descr .descr__title { font-weight: 400; line-height: 100%; text-transform: none; } .radioButton:has( input[disabled] ) .radioButton__body { opacity: 0.5; pointer-events: none; } .basketBody .radioButton__body:before { background-color: transparent; } .basketOrder__left { width: 100%; max-width: 220px; } .basketOrder__center { max-width: 300px; width: 100%; } .basketOrder__full { display: none; flex-direction: column; gap: 16px; flex-grow: 1; max-width: 650px; } .basketOrder:has( .basketOrder__full ) { gap: 64px; justify-content: flex-start; } @media(max-width: 767px) { .basketOrder:has( .basketOrder__full ) { flex-direction: column; gap: 20px; } } .form__field-delivery { position: relative; } .formRow__inner.delivery-input { display: none; } .form__field-delivery .formRow__dropDown { position: absolute; top: 100%; left: 0; width: 100%; z-index: 10; border: 1px solid #F3F3F3; box-shadow: 0px 10px 8px 0px #0000001F; background-color: #fff; } .form__field-delivery .formRow__dropDownItem { padding: 10px 30px; cursor: pointer; color: #000; } .form__field-delivery .formRow__dropDownItem span { color: #000; } @media(max-width: 767px) { .form__field-delivery .formRow__dropDownItem { padding: 10px 12px; } } .form__field-delivery .formRow__dropDownItem--cancel span { opacity: 0.5; text-decoration: underline; } .form__field-delivery .formRow__dropDownItem--active, .formRow__delivery-city .formRow__dropDownItem:hover { background-color: #F7F7F7; } .form__field-delivery .formRow__dropDownItem--all span { color: #F15822; text-decoration: underline; } .form__field-delivery-complete { display: flex; flex-direction: column; gap: 16px; } .form__field-delivery-complete .formRow__close { position: absolute; right: 3px; top: 3px; font-size: 11px; opacity: 1; cursor: pointer; z-index: 10; height: 54px; display: flex; align-items: center; background-color: #FFF; padding-left: 10px; padding-right: 10px; } .form__field-delivery-complete .formRow__close a { display: flex; align-items: center; gap: 8px; color: #000; } .form__field-delivery-complete .formRow__delivery-city-date { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 8px; background-color: #F3F3F3; width: fit-content; } .form__field-delivery-complete .formRow__delivery-city-date span { color: #898989; } .form__field-delivery-complete .formRow__delivery-city-date .formRow__delivery-city-date-value { color: #000; font-weight: 500; } .form__field-delivery-complete .formRow__delivery-city-date-descr { color: #FFF; display: flex; align-items: center; gap: 10px; } .formRow__delivery-icon { width: 16px; min-width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; background-image: url('/local/templates/.default/img/icons/attention.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; } .form__field-delivery .formRow__dropDown--nolist .formRow__dropDownItem { display: flex; gap: 10px; } .form__field-delivery .formRow__dropDown--nolist .formRow__dropDownItem svg { max-width: 10px; width: 100%; } @media(max-width: 1279px) { .basketBody { width: 100%; } } .formRow__select .formRow__dropDown--nolist .formRow__dropDownItem { display: flex; gap: 10px; } .formRow__select .formRow__dropDown--nolist .formRow__dropDownItem svg { max-width: 10px; width: 100%; } .formRow__delivery-disabled { display: flex; align-items: flex-start; gap: 8px; } .formRow__delivery-city .formRow__dropDown--nolist { display: block; } .formRow__dropDown--nolist .formRow__dropDownItem--disabled { display: flex; gap: 10px; } .formRow__dropDown--nolist .formRow__dropDownItem--disabled .formRow__dropDownItemClose { max-width: 10px; width: 100%; } .formRow__delivery-city .formRow__dropDown--nolist .formRow__dropDownItem--cancel { display: none; } .formRow__delivery-city .formRow__dropDown--nolist .formRow__dropDownItem--all { display: none; } .formRow__delivery-city .formRow__dropDown--nolist .formRow__dropDownItem--default { display: none; } .formRow__delivery-city .formRow__dropDown--active .formRow__dropDownItem--disabled { display: none; } .delivery-location.is-error { border: 1px solid #F15822; } .product-card-characteristics__switcher-transit { display: flex; box-shadow: 0px 0px 10px 0px #33333329; margin-bottom: 16px; } .product-card-characteristics__switcher { width: 100%; padding: 8px 0; display: flex; justify-content: center; align-items: center; background-color: #FFF; color: #000; font-weight: 500; font-size: 14px; letter-spacing: 0%; text-align: center; cursor: pointer; transition: all 0.3s ease-in-out; } .product-card-characteristics__switcher--in-stock.active { background-color: #F15822; color: #FFF; } .product-card-characteristics__switcher--in-transit.active { background-color: #FBAD18; color: #000; } .product-card__characteristics.product-card-characteristics { width: 35%; } @media(max-width: 1439px) { .product-card__characteristics.product-card-characteristics { width: 100%; } } @media(max-width: 1439px) { .btn--catalogToggle { height: 40px; width: 120px; padding: 0 15px; font-size: 14px; } } @media(max-width: 740px) { .btn--catalogToggle { height: 60px; width: 100%; } } @media(max-width: 1023px) { .selectItem { display: flex; flex-direction: column; padding-bottom: 5px; align-items: flex-start; } } @media(max-width: 1023px) { .selectItem__title { margin: 0; } } .selectItem-excel { display: flex; padding-left: 75px; gap: 4px; align-items: center; } @media(max-width: 1279px) { .selectItem-excel { padding-left: 35px; } } @media(max-width: 1023px) { .selectItem-excel { flex-direction: row; } } @media(max-width: 767px) { .selectItem-excel { padding-left: 0; order: 3; width: 100%; gap: 16px; padding-bottom: 5px; } } .selectItem-link { display: contents; } .selectItem__icon { display: flex; } .selectItem__icon svg{ opacity: 0.6; width: 14px; height: 15px; } @media(max-width: 767px) { .selectItem__icon svg { width: 19px; height: 20px; opacity: 1; } } .selectItem__text { font-weight: 400; font-size: 12px; line-height: 20px; color: #898989; } @media(max-width: 1023px) { .selectItem__text { text-wrap: nowrap; } } @media(max-width: 767px) { .selectItem__text { color: #677087; } } .gridControls { padding-bottom: 5px; } @media(max-width: 767px) { .gridControls__left { flex-wrap: wrap; row-gap: 9px; } } .prices-block__col--box { position: relative; } .prices-block__col--box.disabled .prices-box__popup { position: absolute; visibility: hidden; opacity: 0; transition: all 0.3s ease; pointer-events: none; z-index: -1; top: 20px; left: 20px; width: fit-content; background-color: #FFF; color: #000; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; text-align: center; padding: 10px; border-radius: 0; box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); } .prices-block__col--box.disabled { pointer-events: auto !important; opacity: 1 !important; } .prices-block__col--box.disabled::before, .prices-block__col--box.disabled .prices-block__title, .prices-block__col--box.disabled .data { opacity: 0.33; pointer-events: none; } .prices-block__col--box.disabled:hover .prices-box__popup { visibility: visible; opacity: 1.7; z-index: 10; pointer-events: none; transition: all 0.3s ease; } .filterItems__wrapper { display: flex; flex-direction: column; } .filterItems__item{ order: 2; } .filterItems__item.sectionsInFilter { order: 1; } .filterItems__item.sectionsInFilter .filterItems__name { opacity: 0.5; font-size: 15px; line-height: 120%; } .filterItems__item.sectionsInFilter .filterItems__reset { display: none; } .filterItems__item.sectionsInFilter .filterItems__boxName { font-size: 15px; line-height: 120%; letter-spacing: 0%; vertical-align: middle; color: #000000; font-weight: 500; } .filterItems__item.sectionsInFilter .filterItems__wrap { display: none; } .filterItems__item.sectionsInFilter .filterItems__list { max-height: max-content; overflow: visible; } .filterItems__item.sectionsInFilter .filterItems__category:not(:last-child) { margin-bottom: 20px; } .product-card__bage--orange { color: #000; } .press-item__name { width: fit-content; padding: 3px 5px 3px 5px; } .product-card-price.in-stock .product-card-price__wrap { display: flex; } .product-card-price.in-stock .product-card-price__wrap.product-card-price__in_way { display: none; } .product-card-price.in-transit .product-card-price__wrap { display: none; } .product-card-price.in-transit .product-card-price__wrap.product-card-price__in_way { display: flex; } .product-card-price.in-transit .prices-block .price-stock, .product-card-price.in-stock .prices-block .price-transit, .product-card-price.in-transit .prices-block .price-box-stock, .product-card-price.in-stock .prices-block .price-box-transit { display: none; } .product-card-price.in-stock .prices-block .price-stock, .product-card-price.in-transit .prices-block .price-transit, .product-card-price.in-stock .prices-block .price-box-stock, .product-card-price.in-transit .prices-block .price-box-transit { display: block; } .card_price__price { display: flex; align-items: center; gap: 5px; flex-direction: column; } .card_price__price .price--old { font-size: 13px; } .card--basketTable .card__bottom .card__price { align-items: flex-start; } .card_price__status { padding: 4px 10px; min-width: 95px; } .card_price__status span { font-weight: 500; font-size: 15px; line-height: 120%; } .card_price__status:has( .card_price__status--intransit) { background-color: #FBAD18; } .card_price__status--intransit { color: #000000; } .card_price__status:has( .card_price__status--instock) { background-color: #F15822; } .card_price__status .card_price__status--instock { color: #FFFFFF !important; } @media(max-width: 767px) { /* .card_price__price .price--old { display: none; } */ .product-information__mobile { display: none; } .card_price__status { padding: 2px 6px; min-width: 85px; } .card_price__status span { font-size: 14px; } } /* End */ /* Start:/local/templates/.default/css/fa.css?176550844066700*/ .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-balance-scale:before { content: "\f24e"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-haykal:before { content: "\f666"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-nintendo-switch:before { content: "\f418"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-renren:before { content: "\f18b"; } .fa-repeat:before { content: "\f01e" } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; font-display: auto; src: url("/local/templates/.default/css/../webfonts/fa-brands-400.eot"); src: url("/local/templates/.default/css/../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/local/templates/.default/css/../webfonts/fa-brands-400.woff2") format("woff2"), url("/local/templates/.default/css/../webfonts/fa-brands-400.woff") format("woff"), url("/local/templates/.default/css/../webfonts/fa-brands-400.ttf") format("truetype"), url("/local/templates/.default/css/../webfonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: auto; src: url("/local/templates/.default/css/../webfonts/fa-regular-400.eot"); src: url("/local/templates/.default/css/../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/local/templates/.default/css/../webfonts/fa-regular-400.woff2") format("woff2"), url("/local/templates/.default/css/../webfonts/fa-regular-400.woff") format("woff"), url("/local/templates/.default/css/../webfonts/fa-regular-400.ttf") format("truetype"), url("/local/templates/.default/css/../webfonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; src: url("/local/templates/.default/css/../webfonts/fa-solid-900.eot"); src: url("/local/templates/.default/css/../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/local/templates/.default/css/../webfonts/fa-solid-900.woff2") format("woff2"), url("/local/templates/.default/css/../webfonts/fa-solid-900.woff") format("woff"), url("/local/templates/.default/css/../webfonts/fa-solid-900.ttf") format("truetype"), url("/local/templates/.default/css/../webfonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/top/style.css?17655084401683*/ /* 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/.default/components/bitrix/menu/top/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; } .nav--primary { gap: 30px; align-items: center; } @media(max-width: 1439px) { .nav--primary { gap: 10px; } } .nav--primary .btn--catalogToggle { margin-right: 0; } .btn-transit { background-color: #FBAD18; border: none; color: #000000; padding: 0px 20px; height: 50px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; min-width: 170px; font-size: 18px; font-family: "ALSKraft", sans-serif; letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; line-height: 100%; } @media(max-width: 1439px) { .btn-transit { height: 40px; font-size: 14px; min-width: 130px; } } @media(max-width: 740px) { .btn-transit { height: 60px; font-size: 18px; } } .btn-transit:hover { background-color: #f1a222; color: #000000; } @media(max-width: 1439px) { .nav--primary .menu--primary li { margin-left: 16px; } } /* End */ /* Start:/local/templates/.default/components/bitrix/catalog.section.list/sectionsAtMain/style.css?17655084407226*/ /* line */ .bx_catalog_line { margin-bottom: 30px; } .bx_catalog_line .bx_catalog_line_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_line .bx_catalog_line_category_title a { color: #000; text-decoration: none; } .bx_catalog_line .bx_catalog_line_ul { padding: 0; } .bx_catalog_line .bx_catalog_line_ul li { margin-bottom: 20px; list-style: none; } .bx_catalog_line .bx_catalog_line_ul li:before { content: '' !important } .bx_catalog_line .bx_catalog_line_img { position: relative; display: block; float: left; overflow: hidden; margin-right: 40px; width: 125px; height: 125px; border: 1px solid #ccc; border-radius: 2px; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: contain; } .bx_catalog_line .bx_catalog_line_title { margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 18px; } .bx_catalog_line .bx_catalog_line_title a { color: #4c7da6; font-size: 18px; } .bx_catalog_line .bx_catalog_line_title a:hover { text-decoration: none; } .bx_catalog_line .bx_catalog_line_title span { font-size: 16px } .bx_catalog_line .bx_catalog_line_description { color: #3f3f3f; font-size: 13px; line-height: 16px; } @media (max-width: 639px) { .bx-touch .bx_catalog_line .bx_catalog_line_img { margin-right: 10px; width: 50px; height: 50px; } .bx-touch .bx_catalog_line .bx_catalog_line_title { margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_title a { font-size: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_description { font-size: 11px; } } .bx_catalog_line .bx_catalog_line_img, .bx_catalog_line .bx_catalog_line_title, .bx_catalog_line .bx_catalog_line_title a, .bx_catalog_line .bx_catalog_line_description { transition: all 0.3s ease; } /* text */ .bx_catalog_text { margin-bottom: 30px; } .bx_catalog_text .bx_catalog_text_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_text .bx_catalog_text_category_title a { color: #000; text-decoration: none; } .bx_catalog_text .bx_catalog_text_ul { padding: 0; } .bx_catalog_text .bx_catalog_text_ul li { float: left; margin: 0 10px 10px; list-style: none; } .bx_catalog_text .bx_catalog_text_ul li:before { content: '' !important } .bx_catalog_text .bx_catalog_text_title { margin: 0; padding: 0; vertical-align: top; font-size: 14px; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a { display: inline-block; overflow: hidden; max-width: 100%; color: #4c7da6; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; } .bx_catalog_text .bx_catalog_text_title a:hover { text-decoration: none } .bx_catalog_text .bx_catalog_text_title span { font-size: 12px; } @media (max-width: 639px) { .bx-touch .bx_catalog_text .bx_catalog_line_title { margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_catalog_text .bx_catalog_line_title a { font-size: 12px; } } .bx_catalog_text .bx_catalog_line_title, .bx_catalog_text .bx_catalog_line_title a { transition: all 0.3s ease; } /* tile */ .bx_catalog_tile { margin-bottom: 30px; } .bx_catalog_tile .bx_catalog_tile_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_tile .bx_catalog_tile_category_title a { color: #000; text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_ul { padding: 0; } .bx_catalog_tile .bx_catalog_tile_ul li { float: left; box-sizing: border-box; margin-bottom: 20px; padding: 0 10px; width: 12.5%; list-style: none; text-align: center; } .bx_catalog_tile .bx_catalog_tile_ul li:before { content: '' !important } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: both; } .bx_catalog_tile .bx_catalog_tile_img { position: relative; display: block; overflow: hidden; margin: 0 auto; width: 78px; height: 78px; border: 1px solid #ccc; border-radius: 2px; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: contain; } .bx_catalog_tile .bx_catalog_tile_title { margin-top: 5px; margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a { color: #4c7da6; font-size: 14px; } .bx_catalog_tile .bx_catalog_tile_title a:hover { text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_title span { font-size: 12px; } /*2*/ @media (max-width: 980px) { .bx_catalog_tile .bx_catalog_tile_ul li { width: 20%; } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: both; } } /*3*/ @media (max-width: 639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_title { margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title { line-height: 10px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title a { font-size: 11px; } } @media (min-width: 480px) and (max-width: 639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 25%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1) { clear: both; } } /*4*/ @media (max-width: 479px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 33.3%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_img { width: 100%; height: 80px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1) { clear: both; } } .bx_catalog_tile .bx_catalog_tile_title, .bx_catalog_tile .bx_catalog_tile_title a, .bx_catalog_tile .bx_catalog_tile_ul li, .bx_catalog_tile .bx_catalog_tile_img { transition: all 0.3s ease; } /* list */ .bx_sitemap { margin-bottom: 30px; } .bx_sitemap .bx_sitemap_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_sitemap .bx_sitemap_title a { color: #000; text-decoration: none; } .bx_sitemap .bx_sitemap_ul li { padding: 0; line-height: 14px; } .bx_sitemap .bx_sitemap_ul li:before { content: '' !important } .bx_sitemap .bx_sitemap_li_title { display: inline-block; margin: 0; margin-bottom: 10px; padding: 0; vertical-align: top; font-weight: normal; line-height: 13px; } .bx_sitemap .bx_sitemap_li_title a { color: #4c7da6; white-space: nowrap; font-size: 13px; } .bx_sitemap .bx_sitemap_li_title a:hover { text-decoration: none } .bx_sitemap .bx_sitemap_li_title span { font-size: 11px; } @media (max-width: 639px) { .bx-touch .bx_sitemap .bx_catalog_line_title { margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_sitemap .bx_catalog_line_title a { font-size: 12px; } } .bx_sitemap .bx_catalog_line_title, .bx_sitemap .bx_catalog_line_title a { transition: all 0.3s ease; } /* End */ /* Start:/local/templates/.default/components/bitrix/news.list/partnersAtMain/style.css?1765508440155*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float: left; margin: 0 4px 6px 0; } .news-date-time { color: #486DAA; } /* End */ /* /local/templates/.default/libs/choice/choices.min.css?17655084447667 */ /* /local/templates/.default/css/swiper-bundle.min.css?176550844017919 */ /* /local/templates/.default/css/app.css?1766711377582536 */ /* /local/templates/.default/css/custom.css?176597523431519 */ /* /local/templates/.default/css/fa.css?176550844066700 */ /* /local/templates/.default/components/bitrix/menu/top/style.css?17655084401683 */ /* /local/templates/.default/components/bitrix/catalog.section.list/sectionsAtMain/style.css?17655084407226 */ /* /local/templates/.default/components/bitrix/news.list/partnersAtMain/style.css?1765508440155 */