/* Start:/local/templates/charutti_main/static/layout/css/swiper-bundle.min.css?174650091118431*/ /** * Swiper 11.1.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 30, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/charutti_main/static/layout/css/select2.min.css?174650091114966*/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/local/templates/charutti_main/static/layout/css/style.css?1781603639258192*/ :root { --800px: 93.11125ch; --900px: 104.75ch; --1368px: 135.74ch; --1400px: 159.2195ch; --1500px: 170.859ch; --padding-inline: 10px; --half-size: calc(50% - (var(--padding-inline) * 2)); --column-size: calc(100% / 3); --aside-size: 100%; --primary-color: #824e97; --accent-dark-color: #ed2497; --accent-color: #ff6bd0; --accent2-color: #e00b0b; --accent-light-color: #feeff7; --accent-extra-light-color: #f3eef5; --white-color: #ffffff; --lightest-color: #f4f4f4; --lighten-color: #ebe8e8; --light-color: #d3d4dd; --gray-color: #797a80; --logo-color: #434342; --text-color: #272324; --dark-color: #111010; --success-color: #5a8c09; --error-color: #e32526; --color-bg: var(--white-color); --logo: #2e3c40; --logo-height: 78px; --logo-width: 260px; --attention-height: 48px; } @media (min-width: 768px) { :root { --padding-inline: 20px; --aside-size: 200px; } } @media (min-width: 992px) { :root { --aside-size: 260px; } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } [type="button"], [type="reset"], [type="submit"], 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: 0.35em 0.75em 0.625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -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-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } body, html { scrollbar-color: var(--primary-color) var(--white-color); scrollbar-width: thin; } @media (max-width: 991px) { body:has(.modal.show .form-control:focus), html:has(.modal.show .form-control:focus) { overflow: hidden; position: fixed; height: 100%; width: 100%; left: 0; top: 0; } } html.card-modal-open, html.filter-open, html.menu-open, html.menu-opening, html.modal-open, html.search-open { overflow: hidden; } @media (max-width: 767px) { html.card-modal-open header .sandwich svg, html.filter-open header .sandwich svg, html.menu-open header .sandwich svg, html.menu-opening header .sandwich svg, html.modal-open header .sandwich svg, html.search-open header .sandwich svg { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } html.card-modal-open header .header-wrapper, html.filter-open header .header-wrapper, html.menu-open header .header-wrapper, html.menu-opening header .header-wrapper, html.modal-open header .header-wrapper, html.search-open header .header-wrapper { background-color: var(--white-color); } } @media (min-width: 992px) { html.card-modal-open .header-bottom, html.card-modal-open .header-middle, html.card-modal-open .header-top, html.card-modal-open footer, html.card-modal-open main, html.filter-open .header-bottom, html.filter-open .header-middle, html.filter-open .header-top, html.filter-open footer, html.filter-open main, html.menu-open .header-bottom, html.menu-open .header-middle, html.menu-open .header-top, html.menu-open footer, html.menu-open main, html.menu-opening .header-bottom, html.menu-opening .header-middle, html.menu-opening .header-top, html.menu-opening footer, html.menu-opening main, html.modal-open .header-bottom, html.modal-open .header-middle, html.modal-open .header-top, html.modal-open footer, html.modal-open main, html.search-open .header-bottom, html.search-open .header-middle, html.search-open .header-top, html.search-open footer, html.search-open main { padding-right: 11px; } } html.cpt-stories-overflow-hidden body { max-height: 100dvh; } html.profile-open { overflow: hidden; } @media (max-width: 767px) { html.profile-open header .header-wrapper { background-color: var(--white-color); } } @media (min-width: 992px) { html.profile-open .header-bottom, html.profile-open .header-middle, html.profile-open .header-top, html.profile-open footer, html.profile-open main { padding-right: 11px; } } html.card-modal-open .card-modal, html.modal-open .modals { -webkit-transition: background-color 350ms ease-out, opacity 0ms ease-out; transition: background-color 350ms ease-out, opacity 0ms ease-out; background-color: rgba(0, 0, 0, 0.6); pointer-events: all; opacity: 1; } html.search-open .header-wrapper:before { bottom: 0; } html.search-open .header-wrapper .header-bottom, html.search-open .header-wrapper .header-middle, html.search-open .header-wrapper .header-top { padding-right: 11px; } html.search-open .header-wrapper .header-middle { -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } html.search-open .header-wrapper .sandwich { -webkit-box-flex: 0; -ms-flex: 0 0 0px; flex: 0 0 0; width: 0; } html.search-open .header-wrapper .logo { -webkit-transition-delay: 250ms; transition-delay: 250ms; margin-left: 0; } @media (max-width: 767px) { html.search-open .header-wrapper .logo { max-width: 0; } } html.search-open .header-wrapper .search-panel__form { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; width: 100%; } html.search-open .header-wrapper .search-panel { border-color: var(--text-color); padding-left: 15px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } html.search-open .header-wrapper .search-panel__icon { -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; width: 16px; } @media (min-width: 768px) { html.search-open .header-wrapper .search-panel__icon { -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; width: 16px; padding: 0; margin: 0; } } html.search-open .header-wrapper .search-panel__input { pointer-events: all; opacity: 1; } html.search-open .header-wrapper .search-panel__button { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; width: 24px; } html.search-open .header-wrapper .cart-panel, html.search-open .header-wrapper .user-panel { overflow: hidden; max-width: 0; } html.search-open .header-wrapper .header-search { -webkit-transition: height 500ms ease-out; transition: height 500ms ease-out; height: calc(100lvh - 51px); -webkit-transition-delay: 250ms; transition-delay: 250ms; } @media (min-width: 768px) and (max-width: 991px) { html.search-open .header-wrapper .header-search { height: calc(100dvh - 116px); } } @media (min-width: 992px) { html.search-open .header-wrapper .header-search { height: calc(100dvh - 146px); } } @media (min-width: 768px) { html.menu-open .header-wrapper:before, html.menu-opening .header-wrapper:before { bottom: 0; } html.menu-open .header-wrapper .header-submenu, html.menu-opening .header-wrapper .header-submenu { -webkit-transition: height 500ms ease-out; transition: height 500ms ease-out; height: calc(100dvh - 174px); -webkit-transition-delay: 250ms; transition-delay: 250ms; } html.menu-open .header-wrapper .header-menu__item.submenu:after, html.menu-opening .header-wrapper .header-menu__item.submenu:after { border-bottom: 8px solid currentColor; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 2px solid transparent; } html.search-open .header-wrapper .header-middle--desktop .header-actions { gap: 0; width: 100%; } html.search-open .header-wrapper .search-panel__form { width: calc(100% - 150px); } html.search-open .header-wrapper .search-panel__icon { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; width: 24px; } html.search-open .header-wrapper .search-panel__icon svg { stroke-width: 0; } html.search-open body.scrolled .header-search { height: calc(100dvh - 102px); -webkit-transform: translate(0, 0); transform: translate(0, 0); } html.menu-open .header-wrapper .header-submenu .content:not(.wide) { overflow-y: auto; } } @media (min-width: 992px) { html.menu-open .header-submenu, html.menu-opening .header-submenu { height: calc(100dvh - 204px); } html.search-open .header-search { height: calc(100dvh - 146px); } html.search-open body.scrolled .header-search { height: calc(100dvh - 123px); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } html[data-theme="dark"]:not(.menu-opening, .menu-open, .search-open) body:not(.scrolled) .cart-panel, html[data-theme="dark"]:not(.menu-opening, .menu-open, .search-open) body:not(.scrolled) .header-menu__item, html[data-theme="dark"]:not(.menu-opening, .menu-open, .search-open) body:not(.scrolled) .preview-slider, html[data-theme="dark"]:not(.menu-opening, .menu-open, .search-open) body:not(.scrolled) .user-panel, html[data-theme="dark"]:not(.menu-opening, .menu-open, .search-open) body:not(.scrolled) header { color: var(--white-color); } html[data-theme="dark"]:not(.menu-opening, .menu-open, .search-open) body:not(.scrolled) .cart-panel:hover, html[data-theme="dark"]:not(.menu-opening, .menu-open, .search-open) body:not(.scrolled) .header-menu__item:hover, html[data-theme="dark"]:not(.menu-opening, .menu-open, .search-open) body:not(.scrolled) .search-panel:hover, html[data-theme="dark"]:not(.menu-opening, .menu-open, .search-open) body:not(.scrolled) .user-panel:is(a, :link):hover { opacity: 0.75; } html[data-theme="dark"]:not(.menu-opening, .menu-open, .search-open) body:not(.scrolled) .user-panel:not(a, :link):hover { color: var(--text-color); opacity: 1; } html[data-theme="dark"]:not(.menu-opening, .menu-open, .search-open) body:not(.scrolled) .logo svg path { fill: currentColor; } @-webkit-keyframes overflow { 0%, 99% { overflow: hidden; } to { overflow: auto; } } @keyframes overflow { 0%, 99% { overflow: hidden; } to { overflow: auto; } } body { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; background-color: var(--color-bg); color: var(--text-color); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100dvh; position: relative; line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; } body.collapsed header .header-wrapper { --shadow-color: rgba(0, 0, 0, 0.15); --shadow-width: 12px; background-color: var(--white-color); } body.collapsed header .header-wrapper .header-bottom, body.collapsed header .header-wrapper .header-top { max-height: 0; } body.collapsed header .header-wrapper .header-submenu.active { height: calc(100dvh - 136px); } body.collapsed .scroll-up, body.collapsed .scroll-up-card { pointer-events: all; opacity: 1; } body.scrolled header .header-wrapper { --shadow-color: rgba(0, 0, 0, 0.15); --shadow-width: 12px; background-color: var(--white-color); } body.scrolled .scroll-up, body.scrolled .scroll-up-card { pointer-events: all; opacity: 1; } audio, embed, figure, img, object, picture, svg, video { max-width: 100%; display: block; height: auto; margin: 0; } img { background-repeat: no-repeat; background-size: cover; vertical-align: middle; shape-margin: 0.75rem; font-style: italic; max-width: 100%; height: auto; } .h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5, p { margin: 1rem 0; } .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child { margin-top: 0; } .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, p:last-child { margin-bottom: 0; } .h1, h1 { font-family: "Playfair Display", serif; font-size: clamp(32px, 3.35vw, 64px); line-height: 1.2; font-weight: 400; } .h2, h2 { font-family: "Playfair Display", serif; font-size: clamp(28px, 2.1vw, 40px); line-height: 1.4; font-weight: 400; } .h3, h3 { font-family: "Playfair Display", serif; font-size: clamp(24px, 2vw, 32px); line-height: 1.2; font-weight: 400; } .h4, h4 { font-size: clamp(20px, 2vw, 24px); line-height: 1.5; font-weight: 400; } .font-playfair { font-family: "Playfair Display", serif; } .h5, h5 { font-size: clamp(14px, 1.5vw, 18px); line-height: 1.5; font-weight: 400; } p { max-width: var(--800px); line-height: 1.6; font-weight: 400; font-size: 20px; } a { -webkit-transition: color 150ms ease-out; transition: color 150ms ease-out; text-decoration-thickness: 1px; text-underline-offset: 2px; color: inherit; } @media (min-width: 992px) { a:hover { color: var(--dark-color); } } .title-link { text-underline-offset: 4px; } .title-link:hover { color: var(--gray-color); } .link { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; line-height: 1.6; font-size: 20px; } .link:hover { color: var(--gray-color); } .list li { font-size: clamp(14px, 1.05vw, 20px); line-height: 1.6; } .mb_60px { margin-bottom: 60px; } .mb_40px { margin-bottom: 40px; } .mb_20px { margin-bottom: 20px; } .viewport { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: inherit; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .content, .content-lk, .content-static { margin: 0 auto; width: 100%; } .content ol, .content ul, .content-lk ol, .content-lk ul, .content-static ol, .content-static ul { font-size: clamp(14px, 1.1vw, 20px); padding-left: 28px; line-height: 1.6; } .content ul li::marker, .content-lk ul li::marker, .content-static ul li::marker { font-size: clamp(14px, calc(0.95vw * 0.75), 18px); } .content ul li + li, .content-lk ul li + li, .content-static ul li + li { margin-top: 10px; } .content-footer { max-width: calc(1920px + (var(--padding-inline)) * 2); margin-inline: auto; padding-inline: var(--padding-inline); } .content { max-width: 1610px; display: block; } .content-grid > section:first-child { padding-top: calc( var(--header-height) + var(--attention-block-height) + 40px ); } @media (max-width: 768px) { .content-grid > section:first-child { padding-top: calc( var(--header-height) + var(--attention-block-height) + 10px ); } } .content-lk, .content-static { max-width: 1610px; } .container-fluid { max-width: 1070px; margin: 0 auto; width: 100%; } section { padding-bottom: var(--padding-inline); padding-top: var(--padding-inline); } main { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } blockquote { margin: 0; } .header-space { padding: 60px 0 0; } @media (min-width: 576px) { .header-space { padding: 60px 0 50px; } } @media (min-width: 768px) { .header-space { padding: 202px 0 0; } } @media (min-width: 992px) { .header-space { padding: 265px 0 0; } } .logo { -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; max-height: var(--logo-height); max-width: var(--logo-width); display: block; } @media (min-width: 992px) { .logo:hover { opacity: 0.8; } } #heart { --scale: 0.95; left: 1px; } #heartFill { --scale: 1; } footer #heart, header #heart { --start: 180deg; --end: 0deg; } footer #heartFill, header #heartFill { --start: 0deg; --end: 180deg; } footer #heart, footer #heartFill, header #heart, header #heartFill { -webkit-animation: heartAnim 10s ease-in-out infinite; animation: heartAnim 10s ease-in-out infinite; -webkit-transform: rotate(0deg) scale(0.85); transform: rotate(0deg) scale(0.85); -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-transform-origin: 31px 40%; transform-origin: 31px 40%; position: relative; } @-webkit-keyframes heartAnim { 0%, 35% { -webkit-transform: rotate(var(--start, 0deg)) scale(calc(0.85 * var(--scale))); transform: rotate(var(--start, 0deg)) scale(calc(0.85 * var(--scale))); -webkit-transform-origin: 31px 40%; transform-origin: 31px 40%; } 40% { -webkit-transform: rotate(90deg) scale(calc(0.8 * var(--scale))); transform: rotate(90deg) scale(calc(0.8 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 42% { -webkit-transform: rotate(90deg) scale(calc(1 * var(--scale))); transform: rotate(90deg) scale(calc(1 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 45% { -webkit-transform: rotate(90deg) scale(calc(0.8 * var(--scale))); transform: rotate(90deg) scale(calc(0.8 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 47% { -webkit-transform: rotate(90deg) scale(calc(1 * var(--scale))); transform: rotate(90deg) scale(calc(1 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 50% { -webkit-transform: rotate(90deg) scale(calc(0.8 * var(--scale))); transform: rotate(90deg) scale(calc(0.8 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 52% { -webkit-transform: rotate(90deg) scale(calc(1 * var(--scale))); transform: rotate(90deg) scale(calc(1 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 55% { -webkit-transform: rotate(90deg) scale(calc(0.8 * var(--scale))); transform: rotate(90deg) scale(calc(0.8 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 60% { -webkit-transform: rotate(90deg) scale(calc(0.8 * var(--scale))); transform: rotate(90deg) scale(calc(0.8 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 65%, to { -webkit-transform: rotate(var(--end, 180deg)) scale(calc(0.8 * var(--scale))); transform: rotate(var(--end, 180deg)) scale(calc(0.8 * var(--scale))); -webkit-transform-origin: 31px 40%; transform-origin: 31px 40%; } } @keyframes heartAnim { 0%, 35% { -webkit-transform: rotate(var(--start, 0deg)) scale(calc(0.85 * var(--scale))); transform: rotate(var(--start, 0deg)) scale(calc(0.85 * var(--scale))); -webkit-transform-origin: 31px 40%; transform-origin: 31px 40%; } 40% { -webkit-transform: rotate(90deg) scale(calc(0.8 * var(--scale))); transform: rotate(90deg) scale(calc(0.8 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 42% { -webkit-transform: rotate(90deg) scale(calc(1 * var(--scale))); transform: rotate(90deg) scale(calc(1 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 45% { -webkit-transform: rotate(90deg) scale(calc(0.8 * var(--scale))); transform: rotate(90deg) scale(calc(0.8 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 47% { -webkit-transform: rotate(90deg) scale(calc(1 * var(--scale))); transform: rotate(90deg) scale(calc(1 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 50% { -webkit-transform: rotate(90deg) scale(calc(0.8 * var(--scale))); transform: rotate(90deg) scale(calc(0.8 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 52% { -webkit-transform: rotate(90deg) scale(calc(1 * var(--scale))); transform: rotate(90deg) scale(calc(1 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 55% { -webkit-transform: rotate(90deg) scale(calc(0.8 * var(--scale))); transform: rotate(90deg) scale(calc(0.8 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 60% { -webkit-transform: rotate(90deg) scale(calc(0.8 * var(--scale))); transform: rotate(90deg) scale(calc(0.8 * var(--scale))); -webkit-transform-origin: 26px 50%; transform-origin: 26px 50%; } 65%, to { -webkit-transform: rotate(var(--end, 180deg)) scale(calc(0.8 * var(--scale))); transform: rotate(var(--end, 180deg)) scale(calc(0.8 * var(--scale))); -webkit-transform-origin: 31px 40%; transform-origin: 31px 40%; } } .arrow-title:not(:first-child) .arrow-title__wrapper { padding: 0 0 30px 8.33334vw; } .arrow-title:not(:first-child) .arrow-title__wrapper:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .arrow-title .arrow-title__wrapper { padding-right: 8.33334vw; display: inline-block; padding-bottom: 40px; position: relative; } .arrow-title .arrow-title__wrapper:after { background: url("/local/templates/charutti_main/static/layout/css/../media/long-arrow.svg") right center no-repeat; background-size: contain; position: absolute; max-width: 505px; display: block; height: 16px; width: 100%; content: ""; bottom: 0; right: 0; } .arrow-title .arrow-title__wrapper .styled, .arrow-title .arrow-title__wrapper.styled { font-family: "Playfair Display", serif; } .arrow-title .arrow-title__wrapper .styled:is(h2, .h2), .arrow-title .arrow-title__wrapper.styled:is(h2, .h2) { font-size: clamp(32px, 4.175vw, 80px); } .arrow-title .arrow-title__wrapper .styled:is(h3, .h3), .arrow-title .arrow-title__wrapper.styled:is(h3, .h3) { font-size: clamp(44px, 3.35vw, 64px); } .arrow-title .arrow-title__wrapper .styled b, .arrow-title .arrow-title__wrapper.styled b { font-weight: 500; } .arrow-title + .catalog-list { margin-top: 0; } .catalog-title-link { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-decoration: none; } .catalog-title-link .sale-section__title { margin-bottom: 30px; } .catalog-title { font-family: "Playfair Display", sans-serif; font-size: 40px; line-height: 1.4; margin-bottom: 30px; } .title-with-img { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .title-with-img .arrow-title { margin-bottom: 0; } @media (max-width: 767px) { .title-with-img .arrow-title { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media (max-width: 767px) { .title-with-img { -ms-flex-wrap: wrap; flex-wrap: wrap; } .title-with-img .title-img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .count-title { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; } .count-title__item { font-family: "Playfair Display", serif; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; font-weight: 400; display: inherit; } @media (min-width: 768px) { .count-title__item + .count-title__item:before { background-color: var(--text-color); border-radius: 50%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin: 0 10px; content: ""; height: 4px; width: 4px; } } .count-title__text, .count-title__value { font-family: "Open Sans", sans-serif; color: var(--gray-color); font-weight: 300; } .count-title__text { font-size: 24px; } .error-text { color: var(--error-color); } .mute { color: var(--gray-color); } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .float-right { float: right; } .m-0 { margin: 0 !important; } @media (max-width: 767px) { .m-xs-0 { margin: 0 !important; } } .mt-0 { margin-top: 0; } .mb_30px { margin-bottom: 30px; } .mt-40 { margin-top: 40px; } .mt-60 { margin-top: 60px; } .mb-120 { margin-bottom: 60px; } @media (min-width: 768px) { .mb-120 { margin-bottom: 120px; } } .scroll-up, .scroll-up-card { background: var(--white-color) url("/local/templates/charutti_main/static/layout/css/../media/arrow-left.svg") center center no-repeat; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); -webkit-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; -webkit-transform: rotate(90deg); transform: rotate(90deg); top: calc(100vh - 54px); background-size: 16px; pointer-events: none; border-radius: 50%; position: sticky; cursor: pointer; height: 44px; width: 44px; z-index: 1; opacity: 0; } @media (min-width: 992px) { .scroll-up, .scroll-up-card { top: calc(100vh - 84px); background-size: 24px; height: 64px; width: 64px; } } .scroll-up__wrapper { pointer-events: none; position: absolute; bottom: -22px; z-index: 6; left: 10px; top: 0; } @media (min-width: 992px) { .scroll-up__wrapper { bottom: -32px; left: 20px; } } .sticky-buttons { position: fixed; bottom: 20px; right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; z-index: 100; } @media (max-width: 575px) { .sticky-buttons { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .sticky-buttons__wrapper { bottom: calc(20px + var(--attention-height)); pointer-events: none; position: absolute; right: 20px; z-index: 5; top: 0; } .sticky-buttons-card { z-index: 6; } @media (max-width: 768px) { .sticky-buttons-card { bottom: calc(50px + var(--attention-height)); } .sticky-buttons-card .sticky-buttons { top: calc(100dvh - 240px); } } .ask-question, .upload { color: var(--white-color); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; pointer-events: all; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.5; font-weight: 400; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 54px; width: 54px; } @media (max-width: 575px) { .ask-question, .upload { -webkit-transform-origin: right bottom; transform-origin: right bottom; } } .ask-question:hover, .upload:hover { color: var(--white-color); } .ask-question svg, .upload svg { pointer-events: none; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; height: 24px; width: 24px; } .ask-question { -webkit-box-shadow: 0 0 20px 15px var(--white-color); box-shadow: 0 0 20px 15px var(--white-color); background-color: var(--accent-dark-color); border-radius: 54px 54px 4px 54px; padding: 2px 0 0 2px; position: relative; } .ask-question svg { height: calc(100% + 16px); width: calc(100% + 24px); pointer-events: none; position: absolute; max-width: none; left: -12px; top: -16px; z-index: 0; } .ask-question svg text { font-family: "Playfair Display", serif; color: var(--text-color); font-size: 14px; } .ask-question img { mix-blend-mode: plus-lighter; pointer-events: none; position: relative; z-index: 1; } .ask-question img.changed { mix-blend-mode: unset; -webkit-filter: invert(1); filter: invert(1); width: 30px; } .upload { background-color: #7ed170; border-radius: 100%; padding: 15px; } .upload .text { display: none; } @media (min-width: 992px) { .upload { padding: 15px 20px; border-radius: 0; width: auto; } .upload .text { display: block; } } .table-sizes { width: calc(100% + 40px); overflow-y: hidden; overflow-x: auto; margin: 0 -20px; } .table-sizes + .table-sizes-subtitle { font-size: 18px; padding-top: 5px; border-top: 1px solid var(--lighten-color); margin-top: 40px; } @media (max-width: 767px) { .table-sizes { width: 100%; margin: 0; } } .table-sizes table { border-collapse: collapse; white-space: nowrap; border: none; width: 100%; table-layout: fixed; } .table-sizes td, .table-sizes th { -webkit-transition: background-color 150ms ease-out; transition: background-color 150ms ease-out; background-color: var(--white-color); padding: 12px 20px; line-height: 1.7; font-weight: 400; text-align: left; font-size: 18px; } @media (max-width: 767px) { .table-sizes td, .table-sizes th { padding: 3px 10px; font-size: 14px; } } .table-sizes td:first-child, .table-sizes th:first-child { position: sticky; left: 0; } .table-sizes tbody tr:nth-child(odd) td { background-color: var(--lightest-color); } .table-sizes thead th { padding-block: 12px; padding-inline: 20px; } @media (max-width: 768px) { .table-sizes thead th { padding-inline: 10px; } } .table-sizes thead th:first-child { padding-left: 20px; } @media (max-width: 768px) { .table-sizes thead th:first-child { padding-left: 10px; padding-right: 18px; } } .table-sizes tbody td { padding-block: 6px; } .table-sizes-title { margin-bottom: 30px; } @media (max-width: 768px) { .table-sizes-title { margin-bottom: 20px; } } .sticky-pos { top: var(--pos, 0); position: sticky; } .spacer { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .spacer + .catalog-list { margin-top: 0; } .spacer-item { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .spacer-item:last-child { margin-left: auto; } .spacer-item .select2.select2-container .select2-selection { padding-right: 26px; text-align: right; font-weight: 300; border: none; } .notice { pointer-events: none; position: fixed; height: 100%; z-index: 2000; right: 0; top: 0; } @media (min-width: 768px) { .notice { right: var(--padding-inline); } } .notice.active .notice-wrapper { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .notice-wrapper { -webkit-transition: opacity 250ms ease-out, -webkit-transform 250ms ease-out; transition: opacity 250ms ease-out, -webkit-transform 250ms ease-out; transition: transform 250ms ease-out, opacity 250ms ease-out; transition: transform 250ms ease-out, opacity 250ms ease-out, -webkit-transform 250ms ease-out; background-color: var(--dark-color); padding: 10px 100px 10px 40px; -webkit-transform: translate(25%, 0); transform: translate(25%, 0); color: var(--white-color); text-decoration: none; pointer-events: all; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.6; font-weight: 400; min-height: 84px; max-width: 620px; position: sticky; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; top: 337px; } .notice-wrapper:after { -webkit-mask-image: url("/local/templates/charutti_main/static/layout/css/../media/arrow-right.svg"); mask-image: url("/local/templates/charutti_main/static/layout/css/../media/arrow-right.svg"); -webkit-transition: -webkit-transform 150ms ease-out; transition: -webkit-transform 150ms ease-out; transition: transform 150ms ease-out; transition: transform 150ms ease-out, -webkit-transform 150ms ease-out; background-color: currentColor; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; position: absolute; height: 40px; width: 40px; right: 40px; content: ""; top: 50%; } .notice-wrapper:hover { color: var(--white-color); } .notice-wrapper:hover:not(.empty):after { -webkit-transform: translate(25%, -50%); transform: translate(25%, -50%); } .notice-wrapper.empty:after { -webkit-mask-image: url("/local/templates/charutti_main/static/layout/css/../media/question.svg"); mask-image: url("/local/templates/charutti_main/static/layout/css/../media/question.svg"); } .notice-wrapper.error { background-color: var(--error-color); } .notice-wrapper.error:after { -webkit-mask-image: url("/local/templates/charutti_main/static/layout/css/../media/info.svg"); mask-image: url("/local/templates/charutti_main/static/layout/css/../media/info.svg"); } .notice-wrapper.success { background-color: var(--success-color); } .notice-wrapper.success:after { -webkit-mask-image: url("/local/templates/charutti_main/static/layout/css/../media/check.svg"); mask-image: url("/local/templates/charutti_main/static/layout/css/../media/check.svg"); } .d-none { display: none !important; } @media (min-width: 992px) { .d-md-none { display: none; } } @media (max-width: 992px) { .d-md-max-none { display: none; } } @media (max-width: 768px) { .scroll-up__wrapper .scroll-up-card { top: calc(100dvh - 156px); } } .content-grid .sticky-buttons { top: calc(100dvh - (148px + var(--attention-height))); } @media (max-width: 575px) { .content-grid .sticky-buttons { top: calc(100dvh - (120px + var(--attention-height))); } } .attention-block { position: fixed; top: 0; left: 0; max-width: 100%; pointer-events: all; min-height: 45px; z-index: 10; } @media (max-width: 786px) { .attention-block { min-height: 36px; } } .attention-slider { min-height: inherit; width: 100%; } .attention-slider .swiper-wrapper { min-height: inherit; } .attention-slide { background-color: var(--slide-color, --primary-color); -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; color: var(--white-color); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; min-height: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-block: 6px; font-size: 20px; line-height: 1.6; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin: 0; } @media (max-width: 767px) { .attention-slide { font-size: 18px; line-height: 1.3; } } .attention-slide:hover { color: var(--white-color); opacity: 0.9; } .attention-slide[href="javascript:void(0);"], .attention-slide[href="javascript:void(0);"]:hover { pointer-events: none; cursor: default; opacity: 1; } .attention-slide__text { text-overflow: ellipsis; overflow: hidden; padding-inline: var(--padding-inline); } .loading { position: relative; z-index: 1; } .loading:after { background-image: url("/local/templates/charutti_main/static/layout/css/../media/loading.gif"); background-repeat: no-repeat; background-position: center; background-color: inherit; background-size: 40px; position: absolute; height: 100%; width: 100%; content: ""; z-index: 2; left: 0; top: 0; } @media (max-width: 767px) { .desktop-only { display: none; } } .desktop-only + .cart-detail-success__action { margin-top: 40px; } @media (min-width: 768px) { .mobile-only { display: none; } } .preview-page { margin-bottom: 80px; } @media (max-width: 992px) { .preview-page { margin-bottom: 60px; } } .preview-banner-title { font-family: "Playfair Display", sans-serif; font-weight: 500; font-style: Italic; font-size: clamp(32px, 4.175vw, 80px); line-height: 1.2; } @media (max-width: 768px) { .preview-banner-title { font-style: normal; font-weight: 400; } } .preview-banner-link { text-decoration: none; gap: 10px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr; grid-template-columns: repeat(12, 1fr); } .preview-banner-link:not(:last-child) { margin-bottom: clamp(60px, 4.175vw, 80px); } .preview-banner-link .preview-banner-title { overflow-wrap: break-word; max-width: 480px; } .preview-banner-link .preview-banner-img { max-height: 528px; max-width: 1070px; width: 100%; -ms-grid-column: -1; grid-column-start: -1; grid-column-end: 5; } .preview-banner-link .preview-banner-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 530px; width: 100%; margin-bottom: 20px; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 4; grid-column-end: 5; } @media (max-width: 768px) { .preview-banner-link .preview-banner-wrapper { max-width: unset; } } .preview-banner-link .preview-banner-wrapper:after { background: url("/local/templates/charutti_main/static/layout/css/../media/long-arrow.svg") right center no-repeat; background-size: contain; position: absolute; display: block; height: 16px; width: 100%; content: ""; top: 100%; right: 0; } .preview-banner-link--reverse .preview-banner-img { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 8; grid-column-end: 9; } .preview-banner-link--reverse .preview-banner-title { -ms-flex-item-align: end; align-self: flex-end; } .preview-banner-link--reverse .preview-banner-wrapper { -ms-grid-column: -1; grid-column-start: -1; grid-column-end: 9; } .preview-banner-link--reverse .preview-banner-wrapper:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 768px) { .preview-banner-link { 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: start; -ms-flex-align: start; align-items: flex-start; } .preview-banner-link .preview-banner-img { margin-left: calc(var(--padding-inline) * -1); width: calc(100% + (var(--padding-inline) * 2)); } .preview-banner-link--reverse .preview-banner-wrapper { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .preview-banner-link--reverse .preview-banner-wrapper:after { -webkit-transform: rotate(0); transform: rotate(0); } .preview-banner-link--reverse .preview-banner-title { -ms-flex-item-align: start; align-self: flex-start; } } .preview-page .btn { min-width: 381px; } @media (max-width: 768px) { .preview-page .btn { min-width: unset; } } .row { -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .row.row-climbs { margin-right: calc(-1 * var(--padding-side)); margin-left: calc(-1 * var(--padding-side)); } .row.row-climbs > [class*="col-"] { padding: 0 var(--padding-side); } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; width: 91.66666667%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; width: 83.33333333%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; width: 75%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; width: 66.66666667%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; width: 58.33333333%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; width: 41.66666667%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; width: 33.33333333%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; width: 16.66666667%; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; width: 8.33333333%; } @media screen and (min-width: 576px) { .col-xs-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } .col-xs-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; width: 91.66666667%; } .col-xs-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; width: 83.33333333%; } .col-xs-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; width: 75%; } .col-xs-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; width: 66.66666667%; } .col-xs-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; width: 58.33333333%; } .col-xs-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } .col-xs-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; width: 41.66666667%; } .col-xs-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; width: 33.33333333%; } .col-xs-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; } .col-xs-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; width: 16.66666667%; } .col-xs-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; width: 8.33333333%; } } @media screen and (min-width: 768px) { .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; width: 91.66666667%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; width: 83.33333333%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; width: 75%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; width: 66.66666667%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; width: 58.33333333%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; width: 41.66666667%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; width: 33.33333333%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; width: 16.66666667%; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; width: 8.33333333%; } } @media screen and (min-width: 992px) { .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; width: 91.66666667%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; width: 83.33333333%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; width: 75%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; width: 66.66666667%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; width: 58.33333333%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; width: 41.66666667%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; width: 33.33333333%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; width: 16.66666667%; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; width: 8.33333333%; } } @media screen and (min-width: 1200px) { .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; width: 91.66666667%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; width: 83.33333333%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; width: 75%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; width: 66.66666667%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; width: 58.33333333%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; width: 41.66666667%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; width: 33.33333333%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; width: 16.66666667%; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; width: 8.33333333%; } } @media screen and (min-width: 1400px) { .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; width: 91.66666667%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; width: 83.33333333%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; width: 75%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; width: 66.66666667%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; width: 58.33333333%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; width: 41.66666667%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; width: 33.33333333%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; width: 16.66666667%; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; width: 8.33333333%; } } @supports (display: grid) { .content-grid { display: -ms-grid; display: grid; position: relative; -ms-grid-columns: [full-width-start] 0 [col-1-3-start] 0 [col-1-2-start] 0 [col-1-1-start] var(--column-size) [col-1-1-end] 0 [col-2-2-start] 0 [col-2-1-start] var(--column-size) [col-2-1-end] 0 [col-1-2-end] 0 [col-3-1-start] var(--column-size) [col-3-1-end] 0 [col-2-2-end] 0 [col-1-3-end] 0 [full-width-end]; grid-template-columns: [full-width-start] 0 [col-1-3-start] 0 [col-1-2-start] 0 [col-1-1-start] var( --column-size ) [col-1-1-end] 0 [col-2-2-start] 0 [col-2-1-start] var( --column-size ) [col-2-1-end] 0 [col-1-2-end] 0 [col-3-1-start] var( --column-size ) [col-3-1-end] 0 [col-2-2-end] 0 [col-1-3-end] 0 [full-width-end]; } .content-grid > .col-1-1, .full-width > .col-1-1 { grid-column: col-1-1; } .content-grid > .col-2-1, .full-width > .col-2-1 { grid-column: col-2-1; } .content-grid > .col-3-1, .full-width > .col-3-1 { grid-column: col-3-1; } .content-grid > .col-1-2, .full-width > .col-1-2 { grid-column: col-1-2; } .content-grid > .col-2-2, .full-width > .col-2-2 { grid-column: col-2-2; } .content-grid > .col-1-3, .full-width > .col-1-3 { padding: 0 var(--padding-inline); grid-column: col-1-3; } .content-grid > .full-width, .full-width > .full-width { -ms-grid-columns: inherit; grid-template-columns: inherit; grid-column: full-width; padding-bottom: 80px; display: -ms-grid; display: grid; width: 100%; } img.full-width, picture.full-width > img:not(.breakout, .full-width) { grid-column: full-width; width: 100%; } img.full-width:not(.m-0), picture.full-width > img:not(.breakout, .full-width, .m-0) { margin-bottom: var(--padding-inline); margin-top: var(--padding-inline); } .content-static { display: -ms-grid; display: grid; -ms-grid-columns: [full-width-start] 0 [content-start] 1fr [content-end] 0 [full-width-end]; grid-template-columns: [full-width-start] 0 [content-start] 1fr [content-end] 0 [full-width-end]; } .content-static > :not(.full-width, .breadcrumbs) { -webkit-margin-start: auto; margin-inline-start: auto; -webkit-margin-end: auto; margin-inline-end: auto; grid-column: content; max-width: 1070px; width: 100%; } .content-lk { -ms-grid-columns: [full-width-start] 0 [aside-start] var(--aside-size) [aside-end] 10px [main-start] 1fr [main-end] 0 [full-width-end]; grid-template-columns: [full-width-start] 0 [aside-start] var( --aside-size ) [aside-end] 10px [main-start] 1fr [main-end] 0 [full-width-end]; } @media (min-width: 768px) { .content-lk { display: -ms-grid; display: grid; } } .content-lk > .aside-section { grid-column: aside; } .content-lk > .main-section { grid-column: main; @media (max-width: 991px) { overflow: hidden; } } .content-lk > .breadcrumbs, .content-lk > .full-width, .content-static > .breadcrumbs, .content-static > .full-width { grid-column: full-width; } } .card-modal .btn, .card-modal .btn:is(a), .card-modal .btn:link, .modals .btn, .modals .btn:is(a), .modals .btn:link, .preview-page .btn, .preview-page .btn:is(a), .preview-page .btn:link, footer .btn, footer .btn:is(a), footer .btn:link, header .btn, header .btn:is(a), header .btn:link, main .btn, main .btn:is(a), main .btn:link { -webkit-transition: background-color 150ms ease-out, color 150ms ease-out; transition: background-color 150ms ease-out, color 150ms ease-out; padding: 0 clamp(20px, 2.625vw, 50px); background-color: var(--text-color); border: 1px solid var(--text-color); color: var(--white-color); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-decoration: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; position: relative; line-height: 1.6; font-weight: 400; overflow: hidden; font-size: 24px; height: 60px; z-index: 1; } @media (min-width: 992px) { .card-modal .btn:is(a):not(:disabled, .disabled), .card-modal .btn:link:not(:disabled, .disabled), .card-modal .btn:not(:disabled, .disabled), .modals .btn:is(a):not(:disabled, .disabled), .modals .btn:link:not(:disabled, .disabled), .modals .btn:not(:disabled, .disabled), .preview-page .btn:is(a):not(:disabled, .disabled), .preview-page .btn:link:not(:disabled, .disabled), .preview-page .btn:not(:disabled, .disabled), footer .btn:is(a):not(:disabled, .disabled), footer .btn:link:not(:disabled, .disabled), footer .btn:not(:disabled, .disabled), header .btn:is(a):not(:disabled, .disabled), header .btn:link:not(:disabled, .disabled), header .btn:not(:disabled, .disabled), main .btn:is(a):not(:disabled, .disabled), main .btn:link:not(:disabled, .disabled), main .btn:not(:disabled, .disabled) { cursor: pointer; } .card-modal .btn:is(a):not(:disabled, .disabled):hover, .card-modal .btn:link:not(:disabled, .disabled):hover, .card-modal .btn:not(:disabled, .disabled):hover, .modals .btn:is(a):not(:disabled, .disabled):hover, .modals .btn:link:not(:disabled, .disabled):hover, .modals .btn:not(:disabled, .disabled):hover, .preview-page .btn:is(a):not(:disabled, .disabled):hover, .preview-page .btn:link:not(:disabled, .disabled):hover, .preview-page .btn:not(:disabled, .disabled):hover, footer .btn:is(a):not(:disabled, .disabled):hover, footer .btn:link:not(:disabled, .disabled):hover, footer .btn:not(:disabled, .disabled):hover, header .btn:is(a):not(:disabled, .disabled):hover, header .btn:link:not(:disabled, .disabled):hover, header .btn:not(:disabled, .disabled):hover, main .btn:is(a):not(:disabled, .disabled):hover, main .btn:link:not(:disabled, .disabled):hover, main .btn:not(:disabled, .disabled):hover { background-color: var(--dark-color); } } .card-modal .btn.btn-gray, .card-modal .btn:is(a).btn-gray, .card-modal .btn:link.btn-gray, .modals .btn.btn-gray, .modals .btn:is(a).btn-gray, .modals .btn:link.btn-gray, .preview-page .btn.btn-gray, .preview-page .btn:is(a).btn-gray, .preview-page .btn:link.btn-gray, footer .btn.btn-gray, footer .btn:is(a).btn-gray, footer .btn:link.btn-gray, header .btn.btn-gray, header .btn:is(a).btn-gray, header .btn:link.btn-gray, main .btn.btn-gray, main .btn:is(a).btn-gray, main .btn:link.btn-gray { background-color: var(--gray-color); } .card-modal .btn.btn-white, .card-modal .btn:is(a).btn-white, .card-modal .btn:link.btn-white, .modals .btn.btn-white, .modals .btn:is(a).btn-white, .modals .btn:link.btn-white, .preview-page .btn.btn-white, .preview-page .btn:is(a).btn-white, .preview-page .btn:link.btn-white, footer .btn.btn-white, footer .btn:is(a).btn-white, footer .btn:link.btn-white, header .btn.btn-white, header .btn:is(a).btn-white, header .btn:link.btn-white, main .btn.btn-white, main .btn:is(a).btn-white, main .btn:link.btn-white { background-color: var(--white-color); border-color: var(--text-color); color: var(--text-color); } @media (min-width: 992px) { .card-modal .btn.btn-white:not(:disabled, .disabled):hover, .card-modal .btn:is(a).btn-white:not(:disabled, .disabled):hover, .card-modal .btn:link.btn-white:not(:disabled, .disabled):hover, .modals .btn.btn-white:not(:disabled, .disabled):hover, .modals .btn:is(a).btn-white:not(:disabled, .disabled):hover, .modals .btn:link.btn-white:not(:disabled, .disabled):hover, .preview-page .btn.btn-white:not(:disabled, .disabled):hover, .preview-page .btn:is(a).btn-white:not(:disabled, .disabled):hover, .preview-page .btn:link.btn-white:not(:disabled, .disabled):hover, footer .btn.btn-white:not(:disabled, .disabled):hover, footer .btn:is(a).btn-white:not(:disabled, .disabled):hover, footer .btn:link.btn-white:not(:disabled, .disabled):hover, header .btn.btn-white:not(:disabled, .disabled):hover, header .btn:is(a).btn-white:not(:disabled, .disabled):hover, header .btn:link.btn-white:not(:disabled, .disabled):hover, main .btn.btn-white:not(:disabled, .disabled):hover, main .btn:is(a).btn-white:not(:disabled, .disabled):hover, main .btn:link.btn-white:not(:disabled, .disabled):hover { background-color: var(--white-color); border-color: var(--dark-color); color: var(--dark-color); } } .card-modal .btn.btn-wide, .card-modal .btn:is(a).btn-wide, .card-modal .btn:link.btn-wide, .modals .btn.btn-wide, .modals .btn:is(a).btn-wide, .modals .btn:link.btn-wide, .preview-page .btn.btn-wide, .preview-page .btn:is(a).btn-wide, .preview-page .btn:link.btn-wide, footer .btn.btn-wide, footer .btn:is(a).btn-wide, footer .btn:link.btn-wide, header .btn.btn-wide, header .btn:is(a).btn-wide, header .btn:link.btn-wide, main .btn.btn-wide, main .btn:is(a).btn-wide, main .btn:link.btn-wide { width: 100%; } @media (max-width: 575px) { .card-modal .btn.btn-sm-wide, .card-modal .btn:is(a).btn-sm-wide, .card-modal .btn:link.btn-sm-wide, .modals .btn.btn-sm-wide, .modals .btn:is(a).btn-sm-wide, .modals .btn:link.btn-sm-wide, .preview-page .btn.btn-sm-wide, .preview-page .btn:is(a).btn-sm-wide, .preview-page .btn:link.btn-sm-wide, footer .btn.btn-sm-wide, footer .btn:is(a).btn-sm-wide, footer .btn:link.btn-sm-wide, header .btn.btn-sm-wide, header .btn:is(a).btn-sm-wide, header .btn:link.btn-sm-wide, main .btn.btn-sm-wide, main .btn:is(a).btn-sm-wide, main .btn:link.btn-sm-wide { width: 100%; } } .card-modal .btn.disabled, .card-modal .btn:disabled, .card-modal .btn:is(a).disabled, .card-modal .btn:is(a):disabled, .card-modal .btn:link.disabled, .card-modal .btn:link:disabled, .modals .btn.disabled, .modals .btn:disabled, .modals .btn:is(a).disabled, .modals .btn:is(a):disabled, .modals .btn:link.disabled, .modals .btn:link:disabled, .preview-page .btn.disabled, .preview-page .btn:disabled, .preview-page .btn:is(a).disabled, .preview-page .btn:is(a):disabled, .preview-page .btn:link.disabled, .preview-page .btn:link:disabled, footer .btn.disabled, footer .btn:disabled, footer .btn:is(a).disabled, footer .btn:is(a):disabled, footer .btn:link.disabled, footer .btn:link:disabled, header .btn.disabled, header .btn:disabled, header .btn:is(a).disabled, header .btn:is(a):disabled, header .btn:link.disabled, header .btn:link:disabled, main .btn.disabled, main .btn:disabled, main .btn:is(a).disabled, main .btn:is(a):disabled, main .btn:link.disabled, main .btn:link:disabled { background-color: var(--lightest-color); border-color: var(--lightest-color); color: var(--light-color); pointer-events: none; cursor: not-allowed; } .card-modal .btn-block, .modals .btn-block, .preview-page .btn-block, footer .btn-block, header .btn-block, main .btn-block { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .card-modal .btn-block.center, .modals .btn-block.center, .preview-page .btn-block.center, footer .btn-block.center, header .btn-block.center, main .btn-block.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; row-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .form-group.form-group__footer { gap: 40px; } .form-group:not(:last-child) { margin-bottom: 40px; } .form-group.free { position: relative; } .form-group.free svg { position: absolute; z-index: 1; bottom: 0; right: 3%; } .form-group.has-error .form-control { border-color: var(--error-color); color: var(--error-color); } .form-group.has-error .form-callback { color: var(--error-color); } .input-group { -webkit-column-gap: var(--gap, 0); -moz-column-gap: var(--gap, 0); column-gap: var(--gap, 0); -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .form-label { display: block; margin: 0; } .control-label { font-size: 20px; } .form-callback { pointer-events: none; position: absolute; line-height: 1.5; font-weight: 400; margin-top: 5px; font-size: 14px; max-width: 100%; color: inherit; top: 100%; left: 0; } .form-callback:empty { display: none; } textarea { height: 142px; resize: none; } textarea.form-control { min-height: 142px; } .form-control, .select2.select2-container .select2-selection { -webkit-transition: border-color 150ms ease-out; transition: border-color 150ms ease-out; border: 1px solid rgba(0, 0, 0, 0.1); font-family: inherit; padding: 15px 20px; line-height: 1.35; border-radius: 0; font-size: 18px; display: block; color: inherit; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; outline: none; height: auto; } .form-control:focus, .select2.select2-container .select2-selection:focus { border-color: rgba(0, 0, 0, 0.3); } .form-control::-webkit-input-placeholder, .select2.select2-container .select2-selection::-webkit-input-placeholder { font-weight: 300; } .form-control::-moz-placeholder, .select2.select2-container .select2-selection::-moz-placeholder { font-weight: 300; } .form-control:-ms-input-placeholder, .select2.select2-container .select2-selection:-ms-input-placeholder { font-weight: 300; } .form-control::-ms-input-placeholder, .select2.select2-container .select2-selection::-ms-input-placeholder { font-weight: 300; } .form-control:-moz-placeholder, .select2.select2-container .select2-selection:-moz-placeholder { font-weight: 300; } .form-control:-ms-input-placeholder, .select2.select2-container .select2-selection:-ms-input-placeholder { font-weight: 300; } .form-control::placeholder, .form-control:placeholder-shown, .select2.select2-container .select2-selection::placeholder, .select2.select2-container .select2-selection:placeholder-shown { font-weight: 300; } .select2-container { display: block; } .select2-container.select2 .select2-selection.select2-selection--multiple .select2-selection__rendered, .select2-container.select2 .select2-selection.select2-selection--single .select2-selection__rendered { line-height: 20px; color: inherit; padding: 0; } .select2-container.select2 .select2-selection.select2-selection--multiple .select2-selection__arrow, .select2-container.select2 .select2-selection.select2-selection--single .select2-selection__arrow { height: 100%; } .select2-container.select2 .select2-selection.select2-selection--multiple .select2-selection__arrow b, .select2-container.select2 .select2-selection.select2-selection--single .select2-selection__arrow b { border-bottom-color: currentColor; border-top-color: currentColor; border-width: 8px 6px 0; margin-left: -6px; margin-top: -4px; } .select2-container.select2.select2-container--open .select2-selection .select2-selection__arrow b { border-width: 0 6px 8px; } .select2-container.select2-container--focus .select2-selection { border-color: var(--text-color); } .select2-container:not(.select2) { min-width: calc(100% + 10px); right: 10px !important; left: -12px !important; top: 100% !important; display: -webkit-box; display: -ms-flexbox; display: flex; } .select2-container:not(.select2) .select2-dropdown { border-color: rgba(0, 0, 0, 0.1); border-top-style: solid; width: auto !important; border-top-width: 1px; border-radius: 0; min-width: 100%; z-index: 3; } .select2-container:not(.select2) .select2-results__options { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr; grid-template-columns: repeat(2, 1fr); row-gap: 15px; scrollbar-width: thin; padding: 20px 40px; max-height: 549px; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .select2-container:not(.select2) .select2-results__option { white-space: nowrap; line-height: 27px; font-size: 18px; padding: 0; margin: 0; } .select2-container:not(.select2) .select2-results__option.select2-results__option--highlighted { background-color: transparent; color: var(--primary-color); } .select2-container:not(.select2) .select2-results__option[aria-selected="true"] { background-color: transparent; color: var(--text-color); } .select2-container:not(.select2) .select2-results__option[aria-selected="true"].select2-results__option--highlighted { color: var(--primary-color); } .select2-container:not(.select2) .select2-results__option[aria-disabled="true"] { display: none; } .select2-container:not(.select2) .select2-results__option[aria-disabled="true"]:first-child + .select2-results__option { margin-top: 0; } .filter-sort .select2-container:not(.select2) .select2-results__options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 15px; } .form-checkbox .form-label { -webkit-transition: color 0.35s ease-out; transition: color 0.35s ease-out; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; line-height: 22px; font-size: 20px; cursor: pointer; gap: 10px; } .form-checkbox .form-label:before { border: 1px solid var(--gray-color); -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; -ms-flex-item-align: start; align-self: flex-start; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 3px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; height: 22px; width: 22px; content: ""; } .form-checkbox .form-label:after { -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); border: solid var(--white-color); -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; border-width: 0 1px 1px 0; position: absolute; margin: auto; height: 12px; content: ""; width: 8px; left: 7px; top: 3px; } .form-checkbox .form-label:hover:before { border-color: var(--gray-color); } .form-checkbox input { visibility: hidden; position: absolute; z-index: -1; height: 1px; width: 1px; left: 0; top: 0; } .form-checkbox input:disabled ~ .form-label:before { background: var(--light-color) !important; border-color: var(--light-color); pointer-events: none; } .form-checkbox input:checked ~ .form-label:before { border-color: var(--text-color); background: var(--text-color); } .form-checkbox input:checked ~ .form-label:after { -webkit-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } .fake-select { padding-right: 30px; position: relative; cursor: pointer; } .fake-select:after { border-color: currentColor transparent; border-width: 8px 6px 0; border-style: solid; position: absolute; content: ""; right: 6px; height: 0; top: 23px; width: 0; } .fake-select.open:after { border-width: 0 6px 8px; } .fake-select.open .fake-select__dropdown { display: block; } .fake-select__dropdown { background-color: var(--white-color); border: 1px solid rgba(0, 0, 0, 0.1); min-width: calc(100% + 24px); position: absolute; cursor: default; display: none; width: auto; left: -12px; z-index: 2; top: 100%; } .fake-select__wrapper { padding: 20px 40px; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } .fake-select__wrapper .form-group { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin: 0; } .fake-select__wrapper .form-control { border: 1px solid rgba(0, 0, 0, 0.1); width: 165px; } .fake-select label { cursor: pointer; } .password { position: relative; } .password.show .btn-password .btn-password__icons svg:first-child { opacity: 0; scale: 0; } .password.show .btn-password .btn-password__icons svg:last-child { opacity: 1; scale: 1; } .password .form-control { width: 100%; } .password .btn-password { all: unset; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto 0; width: 24px; height: 24px; } .password .btn-password:hover svg path { fill: var(--dark-color); } .password .btn-password .btn-password__icons { position: relative; height: inherit; width: inherit; display: block; } .password .btn-password .btn-password__icons svg { position: absolute; 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: scale 0.15s ease-out, opacity 0.15s ease-out; transition: scale 0.15s ease-out, opacity 0.15s ease-out; } .password .btn-password .btn-password__icons svg path { -webkit-transition: fill 0.35s ease-out; transition: fill 0.35s ease-out; } .password .btn-password .btn-password__icons svg:first-child { opacity: 1; scale: 1; } .password .btn-password .btn-password__icons svg:last-child { opacity: 0; scale: 0; } .form-radio { position: relative; } .form-radio input[type="radio"] { display: none; } .form-radio label { color: var(--text-color); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; padding-left: 32px; line-height: 1.6; font-size: 20px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; } .form-radio label .mute { color: var(--gray-color); line-height: 1.4; font-size: 16px; } .form-radio label .line { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; } .form-radio label:after, .form-radio label:before { -webkit-transition: background-color 150ms ease-out, border-color 150ms ease-out; transition: background-color 150ms ease-out, border-color 150ms ease-out; background-color: var(--white-color); border-radius: 50%; position: absolute; content: ""; } .form-radio label:before { border: 1px solid var(--gray-color); height: 22px; width: 22px; top: 5px; left: 0; } .form-radio label:after { height: 16px; width: 16px; left: 3px; top: 8px; } .form-radio input[type="radio"]:checked + label:before { border-color: var(--text-color); } .form-radio input[type="radio"]:checked + label:after { background-color: var(--text-color); } .sizes-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sizes-block .form-checkbox input:checked ~ .form-label { background-color: var(--primary-color); color: var(--white-color); } .sizes-block .form-checkbox .form-label { -webkit-transition: background-color 150ms ease-out, color 150ms ease-out; transition: background-color 150ms ease-out, color 150ms ease-out; border: 1px solid var(--gray-color); border-radius: 3px; padding: 8px; } .sizes-block .form-checkbox .form-label:after, .sizes-block .form-checkbox .form-label:before { display: none; } .social-links { margin-bottom: 35px; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } @media (max-width: 768px) { .social-links__wrapper { 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; } .social-links__wrapper .social-links { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .social-link { --cur-bg: var(--lighten-color); -webkit-transition: background-color 150ms ease-out, color 150ms ease-out; transition: background-color 150ms ease-out, color 150ms ease-out; background-color: var(--cur-bg); color: var(--text-color); } .social-link:is(:link, [href]):hover { --cur-bg: var(--dark-color); color: var(--white-color); } .social-link svg path:not([fill="var(--cur-bg)"]) { fill: currentColor; } header { pointer-events: none; position: absolute; z-index: 10; bottom: 0; right: 0; left: 0; top: 0; } header:has(.user-panel:hover) { z-index: 11; } header.bordered .header-wrapper { border-bottom-color: var(--lighten-color); background-color: var(--white-color); } header.bordered .header-wrapper .logo { color: var(--gray-color); } header .content { max-width: calc(1610px + (var(--padding-inline) * 2)); padding: 0 var(--padding-inline); } .header-wrapper { --shadow-color: transparent; --shadow-width: 0px; -webkit-box-shadow: 0 0 var(--shadow-width) calc(var(--shadow-width) / 3) var(--shadow-color); box-shadow: 0 0 var(--shadow-width) calc(var(--shadow-width) / 3) var(--shadow-color); -webkit-transition: background-color 250ms ease-in, -webkit-box-shadow 250ms ease-in; transition: background-color 250ms ease-in, -webkit-box-shadow 250ms ease-in; transition: box-shadow 250ms ease-in, background-color 250ms ease-in; transition: box-shadow 250ms ease-in, background-color 250ms ease-in, -webkit-box-shadow 250ms ease-in; border-bottom: 1px solid transparent; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; pointer-events: all; position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; right: 0; left: 0; top: var(--attention-block-height); z-index: 200; } .header-wrapper:has(.user-panel:hover) { -webkit-box-shadow: 0 0 var(--shadow-width) calc(var(--shadow-width) / 3) transparent; box-shadow: 0 0 var(--shadow-width) calc(var(--shadow-width) / 3) transparent; -webkit-transition: background-color 250ms ease-in, -webkit-box-shadow 0ms ease-in; transition: background-color 250ms ease-in, -webkit-box-shadow 0ms ease-in; transition: box-shadow 0ms ease-in, background-color 250ms ease-in; transition: box-shadow 0ms ease-in, background-color 250ms ease-in, -webkit-box-shadow 0ms ease-in; } .header-wrapper:before { background-color: var(--white-color); -webkit-transition: bottom 500ms ease-out; transition: bottom 500ms ease-out; position: absolute; bottom: 100%; content: ""; z-index: -1; right: 0; left: 0; top: 0; } .header-wrapper .logo { -webkit-transition: max-width 150ms ease, margin 500ms ease-out; transition: max-width 150ms ease, margin 500ms ease-out; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 258px; overflow: hidden; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-flex-negative: 0; flex-shrink: 0; margin-left: auto; } @media (min-width: 768px) { .header-wrapper .logo { margin-right: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 1200px) { .header-wrapper .logo { margin-left: unset; } } .header-wrapper .logo-desktop { display: block; } .header-wrapper .logo-desktop img { width: 193px; height: 60px; } @media (max-width: 767px) { .header-wrapper .logo-desktop { display: none; } } @media (min-width: 768px) { .header-wrapper .logo-mobile { display: none; } } .header-bottom, .header-top { -webkit-transition: max-height 500ms ease-out; transition: max-height 500ms ease-out; position: relative; max-height: 100px; overflow: hidden; z-index: 0; } @media (max-width: 767px) { .header-bottom, .header-top { display: none; } } .header-middle { -webkit-transition: -webkit-column-gap 250ms ease-out; transition: -webkit-column-gap 250ms ease-out; transition: column-gap 250ms ease-out; transition: column-gap 250ms ease-out, -webkit-column-gap 250ms ease-out, -moz-column-gap 250ms ease-out; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .header-middle { -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; padding-block: 5px; } } @media (max-width: 768px) { .header-middle--desktop { display: none; } } .header-middle--mobile { display: none; } @media (max-width: 768px) { .header-middle--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .header-actions { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-transition: width 250ms ease-out, -webkit-column-gap 250ms ease-out; transition: width 250ms ease-out, -webkit-column-gap 250ms ease-out; transition: width 250ms ease-out, column-gap 250ms ease-out; transition: width 250ms ease-out, column-gap 250ms ease-out, -webkit-column-gap 250ms ease-out, -moz-column-gap 250ms ease-out; width: 500px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-top .header-menu { padding-block: 2px; } .header-bottom .header-menu { white-space: nowrap; position: relative; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-block: 3px; } @media (min-width: 768px) { .header-bottom .header-menu { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } @media (min-width: 992px) { .header-bottom .header-menu { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } } .header-bottom .header-menu__item { line-height: 1.6; font-size: 14px; color: inherit; width: auto; } .header-bottom .header-menu__item.accent { font-weight: 600; } @media (min-width: 992px) { .header-bottom .header-menu__item { font-size: 20px; } .header-bottom .header-menu__item:before { -webkit-animation: menu-hover-out 150ms ease-out; animation: menu-hover-out 150ms ease-out; } .header-bottom .header-menu__item:hover:before { -webkit-animation: menu-hover-in 150ms ease-out forwards; animation: menu-hover-in 150ms ease-out forwards; } } html.menu-open .header-bottom .header-menu__item.submenu:before { -webkit-animation: menu-hover-in 150ms ease-out forwards; animation: menu-hover-in 150ms ease-out forwards; } .header-menu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: clamp(12px, 2vw, 24px); -moz-column-gap: clamp(12px, 2vw, 24px); column-gap: clamp(12px, 2vw, 24px); display: -webkit-box; display: -ms-flexbox; display: flex; } .header-menu .swiper-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 992px) { .header-menu .swiper-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .header-menu .swiper-box:has(.swiper-button-next.swiper-button-disabled) .swiper { -webkit-mask-image: none; mask-image: none; } .header-menu .swiper { -webkit-mask-image: -webkit-gradient( linear, left top, right top, color-stop(97%, #000000), color-stop(99%, transparent) ); -webkit-mask-image: linear-gradient(to right, #000000 97%, transparent 99%); mask-image: -webkit-gradient( linear, left top, right top, color-stop(97%, #000000), color-stop(99%, transparent) ); mask-image: linear-gradient(to right, #000000 97%, transparent 99%); max-width: calc(100% - 60px); } .header-menu .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto; } .header-menu .swiper-button-next, .header-menu .swiper-button-prev { -webkit-transition: -webkit-box-flex 150ms ease-in; transition: -webkit-box-flex 150ms ease-in; transition: flex 150ms ease-in; transition: flex 150ms ease-in, -webkit-box-flex 150ms ease-in, -ms-flex 150ms ease-in; -webkit-transition-delay: 250ms; transition-delay: 250ms; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1.6; overflow: hidden; font-size: 14px; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; margin: 0; left: 0; top: 0; } @media (min-width: 992px) { .header-menu .swiper-button-next, .header-menu .swiper-button-prev { font-size: 20px; } } .header-menu .swiper-button-next:after, .header-menu .swiper-button-prev:after { display: none; } .header-menu .swiper-button-next.swiper-button-disabled, .header-menu .swiper-button-prev.swiper-button-disabled { -webkit-box-flex: 0; -ms-flex: 0 0 0px; flex: 0 0 0; } .header-menu .swiper-button-next svg, .header-menu .swiper-button-prev svg { -webkit-transition: -webkit-transform 150ms ease-out; transition: -webkit-transform 150ms ease-out; transition: transform 150ms ease-out; transition: transform 150ms ease-out, -webkit-transform 150ms ease-out; } .header-menu .swiper-button-prev { padding-left: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 32px; flex: 0 0 32px; } .header-menu .swiper-button-prev:hover svg { -webkit-transform: translateX(-8px) translateZ(0); transform: translateX(-8px) translateZ(0); } .header-menu .swiper-button-next { -webkit-box-flex: 0; -ms-flex: 0 0 79px; flex: 0 0 79px; } .header-menu .swiper-button-next:hover svg { -webkit-transform: translateX(10%) translateZ(0); transform: translateX(10%) translateZ(0); } .header-menu__item { -webkit-transition: color 150ms ease-out; transition: color 150ms ease-out; color: var(--gray-color); text-decoration: none; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; } @media (min-width: 992px) { .header-menu__item { font-size: 14px; } } .header-menu__item:before { -webkit-transition: width 150ms ease-out, margin-left 150ms ease-out; transition: width 150ms ease-out, margin-left 150ms ease-out; background-color: currentColor; pointer-events: none; position: absolute; content: ""; height: 2px; z-index: 0; bottom: 0; width: 0; left: 0; } .header-menu__item.active { color: var(--dark-color); } .header-menu__item.submenu { background: none; border: none; padding: 0; cursor: pointer; -webkit-transition: border-right-color 250ms ease-out; transition: border-right-color 250ms ease-out; border-right: 1px solid transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } .header-menu__item.submenu.active svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .header-menu__item.submenu.bordered { border-right-color: rgba(39, 35, 36, 0.6); } .header-menu__item a { text-decoration: none; } .header-menu__item svg { -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .sandwich { -webkit-transition: width 250ms ease-out, -webkit-box-flex 250ms ease-out; transition: width 250ms ease-out, -webkit-box-flex 250ms ease-out; transition: flex 250ms ease-out, width 250ms ease-out; transition: flex 250ms ease-out, width 250ms ease-out, -webkit-box-flex 250ms ease-out, -ms-flex 250ms ease-out; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; color: inherit; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 30px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .sandwich.sandwich-blocked { pointer-events: none; } @media (min-width: 768px) and (max-width: 991px) { .sandwich { display: none; } } @media (min-width: 992px) { .sandwich { pointer-events: none; -webkit-box-flex: 0; -ms-flex: 0 1 500px; flex: 0 1 500px; opacity: 0; } } .sandwich svg { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; height: 24px; width: 30px; margin: 0; } .search-panel__form { -webkit-transition: width 250ms ease-out, -webkit-column-gap 250ms ease-out; transition: width 250ms ease-out, -webkit-column-gap 250ms ease-out; transition: width 250ms ease-out, column-gap 250ms ease-out; transition: width 250ms ease-out, column-gap 250ms ease-out, -webkit-column-gap 250ms ease-out, -moz-column-gap 250ms ease-out; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-height: 44px; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 44px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 768px) { .search-panel__form { min-height: 60px; width: 68px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .search-panel { -webkit-transition: border-color 250ms ease-out; transition: border-color 250ms ease-out; border: 1px solid transparent; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 66px; cursor: pointer; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0; } @media (min-width: 992px) { .search-panel:hover .search-panel__icon svg { stroke-width: 1px; } } .search-panel__icon { -webkit-transition: width 250ms ease-out, margin 250ms ease-out, padding 250ms ease-out, -webkit-box-flex 250ms ease-out; transition: width 250ms ease-out, margin 250ms ease-out, padding 250ms ease-out, -webkit-box-flex 250ms ease-out; transition: width 250ms ease-out, flex 250ms ease-out, margin 250ms ease-out, padding 250ms ease-out; transition: width 250ms ease-out, flex 250ms ease-out, margin 250ms ease-out, padding 250ms ease-out, -webkit-box-flex 250ms ease-out, -ms-flex 250ms ease-out; cursor: pointer; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 36px; flex: 0 0 36px; width: 36px; padding: 0; } @media (min-width: 768px) { .search-panel__icon { margin: -21px -15px; padding: 20px 15px; -webkit-box-flex: 0; -ms-flex: 0 0 68px; flex: 0 0 68px; width: 68px; } } .search-panel__icon svg { -webkit-transition: stroke-width 150ms ease-out; transition: stroke-width 150ms ease-out; pointer-events: none; stroke: currentColor; stroke-width: 0; width: 100%; } .search-panel__input { -webkit-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out; background-color: transparent; pointer-events: none; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; outline: none; border: none; width: 100%; padding: 0; opacity: 0; } .search-panel__button { -webkit-transition: width 250ms ease-out, -webkit-box-flex 250ms ease-out; transition: width 250ms ease-out, -webkit-box-flex 250ms ease-out; transition: width 250ms ease-out, flex 250ms ease-out; transition: width 250ms ease-out, flex 250ms ease-out, -webkit-box-flex 250ms ease-out, -ms-flex 250ms ease-out; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 0px; flex: 0 0 0; width: 0; } .user-panel { -webkit-transition: max-width 250ms ease-out; transition: max-width 250ms ease-out; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; max-width: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media (min-width: 768px) { .user-panel:not(a, :link):hover .user-panel__triangle { border-bottom: 8px solid currentColor; border-top: 2px solid transparent; } .user-panel:not(a, :link):hover .user-panel__dropdown { pointer-events: all; max-height: 350px; opacity: 1; } .user-panel:not(:link) { width: 200px; } } .user-panel__wrapper { text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; overflow: hidden; cursor: pointer; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } @media (min-width: 768px) { .user-panel__wrapper { pointer-events: none; } } .user-panel__icon { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 39px; flex: 0 0 39px; z-index: 1; } @media (min-width: 768px) { .user-panel__icon { pointer-events: none; } } .user-panel__text { text-overflow: ellipsis; pointer-events: none; white-space: nowrap; position: relative; font-weight: 300; max-width: 100px; overflow: hidden; z-index: 1; } @media (max-width: 767px) { .user-panel__text { display: none; } } .user-panel__triangle { border-bottom: 2px solid transparent; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 8px solid currentColor; vertical-align: baseline; position: relative; margin-left: 5px; display: none; z-index: 1; } @media (min-width: 768px) { .user-panel__triangle { display: inline-block; } } .user-panel__dropdown { -webkit-transition: opacity 150ms ease-out, max-height 250ms ease-out; transition: opacity 150ms ease-out, max-height 250ms ease-out; -webkit-box-shadow: 0 10px 20px 20px #0000001a; box-shadow: 0 10px 20px 20px #0000001a; outline: 20px solid var(--white-color); background-color: var(--white-color); pointer-events: none; padding: 68px 0 20px; position: absolute; overflow: hidden; max-height: 0; opacity: 0; z-index: 0; right: 0; left: 0; top: 0; } .user-panel__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: 8px; } .user-panel__list-item:empty { background-color: var(--lighten-color); height: 1px; } .user-panel__link, .user-panel__list-item .form-group { text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.6; font-weight: 400; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; font-size: 20px; padding: 8px 0; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 992px) { .user-panel__link:hover, .user-panel__list-item .form-group:hover { color: var(--gray-color); } } .user-panel__link svg, .user-panel__list-item .form-group svg { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; height: 24px; width: 24px; margin: 0; } .user-panel__list-item .form-checkbox { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-height: 48px; } .user-panel__list-item .form-checkbox .form-label { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; width: 176px; } .user-panel__list-item .form-checkbox .form-label:after { right: 7px; left: auto; } .cart-panel { -webkit-transition: max-width 250ms ease-out; transition: max-width 250ms ease-out; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .cart-panel__wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -7px -4px; padding: 0 7px 4px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; overflow: hidden; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } @media (min-width: 768px) { .cart-panel__wrapper { padding: 0; margin: 0; } } .cart-panel__icon { pointer-events: none; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; } .cart-panel__badge { background: var(--text-color); -webkit-transform: translate(0, -65%); transform: translate(0, -65%); color: var(--white-color); pointer-events: none; border-radius: 23px; text-align: center; position: absolute; line-height: 16px; font-size: 11px; min-width: 16px; padding: 0 4px; height: 16px; right: -7px; top: 100%; } @media (min-width: 768px) { .cart-panel__badge { -webkit-transform: translate(-50%, -55%); transform: translate(-50%, -55%); padding: 0 3px 0 4px; line-height: 22px; font-size: 14px; min-width: 22px; height: 22px; right: auto; left: 100%; } } .cart-panel__text { pointer-events: none; white-space: nowrap; font-weight: 300; } @media (max-width: 767px) { .cart-panel__text { display: none; } } .header-search, .header-submenu { -webkit-transition: height 150ms ease-out; transition: height 150ms ease-out; -webkit-transition-delay: 0ms; transition-delay: 0ms; position: relative; overflow: hidden; height: 0; } .header-search .content, .header-submenu .content { position: relative; } .header-search .content.wide, .header-submenu .content.wide { z-index: 2; } .header-search .content:not(.wide), .header-submenu .content:not(.wide) { padding: 0 calc(var(--padding-inline) * 2); padding-top: 20px; max-width: 1690px; overflow: hidden; height: 100%; } .header-search .close, .header-submenu .close { position: absolute; right: 35px; top: 20px; } .header-submenu__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 58px; } .header-submenu__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-submenu__area { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; } @media (max-width: 992px) { .header-submenu__area { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .header-submenu__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: 8px; } .header-submenu__list .header-submenu__list .header-submenu__item { -ms-flex-item-align: start; align-self: flex-start; } .header-submenu__list .header-submenu__list .header-submenu__link { color: var(--gray-color); line-height: 27px; font-weight: 400; font-size: 18px; } .header-submenu__link { color: var(--text-color); text-decoration: none; line-height: 32px; padding: 5px 24px; min-height: 43px; font-weight: 400; font-size: clamp(16px, 1.1vw, 20px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } .header-submenu__link svg { -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 992px) { .header-submenu__link.hover ~ .header-submenu__preview { pointer-events: all; opacity: 1; } } .header-submenu__preview, .header-submenu__preview-banner { -webkit-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out; pointer-events: none; position: absolute; width: calc(100% - (64% + (var(--padding-inline) * 2) + 45px + 10px)); display: block; right: calc((var(--padding-inline) * 2) + 45px); opacity: 0; top: 20px; } @media (max-width: 1200px) { .header-submenu__preview, .header-submenu__preview-banner { right: 55px; } } .header-submenu__preview .catalog-item[data-col], .header-submenu__preview-banner .catalog-item[data-col] { width: 100%; } .header-submenu__preview .catalog-item__add-to-cart, .header-submenu__preview .view-card, .header-submenu__preview-banner .catalog-item__add-to-cart, .header-submenu__preview-banner .view-card { display: none; } @media (min-width: 992px) { .header-submenu__preview-banner.active { opacity: 1; pointer-events: all; } } .header-search { background-color: var(--white-color); position: relative; z-index: 11; } @media (min-width: 768px) { .header-search { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); } } .header-search__wrapper { padding: 40px calc(var(--padding-inline) + 34px) calc(var(--padding-inline) + 40px) 322px; scrollbar-color: var(--primary-color) var(--white-color); scrollbar-gutter: stable; scrollbar-width: thin; max-height: 100%; overflow: auto; } .header-search__wrapper::-webkit-scrollbar { background-color: var(--white-color); width: 9px; } .header-search__wrapper::-webkit-scrollbar-track { background: transparent; } .header-search__wrapper::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 0 calc(9px / 5) var(--white-color); box-shadow: inset 0 0 0 calc(9px / 5) var(--white-color); background: var(--primary-color); border-radius: 9px; } @media (max-width: 991px) { .header-search__wrapper { padding: 40px var(--padding-inline) calc(var(--padding-inline) + 40px); } } @media (max-width: 767px) { .header-search__wrapper { padding: 40px 0 calc(var(--padding-inline) + 40px); } .header-search__wrapper .arrow-title__wrapper:after { display: none; } } @media (min-width: 768px) { .header-search__wrapper { border-top: 1px solid rgba(0, 0, 0, 0.1); } } @media (min-width: 768px) { .header-search__wrapper.no-history { padding-left: calc(var(--padding-inline) + 34px); } } .header-search__wrapper.no-history .arrow-title__wrapper { padding-right: 0; } @media (min-width: 992px) { .header-search__wrapper.no-history .arrow-title { padding-top: 250px; text-align: right; } } .header-search__wrapper .row-climbs { --padding-side: 12px; margin: 0; } @media (min-width: 768px) { .header-search__wrapper .row-climbs { --padding-side: 60px; } } .header-search__wrapper .catalog-list { max-width: 1200px; } .header-search__wrapper .catalog-list .catalog-item[data-col="1"] { width: calc(50% - 5px); } @media (max-width: 767px) { .header-search__wrapper .catalog-list .catalog-item[data-col="1"] { width: 100%; } } .header-search__wrapper .catalog-item__add-to-cart { display: none; } @media (max-width: 767px) { .header-search__wrapper .btn-block { padding: 0 var(--padding-inline); } .header-search__wrapper .btn { width: 100%; } } @-webkit-keyframes menu-hover-in { 0% { margin-left: 0; width: 0; } to { width: 100%; margin-left: 0; } } @keyframes menu-hover-in { 0% { margin-left: 0; width: 0; } to { width: 100%; margin-left: 0; } } @-webkit-keyframes menu-hover-out { 0% { width: 100%; margin-left: 0; } to { margin-left: 100%; width: 0; } } @keyframes menu-hover-out { 0% { width: 100%; margin-left: 0; } to { margin-left: 100%; width: 0; } } footer { background-color: var(--text-color); color: var(--gray-color); padding: 60px 0; } @media (max-width: 767px) { footer { --padding-inline: 37px; text-align: center; } footer .form-group { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } footer .content { padding: 0 var(--padding-inline); } footer .logo, footer .logo:hover { color: var(--white-color); max-height: none; max-width: 100%; display: block; } @media (min-width: 576px) { footer .logo, footer .logo:hover { width: 305px; } } footer .logo svg, footer .logo:hover svg { width: 100%; } footer .logo svg path:not(#heart, #heartFill), footer .logo:hover svg path:not(#heart, #heartFill) { fill: currentColor; } footer .btn, footer .btn:is(a), footer .btn:link { height: unset; padding: 15px clamp(20px, 2.625vw, 40px); font-size: 18px; line-height: 1.5; border: 0; } footer .phone { color: var(--lighten-color); text-decoration: none; line-height: 1.375; font-weight: 300; font-size: 28px; } footer .phone:hover { color: var(--gray-color); } footer .email { color: var(--lighten-color); text-decoration: none; line-height: 1.6; font-weight: 400; font-size: 20px; } footer .email:hover { color: var(--gray-color); } footer .social-link { --cur-bg: rgba(0, 0, 0, 0.1); color: var(--white-color); } footer .social-link:is(:link, [href]):hover { background-color: rgba(0, 0, 0, 0.5); color: var(--lighten-color); } .bottom-menu { margin-left: clamp(10px, 8.6vw, 165px); display: -ms-grid; display: grid; grid-auto-flow: column; -ms-grid-rows: (1fr) [14]; grid-template-rows: repeat(14, 1fr); } .bottom-menu .bottom-menu__item { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; margin-bottom: 8px; } @media (max-width: 991px) { .bottom-menu { grid-auto-flow: unset; -ms-grid-rows: unset; grid-template-rows: unset; -ms-grid-columns: (1fr) [3]; grid-template-columns: repeat(3, 1fr); } .bottom-menu > :first-child { -ms-grid-row: 1; -ms-grid-column: 1; } .bottom-menu > :nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } .bottom-menu > :nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 3; } } @media (max-width: 767px) { .bottom-menu { display: none; } } .bottom-menu__item { margin-bottom: 10px; } .bottom-menu__link { font-size: clamp(14px, 1.25vw, 24px); color: var(--gray-color); text-decoration: none; line-height: 1.6; font-weight: 400; } .bottom-menu__link:hover { color: var(--white-color); } .bottom-submenu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; margin-top: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .bottom-submenu__item { color: var(--gray-color); font-size: 18px; } .bottom-submenu__link { text-decoration: none; line-height: 1.475; text-align: center; font-size: inherit; font-weight: 300; color: inherit; } .bottom-submenu__link:hover { color: var(--white-color); } .mobile-menu { background-color: var(--white-color); height: calc(100dvh - var(--header-height) - var(--attention-block-height)); -webkit-transition: width 150ms ease-out; transition: width 150ms ease-out; border-top: 1px solid #ebe8e8; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: calc(var(--header-height) + var(--attention-block-height)); overflow: hidden; position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 11; width: 0; right: 0; } @media (max-width: 767px) { .menu-open .mobile-menu { width: 100%; } } .mobile-menu__footer { background-color: var(--lighten-color); -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .mobile-menu__footer-item { padding: 14px 20px; line-height: 1.5; font-weight: 400; font-size: 18px; } .mobile-menu__footer-item + .mobile-menu__footer-item { border-top: 1px solid rgba(0, 0, 0, 0.1); } .mobile-menu__footer-link { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.6; font-weight: 400; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .mobile-menu__footer-link big { font-size: 24px; } .mobile-menu__list { padding: 10px 0 30px; overflow-x: hidden; position: relative; max-height: 100%; overflow-y: auto; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100vw; } .mobile-menu__list:has(.mobile-menu__item.open .mobile-submenu) { overflow: hidden; } .mobile-menu__list .h2 { padding: 6px 20px 10px; margin: 0; } .mobile-menu__list b { font-weight: 600; } .mobile-menu__item:has(.mobile-submenu).open .mobile-submenu { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mobile-menu__item:has(.mobile-submenu) .mobile-menu__link { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mobile-menu__item + .mobile-menu__item { margin-top: 20px; } .mobile-menu__link, .mobile-submenu__link { color: var(--dark-color); text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 20px; line-height: 1.6; font-weight: 400; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .mobile-menu__link.accent, .mobile-submenu__link.accent { font-weight: 600; } .mobile-menu__link.secondary, .mobile-submenu__link.secondary { color: var(--gray-color); line-height: 1.5; font-weight: 400; font-size: 18px; } .mobile-submenu { -webkit-transition: -webkit-transform 150ms ease-out; transition: -webkit-transform 150ms ease-out; transition: transform 150ms ease-out; transition: transform 150ms ease-out, -webkit-transform 150ms ease-out; background-color: var(--white-color); -webkit-transform: translate(100%, 0); transform: translate(100%, 0); padding: 15px 0 30px; position: absolute; overflow: auto; height: 100%; width: 100%; left: 0; top: 0; } .mobile-submenu__list .mobile-submenu__list .mobile-submenu__link { color: var(--gray-color); line-height: 1.5; font-weight: 400; font-size: 18px; } .mobile-submenu__item + .mobile-submenu__item { margin-top: 5px; } .preview-slider { background-image: var(--gradient); background-repeat: no-repeat; background-size: cover; overflow: hidden; padding-top: calc(var(--header-height) + var(--attention-block-height)); height: calc(100dvh - var(--header-height) - var(--stories-block-height)); max-height: 1000px; min-height: 600px; } @media (max-width: 767px) { .preview-slider { height: unset; min-height: unset; } } .preview-slider .swiper { height: 100%; } .preview-slider.full-width { padding-bottom: 0; } @media (min-width: 768px) and (max-height: 800px) { .preview-slider { min-height: 540px; } .preview-slider .h1 { font-size: clamp(24px, 4.35vh, 64px); } } @media (min-width: 576px) { .content-grid > .full-width.preview-slider { padding-bottom: 50px; } } @media (min-width: 768px) { .content-grid > .full-width.preview-slider { padding-bottom: 0; } } .preview-slider__wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; max-width: 1760px; overflow: hidden; padding: 0 20px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; z-index: 1; } .preview-slider__wrapper .swiper { max-width: 1610px; margin-inline: auto; padding: 0 var(--padding-inline); } @media (max-width: 768px) { .preview-slider__wrapper .swiper { padding: 0; } } .preview-slider__arrow { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; width: 40px; } @media (max-width: 991px) { .preview-slider__arrow { display: none; } } .preview-slider__arrow:before { -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; position: absolute; width: 135px; content: ""; z-index: -1; opacity: 0; bottom: 0; top: 0; } .preview-slider__arrow:hover:before { opacity: 0.3; } .preview-slider__arrow:hover.prev svg { -webkit-transform: translate(50%, 0); transform: translate(50%, 0); } .preview-slider__arrow:hover.next svg { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .preview-slider__arrow.prev { left: 0; } .preview-slider__arrow.prev:before { left: 0; } .preview-slider__arrow.next { right: 0; } .preview-slider__arrow.next:before { right: 0; } .preview-slider__arrow svg { -webkit-transition: -webkit-transform 150ms ease-out; transition: -webkit-transform 150ms ease-out; transition: transform 150ms ease-out; transition: transform 150ms ease-out, -webkit-transform 150ms ease-out; display: block; height: 100%; width: 100%; } .preview-slide.swiper-slide { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; max-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } @media (max-width: 767px) { .preview-slide.swiper-slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; } } .preview-slide.swiper-slide[data-theme="dark"] { color: var(--white-color); } .preview-slide__text { font-size: clamp(14px, 1.25vw, 24px); text-wrap: balance; position: relative; line-height: 1.6; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; z-index: 1; } @media (max-width: 767px) { .preview-slide__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0; -ms-flex-item-align: start; align-self: flex-start; } .preview-slide__text .h1 { margin-bottom: 6px; } } .preview-slide__text p { margin: 0; font-size: 16px; } @media (min-width: 768px) { .preview-slide__text p { margin: 24px 0; font-size: 18px; } } @media (min-width: 768px) and (max-height: 800px) { .preview-slide__text .desc, .preview-slide__text .price { font-size: 16px; } } @media (max-width: 767px) { .preview-slide__text .desc { display: none; } } .preview-slide__text .btn { margin-top: 16px; } @media (max-width: 767px) { .preview-slide__text .btn { display: none !important; } } .preview-slide__img { max-height: 100%; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; height: 100%; } @media (max-width: 767px) { .preview-slide__img { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .preview-slide__img picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .preview-slide__img img, .preview-slide__img picture, .preview-slide__img svg { -o-object-position: top center; object-position: top center; -o-object-fit: cover; object-fit: cover; } @media (min-width: 768px) { .preview-slide__img img, .preview-slide__img picture, .preview-slide__img svg { height: 100%; } } @media (max-width: 992px) { .preview-slide__img img { -o-object-fit: contain; object-fit: contain; } } @media (max-width: 1600px) { .preview-slide__img img { max-height: 500px; } } @media (max-width: 767px) { .preview-slide__img img { -webkit-mask-image: -webkit-gradient( linear, left top, left bottom, color-stop(80%, var(--white-color)), to(transparent) ); -webkit-mask-image: linear-gradient( to bottom, var(--white-color) 80%, transparent 100% ); mask-image: -webkit-gradient( linear, left top, left bottom, color-stop(80%, var(--white-color)), to(transparent) ); mask-image: linear-gradient( to bottom, var(--white-color) 80%, transparent 100% ); max-height: 300px; } } @media (min-width: 768px) { .preview-slide__img .btn { display: none !important; } } .sale-section { position: relative; } .sale-section .col-1-3 { position: relative; } .sale-section .swiper-actions { padding-inline: var(--padding-inline); max-width: 1680px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 5; pointer-events: none; } .sale-section .sale-slider__arrow { -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; cursor: pointer; display: none; pointer-events: all; } @media (min-width: 768px) { .sale-section .sale-slider__arrow { display: block; } } .sale-section .sale-slider__arrow:hover { opacity: 0.5; } .sale-section__banner.full-width { padding-bottom: 0; } .sale-section__title { font-size: clamp(32px, 3.35vw, 40px); line-height: 1.4; font-family: "Playfair Display", serif; } .sale-section__banner { overflow: hidden; } .sale-section__banner .col-1-3 { padding-inline: 0; } .sale-section__banner picture { width: calc(100% + 40px); max-width: none; margin: 0 -20px; display: block; } @media (max-width: 991px) { .sale-section__banner picture { width: 100%; margin: 0; } } .sale-section__banner img { display: block; width: 100%; aspect-ratio: 2.39375; } @media (min-width: 766px) and (max-width: 991px) { .sale-section__banner img { aspect-ratio: 2.80225989; } } @media (min-width: 992px) and (max-width: 1991px) { .sale-section__banner img { aspect-ratio: 5.42372881; } } @media (min-width: 1992px) { .sale-section__banner img { aspect-ratio: 6.4; } } @media (max-width: 992px) { .sale-section__banner img { -o-object-fit: cover; object-fit: cover; } } .sale-section__banner + .sale-section { margin-top: -180px; } .sale-slider { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: -60px; overflow: hidden; } .sale-slider .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .sale-slider .swiper-slide { height: auto; } .sale-slider .catalog-item__info-col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .sale-slider .catalog-item__info-col .stock-tags { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .sale-slider .catalog-item__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .sale-slider .swiper { overflow: visible; z-index: 0; } @media (min-width: 768px) { .sale-slider .swiper { overflow: hidden; } } .sale-slider .swiper .swiper-slide .catalog-item[data-col="1"] { width: 100%; height: 100%; } @media (max-width: 767px) { .sale-slider .swiper-slide { max-width: 75vw; } .sale-slider .catalog-item.sale .discount { height: 44px; width: 44px; padding: 0; } .sale-slider .catalog-item__title, .sale-slider main .catalog-item__category { font-size: clamp(14px, 1.1vw, 20px); } .sale-slider .catalog-item__add-to-cart { -webkit-box-flex: 0; -ms-flex: 0 0 44px; flex: 0 0 44px; padding: 10px; width: 44px; height: 44px; } } @media (max-width: 767px) { .sale-slider .catalog-item__info { padding-left: 0; } } .catalog-list { --item-space: 10px; -webkit-column-gap: var(--item-space); -moz-column-gap: var(--item-space); column-gap: var(--item-space); margin: 65px 0 80px; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; } @media (max-width: 767px) { .catalog-list { margin: 0 calc(var(--padding-inline) * -1) 60px; row-gap: 40px; } } @media (min-width: 992px) { .catalog-list.two-cols .catalog-item { width: calc(50% - (var(--item-space) / 2)); } } h2 + .catalog-list { margin-top: 30px; } @media (max-width: 767px) { .catalog-adaptive { margin-right: calc(var(--padding-inline) * -1); margin-left: calc(var(--padding-inline) * -1); overflow: auto; } .catalog-adaptive .catalog-list { width: calc(300vw + 20px); } } .catalog-title-link + .catalog-list { margin-top: 30px; } .catalog-list-main { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .catalog-list-main:last-child { margin-bottom: 0; } @media (max-width: 767px) { .catalog-list-main { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .catalog-list-main .catalog-item[data-col="1"] { width: unset; } .catalog-list-main .catalog-item__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .catalog-list-main .catalog-item__info-col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .catalog-list-main .stock-tags { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .catalog-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-item[data-col="1"] { width: calc((100% / 3) - ((var(--item-space) / 3) * 2)); } @media (max-width: 991px) { .catalog-item[data-col="1"] { width: calc(50% - 5px); } } @media (max-width: 767px) { .catalog-item[data-col="1"] { width: 100%; } .catalog-item[data-col="1"].banner { display: none; } } .catalog-item[data-col="2"] { width: calc(((100% / 3) * 2) - (var(--item-space) / 3)); } @media (max-width: 991px) { .catalog-item[data-col="2"] { width: calc(50% - 5px); } } @media (max-width: 767px) { .catalog-item[data-col="2"] { display: none; } } .catalog-item[data-col="2"] .catalog-item__image .image-wrapper { aspect-ratio: unset; } .catalog-item[data-col="3"] { width: 100%; } .catalog-item[data-col="3"] .catalog-item__image .image-wrapper { aspect-ratio: unset; } .catalog-item[data-col="3"] .catalog-item__image img { position: relative; } .catalog-item.sale .catalog-item__price { color: var(--accent2-color); } .catalog-item .catalog-item__image .image-wrapper { aspect-ratio: 1; } .catalog-item .catalog-item__image .image { height: 100%; } .catalog-item .catalog-item__image img { position: absolute; height: 100%; left: 0; top: 0; } @media (min-width: 992px) { .catalog-item .catalog-item__image img { opacity: 0; } } .catalog-item .catalog-item__header .catalog-item__image img { opacity: 1; } .catalog-item[data-col="2"] .catalog-item__image .image-wrapper { aspect-ratio: 2.0165; } .ui-sortable .catalog-item .catalog-item__image .image-wrapper { -o-object-position: top center; object-position: top center; aspect-ratio: unset; } .catalog-item__image { position: relative; overflow: hidden; } .catalog-item__image:hover .view-card { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .catalog-item__image:not(:has(.image:hover)) .image:first-child img { opacity: 1; } .catalog-item__image .image-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .catalog-item__image .image-wrapper { overflow-x: auto; overflow-y: hidden; } } .catalog-item__image .image { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 991px) { .catalog-item__image .image { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .catalog-item__image .image:hover img { opacity: 1; } .catalog-item__image img { -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; -o-object-position: center; object-position: center; pointer-events: none; -o-object-fit: cover; object-fit: cover; display: block; width: 100%; } .catalog-item__image .discount { top: 10px; min-width: 78px; } .catalog-item__image .view-card { background-color: rgba(255, 255, 255, 0.3); -webkit-transition: -webkit-transform 150ms ease-out; transition: -webkit-transform 150ms ease-out; transition: transform 150ms ease-out; transition: transform 150ms ease-out, -webkit-transform 150ms ease-out; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); text-decoration: none; text-align: center; position: absolute; line-height: 1.6; font-weight: 400; font-size: 24px; padding: 11px; display: none; z-index: 2; bottom: 0; right: 0; left: 0; } @media (min-width: 992px) { .catalog-item__image .view-card { display: block; } } .catalog-item__image .video { pointer-events: none; position: absolute; bottom: 30px; z-index: 1; left: 20px; } .discount { background-color: var(--accent-dark-color); font-family: "Playfair Display", serif; color: var(--white-color); pointer-events: none; text-align: center; position: absolute; padding: 10px 18px; line-height: 1.3; font-weight: 400; font-size: 18px; min-width: 44px; height: 44px; z-index: 2; left: 0; top: 0; } .favorite { 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; -webkit-transition: all 150ms ease-out; transition: all 150ms ease-out; position: absolute; z-index: 1; right: 0; top: 0; } .favorite.active, .favorite:hover { color: var(--accent-dark-color); } .favorite.active svg path { fill: currentColor; stroke: currentColor; } .favorite.active svg path { fill: currentColor; stroke: currentColor; } .favorite svg path { pointer-events: none; stroke: currentColor; fill: none; } .catalog-item__info { background-color: var(--white-color); padding-left: 20px; margin-top: 10px; } .catalog-item__info-row { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .stock-tags { white-space: nowrap; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; overflow: hidden; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .stock-tag { font-family: "Playfair Display", serif; text-transform: uppercase; text-overflow: ellipsis; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; overflow: hidden; line-height: 1.3; font-weight: 400; font-size: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .stock-tag svg { display: block; height: 16px; width: 16px; } .stock-tag + .stock-tag:before { background-color: currentColor; border-radius: 50%; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 4px; flex: 0 0 4px; content: ""; height: 4px; width: 4px; } .catalog-item__price { font-size: clamp(24px, 2.1vw, 40px); -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; text-decoration: none; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; line-height: 1.6; font-weight: 400; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 992px) { .catalog-item__price:is(a, :link):hover { opacity: 0.7; } } .catalog-item__price .old { text-decoration-thickness: 1px; color: var(--gray-color); font-weight: 300; } .catalog-item__price .wholesale-mark { color: var(--text-color); line-height: inherit; font-weight: 300; font-size: 18px; } .catalog-item__title-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-item__category, .catalog-item__title { font-size: clamp(16px, 1.1vw, 20px); text-decoration: none; line-height: 1.6; font-weight: 400; } @media (min-width: 992px) { .catalog-item__category:is(a, :link):hover, .catalog-item__title:is(a, :link):hover { opacity: 0.7; } } @media (max-width: 565px) { .catalog-item__category, .catalog-item__title { font-weight: 300; } } .catalog-item__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-decoration: none; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .catalog-item__header:hover .catalog-item__header-title-line:before { -webkit-animation: skew-up 250ms ease-in-out 1 forwards; animation: skew-up 250ms ease-in-out 1 forwards; } .catalog-item__header .catalog-item__image { position: relative; height: 100%; z-index: 1; } .catalog-item__header .catalog-item__image img { opacity: 1; } .catalog-item__header-title { font-family: "Playfair Display", serif; padding: 10px 0 20px 105px; position: relative; z-index: 0; } @media (max-width: 575px) { .catalog-item__header-title { padding: 0 0 15px 90px; } } .catalog-item__header-title-subset { white-space: nowrap; text-indent: -3ch; line-height: 77px; font-weight: 400; font-size: 48px; display: block; } .catalog-item__header-title-line { font-style: italic; position: relative; } .catalog-item__header-title-line:before { -webkit-animation: skew-down 250ms ease-in-out 1 backwards; animation: skew-down 250ms ease-in-out 1 backwards; background: var(--primary, #824e97); -webkit-transform-origin: right top; transform-origin: right top; position: absolute; bottom: -47px; opacity: 0.1; z-index: -1; content: ""; top: -15px; right: 0; left: 0; } @media (max-width: 575px) { .catalog-item__header-title-line:before { top: 0; } } .catalog-item__header-title ~ .catalog-item__image { margin-top: auto; height: auto; } .catalog-item[data-col="1"] .catalog-item__header-title { padding: 10px 0 20px 86px; } .catalog-item__header-subtitle { font-family: "Playfair Display", serif; letter-spacing: 0.02em; font-style: italic; line-height: 51px; font-weight: 400; font-size: 32px; display: block; } .catalog-item__add-to-cart { -webkit-transition: background-color 150ms ease-out; transition: background-color 150ms ease-out; background-color: var(--dark-color); color: var(--white-color); position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 54px; flex: 0 0 54px; 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; -ms-flex-item-align: end; align-self: flex-end; } .catalog-item__add-to-cart:before { -webkit-transition: border-radius 150ms ease-out, -webkit-transform 150ms ease-out; transition: border-radius 150ms ease-out, -webkit-transform 150ms ease-out; transition: transform 150ms ease-out, border-radius 150ms ease-out; transition: transform 150ms ease-out, border-radius 150ms ease-out, -webkit-transform 150ms ease-out; -webkit-transform: translate(-8px, -6px) scale(0); transform: translate(-8px, -6px) scale(0); -webkit-transform-origin: center center; transform-origin: center center; background-color: currentColor; border-radius: 50%; position: absolute; height: 16px; width: 16px; content: ""; left: 50%; top: 50%; } .catalog-item__add-to-cart:hover { background-color: var(--text-color); color: var(--white-color); } @media (min-width: 992px) { .catalog-item__add-to-cart:hover:before { -webkit-transform: translate(-8px, -6px) scale(1); transform: translate(-8px, -6px) scale(1); border-radius: 0 0 5px 5px; } } .catalog-item__add-to-cart svg { display: block; height: 24px; width: 24px; } .catalog-item__sizes { border-top: 1px solid var(--lighten-color); -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.375; font-weight: 300; min-height: 33px; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; font-size: 16px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .catalog-item__sizes { padding-right: var(--padding-inline); } } .catalog-item__sizes-title { margin-right: auto; } .catalog-item__video { display: block; width: 100%; } @-webkit-keyframes skew-up { to { -webkit-transform: rotate(-90deg) scale(20) translate(0, -20%); transform: rotate(-90deg) scale(20) translate(0, -20%); } } @keyframes skew-up { to { -webkit-transform: rotate(-90deg) scale(20) translate(0, -20%); transform: rotate(-90deg) scale(20) translate(0, -20%); } } @-webkit-keyframes skew-down { 0% { -webkit-transform: rotate(-90deg) scale(20) translate(0, -20%); transform: rotate(-90deg) scale(20) translate(0, -20%); } } @keyframes skew-down { 0% { -webkit-transform: rotate(-90deg) scale(20) translate(0, -20%); transform: rotate(-90deg) scale(20) translate(0, -20%); } } .card { margin-bottom: 40px; position: relative; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } @media (max-width: 992px) { .card { gap: 20px; } } @media (max-width: 768px) { .card { position: static; } } @media (min-width: 993px) { .card { display: -ms-grid; display: grid; -ms-grid-columns: auto clamp(320px, 35%, 620px); grid-template-columns: auto clamp(320px, 35%, 620px); grid-template-areas: "preview info"; overflow: unset; } } .card.scrolled ~ .card-short { pointer-events: all; opacity: 1; } .card.sale .discount { background-color: var(--accent-dark-color); padding: 8px 10px; text-transform: uppercase; left: unset; right: 24px; top: 24px; height: unset; min-width: 138px; } .card.sale .card-price .price { color: var(--accent2-color); } .card .favorite { top: -10px; } @media (max-width: 575px) { .card .favorite { right: -10px; } } .card .favorite + .card-title__wrapper .stock-tags { margin-right: 60px; } @media (max-width: 992px) { .card .card-price { margin: 0; } .card .card-sizes { margin: 0; } .card .card-buy-form { margin-bottom: 0; } .card .card-colors { margin-bottom: 0; } } .card-title__wrapper { grid-area: title; overflow: hidden; max-width: 100%; } @media (max-width: 992px) { .card-title__wrapper { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } } .card__actions-favorites svg path { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .card__actions-favorites.active svg path { fill: var(--accent-dark-color); stroke: var(--accent-dark-color); } .card-img { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; } @media (max-width: 992px) { .card-img { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media (max-width: 575px) { .card-img { max-width: 100vw; margin: 0 calc(var(--padding-inline) * -1); } } .card-img .discount { left: 0; right: auto; } .card-img img { -o-object-position: center; object-position: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .card-img__wrapper { position: relative; width: 100%; z-index: 1; } @media (min-width: 992px) { .card-img__wrapper { aspect-ratio: 1; } } .card-img .swiper-button-next, .card-img .swiper-button-prev { -webkit-transition: color 150ms ease-out; transition: color 150ms ease-out; -webkit-transform: translateZ(1px); transform: translateZ(1px); height: calc(100% - 158px); color: var(--text-color); -ms-grid-column-align: center; justify-self: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; width: 104px; z-index: 2; margin: 0; top: 0; } @media (max-width: 991px) { .card-img .swiper-button-next, .card-img .swiper-button-prev { display: none; } } .card-img .swiper-button-next:hover, .card-img .swiper-button-prev:hover { color: var(--primary-color); } .card-img .swiper-button-next:after, .card-img .swiper-button-prev:after { display: none; } .card-img .swiper-button-next svg, .card-img .swiper-button-prev svg { height: 40px; width: 40px; } @media (max-width: 575px) { .card-img .swiper-button-next svg, .card-img .swiper-button-prev svg { height: 24px; width: 24px; } } .card-img .swiper-button-prev { left: 0; } .card-img .swiper-button-next { right: 0; } .card-img__slider { background-color: var(--lighten-color); aspect-ratio: 1; position: relative; overflow: hidden; max-width: 100%; width: 100%; z-index: 1; } .card-img__slider .swiper-slide { aspect-ratio: 1; overflow: hidden; } .card-img__slider video { height: 100%; width: 100%; } .card-img__slider .bg { -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .card-img__previews { overflow: hidden; max-width: 100%; padding: 10px 0; } @media (max-width: 575px) { .card-img__previews { display: none; } } .card-img__previews .swiper-slide { -webkit-transition: -webkit-box-shadow 150ms ease-out; transition: -webkit-box-shadow 150ms ease-out; transition: box-shadow 150ms ease-out; transition: box-shadow 150ms ease-out, -webkit-box-shadow 150ms ease-out; position: relative; min-height: 148px; max-height: 148px; min-width: 148px; max-width: 148px; overflow: hidden; cursor: pointer; z-index: 1; } .card-img__previews .swiper-slide:before { -webkit-box-shadow: inset 0 0 0 0 var(--primary-color); box-shadow: inset 0 0 0 0 var(--primary-color); -webkit-transition: -webkit-box-shadow 500ms ease; transition: -webkit-box-shadow 500ms ease; transition: box-shadow 500ms ease; transition: box-shadow 500ms ease, -webkit-box-shadow 500ms ease; position: absolute; content: ""; z-index: 2; bottom: 0; right: 0; left: 0; top: 0; } .card-img__previews .swiper-slide-thumb-active:before { -webkit-box-shadow: inset 0 0 0 2px var(--primary-color); box-shadow: inset 0 0 0 2px var(--primary-color); } .card-info { padding-bottom: 10px; max-width: 100%; grid-area: info; } .card-modal .card > .card-info { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2; } @media (max-width: 992px) { .card-info { display: contents; } } .card-info .stock-tags { padding-top: 0; } @media (max-width: 768px) { .card-info .sticky-pos { position: static; } } .card-title { margin: 0; } .card-price { margin: 30px 0 30px; font-weight: 300; font-size: 18px; } @media (max-width: 767px) { .card-price { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } } @media (max-width: 992px) { .card-price { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .card-price .price { font-weight: 400; font-size: 32px; } @media (max-width: 575px) { .card-price .price { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .card-price .old { text-decoration: line-through; font-size: 20px; } .card-buy-form { margin-bottom: 30px; } @media (max-width: 767px) { .card-buy-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; } .card-buy-form .btn { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media (max-width: 992px) { .card-buy-form { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 768px) { .card-buy-form .card-buy-wrapper { position: absolute; inset: 0; padding-inline: var(--padding-inline); 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: end; -ms-flex-pack: end; justify-content: flex-end; pointer-events: none; z-index: 5; padding-bottom: 30px; } .card-buy-form .card-buy-wrapper .card-buy { position: sticky; bottom: 30px; pointer-events: all; } } .card-sizes { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; } .card-sizes__row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; gap: inherit; } .card-sizes__line { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .card-sizes__line p { width: 135px; } .card-sizes__line + .card-sizes__line { margin-top: 15px; } .card-no-size, .card-price-reduction { border-top: 1px solid var(--lighten-color); padding-top: 10px; } .card-no-size { margin: 30px 0; } @media (max-width: 768px) { .card-no-size { margin: 20px 0; } } .card-price-reduction { margin: 0 0 30px 0; } @media (max-width: 768px) { .card-price-reduction { margin: 0 0 20px 0; } } .card-more-info { text-decoration: none; line-height: 38.4px; text-align: center; font-weight: 400; margin-top: 15px; font-size: 24px; } .card-btn__wrapper { display: none; } .card-colors__slider { margin-top: 15px; overflow: hidden; height: 148px; } .card-colors__slider .swiper-slide, .card-colors__slider img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 100%; width: auto; } .card-desc { overflow: hidden; max-width: 100%; grid-area: desc; } @media (min-width: 992px) { .card-desc { max-width: 620px; } } @media (max-width: 992px) { .card-desc { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } .card-desc ul { font-size: clamp(14px, 0.95vw, 18px); padding-left: 30px; line-height: 2; } @media (min-width: 576px) { .card-desc ul { -webkit-columns: 2; -moz-columns: 2; columns: 2; } } .card-desc ul li { line-height: 1.6; font-weight: 400; font-size: 20px; } .card-desc ul li::marker { font-size: clamp(14px, calc(0.95vw * 0.75), 18px); } .card-desc ul li + li { margin-top: 0; } .card-desc__tabs { max-width: 100%; } .card-desc__tabs-box { border-bottom: 1px solid var(--lighten-color); white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100%; overflow: auto; } .card-desc__tabs-wrapper { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; } .card-desc__tabs-item { -webkit-transition: color 150ms ease-out, border-color 150ms ease-out; transition: color 150ms ease-out, border-color 150ms ease-out; border-bottom: 2px solid transparent; color: var(--gray-color); padding: 12px 8px 11px; text-decoration: none; font-weight: 400; font-size: 24px; } .card-desc__tabs-item.active { border-bottom-color: currentColor; color: var(--text-color); } .card-desc__tabs-content { padding-top: 30px; } .card-text { grid-area: text; } @media (max-width: 992px) { .card-text { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } .card-text .h4, .card-text h4 { margin-top: 30px; } .card-text svg { width: 64px; } .card-short { -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; pointer-events: none; position: sticky; display: none; z-index: 10; top: 123px; opacity: 0; height: 0; } @media (min-width: 992px) { .card-short { display: block; } } .card-short.show { pointer-events: all; opacity: 1; } .card-short .card-price { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; } .card-short .price, .card-short .stock-tags { height: auto; padding: 0; } .card-short .btn { max-width: 546px; height: 64px; } .card-short .favorite { background-color: rgba(0, 0, 0, 0.05); position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; } .card-short__wrapper { margin: 0 calc(var(--padding-inline) * -1); padding: 0 var(--padding-inline) 20px; background-color: var(--white-color); -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; min-height: 127px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .card-short__wrapper:after, .card-short__wrapper:before { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background-color: inherit; position: absolute; width: 100%; content: ""; height: 50%; left: 50%; } .card-short__wrapper:before { z-index: -1; top: 0; } .card-short__wrapper:after { -webkit-box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.15); z-index: -2; bottom: 0; } .card-short__img { -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; height: 120px; width: 120px; } .card-short__info { min-width: 400px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .product-video { max-height: inherit; position: relative; display: block; height: 100%; z-index: 1; } .product-video:after, .product-video:before { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; position: absolute; content: ""; z-index: 1; left: 50%; top: 50%; } .product-video:before { -webkit-transition: background-color 250ms ease-out, opacity 250ms ease-out; transition: background-color 250ms ease-out, opacity 250ms ease-out; background-color: var(--text-color); border-radius: 100%; opacity: 0.7; height: 30px; width: 30px; } .product-video:is(:link, a, .enabled):hover:before { background-color: var(--primary-color); opacity: 1; } .product-video:after { border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-left: 10px solid white; border-right: none; margin-left: 3px; } .product-video:is(:link, a, .enabled):after, .product-video:is(:link, a, .enabled):before { -webkit-transform: translateZ(0) translate(-60%, -50%) scale(4); transform: translateZ(0) translate(-60%, -50%) scale(4); } .product-video img { position: relative; z-index: 0; } .product-video video { position: relative; cursor: pointer; display: block; height: 100%; width: 100%; z-index: 2; margin: 0; } .product-video video.pause { z-index: 0; } .product-video video.bg { -o-object-position: center; object-position: center; pointer-events: none; position: absolute; -webkit-filter: blur(10px); filter: blur(10px); -o-object-fit: cover; object-fit: cover; z-index: -1; left: 0; top: 0; } @media (max-width: 991px) { .product-video:is(:link, a, .enabled):after, .product-video:is(:link, a, .enabled):before { -webkit-transform: translate(-60%, -50%) scale(3); transform: translate(-60%, -50%) scale(3); } .product-video video { max-height: none; } } @media (max-width: 575px) { .product-video:is(:link, a, .enabled):after, .product-video:is(:link, a, .enabled):before { -webkit-transform: translate(-60%, -50%) scale(2.1333334); transform: translate(-60%, -50%) scale(2.1333334); } .product-video:is(:link, a):after { margin-left: 0; } } .card__header { 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: 5px; } .card__header .card__actions { -ms-flex-negative: 0; flex-shrink: 0; } .card__header-tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .card__actions { 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; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 5px; } .card__actions-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .card__actions-favorites, .card__actions-share { all: unset; cursor: pointer; 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; } .card__actions-favorites.active svg path, .card__actions-favorites:hover svg path, .card__actions-share.active svg path, .card__actions-share:hover svg path { stroke: var(--accent-dark-color); } .card__actions-buttons { margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; } .card-imagery-link { display: block; width: 148px; height: 148px; } .card-imagery-link .card-imagery-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-imageries { margin-bottom: 50px; } @media (max-width: 992px) { .card-imageries { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-bottom: 0; } } .card-imageries-wrapper, .card-imagery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 14px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .imagery-swiper { width: 100%; height: 148px; } .imagery-swiper .swiper-slide { height: 100%; width: auto; } .card-imagery-text-link { line-height: 1.6; font-weight: 400; font-size: 20px; text-decoration: none; } .card-preview { width: 100%; grid-area: preview; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; z-index: 1; gap: 40px; } .card-modal .card > .card-preview { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; } @media (max-width: 992px) { .card-preview { display: contents; } } .card-colors { margin-bottom: 30px; } @media (max-width: 992px) { .card-colors { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .catalog-item-preview { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; position: relative; overflow: hidden; display: -ms-grid; display: grid; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -ms-grid-columns: 120px 20px 1fr; grid-template-columns: 120px 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; grid-template-areas: "a b" "a c"; } @media (max-width: 768px) { .catalog-item-preview { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 0; grid-template-areas: "a b" "c c"; } } @media (max-width: 576px) { .catalog-item-preview { -ms-grid-columns: 120px calc(100% - 120px - 10px); grid-template-columns: 120px calc(100% - 120px - 10px); } } .catalog-item-preview.sale .discount { display: block; } .catalog-item-preview.sale .price__current { color: var(--accent2-color); } .catalog-item-preview p { margin: 0; } .catalog-item-preview .favorite { position: absolute; right: -20px; top: -10px; } .catalog-item-preview__link { position: absolute; z-index: 1; bottom: 0; right: 0; left: 0; top: 0; } .catalog-item-preview__img { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; position: relative; grid-area: a; } .news-detail-v1 .news-detail__double-right > .catalog-item-preview__img { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 2; } @media (max-width: 786px) { .catalog-item-preview__img { -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; } } .catalog-item-preview__img .discount { background-color: var(--accent-dark-color); padding: 2px 10px; height: unset; display: none; } .catalog-item-preview__img .discount svg { max-height: 100%; max-width: 100%; width: auto; } .catalog-item-preview__img img { width: 100%; height: 120px; -o-object-fit: cover; object-fit: cover; } .catalog-item-preview__title { overflow-wrap: break-word; max-width: 80%; } .catalog-item-preview__text { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: b; 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; gap: 10px; } .news-detail-v1 .news-detail__double-right > .catalog-item-preview__text { -ms-grid-row: 1; -ms-grid-column: 1; } .catalog-item-preview__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .catalog-item-preview__header .favorite { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: static; padding-top: 10px; width: 25px; margin-left: auto; } .catalog-item-preview__footer { -ms-grid-row: 2; -ms-grid-column: 3; grid-area: c; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 5px; gap: 10px; border-top: 1px solid var(--lighten-color); } .catalog-item-preview__footer p { font-weight: 300; } .catalog-item-preview__price, .price { padding-bottom: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .catalog-item-preview__price { -ms-flex-wrap: wrap; flex-wrap: wrap; } .price__before, .price__current { line-height: 1.6; font-size: 24px; } .price__before { text-decoration: line-through; color: var(--gray-color); font-weight: 300; } .price__type { display: inline-block; font-weight: 300; font-size: 18px; } .filters { --column-gap: clamp(10px, 1vw, 54px); -webkit-column-gap: var(--column-gap); -moz-column-gap: var(--column-gap); column-gap: var(--column-gap); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 60px; position: relative; row-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1665px) { .filters { --column-gap: clamp(10px, 2.85vw, 44px); } } @media (min-width: 1225px) { .filters { z-index: 2; } .filters .h2 { display: none; } } @media (max-width: 768px) { .filters { margin-bottom: 10px; } } .filters .form-control, .filters .select2.select2-container .select2-selection { background-color: transparent; padding: 11px 0 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 0.95; font-size: 20px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; border: none; height: 52px; } .filters .form-control .select2-selection__rendered, .filters .select2.select2-container .select2-selection .select2-selection__rendered { line-height: normal; } @media (min-width: 1225px) { .filters .fake-select__wrapper .form-control { border: 1px solid rgba(0, 0, 0, 0.1); padding: 11px 13px 12px; } } .filters .counter { background-color: var(--white-color); display: inline-block; padding-right: 30px; position: relative; font-size: 20px; } .filters .counter:after { border-color: currentColor transparent; border-width: 8px 6px 0; border-style: solid; position: absolute; margin-top: -4px; content: ""; right: 6px; height: 0; top: 50%; width: 0; } .filters .btn { font-size: 18px; padding: 0 20px; height: 52px; } .filters .filters-line { -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } @media (min-width: 1225px) { .filters .filters-line:first-child { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 1500px) { .filters .filters-line:first-child { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .filters .filters-line__wrapper { -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; display: inherit; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: inherit; } .filters .filters-line__wrapper > .filters-item { margin-left: auto; } .filters .filters-line__wrapper > .filters-item:first-child { min-width: 170px; } @media (min-width: 1500px) { .filters .filters-line__wrapper > .filters-item:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .filters .filters-line__wrapper > .filters-item .select2.select2-container .select2-selection { padding-right: 30px; } .filters .filters-line__wrapper > .filters-item .select2-dropdown { left: auto; right: 0; } .filters .filters-wrapper, .filters .filters-wrapper__box { -webkit-column-gap: var(--column-gap); -moz-column-gap: var(--column-gap); column-gap: var(--column-gap); max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; row-gap: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .filters .filters-item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; z-index: 3; margin: 0; } .filters .filters-item:first-child { min-width: 153px; } @media (max-width: 1224px) { .filters .filters-item:first-child .form-label { top: 39px; } } .filters .filters-item:nth-child(2) { min-width: 80px; } .filters .filters-item:nth-child(3) { min-width: 70px; } .filters .filters-item:nth-child(4) { min-width: 95px; } .filters .filters-item:nth-child(5) { min-width: 70px; } .filters .filters-item:nth-child(6) { min-width: 180px; } .filters .filters-item.dropdown-wide { --columns: 2; } .filters .filters-item .select2-container.select2 { width: 100% !important; height: 52px; } .filters .filters-item .select2-container .select2-search__field { display: block; margin: 0; } .filters .filters-item .select2-container .select2-search__field::-webkit-input-placeholder { color: var(--text-color); } .filters .filters-item .select2-container .select2-search__field::-moz-placeholder { color: var(--text-color); } .filters .filters-item .select2-container .select2-search__field:-ms-input-placeholder { color: var(--text-color); } .filters .filters-item .select2-container .select2-search__field::-ms-input-placeholder { color: var(--text-color); } .filters .filters-item .select2-container .select2-search__field::placeholder { color: var(--text-color); } .filters .filters-item .form-control[name="filter-sort"] ~ .select2-container .select2-results__option[aria-disabled="true"], .filters .filters-item .form-control[name="filter-sort"] ~ .select2-container .select2-results__option[aria-selected="true"] { display: none; } .filters .filters-item .form-control:not([name="filter-sort"]) ~ .select2-container .select2-results__option { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 0 32px; position: relative; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .filters .filters-item .form-control:not([name="filter-sort"]) ~ .select2-container .select2-results__option:before { -webkit-transition: background-color 150ms ease-out, border-color 150ms ease-out; transition: background-color 150ms ease-out, border-color 150ms ease-out; border: 1px solid var(--gray-color); background-color: transparent; border-radius: 3px; position: absolute; translate: 0 -50%; height: 22px; width: 22px; content: ""; top: 50%; left: 0; } .filters .filters-item .form-control:not([name="filter-sort"]) ~ .select2-container .select2-results__option:after { -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); border: solid var(--white-color); -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; border-width: 0 1px 1px 0; position: absolute; margin: auto; height: 12px; content: ""; width: 8px; left: 7px; top: 5px; } .filters .filters-item .form-control:not([name="filter-sort"]) ~ .select2-container .select2-results__option[aria-selected="true"] { background-color: transparent; } .filters .filters-item .form-control:not([name="filter-sort"]) ~ .select2-container .select2-results__option[aria-selected="true"]:before { background-color: var(--text-color); border-color: var(--text-color); } .filters .filters-item .form-control:not([name="filter-sort"]) ~ .select2-container .select2-results__option[aria-selected="true"]:after { -webkit-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } .filters .filters-item .form-control:not([name="filter-sort"]) ~ .select2-container .select2-results__option[aria-selected="true"].select2-results__option--highlighted { color: var(--primary-color); } .filters .filters-item .form-control:not([name="filter-sort"]) ~ .select2-container .select2-results__option[aria-disabled="true"] { display: none; } .filters .filters-item .form-control:not([name="filter-sort"]) ~ .select2-container .select2-results__option[aria-disabled="true"] + .select2-results__option { margin-top: 0; } .filters .filters-item .form-control:not([name="filter-sort"]) ~ .select2-container .select2-results__option span { -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; display: inherit; } .filters .filters-item [style^="--color"]:before, .filters .filters-item [style^="--img"]:before { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); background-color: var(--color, #fff); background-image: var(--img); background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align: middle; display: inline-block; border-radius: 50%; margin-right: 6px; height: 14px; width: 14px; content: ""; } .filters .filters-item > .form-label { padding: 11px 30px 12px 0; position: absolute; font-size: 20px; left: 0; top: 0; } .filters .filters-item > .form-label:after { border-color: currentColor transparent; border-width: 8px 6px 0; border-style: solid; position: absolute; margin-top: -4px; content: ""; right: 6px; height: 0; top: 50%; width: 0; } .filters .filters-item:has(.select2-container--open) .counter:after, .filters .filters-item:has(.select2-container--open) > .form-label:after { border-width: 0 6px 8px; } .filters .filters-item.filter-sort { font-weight: 300; z-index: 4; } .filters .filter-sort .select2-container.select2 { height: unset; } @media (max-width: 768px) { .filters .filter-sort .select2-container .select2-selection { padding: 4px 0 4px 5px; height: unset; } } .filters .form-checkbox { min-width: 154px; } .filters .aFilter_form-selected { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .filters .aFilter_form-tag { -webkit-transition: background-color 150ms ease-in-out; transition: background-color 150ms ease-in-out; background-color: var(--lightest-color); text-decoration: none !important; padding: 12px 44px 12px 15px; position: relative; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } .filters .aFilter_form-tag:not(:last-child):after { background-image: url("/local/templates/charutti_main/static/layout/css/../media/close.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; pointer-events: none; position: absolute; height: 12px; width: 12px; content: ""; right: 17px; z-index: 1; top: 14px; } .filters .aFilter_form-tag:last-child { background-color: var(--dark-color); color: var(--white-color); padding: 12px 15px; } .filters .aFilter_form-tag:last-child:hover { background-color: var(--logo-color); } .filters .aFilter_form-tag:hover { background-color: var(--lighten-color); } .filters .aFilter_form-clear_selected:only-child { display: none; } .filters .select2-search { display: none; } .filters .filters-toggle { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; cursor: pointer; } .filters .filters-toggle svg { pointer-events: none; } .filters .display-mode, .filters .display-mode__item { -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .filters .display-mode__item { cursor: pointer; } .filters .display-mode__item svg { -webkit-transition: color 150ms ease-out; transition: color 150ms ease-out; pointer-events: none; } .filters .filters-item__close { -webkit-transition: opacity 350ms ease-out; transition: opacity 350ms ease-out; background-color: rgba(0, 0, 0, 0.2); -webkit-transition-delay: 300ms; transition-delay: 300ms; pointer-events: none; position: absolute; cursor: pointer; height: 100vh; width: 100vw; z-index: -1; opacity: 0; bottom: 0; left: 0; } @media (max-width: 767px) { .filters .filters-item__close { -webkit-transition: translate 150ms ease-out; transition: translate 150ms ease-out; background-color: var(--white-color); translate: calc(-100vw - 20px) 0; bottom: calc(100dvh - 32px); padding: 16px; height: 32px; width: 32px; z-index: 5; opacity: 1; left: calc(300px - 32px); } .filters .filters-item__close:after, .filters .filters-item__close:before { background-color: currentColor; -webkit-transform-origin: center; transform-origin: center; pointer-events: none; translate: -50% -50%; position: absolute; content: ""; height: 1px; width: 85%; left: 50%; top: 50%; } .filters .filters-item__close:before { rotate: -45deg; } .filters .filters-item__close:after { rotate: 45deg; } } @media (max-width: 576px) { .filters .filters-item__close { left: unset; right: 0; } } @media (min-width: 1225px) { .filters .display-mode, .filters .filters-toggle { display: none; } .filters .filters-item__close { display: none; } } @media (max-width: 1224px) { .filters .filters-wrapper { pointer-events: none; max-height: 100dvh; position: fixed; height: 100dvh; width: 100vw; z-index: 11; left: 0; top: 0; } .filters .filters-wrapper .select2-results__options { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .filters .filters-wrapper.open .filters-item__close { pointer-events: all; translate: 0 0; opacity: 1; } .filters .filters-wrapper.open .filters-wrapper__box { translate: 0 0; } .filters .filters-wrapper .filters-wrapper__box { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); background-color: var(--white-color); -webkit-transition: translate 150ms ease-out; transition: translate 150ms ease-out; translate: calc(-100% - 20px) 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; scrollbar-width: thin; pointer-events: all; overflow-x: hidden; overflow-y: auto; max-width: 300px; height: 100dvh; padding: 12px; width: 300px; z-index: 1; } .filters .filters-wrapper .form-group { row-gap: 0; } .filters .filters-wrapper .filters-item:last-child { background-color: var(--white-color); margin: 0 -12px -12px; margin-top: auto; position: sticky; padding: 12px; bottom: -12px; z-index: 3; } .filters .filters-wrapper .filters-item.dropdown-wide { --columns: none; } .filters .filters-wrapper .filters-item > .form-label { pointer-events: none; width: 100%; } .filters .filters-wrapper .filters-item > .form-label:after { display: none; } .filters .filters-wrapper .filters-item.fake-select:after { display: none; } .filters .filters-wrapper .filters-item.fake-select .form-control, .filters .filters-wrapper .filters-item.fake-select .form-label { pointer-events: all; } .filters .filters-wrapper .filters-item .form-checkbox { pointer-events: all; } .filters .filters-wrapper .btn { pointer-events: all; width: 100%; } .filters .filters-wrapper .select2-container { z-index: 1; } .filters .filters-wrapper .select2-container.select2 { } .filters .filters-wrapper .select2-container:not(.select2) { pointer-events: all; } .filters .filters-wrapper .select2-container:not(.select2) .select2-results__options { max-height: none; padding: 0 12px; } .filters .filters-wrapper .select2-container:not(.select2) .select2-dropdown { border: none; } .filters .filters-wrapper .select2-container .fake-select__dropdown, .filters .filters-wrapper .select2-container .select2-dropdown, .filters .filters-wrapper .select2-container:not(.select2) { position: relative !important; top: 0 !important; } .filters .filters-wrapper .fake-select__dropdown { width: calc(100% + 54px); position: relative; border: none; top: 0; } .filters .filters-wrapper .fake-select__wrapper { padding: 0 12px; } .filters .filters-wrapper .fake-select__wrapper .form-group { max-width: calc(50% - 15px); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .filters .filters-wrapper .fake-select__wrapper .form-group .form-control { border-bottom: 1px solid var(--gray-color); padding: 5px 0; height: auto; width: 81px; } .filters .counter { pointer-events: none; } .filters .counter:after { display: none; } } @media (max-width: 575px) { .filters .filters-wrapper .filters-wrapper__box { max-width: 100%; width: 100%; } } .display-mode__input { display: none; } .display-mode__input[id="display-mode__input-full"]:checked ~ .filters .display-mode__item.full svg, .display-mode__input[id="display-mode__input-short"]:checked ~ .filters .display-mode__item.short svg { color: var(--gray-color); } @media (max-width: 1224px) { .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list { gap: 0; } .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list .catalog-item[data-col="1"], .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list .catalog-item[data-col="2"], .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list .catalog-item[data-col="3"] { width: calc(100% / 3); } .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list .catalog-item[data-col="3"] .catalog-item[data-col="1"] { width: 100%; } .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list .catalog-item[data-col="2"], .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list .catalog-item[data-col="3"], .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list .catalog-item__header-title, .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list .catalog-item__info, .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list .discount, .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list .favorite, .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list .view-card, .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list[data-col="3"]:has(.catalog-item[data-col="3"]) { display: none; } } @media (max-width: 767px) { .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list { gap: 0; } .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list .catalog-row[data-col="1"], .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list .catalog-row[data-col="2"], .display-mode__input[id="display-mode__input-short"]:checked ~ .catalog-list .catalog-row[data-col="3"] { width: calc(100% / 3); } } .callback-section { background: -webkit-gradient( linear, left top, right top, color-stop(41.43%, #f7f7f7), color-stop(89.56%, #f7f6f7) ); background: linear-gradient(90deg, #f7f7f7 41.43%, #f7f6f7 89.56%); } .callback-section .form-control { width: 100%; } @media (max-width: 768px) { .callback-section .form-control { font-size: 16px; line-height: 1; border: 0; } } .callback-section .btn { height: unset; padding-inline: 12px; min-width: clamp(180px, 10vw, 292px); font-size: clamp(18px, 2.1vw, 24px); } @media (max-width: 768px) { .callback-section .btn { padding-block: 12px; font-size: 16px; line-height: 1.6; } } .callback-section__field { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-wrap: balance; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } @media (max-width: 991px) { .callback-section__field { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .callback-section__form { max-width: 680px; padding: 40px 0; } @media (max-width: 991px) { .callback-section__form { padding-bottom: calc(40px + var(--attention-height)); max-width: 100%; } } @media (max-width: 565px) { .callback-section__form .input-group { row-gap: calc(var(--gap) / 2); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .callback-section__form .h2, .callback-section__form h2 { font-size: clamp(20px, 2.1vw, 40px); } .callback-section__form .form-control { border-color: var(--gray-color); } .callback-section__bg-img { -webkit-mask-image: -webkit-gradient( linear, left top, right top, from(transparent), color-stop(15%, #000000), color-stop(85%, #000000), to(transparent) ); -webkit-mask-image: linear-gradient( to right, transparent 0%, #000000 15%, #000000 85%, transparent 100% ); mask-image: -webkit-gradient( linear, left top, right top, from(transparent), color-stop(15%, #000000), color-stop(85%, #000000), to(transparent) ); mask-image: linear-gradient( to right, transparent 0%, #000000 15%, #000000 85%, transparent 100% ); max-width: calc(100% + 40px); -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; min-width: 50%; -webkit-box-flex: 1; -ms-flex: 1 0 calc(55% - 10px); flex: 1 0 calc(55% - 10px); } .callback-section__bg-img img { -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; max-height: 100%; max-width: 100%; display: block; } .breadcrumbs { -webkit-mask-image: -webkit-gradient( linear, left top, right top, color-stop(90%, #000000), to(transparent) ); -webkit-mask-image: linear-gradient(to right, #000000 90%, transparent 100%); mask-image: -webkit-gradient( linear, left top, right top, color-stop(90%, #000000), to(transparent) ); mask-image: linear-gradient(to right, #000000 90%, transparent 100%); white-space: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; overflow: hidden; margin: 0 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0; } @media (max-width: 768px) { .breadcrumbs { margin: 0 0 10px; } } .breadcrumbs:is(ul) { padding: 0; } .breadcrumbs:is(ul) li + li { margin-top: 0; } .breadcrumbs__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .breadcrumbs__arrow svg { -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; width: 16px; } } .breadcrumbs__arrow svg path { fill: var(--gray-color); -webkit-transition: fill 150ms ease-out; transition: fill 150ms ease-out; } .breadcrumbs__arrow:hover svg path { fill: var(--dark-color); } .breadcrumbs__elem { font-size: clamp(14px, 1.2vw, 18px); color: var(--gray-color); line-height: 1.4; } .breadcrumbs__separator { margin: 0 5px; display: block; color: var(--gray-color); } .breadcrumbs__link { font-size: inherit; line-height: inherit; text-decoration: none; } .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 27px; } .rating.rating-clickable .rating__label { position: relative; cursor: pointer; } .rating.rating-clickable .rating__label .rating__input { position: absolute; top: 0; left: 0; visibility: hidden; } .rating .rating__elem svg path { -webkit-transition: fill 0.35s ease-out; transition: fill 0.35s ease-out; } .rating .rating__elem.filled svg path { fill: var(--accent-color); } .card-modal, .modals { -webkit-transition: background-color 350ms ease-out, opacity 900ms ease-out; transition: background-color 350ms ease-out, opacity 900ms ease-out; background-color: rgba(0, 0, 0, 0); pointer-events: none; position: fixed; cursor: pointer; height: 100%; width: 100%; opacity: 0; left: 0; top: 0; } .modals { z-index: 1100; } .card-modal .modal { position: fixed; } .modal { -webkit-transition: -webkit-transform 350ms ease-out; transition: -webkit-transform 350ms ease-out; transition: transform 350ms ease-out; transition: transform 350ms ease-out, -webkit-transform 350ms ease-out; -webkit-transform: translateX(100%); transform: translateX(100%); width: 100%; z-index: 1; bottom: 0; right: 0; top: 0; } @media (max-width: 767px) { .modal { top: 0; } } .modal.show { -webkit-transform: translateX(0); transform: translateX(0); position: sticky; overflow-y: auto; height: 100dvh; } .modal .modal-dialog { position: relative; margin-left: auto; min-height: 100%; cursor: default; width: 100%; max-width: 620px; padding: 60px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); background: var(--white-color); } .modal .modal-dialog-sizes { max-width: 530px; } @media (max-width: 1199px) { .modal .modal-dialog { max-width: 50vw; } .modal .modal-dialog-sizes { max-width: 530px; } } @media (max-width: 767px) { .modal .modal-dialog { padding: 60px 10px; -webkit-box-shadow: none; box-shadow: none; max-width: 100vw; } } .modal .modal-content .card .card-table { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); } .modal .modal-content .card .card-table li { margin-top: 0; } .modal .modal-content .card-img { max-height: calc(100vh - 137px); overflow: hidden; } .modal .modal-content .card-img img { -o-object-fit: contain; object-fit: contain; } .modal .modal-content .card-img__slider, .modal .modal-content .card-img__wrapper { max-height: 100%; } .modal .modal-content .card-img__slider .swiper-slide { aspect-ratio: unset; } .modal .modal-content .card-img__slider .swiper-slide a { position: absolute; z-index: 1; bottom: 0; right: 0; left: 0; top: 0; } .modal .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .modal .modal-header .close { all: unset; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; cursor: pointer; width: 24px; height: 24px; right: 20px; top: 20px; } .modal .modal-header .close svg path { -webkit-transition: 0.35s ease-out; transition: 0.35s ease-out; } .modal .modal-header .close:hover svg path { fill: var(--gray-color); } .modal .modal-body { padding-bottom: 60px; } @media (max-width: 768px) { .modal .modal-body { padding-bottom: 30px; } } .modal .modal-footer { padding-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } @media (max-width: 768px) { .modal .modal-footer { padding-top: 20px; } } .modal .modal-bg { position: absolute; height: 100%; width: 100%; z-index: 0; left: 0; top: 0; } .card-modal { z-index: 1000; } .card-modal .close { all: unset; background-color: var(--white-color); -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 13px; margin-left: auto; position: sticky; cursor: pointer; display: block; padding: 20px; height: 64px; width: 64px; z-index: 2; right: 0; top: 0; } .card-modal .close svg { pointer-events: none; } .card-modal .close svg path { -webkit-transition: 0.35s ease-out; transition: 0.35s ease-out; } .card-modal .close:hover svg path { fill: var(--gray-color); } .card-modal .card-modal__dialog { background-color: var(--white-color); -webkit-transition: -webkit-transform 350ms ease-out; transition: -webkit-transform 350ms ease-out; transition: transform 350ms ease-out; transition: transform 350ms ease-out, -webkit-transform 350ms ease-out; -webkit-transform: translateY(100%); transform: translateY(100%); height: calc(100dvh - 60px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-x: hidden; overflow-y: auto; position: sticky; cursor: default; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; z-index: 1; bottom: 0; top: 60px; right: 0; } @media (max-width: 768px) { .card-modal .card-modal__dialog { padding-bottom: 40px; height: 100dvh; top: 0; } } .card-modal .card-modal__dialog.show { -webkit-transform: translateY(0); transform: translateY(0); } .card-modal .card { grid-template-areas: "preview info" "preview info" "- btn"; margin: 0; } .card-modal .card .card-preview { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; position: sticky; top: 77px; } .card-modal .card-img { max-height: 100%; } @media (min-width: 992px) { .card-modal .card-img { max-height: calc(100dvh - 137px); } } .card-modal .card-img .swiper-button-next, .card-modal .card-img .swiper-button-prev { height: 100%; } .card-modal .card-img .card-img__previews { display: none; } .card-modal .card-buy-form .btn { display: none; } .card-modal .card-btn__wrapper { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2; border-top: 1px solid var(--lighten-color); background-color: var(--white-color); padding: 20px 20px 20px 40px; top: calc(100dvh - 215px); width: calc(100% + 60px); margin: 0 -20px 0 -40px; -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; position: sticky; grid-area: info; display: -webkit-box; display: -ms-flexbox; display: flex; height: 155px; z-index: 2; } @media (min-width: 993px) { .card-info { -ms-grid-row: 1; -ms-grid-column: 2; } .card-preview { -ms-grid-row: 1; -ms-grid-column: 1; } .card-modal .card-btn__wrapper { -ms-grid-row: 1; -ms-grid-column: 2; } } @media (max-width: 768px) { .card-modal .card-btn__wrapper { top: calc(100dvh - 155px); } } .card-modal .card-desc { display: none; } .card-modal .card-text { padding-bottom: 135px; } .card-modal .card-text ul li { line-height: 1.6; font-weight: 400; font-size: 20px; } .card-modal .card-text .copy__btn svg { width: 24px; height: 24px; } .card-modal .sticky-pos { position: relative; top: 0; } #sale-modal, .subscribe-modal { padding: 60px clamp(20px, 4.5vw, 80px); background-position: bottom left; background-repeat: no-repeat; background-size: cover; } #sale-modal .close, .subscribe-modal .close { background-color: transparent; position: absolute; right: 0; top: 0; } #sale-modal .modal-bg, .subscribe-modal .modal-bg { background-position: bottom right; background-repeat: no-repeat; background-size: contain; } @media (max-width: 991px) { #sale-modal .modal-bg, .subscribe-modal .modal-bg { display: none; } } #sale-modal .modal-content, .subscribe-modal .modal-content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #sale-modal .full-width, .subscribe-modal .full-width { padding-bottom: 0; } #sale-modal .full-width > *, .subscribe-modal .full-width > * { -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 540px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { #sale-modal .full-width > *, .subscribe-modal .full-width > * { grid-column: col-1-3; margin: auto; } } @media (max-width: 767px) { #sale-modal .full-width > *, .subscribe-modal .full-width > * { grid-column: col-1-3; } } .subscribe-modal { position: relative; gap: 12px; } .subscribe-modal h2 { font-weight: 600; } .subscribe-modal .full-width { padding-inline: 75px; } @media (max-width: 992px) { .subscribe-modal:before { display: block; content: ""; min-height: calc(clamp(240px, 100vw, 820px) - 60px); } .subscribe-modal .form-preview { text-align: center; } .subscribe-modal .content-grid { display: -webkit-box; display: -ms-flexbox; display: flex; } .subscribe-modal .full-width { padding-inline: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .subscribe-modal .full-width .col-1-1 { margin: 0; } .subscribe-modal .modal-bg { display: block; background-position: top right; background-size: cover; max-height: clamp(240px, 90vw, 500px); } .subscribe-modal h2 { text-align: center; } .subscribe-modal h2 br { display: none; } } .subscribe-modal .form-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; text-align: center; margin-top: 24px; } .subscribe-modal .form-footer p { margin: 0; } .subscribe-modal .form-preview { margin-bottom: 12px; } .subscribe-modal .form-preview p { margin: 0; line-height: 1.4; } @media (min-width: 1920px) { .subscribe-modal .full-width { max-width: 1920px; position: relative; margin: 0 auto; } } .subscribe-modal .picture-max { display: none; } .subscribe-modal .picture-min .modal-bg-img { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: unset; right: 0; } @media (max-width: 992px) { .subscribe-modal .picture-min .modal-bg-img { top: 0; -webkit-transform: unset; transform: unset; } } @media (min-width: 1920px) { .subscribe-modal .picture-min { display: none; } } @media (min-width: 1920px) { .subscribe-modal .col-1-1 { position: relative; z-index: 10; } } @media (min-width: 1920px) { .subscribe-modal .picture-max { display: block; } .subscribe-modal .picture-max .modal-bg-img { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: unset; right: 0; } } .modal-bg-img { position: absolute; width: 100%; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-height: 100%; } @media (max-width: 992px) { .modal-bg-img { aspect-ratio: 1; max-height: 820px; -o-object-fit: cover; object-fit: cover; } } .promoCodes__item { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; display: block; max-width: 500px; width: 100%; } .promoCodes__item.active .promoCodes__preview { -webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px #934d9c; box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px #934d9c; } @media (min-width: 1201px) { .promoCodes__item:hover .promoCodes__activate { color: #934d9c; } .promoCodes__item.active .promoCodes__preview { -webkit-box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #934d9c; box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #934d9c; } } .promoCodes__preview { -webkit-transition: -webkit-box-shadow 250ms linear; transition: -webkit-box-shadow 250ms linear; transition: box-shadow 250ms linear; transition: box-shadow 250ms linear, -webkit-box-shadow 250ms linear; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 1rem 0; position: relative; overflow: hidden; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 150px; } .promoCodes__text { padding: 15px 20px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .promoCodes__code { line-height: 1.3; font-weight: 600; font-size: 39px; } .promoCodes__code:before { content: "промокод"; font-weight: 400; font-size: 21px; line-height: 1; display: block; } .promoCodes__activate { border-left: 4px solid; -o-border-image: url("/local/templates/charutti_main/static/layout/css/../uploads/break_line.webp") 19 /0 0 0 6px /0 0 repeat; border-image: url("/local/templates/charutti_main/static/layout/css/../uploads/break_line.webp") 19 /0 0 0 6px /0 0 repeat; text-shadow: 0 0 2px #000000; -webkit-transition: color 150ms ease; transition: color 150ms ease; text-transform: uppercase; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; font-weight: 400; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; } .promoCodes__desc { margin: 1rem 0; } .promoCodes__desc.short { font-weight: 400; font-size: 21px; line-height: 1; margin: 0; } .promoCodes__info { line-height: 1.3; font-weight: 400; font-size: 20px; } .promocode-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } .promoCodes__desc-min { font-size: clamp(14px, 1.2vw, 18px); color: var(--gray-color); } @media (max-width: 768px) { .aside-section { display: none; } } .aside-section .profile-menu { position: sticky; top: 125px; } @media (min-width: 768px) { .profile-menu-mobile { display: none; } } @media (max-width: 767px) { .profile-menu { position: fixed; top: calc(var(--header-height) + var(--attention-block-height)); left: 0; right: 0; bottom: 0; width: 100%; height: calc(100% - var(--header-height) - var(--attention-block-height)); z-index: 120; border-top: 1px solid var(--lighten-color); background: var(--white-color); -webkit-transform: translateX(100%); transform: translateX(100%); padding: 0 var(--padding-inline); -webkit-transition: -webkit-transform 0.15s ease-out; transition: -webkit-transform 0.15s ease-out; transition: transform 0.15s ease-out; transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out; } .profile-menu.active { -webkit-transform: translateX(0); transform: translateX(0); } } .profile-menu .profile-menu__wrapper { position: relative; } .profile-menu .profile-menu__wrapper .profile-menu__close { all: unset; -webkit-box-sizing: border-box; box-sizing: border-box; width: 24px; height: 24px; position: absolute; top: 10px; right: 0; } @media (min-width: 768px) { .profile-menu .profile-menu__wrapper .profile-menu__close { display: none; } } .profile-menu .profile-menu__elem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 60px; gap: 30px; } @media (max-width: 767px) { .profile-menu .profile-menu__elem { padding-top: 40px; } } .profile-menu .profile-menu__elem .profile-menu__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .profile-menu .profile-menu__elem .profile-menu__item:first-child { gap: 10px; } .profile-menu .profile-menu__elem .profile-menu__item:last-child { gap: 20px; } .profile-menu .profile-menu__elem .profile-menu__item .profile-menu__avatar { width: 60px; height: 60px; 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: var(--accent-extra-light-color); border-radius: 50%; } .profile-menu .profile-menu__elem .profile-menu__item .profile-menu__avatar svg { width: 24px; } .profile-menu .profile-menu__elem .profile-menu__item .profile-menu__logout { all: unset; cursor: pointer; } .profile-menu .profile-menu__elem .profile-menu__item .profile-menu__logout, .profile-menu .profile-menu__elem .profile-menu__item a, .profile-menu .profile-menu__elem .profile-menu__item p { font-size: clamp(16px, 1.1vw, 20px); line-height: 1.6; margin: 0; width: auto; } .profile-menu .profile-menu__elem .profile-menu__item .profile-menu__logout, .profile-menu .profile-menu__elem .profile-menu__item a { -ms-flex-item-align: start; align-self: flex-start; text-decoration: none; color: var(--primary-color); } @media (min-width: 992px) { .profile-menu .profile-menu__elem .profile-menu__item .profile-menu__logout:hover, .profile-menu .profile-menu__elem .profile-menu__item a:hover { color: var(--accent-dark-color); } } .profile-menu .profile-menu__elem .profile-menu__item .form-checkbox { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .profile-menu .profile-menu__elem .profile-menu__item .form-checkbox .form-label { font-size: clamp(16px, 1.1vw, 20px); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; line-height: 1.6; } @media (min-width: 992px) { .profile-menu .profile-menu__elem .profile-menu__item .form-checkbox .form-label { width: 200px; } } .profile-menu .profile-menu__elem .profile-menu__item .form-checkbox .form-label:before { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .profile-menu .profile-menu__elem .profile-menu__item .form-checkbox .form-label:after { -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); top: calc(50% - 3px); right: 7px; left: auto; } .copy { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .copy.copied .copy__btn, .copy.copied .copy__content { opacity: 0; visibility: hidden; -webkit-transform: translateY(-12px); transform: translateY(-12px); } .copy.copied .copy__message { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .copy .copy__content { display: inline-block; word-break: break-all; -webkit-transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out; transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out; transition: opacity 0.24s ease-out, visibility 0.24s ease-out, transform 0.24s ease-out; transition: opacity 0.24s ease-out, visibility 0.24s ease-out, transform 0.24s ease-out, -webkit-transform 0.24s ease-out; -webkit-transform: translateY(0px); transform: translateY(0px); } .copy .copy__message { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; color: var(--success-color); -webkit-transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out; transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out; transition: opacity 0.24s ease-out, visibility 0.24s ease-out, transform 0.24s ease-out; transition: opacity 0.24s ease-out, visibility 0.24s ease-out, transform 0.24s ease-out, -webkit-transform 0.24s ease-out; -webkit-transform: translateY(12px); transform: translateY(12px); } .copy .copy__btn { all: unset; -webkit-transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out; transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out; transition: opacity 0.24s ease-out, visibility 0.24s ease-out, transform 0.24s ease-out; transition: opacity 0.24s ease-out, visibility 0.24s ease-out, transform 0.24s ease-out, -webkit-transform 0.24s ease-out; -webkit-transform: translateY(-1px); transform: translateY(-1px); -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .copy .copy__btn svg path { -webkit-transition: stroke 0.24s ease-out; transition: stroke 0.24s ease-out; } @media (min-width: 992px) { .copy .copy__btn:hover svg path { stroke: var(--dark-color); } } .order { background: var(--lightest-color); } @media (max-width: 767px) { .order { width: calc(100% + 20px); margin-right: -10px; margin-left: -10px; } } .order .order__contnet { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; padding: 30px; } @media (max-width: 767px) { .order .order__contnet { padding: 20px 20px 10px 30px; } } .order .order__contnet .order__link { display: inline-block; } .order .order__contnet .order__link a { margin-right: 8px; } .order .order__contnet .order__image { width: 125px; height: 125px; -ms-flex-negative: 0; flex-shrink: 0; } .order .order__contnet .order__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .order .order__contnet .order__reserve { font-size: clamp(14px, 1.25vw, 18px); line-height: 1.5; color: var(--gray-color); } .order .order__contnet .order__reserve .loading { display: inline-block; min-width: 145px; } .order .order__contnet .order__reserve .loading:after { width: 75px; left: auto; right: 0; } .order .order__contnet .oreder__delivery { font-size: clamp(16px, 1.1vw, 20px); line-height: 1.6; } .order .order__contnet .oreder__status { text-transform: uppercase; font-family: "Playfair Display", serif; } .order .order__contnet .oreder__status.not-paid { color: var(--error-color); } .order .order__contnet .oreder__status.expire { color: var(--error-color); } .order .order__contnet .oreder__status.assembly { color: var(--success-color); } .order .order__contnet .oreder__status.assigned-track { color: var(--success-color); } .order .order__addition { padding: 10px 20px; border-top: 1px solid var(--light-color); } @media (max-width: 767px) { .order .order__addition { padding: 10px 30px; } } .order .order__addition p { font-size: clamp(14px, 1.25vw, 18px); line-height: 1.5; } @media (max-width: 767px) { .orders-wrapper { margin-inline: calc(var(--padding-inline) * -1); } .orders-wrapper .orders-title, .orders-wrapper .orders__empty, .orders-wrapper .pagination { padding-inline: var(--padding-inline); } .orders-wrapper .informer { padding: 30px 20px; } } .main-section .informer { margin-bottom: 60px; } @media (max-width: 768px) { .main-section .informer { margin-bottom: 40px; } } .main-section .form-order .informer { margin-bottom: 0; } .informer-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .informer { background: var(--accent-light-color); -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px; width: 100%; gap: 15px; } .informer .informer__elem:first-child { -ms-flex-negative: 0; flex-shrink: 0; } .informer .informer__elem:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } @media (max-width: 768px) { .informer { padding: 30px 10px; } } .informer p { font-size: clamp(14px, 1.2vw, 16px); line-height: 1.4; margin: 0; } .informer a { font-size: clamp(14px, 1.25vw, 24px); line-height: 1.6; color: var(--primary-color); } .informer a:hover { color: var(--accent-dark-color); } .informer.color-main { background: #824e971a; } .informer.color-main svg path { stroke: var(--primary-color); } .informer.color-dark { background: #ff6bd033; } .informer.color-dark svg path { stroke: var(--accent-color); } .informer.color-dark a { color: var(--primary-color); } .informer.color-dark a:hover { color: var(--accent-dark-color); } .search-history { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 20px 0 60px; row-gap: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .search-history__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.6; min-height: 48px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .size { display: -ms-grid; display: grid; -ms-grid-columns: 115px 10px 115px 10px 115px 10px 115px 10px auto; grid-template-columns: repeat(4, 115px) auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; max-width: 564px !important; width: 100%; } @media (max-width: 576px) { .size { -ms-grid-columns: 30px 100px auto auto; grid-template-columns: 30px 100px auto auto; } } .size.active .size__btn { display: block; } .size.delete { -ms-grid-columns: (115px) [3] auto; grid-template-columns: repeat(3, 115px) auto; } @media (max-width: 576px) { .size.delete { -ms-grid-columns: 30px 100px auto auto; grid-template-columns: 30px 100px auto auto; } } .size.delete .count, .size.delete .size__current, .size.delete .size__price { pointer-events: none; opacity: 0.3; } @media (min-width: 576px) { .size.delete .size__price.to { display: none; } } .size.delete .size__btn .size__btn-text { display: inline-block; } .size.delete .size__btn .size__btn-icon { display: none; } .size p, .size span { display: inline-block; font-size: clamp(14px, 1.05vw, 20px); line-height: 1.6; margin: 0; } .size .size__action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .size .size__price { position: relative; } .size .size__price .size__input { position: absolute; visibility: hidden; z-index: -1; width: 0; top: 0; left: 0; } @media (max-width: 576px) { .size .size__price.from { display: none; } } .size .size__price.to .size__sum:after { display: none; } .size .size__price .size__sum { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; } .size .size__price .size__sum.hide { display: none; } .size .size__price .size__sum:after, .size .size__price .size__sum:before { margin-left: 6px; display: inline-block; line-height: 1.6; } .size .size__price .size__sum:before { font-size: clamp(14px, 1.05vw, 20px); content: "Р"; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .size .size__price .size__sum:after { font-size: clamp(14px, 1.05vw, 16px); color: var(--gray-color); padding-bottom: 1px; content: " / шт"; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .size .size__btn { all: unset; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; cursor: pointer; -webkit-box-flex: 0; -ms-flex: 0 0 14px; flex: 0 0 14px; } .size .size__btn:hover .size__btn-text { color: var(--gray-color); } .size .size__btn:hover .size__btn-icon svg path { fill: var(--gray-color); } .size .size__btn .size__btn-text { text-decoration: underline; font-size: clamp(14px, 1.05vw, 18px); line-height: 1.6; -webkit-transition: color 0.24s ease-out; transition: color 0.24s ease-out; display: none; } .size .size__btn .size__btn-icon svg path { -webkit-transition: fill 0.24s ease-out; transition: fill 0.24s ease-out; } .count { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 1px solid var(--lighten-color); } .count .count__btn, .count .count__input { all: unset; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45px; min-height: 45px; } .count .count__btn { cursor: pointer; width: 39px; 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; } .count .count__input { cursor: text; font-size: clamp(14px, 1.05vw, 20px); line-height: 1.6; text-align: center; -moz-appearance: textfield; } .count .count__input::-webkit-inner-spin-button, .count .count__input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .products { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; max-width: 100%; row-gap: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .products { overflow: hidden; } } .product { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .product p { margin: 0; } .product.is-delete .product__body, .product.is-delete .product__head { opacity: 0.3; pointer-events: none; } .product.is-delete .product__add_size { pointer-events: none; } .product.is-delete .product__delete span { pointer-events: none; } .product.is-delete .product__delete span:first-child { display: none !important; } .product.is-delete .product__delete span:last-child { display: inline-block !important; } .product .product__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 15px; -webkit-transition: opacity 0.24s ease-out; transition: opacity 0.24s ease-out; } .product .product__head .product__image { width: 235px; height: 235px; } @media (max-width: 576px) { .product .product__head .product__image { width: 125px; height: 125px; } } .product .product__head .product__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .product .product__head .product__info .article { font-size: clamp(14px, 1.2vw, 16px); color: var(--gray-color); } .product .product__head .product__info .article .copy { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product .product__head .product__info p { font-size: clamp(16px, 1.25vw, 24px); line-height: 1.6; } .product .product__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; -webkit-transition: opacity 0.24s ease-out; transition: opacity 0.24s ease-out; } .product .product__body .informer { padding: 20px; } .product .product__footer { max-width: 564px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 15px; } .product .product__footer a, .product .product__footer p { font-size: clamp(14px, 1.25vw, 18px); line-height: 1.5; color: var(--gray-color); } .product .product__footer a { -webkit-transition: color 0.24s ease-out; transition: color 0.24s ease-out; } .product .product__footer a:hover { color: var(--text-color); } .product .product__footer .product__empty { color: var(--error-color); } .product .product__footer .product__delete span { text-decoration: underline; } .product .product__footer .product__delete span:first-child { display: inline-block; } .product .product__footer .product__delete span:last-child { display: none; } @media (max-width: 991px) { .accordion[data-state="hide"] .accordion-body, .accordion[data-state="hide"] .accordion-header .hide, .accordion[data-state="show"] .accordion-header .show { display: none; } } .accordion[data-state="show"] .accordion-header { margin-top: 1rem; } .accordion .accordion-header { -webkit-transition: color 150ms ease-out; transition: color 150ms ease-out; text-decoration-thickness: 1px; text-underline-offset: 2px; text-decoration: underline; color: var(--gray-color); display: inline-block; cursor: pointer; } @media (min-width: 992px) { .accordion .accordion-header { display: none; } } .accordion .accordion-header .hide, .accordion .accordion-header .show { pointer-events: none; } .pagination { margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; gap: 15px; } @media (max-width: 991px) { .pagination { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767px) { .pagination { -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; } } .pagination-nav { overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; gap: inherit; } @media (max-width: 575px) { .pagination-nav { gap: 8px; } } .pagination-nav__item { -webkit-transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out; transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out; background-color: var(--lighten-color); border: 1px solid var(--lighten-color); color: var(--gray-color); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; text-align: center; font-size: 20px; min-width: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; } @media (max-width: 575px) { .pagination-nav__item { min-width: 40px; height: 40px; } } .pagination-nav__item:not(.active, span):hover { background-color: var(--lightest-color); } .pagination-nav__item.active { background-color: var(--white-color); border-color: var(--gray-color); color: var(--text-color); pointer-events: none; } .pagination-nav__item:is(span) { background-color: transparent; border-color: transparent; cursor: default; } .pagination-btn { white-space: nowrap; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } .stories-section.col-1-3 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 125px; margin-top: 20px; padding-inline: var(--padding-inline); } .stories-section.col-1-3 .cpt-stories-txt-dark { color: var(--gray-color); } .stories-section.col-1-3 .cpt-stories-block .swiper-slide { margin: 0 !important; } .stories-section.col-1-3 .cpt-stories-block .cpt-stories-preview-slide { height: 125px; width: 125px; } .stories-section.col-1-3 .cpt-stories-block .cpt-stories-preview-slide-active { -webkit-box-shadow: 0 0 0 3px white, 0 0 0 5px var(--gray-color); box-shadow: 0 0 0 3px white, 0 0 0 5px var(--gray-color); } .stories-section.col-1-3 .cpt-stories-footer.cpt-stories-row { display: none; } .stories { list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; overflow-x: auto; } @media (max-width: 768px) { .stories { gap: 10px; } } .stories-img { width: 100px; height: 100px; border-radius: 50%; } @media (max-width: 768px) { .stories-img { width: 80px; height: 80px; } } .stories-title { font-size: 14px; line-height: 1.5; color: var(--gray-color); } .stories-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; padding-inline: 14px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 768px) { .stories-item { padding-inline: 0; } } .reviews { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; margin-bottom: 120px; } @media (max-width: 1200px) { .reviews { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (max-width: 768px) { .reviews { margin-bottom: 60px; } } .reviews .reviews__side:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .reviews .reviews__side:last-child { width: 100%; max-width: 470px; } @media (max-width: 1200px) { .reviews .reviews__side:last-child { max-width: 100%; } } .reviews__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 60px; } .reviews__content p { font-size: clamp(14px, 1.25vw, 18px); } .reviews__content .rating { gap: 10px; } .reviews__content .reviews__elem { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 25px; } @media (max-width: 768px) { .reviews__content .reviews__elem { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .reviews__content .reviews__elem .reviews__image { width: 290px; height: 290px; -ms-flex-negative: 0; flex-shrink: 0; } .reviews__content .reviews__elem .reviews__image picture { height: 100%; } @media (max-width: 576px) { .reviews__content .reviews__elem .reviews__image { width: 100%; height: 100%; } } .reviews__content .reviews__elem .reviews__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .reviews__content .reviews__elem .reviews__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 10px; } .reviews__content .reviews__elem .reviews__info .reviews__head span { display: block; font-size: clamp(14px, 1.2vw, 16px); line-height: 1.4; color: var(--gray-color); margin-bottom: 10px; } .reviews__content .reviews__elem .reviews__info .reviews__head svg { width: 20px; } .reviews__content .reviews__elem .reviews__info .reviews__response { padding-top: 10px; border-top: 1px solid var(--lighten-color); margin-top: 20px; } .payment-account { margin: 60px 0 120px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr; grid-template-columns: repeat(2, 1fr); gap: 30px; } @media (max-width: 768px) { .payment-account { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 30px; } } @media (max-width: 767px) { .payment-account { margin: 0 calc(var(--padding-inline) * -1) 60px; margin-inline: unset; } } .payment-account__elem { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .payment-account__item { margin: 30px 0; } .payment-account__item:last-child { margin-bottom: 0; } .payment-account a { font-size: clamp(16px, 1.1vw, 20px); line-height: 1.6; font-weight: 400; } .payment-account a:hover { color: var(--gray-color); } .contacts-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; margin: 30px 0; padding: 0; -webkit-columns: 1; -moz-columns: 1; columns: 1; } .contacts-list:is(ul) { padding: 0; -webkit-columns: 1; -moz-columns: 1; columns: 1; } .contacts-list__elem { margin: 30px 0; } .contacts-list__elem:first-child { margin-top: 0; } .contacts-list__elem:last-child { margin-bottom: 0; } .contacts-list__elem a { text-decoration: none; } .contacts-list__elem a:hover { color: var(--gray-color); } .contacts-email { margin: 30px 0; } .contacts-email a:hover { color: var(--gray-color); } .contacts-persons { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: 40px; width: 100%; } @media (max-width: 767px) { .contacts-persons { margin-bottom: 40px; } } .contacts-person { width: 100%; } @media (min-width: 768px) { .contacts-person { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 5px); flex: 0 0 calc(50% - 5px); width: calc(50% - 5px); } } .contacts-person__img { margin-bottom: 20px; } .contacts-person__img img { -o-object-position: center; object-position: center; pointer-events: none; aspect-ratio: 1; -o-object-fit: cover; object-fit: cover; display: block; width: 100%; } .contacts-person__name { line-height: 1.6; font-weight: 400; font-size: 20px; } @media (min-width: 992px) { .contacts-person__name { font-size: 24px; } } .contacts-person__post { font-weight: 300; font-size: 14px; margin-top: 5px; line-height: 1; } @media (min-width: 992px) { .contacts-person__post { font-size: 18px; } } .about-brand__title { text-align: center; margin-bottom: 20px; } @media (max-width: 768px) { .about-brand__title { text-align: start; } } .advantages-block { margin-bottom: 60px; } .advantages-block .advantages-block__head { text-align: center; margin-bottom: 20px; } @media (max-width: 768px) { .advantages-block .advantages-block__head { text-align: start; } } .advantages-vis { 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; text-align: center; } .advantages-vis .advantages-vis__image { max-height: 200px; max-width: 200px; margin: 0 auto; height: 15vh; } .advantages-vis .advantages-vis__image img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .advantages-vis p { font-size: clamp(14px, 1.25vw, 18px); font-weight: 300; line-height: 1.5; margin: 0; } .quote { margin-bottom: 60px; } .quote .quote__wrapper { margin-bottom: 20px; } .quote .quote__wrapper p { max-width: 100%; } .quote .quote__wrapper .quote__elem { text-align: end; } .quote .quote__wrapper .quote__elem:first-child { text-align: start; } .quote .quote__wrapper .quote__author p { color: var(--gray-color); } .marketplaces { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .marketplaces .marketplaces__elem img { margin-left: 0; width: auto; height: 118px; -o-object-fit: contain; object-fit: contain; } .marketplaces a:hover { color: var(--gray-color); } .transport-companies { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; margin: 40px 0; } .transport-companies .transport-companies__elem { text-align: center; min-width: 144px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .transport-companies .transport-companies__elem p { max-width: 100%; } .transport-companies .transport-companies__elem .transport-companies__image { width: 80px; height: 80px; margin: 0 auto; } .transport-companies .transport-companies__elem .transport-companies__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .news { grid-template-columns: repeat(auto-fit, minmax(395px, 1fr)); margin-bottom: 120px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 60px; display: -ms-grid; display: grid; } @media (max-width: 768px) { .news { grid-template-columns: repeat(auto-fit, minmax(275px, 1fr)); margin-bottom: 60px; } } .news .news__elem { text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .news .news__elem:hover { color: var(--gray-color); } .news .news__elem:hover img { opacity: 0.75; } .news .news__elem p { margin: 20px 0 10px; line-height: 1.6; font-weight: 400; font-size: 20px; } .news .news__elem span { line-height: 1.35; font-weight: 300; font-size: 18px; } .news .news__elem img { width: 100%; height: 395px; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 0.35s ease-out; transition: opacity 0.35s ease-out; } .news-detail { margin-bottom: 120px; } @media (max-width: 768px) { .news-detail { margin-bottom: 60px; } } .news-detail .news-detail__body, .news-detail .news-detail__header { margin-bottom: 60px; } .news-detail .news-detail__body b, .news-detail .news-detail__header b { font-weight: 500; } .news-detail iframe { aspect-ratio: 1.77777778; max-width: 100%; height: auto; } .news-detail-v1 { margin-bottom: 60px; } .news-detail-v1 .news-detail__double { display: -ms-grid; display: grid; } .news-detail-v1 .news-detail__double .news-detail__double-image { width: 100%; height: 100%; } .news-detail-v1 .news-detail__double .news-detail__double-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .news-detail-v1 .news-detail__double .news-detail__double-info { background: var(--white-color); padding: 40px; } @media (max-width: 992px) { .news-detail-v1 .news-detail__double .news-detail__double-info { max-width: 90%; padding: 10px 20px; } } .news-detail-v1 .news-detail__double-left { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-grid-columns: 3fr 1fr; grid-template-columns: 3fr 1fr; } @media (max-width: 992px) { .news-detail-v1 .news-detail__double-left { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: (auto) [2]; grid-template-rows: repeat(2, auto); } .news-detail-v1 .news-detail__double-left > :first-child { -ms-grid-row: 1; -ms-grid-column: 1; } .news-detail-v1 .news-detail__double-left > :nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1; } } @media (max-width: 768px) { .news-detail-v1 .news-detail__double-left { width: calc(100% + 40px); margin-left: -20px; } } .news-detail-v1 .news-detail__double-left .news-detail__double-info { -webkit-transform: translate(-10%, -20%); transform: translate(-10%, -20%); } @media (max-width: 992px) { .news-detail-v1 .news-detail__double-left .news-detail__double-info { margin-left: auto; -webkit-transform: translate(0, -40px); transform: translate(0, -40px); } } .news-detail-v1 .news-detail__double-right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-template-areas: "b a"; -ms-grid-columns: 1fr 3fr; grid-template-columns: 1fr 3fr; } @media (max-width: 992px) { .news-detail-v1 .news-detail__double-right { grid-template-areas: "a" "b"; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: (auto) [2]; grid-template-rows: repeat(2, auto); } .news-detail-v1 .news-detail__double-right > .catalog-item-preview__img { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; } .news-detail-v1 .news-detail__double-right > .catalog-item-preview__text { -ms-grid-row: 2; -ms-grid-column: 1; } } @media (max-width: 768px) { .news-detail-v1 .news-detail__double-right { width: calc(100% + 40px); margin-left: -20px; } } .news-detail-v1 .news-detail__double-right .news-detail__double-image { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 2; grid-area: a; } .news-detail-v1 .news-detail__double-right .news-detail__double-info { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: b; width: 100%; max-width: 510px; -webkit-transform: translate(10%, 0); transform: translate(10%, 0); } @media (max-width: 768px) { .catalog-item-preview__img { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; } .catalog-item-preview__text { -ms-grid-row: 1; -ms-grid-column: 3; } .catalog-item-preview__footer { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3; } .news-detail-v1 .news-detail__double-right .news-detail__double-image { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; } .news-detail-v1 .news-detail__double-right .news-detail__double-info { -ms-grid-row: 1; -ms-grid-column: 3; } } @media (max-width: 992px) { .news-detail-v1 .news-detail__double-right > .news-detail__double-image { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; } .news-detail-v1 .news-detail__double-right > .news-detail__double-info { -ms-grid-row: 2; -ms-grid-column: 1; } } @media (max-width: 992px) { .news-detail-v1 .news-detail__double-right .news-detail__double-info { margin-right: auto; max-width: 90%; -webkit-transform: translate(0, -40px); transform: translate(0, -40px); } } .news-trend { 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; margin: 60px 0; } @media (max-width: 768px) { .news-trend { margin: 20px 0 60px; } } .news-trend .news-trend__image { width: 100%; margin-bottom: 60px; } .news-trend .news-trend__image picture:last-child img { display: none; } @media (max-width: 768px) { .news-trend .news-trend__image picture:first-child img { display: none; } .news-trend .news-trend__image picture:last-child img { display: block; } } @media (max-width: 768px) { .news-trend .news-trend__image { width: calc(100% + 40px); margin-left: -20px; } } @media (max-width: 768px) { .news-trend .news-trend__image { margin-bottom: 20px; } } .news-trend .news-trend__image img { width: 100%; height: 100%; min-height: 388px; -o-object-fit: cover; object-fit: cover; } .news-detail__catalog { margin-top: 60px; } .profile { display: -ms-grid; display: grid; -ms-grid-columns: auto 30px 1fr; grid-template-columns: auto 1fr; gap: 30px; } @media (max-width: 768px) { .profile { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .profile__banner { width: 100%; display: block; margin-bottom: 60px; } @media (max-width: 768px) { .profile__banner { margin-bottom: 40px; } } .profile__banner img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .orders__filled .orders__list { display: -ms-grid; display: grid; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; row-gap: 30px; grid-template-columns: repeat(auto-fill, minmax(660px, 1fr)); } @media (max-width: 1620px) { .orders__filled .orders__list { grid-template-columns: repeat(auto-fill, minmax(480px, 1fr)); } } @media (max-width: 768px) { .orders__filled .orders__list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 20px; } } .orders__filled-profile { margin-bottom: 120px; } @media (max-width: 768px) { .orders__filled-profile { margin-bottom: 80px; } } @media (max-width: 768px) { .orders__action .btn { width: 100%; } } .profile-edit__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 60px; margin-bottom: 30px; } .profile-edit__content .profile-edit__elem { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .profile-edit__action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .profile-edit__action .link-logout { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .profile-edit__action .link-logout svg path { -webkit-transition: stroke 0.35s ease-out; transition: stroke 0.35s ease-out; } .profile-edit__action .link-logout:hover svg path { stroke: var(--gray-color); } .favourites__list { -ms-grid-columns: 1fr 20px 1fr; grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; row-gap: 30px; display: -ms-grid; display: grid; } @media (max-width: 1200px) { .favourites__list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .not-found { background-image: url("/local/templates/charutti_main/static/layout/css/../uploads/404-bg.webp"); background-position: right bottom; background-repeat: no-repeat; background-size: contain; margin-bottom: -40px; } @media (max-width: 768px) { .not-found { background-image: none; min-height: auto; } } .not-found.col-1-3 { padding-bottom: 40px; } @media (max-width: 768px) { .not-found .btn { width: 100%; } } .cart { -ms-grid-columns: 1fr 60px minmax(280px, 550px); grid-template-columns: 1fr minmax(280px, 550px); margin-bottom: 120px; position: relative; display: -ms-grid; display: grid; gap: 60px; } @media (max-width: 991px) { .cart { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-auto-flow: row; } } @media (max-width: 767px) { .cart { margin-bottom: 60px; } } .cart .btn-order { -webkit-box-shadow: 0 0 0 var(--padding-inline) var(--white-color); box-shadow: 0 0 0 var(--padding-inline) var(--white-color); top: calc(100dvh - 118px); pointer-events: all; position: sticky; width: 100%; } @media (min-width: 768px) { .cart .btn-order { display: none; } } .cart__sticky { pointer-events: none; position: absolute; z-index: 1; bottom: 0; right: 0; left: 0; top: 0; } .cart__order { max-width: 100%; } .form-order { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: sticky; display: -webkit-box; display: -ms-flexbox; display: flex; top: 148px; gap: 40px; } .form-order .form-order__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .form-order .form-order__amount, .form-order .form-order__sale { 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: 10px; } .form-order .form-order__amount { padding-top: 10px; border-top: 1px solid var(--accent-light-color); } .form-order .form-order__amount:not(:only-child):first-child { border-top: none; } .form-order .form-order__amount p { margin: 0; } .form-order textarea.form-control { min-height: 160px; } .pcode { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .pcode__elem { 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: 10px; } .pcode__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .pcode__text { font-size: clamp(14px, 1.05vw, 20px); line-height: 1.6; margin: 0; } .pcode__info { -webkit-transition: color 0.24s ease-out; transition: color 0.24s ease-out; text-decoration: none; line-height: 1.6; font-size: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .pcode__info:hover { color: var(--gray-color); } .pcode__info svg { -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; } .pcode__all { color: var(--gray-color); -webkit-transition: color 0.24s ease-out; transition: color 0.24s ease-out; line-height: 1.6; font-size: 18px; } .pcode__all svg { width: 16px; } .pcode__all:hover { color: var(--text-color); } .area-input { width: 100%; } .area-input.success { color: var(--success-color); } .area-input.success input { border-color: var(--success-color); } .area-input.error { color: var(--error-color); } .area-input.error input { border-color: var(--error-color); } .area-input .area-input__content { 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; gap: 10px; width: 100%; } .area-input .area-input__content .btn { font-size: 20px; width: 155px; padding: 0; } .area-input .area-input__wrap { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .area-input .area-input__wrap input { color: var(--text-color); height: 60px; width: 100%; } .area-input .area-input__wrap .btn-input_clear { all: unset; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; position: absolute; top: 0; right: 5px; bottom: 0; margin: auto; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.24s ease-out; transition: opacity 0.24s ease-out; } .area-input .area-input__wrap .btn-input_clear.active { visibility: visible; opacity: 1; } .area-input .area-input__wrap .btn-input_clear:hover svg path { fill: var(--text-color); } .area-input .area-input__wrap .btn-input_clear svg path { fill: var(--gray-color); -webkit-transition: fill 0.24s ease-out; transition: fill 0.24s ease-out; } .area-input .area-input__info { display: inline-block; margin-top: 5px; font-size: clamp(14px, 1.25vw, 18px); line-height: 1.5; } .progress { position: relative; } .progress .progress__input { visibility: hidden; position: absolute; } .progress .progress__line { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto 6px; height: 2px; max-width: calc(100% - 12px); } .progress .progress__line-1 { width: 100%; background: var(--lighten-color); } .progress .progress__line-2 { width: 0; background: var(--primary-color); } .progress .progress__list { display: -ms-grid; display: grid; -ms-grid-columns: 17% 33% 33% 17%; grid-template-columns: 17% 33% 33% 17%; } .progress .progress__list .progress__elem { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } .progress .progress__list .progress__elem-1 { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; left: 0; } .progress .progress__list .progress__elem-2 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .progress .progress__list .progress__elem-3 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .progress .progress__list .progress__elem-4 { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; right: 0; } .progress .progress__list .progress__elem.active .progress__point { background: var(--primary-color); } .progress .progress__list .progress__elem .progress__label { font-size: clamp(12px, 1.2vw, 16px); line-height: 1.4; white-space: nowrap; } .progress .progress__list .progress__elem .progress__point { display: block; width: 12px; height: 12px; border-radius: 50%; background: var(--lighten-color); } .cart-detail__form { overflow: hidden; max-width: 1024px; } .cart-detail__form .card-desc__tabs-item { cursor: pointer; } @media (max-width: 768px) { .cart-detail__form .btn { width: 100%; } } .swiper-cart .swiper-slide { background: var(--white-color); } .cart-detail__preson-data { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 50px; } @media (max-width: 768px) { .cart-detail__preson-data { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } } .cart-detail__preson-data .cart-detail__preson-side { width: 100%; } .cart-detail__preson-data .cart-detail__preson-side .form-group { margin: 0 0 40px; } @media (max-width: 768px) { .cart-detail__preson-data .cart-detail__preson-side .form-group { margin: 0 0 30px; } } .cart-detail__organization-wrap { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 50px; } @media (max-width: 767px) { .cart-detail__organization-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .cart-detail__organization-side { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .cart-detail__organization-side .form-radio { margin-bottom: 0; } .cart-detail__organization-side .form-radio .label-with-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4px; } .cart-detail__organization-info { border-top: 1px solid var(--accent-light-color); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 15px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .cart-detail__organization-info span { padding: 5px 0; -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; } .cart-detail__organization-info p { margin: 0; font-size: clamp(14px, 1.2vw, 16px); line-height: 1.4; } .cart-detail__pay { -ms-grid-rows: auto 20px auto; grid-template-areas: "radio-first radio-second" "input input"; -ms-grid-columns: 1fr 40px 1fr; grid-template-columns: 1fr 1fr; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; max-width: 510px; display: -ms-grid; display: grid; row-gap: 20px; } @media (max-width: 767px) { .cart-detail__pay { grid-template-areas: "radio-first" "input" "radio-second"; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .cart-detail__pay .form-radio:first-child { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: radio-first; } .cart-detail__pay .form-radio:last-child { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: radio-second; } .cart-detail__pay .radio__tabs-wrapper { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: input; } @media (max-width: 767px) { .cart-detail__pay .form-radio:first-child { -ms-grid-row: 1; -ms-grid-column: 1; } .cart-detail__pay .form-radio:last-child { -ms-grid-row: 3; -ms-grid-column: 1; } .cart-detail__pay .radio__tabs-wrapper { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; } } .swiper-slide .cart-detail__step { 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; gap: 20px; } @media (max-width: 767px) { .swiper-slide .cart-detail__step.reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .swiper-slide[data-tab="1"] .cart-detail__step { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .swiper-slide[data-tab="2"] textarea { min-height: 124px; } .cart-detail__delivery-select .form-group { margin-bottom: 4px; } .cart-detail__delivery-select p { margin: 0; font-size: clamp(14px, 1.25vw, 18px); line-height: 1.5; } .cart-detail__delivery-select .select2-container { width: 100% !important; } .cart-detail__delivery-select .select2-container:not(.select2) { right: 0 !important; left: 0 !important; min-width: 100%; } .cart-detail__delivery-select .select2-container:not(.select2) .select2-results__options { padding: 15px 20px; } .cart-detail__delivery-select .select2-container .select2-selection { padding-right: 40px; } .cart-detail__delivery-select .select2-container .select2-selection .select2-selection__arrow { width: 24px; right: 15px; top: 0; } .cart-detail__address { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; } @media (max-width: 768px) { .cart-detail__address { gap: 20px; } } .btn-add { all: unset; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -webkit-transition: color 0.24s ease-out; transition: color 0.24s ease-out; font-size: 20px; } .btn-add svg { width: 24px; height: 24px; } .btn-add svg path { -webkit-transition: fill 0.24s ease-out; transition: fill 0.24s ease-out; } .btn-add:hover { color: var(--gray-color); } .btn-add:hover svg path { fill: var(--gray-color); } .cart-detail__dadata .form-group { margin-bottom: 4px; } .cart-detail__dadata p { margin: 0; font-size: clamp(14px, 1.25vw, 18px); line-height: 1.5; } .cart-detail__delivery { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 50px; } @media (max-width: 768px) { .cart-detail__delivery { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .cart-detail__result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } @media (max-width: 768px) { .cart-detail__result { gap: 20px; } } .cart-detail__result.g-20 { gap: 20px; } .cart-detail__result .cart-detail__result-elem { 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: 4px; } .cart-detail__result .cart-detail__result-elem .cart-detail__result-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } .cart-detail__result .cart-detail__result-elem .cart-detail__result-item p { margin: 0; font-size: clamp(16px, 1.1vw, 20px); line-height: 1.6; } .cart-detail__result .cart-detail__result-elem .cart-detail__result-item a { text-decoration: underline; color: var(--gray-color); font-size: clamp(14px, 1.2vw, 16px); line-height: 1.4; -webkit-transition: color 0.24s ease-out; transition: color 0.24s ease-out; } .cart-detail__result .cart-detail__result-elem .cart-detail__result-item a:hover { color: var(--text-color); } .cart-detail__result .cart-detail__result-elem.bordered:not(:first-child) { border-top: 1px solid var(--lighten-color); padding-top: 20px; } .subtext { font-size: 14px; color: var(--gray-color); max-width: 100%; } .cart-detail-success { background-image: url("/local/templates/charutti_main/static/layout/css/../uploads/cart-bg.webp"); background-position: right bottom; background-repeat: no-repeat; background-size: contain; margin-bottom: -80px; } @media (max-width: 768px) { .cart-detail-success { background-image: none; min-height: auto; margin-bottom: unset; } } .full-width > .col-1-3.cart-detail-success { padding-bottom: 80px; } @media (max-width: 768px) { .full-width > .col-1-3.cart-detail-success { padding-bottom: 0; } } .cart-detail-success__content { max-width: 1024px; width: 100%; } @media (max-width: 768px) { .cart-detail-success__content .btn { width: 100%; } } .cart-detail-success__content .cart-detail-success__action { max-width: 736px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; gap: 40px; } @media (max-width: 768px) { .cart-detail-success__content .cart-detail-success__action { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cart-detail-success__content .cart-detail-success__action .cart-detail-success__action-elem { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } @media (max-width: 768px) { .cart-detail-success__content .cart-detail-success__action .cart-detail-success__action-elem { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 15px; } } @media (min-width: 768px) { .cart-detail-success__content .cart-detail-success__action .cart-detail-success__action-elem:first-child { max-width: 318px; } } @media (max-width: 768px) { .cart-detail-success__content .cart-detail-success__action .cart-detail-success__action-elem svg { display: none; } } .cart-detail-success__content .cart-detail-success__action .cart-detail-success__action-elem p { margin: 0; } .cart-detail-success__content ul { list-style: none; padding: 0; } .cart-detail-success__content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-size: clamp(14px, 1.05vw, 20px); line-height: 1.6; } .cart-detail-success__content ul li svg { width: 24px; height: 24px; } #vz-widget-wrapper.bottom-right { position: absolute !important; left: auto !important; pointer-events: none; bottom: 0 !important; right: 300px; top: 0; } @media (max-width: 480px) { #vz-widget-wrapper.bottom-right { left: 0 !important; right: auto; } } #vz-widget-wrapper.bottom-right * { pointer-events: auto; } #vz-widget-wrapper.bottom-right #vz-widget-preview { position: sticky !important; top: calc(100vh - 512px); } #vz-widget-wrapper.bottom-right #vz-widget-btn { position: sticky !important; top: calc(100vh - 98px); } .cp_container { pointer-events: none; position: absolute; bottom: 0; right: 0; top: 0; } .cp_container * { pointer-events: auto; } .cp_container #cp_btn { position: sticky !important; top: calc(100vh - 90px); } @media (max-width: 992px) { .cp_container #cp_btn { top: calc(100vh - 102px); } } @media (max-width: 480px) { .cp_container #cp_btn { top: calc(100vh - 92px); height: 45px; width: 45px; } } .cp_container .cp_widget { position: sticky !important; top: calc(100vh - 460px); } @media (max-width: 480px) { .cp_container .cp_widget { margin-left: -193px !important; } } .cpt-stories-modal .cpt-stories-close-button, .cpt-stories-modal .cpt-stories-pause-button { z-index: 100 !important; } .stories-section.col-1-3 .cpt-stories-block .cpt-stories-preview-slide { height: 77px; width: 77px; } .cpt-stories-admin-public-btn { z-index: 5; } body.cp_container_pane, html.cp_container_pane { overflow-x: hidden !important; overflow-y: auto !important; } body.cpt-stories-overflow-hidden, body[style="overflow:hidden"] { max-height: 100dvh; } #vz-iframe-wrapper { position: sticky; top: 50px; } #usercode-page-wrapper, #usercode-page-wrapper .block-1 .check-promocode-form > header, #usercode-page-wrapper .menu-wrapper, #usercode-page-wrapper .text-item > header, #usercode-page-wrapper > .header-wrapper { position: relative; z-index: 1; } #catalog-sort_container { padding-top: 50px; } /* End */ /* Start:/local/templates/charutti_main/components/freematiq/main.include/parser/style.css?174650078072*/ #vz-widget-wrapper { display: none; } #cp_btn { display: none; } /* End */ /* Start:/local/templates/charutti_main/components/freematiq/feedback/add_review/style.css?1746500780130*/ #add_review .form-group.has-error input{ border: 1px solid red; } #recaptcha-container-add-review { display: contents; } /* End */ /* Start:/local/templates/charutti_main/components/freematiq/feedbackSize/subscribe_size/style.css?1746500780312*/ #add_review .form-group.has-error input{ border: 1px solid red; } #recaptcha-container-add-review { display: contents; } .sizes-block { display: flex; flex-direction: row; } .sizes-block__label { padding: 10px; border: 1px solid #ddd; margin-right: 10px; text-align: center; } /* End */ /* Start:/local/templates/charutti_main/components/freematiq/feedback/ask_question/style.css?1746500780130*/ #add_review .form-group.has-error input{ border: 1px solid red; } #recaptcha-container-add-review { display: contents; } /* End */ /* Start:/local/templates/charutti_main/template_styles.css?1773392648422*/ .grecaptcha-badge { display: none !important; } .load_more_loader { background: url(/local/templates/charutti_main/images/logo-loading-transparent-x2.gif); background-repeat: no-repeat; width: 50px; height: 38px; display: block; margin: 0 auto 0; background-size: contain; } .disabled-field { pointer-events: none; cursor: default; background-color: rgba(239, 239, 239, 0.5); } /* End */ /* Start:/bitrix/tools/concept.stories/css/font_roboto.css?1724298935174*/ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap'); .cpt-stories.cpt-stories-roboto{ font-family: 'Roboto', sans-serif !important; } /* End */ /* Start:/bitrix/tools/concept.stories/css/grids.css?172429893588066*/ html .cpt-stories-modal{ box-sizing: border-box; -ms-overflow-style: scrollbar; } .cpt-stories-modal *, .cpt-stories-modal *::before, .cpt-stories-modal *::after { box-sizing: inherit; } .cpt-stories-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .cpt-stories-container { max-width: 540px; } } @media (min-width: 768px) { .cpt-stories-container { max-width: 720px; } } @media (min-width: 992px) { .cpt-stories-container { max-width: 960px; } } @media (min-width: 1200px) { .cpt-stories-container { max-width: 1140px; } } .cpt-stories-container-fluid, .cpt-stories-container-sm, .cpt-stories-container-md, .cpt-stories-container-lg, .cpt-stories-container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .cpt-stories-container, .cpt-stories-container-sm { max-width: 540px; } } @media (min-width: 768px) { .cpt-stories-container, .cpt-stories-container-sm, .cpt-stories-container-md { max-width: 720px; } } @media (min-width: 992px) { .cpt-stories-container, .cpt-stories-container-sm, .cpt-stories-container-md, .cpt-stories-container-lg { max-width: 960px; } } @media (min-width: 1200px) { .cpt-stories-container, .cpt-stories-container-sm, .cpt-stories-container-md, .cpt-stories-container-lg, .cpt-stories-container-xl { max-width: 1140px; } } .cpt-stories-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .cpt-stories-no-gutters { margin-right: 0; margin-left: 0; } .cpt-stories-no-gutters > .cpt-stories-col, .cpt-stories-no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .cpt-stories-col-1, .cpt-stories-col-2, .cpt-stories-col-3, .cpt-stories-col-4, .cpt-stories-col-5, .cpt-stories-col-6, .cpt-stories-col-7, .cpt-stories-col-8, .cpt-stories-col-9, .cpt-stories-col-10, .cpt-stories-col-11, .cpt-stories-col-12, .cpt-stories-col, .cpt-stories-col-auto, .cpt-stories-col-sm-1, .cpt-stories-col-sm-2, .cpt-stories-col-sm-3, .cpt-stories-col-sm-4, .cpt-stories-col-sm-5, .cpt-stories-col-sm-6, .cpt-stories-col-sm-7, .cpt-stories-col-sm-8, .cpt-stories-col-sm-9, .cpt-stories-col-sm-10, .cpt-stories-col-sm-11, .cpt-stories-col-sm-12, .cpt-stories-col-sm, .cpt-stories-col-sm-auto, .cpt-stories-col-md-1, .cpt-stories-col-md-2, .cpt-stories-col-md-3, .cpt-stories-col-md-4, .cpt-stories-col-md-5, .cpt-stories-col-md-6, .cpt-stories-col-md-7, .cpt-stories-col-md-8, .cpt-stories-col-md-9, .cpt-stories-col-md-10, .cpt-stories-col-md-11, .cpt-stories-col-md-12, .cpt-stories-col-md, .cpt-stories-col-md-auto, .cpt-stories-col-lg-1, .cpt-stories-col-lg-2, .cpt-stories-col-lg-3, .cpt-stories-col-lg-4, .cpt-stories-col-lg-5, .cpt-stories-col-lg-6, .cpt-stories-col-lg-7, .cpt-stories-col-lg-8, .cpt-stories-col-lg-9, .cpt-stories-col-lg-10, .cpt-stories-col-lg-11, .cpt-stories-col-lg-12, .cpt-stories-col-lg, .cpt-stories-col-lg-auto, .cpt-stories-col-xl-1, .cpt-stories-col-xl-2, .cpt-stories-col-xl-3, .cpt-stories-col-xl-4, .cpt-stories-col-xl-5, .cpt-stories-col-xl-6, .cpt-stories-col-xl-7, .cpt-stories-col-xl-8, .cpt-stories-col-xl-9, .cpt-stories-col-xl-10, .cpt-stories-col-xl-11, .cpt-stories-col-xl-12, .cpt-stories-col-xl, .cpt-stories-col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .cpt-stories-col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .cpt-stories-row-cols-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-row-cols-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-row-cols-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-row-cols-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-row-cols-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .cpt-stories-row-cols-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .cpt-stories-col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .cpt-stories-col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .cpt-stories-col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .cpt-stories-col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .cpt-stories-col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .cpt-stories-col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .cpt-stories-col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .cpt-stories-col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-order-first { -ms-flex-order: -1; order: -1; } .cpt-stories-order-last { -ms-flex-order: 13; order: 13; } .cpt-stories-order-0 { -ms-flex-order: 0; order: 0; } .cpt-stories-order-1 { -ms-flex-order: 1; order: 1; } .cpt-stories-order-2 { -ms-flex-order: 2; order: 2; } .cpt-stories-order-3 { -ms-flex-order: 3; order: 3; } .cpt-stories-order-4 { -ms-flex-order: 4; order: 4; } .cpt-stories-order-5 { -ms-flex-order: 5; order: 5; } .cpt-stories-order-6 { -ms-flex-order: 6; order: 6; } .cpt-stories-order-7 { -ms-flex-order: 7; order: 7; } .cpt-stories-order-8 { -ms-flex-order: 8; order: 8; } .cpt-stories-order-9 { -ms-flex-order: 9; order: 9; } .cpt-stories-order-10 { -ms-flex-order: 10; order: 10; } .cpt-stories-order-11 { -ms-flex-order: 11; order: 11; } .cpt-stories-order-12 { -ms-flex-order: 12; order: 12; } .cpt-stories-offset-1 { margin-left: 8.333333%; } .cpt-stories-offset-2 { margin-left: 16.666667%; } .cpt-stories-offset-3 { margin-left: 25%; } .cpt-stories-offset-4 { margin-left: 33.333333%; } .cpt-stories-offset-5 { margin-left: 41.666667%; } .cpt-stories-offset-6 { margin-left: 50%; } .cpt-stories-offset-7 { margin-left: 58.333333%; } .cpt-stories-offset-8 { margin-left: 66.666667%; } .cpt-stories-offset-9 { margin-left: 75%; } .cpt-stories-offset-10 { margin-left: 83.333333%; } .cpt-stories-offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .cpt-stories-col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .cpt-stories-row-cols-sm-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-row-cols-sm-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-row-cols-sm-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-row-cols-sm-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-row-cols-sm-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .cpt-stories-row-cols-sm-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .cpt-stories-col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .cpt-stories-col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .cpt-stories-col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .cpt-stories-col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .cpt-stories-col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .cpt-stories-col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .cpt-stories-col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .cpt-stories-col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-order-sm-first { -ms-flex-order: -1; order: -1; } .cpt-stories-order-sm-last { -ms-flex-order: 13; order: 13; } .cpt-stories-order-sm-0 { -ms-flex-order: 0; order: 0; } .cpt-stories-order-sm-1 { -ms-flex-order: 1; order: 1; } .cpt-stories-order-sm-2 { -ms-flex-order: 2; order: 2; } .cpt-stories-order-sm-3 { -ms-flex-order: 3; order: 3; } .cpt-stories-order-sm-4 { -ms-flex-order: 4; order: 4; } .cpt-stories-order-sm-5 { -ms-flex-order: 5; order: 5; } .cpt-stories-order-sm-6 { -ms-flex-order: 6; order: 6; } .cpt-stories-order-sm-7 { -ms-flex-order: 7; order: 7; } .cpt-stories-order-sm-8 { -ms-flex-order: 8; order: 8; } .cpt-stories-order-sm-9 { -ms-flex-order: 9; order: 9; } .cpt-stories-order-sm-10 { -ms-flex-order: 10; order: 10; } .cpt-stories-order-sm-11 { -ms-flex-order: 11; order: 11; } .cpt-stories-order-sm-12 { -ms-flex-order: 12; order: 12; } .cpt-stories-offset-sm-0 { margin-left: 0; } .cpt-stories-offset-sm-1 { margin-left: 8.333333%; } .cpt-stories-offset-sm-2 { margin-left: 16.666667%; } .cpt-stories-offset-sm-3 { margin-left: 25%; } .cpt-stories-offset-sm-4 { margin-left: 33.333333%; } .cpt-stories-offset-sm-5 { margin-left: 41.666667%; } .cpt-stories-offset-sm-6 { margin-left: 50%; } .cpt-stories-offset-sm-7 { margin-left: 58.333333%; } .cpt-stories-offset-sm-8 { margin-left: 66.666667%; } .cpt-stories-offset-sm-9 { margin-left: 75%; } .cpt-stories-offset-sm-10 { margin-left: 83.333333%; } .cpt-stories-offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .cpt-stories-col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .cpt-stories-row-cols-md-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-row-cols-md-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-row-cols-md-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-row-cols-md-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-row-cols-md-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .cpt-stories-row-cols-md-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .cpt-stories-col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .cpt-stories-col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .cpt-stories-col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .cpt-stories-col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .cpt-stories-col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .cpt-stories-col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .cpt-stories-col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .cpt-stories-col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-order-md-first { -ms-flex-order: -1; order: -1; } .cpt-stories-order-md-last { -ms-flex-order: 13; order: 13; } .cpt-stories-order-md-0 { -ms-flex-order: 0; order: 0; } .cpt-stories-order-md-1 { -ms-flex-order: 1; order: 1; } .cpt-stories-order-md-2 { -ms-flex-order: 2; order: 2; } .cpt-stories-order-md-3 { -ms-flex-order: 3; order: 3; } .cpt-stories-order-md-4 { -ms-flex-order: 4; order: 4; } .cpt-stories-order-md-5 { -ms-flex-order: 5; order: 5; } .cpt-stories-order-md-6 { -ms-flex-order: 6; order: 6; } .cpt-stories-order-md-7 { -ms-flex-order: 7; order: 7; } .cpt-stories-order-md-8 { -ms-flex-order: 8; order: 8; } .cpt-stories-order-md-9 { -ms-flex-order: 9; order: 9; } .cpt-stories-order-md-10 { -ms-flex-order: 10; order: 10; } .cpt-stories-order-md-11 { -ms-flex-order: 11; order: 11; } .cpt-stories-order-md-12 { -ms-flex-order: 12; order: 12; } .cpt-stories-offset-md-0 { margin-left: 0; } .cpt-stories-offset-md-1 { margin-left: 8.333333%; } .cpt-stories-offset-md-2 { margin-left: 16.666667%; } .cpt-stories-offset-md-3 { margin-left: 25%; } .cpt-stories-offset-md-4 { margin-left: 33.333333%; } .cpt-stories-offset-md-5 { margin-left: 41.666667%; } .cpt-stories-offset-md-6 { margin-left: 50%; } .cpt-stories-offset-md-7 { margin-left: 58.333333%; } .cpt-stories-offset-md-8 { margin-left: 66.666667%; } .cpt-stories-offset-md-9 { margin-left: 75%; } .cpt-stories-offset-md-10 { margin-left: 83.333333%; } .cpt-stories-offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .cpt-stories-col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .cpt-stories-row-cols-lg-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-row-cols-lg-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-row-cols-lg-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-row-cols-lg-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-row-cols-lg-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .cpt-stories-row-cols-lg-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .cpt-stories-col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .cpt-stories-col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .cpt-stories-col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .cpt-stories-col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .cpt-stories-col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .cpt-stories-col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .cpt-stories-col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .cpt-stories-col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-order-lg-first { -ms-flex-order: -1; order: -1; } .cpt-stories-order-lg-last { -ms-flex-order: 13; order: 13; } .cpt-stories-order-lg-0 { -ms-flex-order: 0; order: 0; } .cpt-stories-order-lg-1 { -ms-flex-order: 1; order: 1; } .cpt-stories-order-lg-2 { -ms-flex-order: 2; order: 2; } .cpt-stories-order-lg-3 { -ms-flex-order: 3; order: 3; } .cpt-stories-order-lg-4 { -ms-flex-order: 4; order: 4; } .cpt-stories-order-lg-5 { -ms-flex-order: 5; order: 5; } .cpt-stories-order-lg-6 { -ms-flex-order: 6; order: 6; } .cpt-stories-order-lg-7 { -ms-flex-order: 7; order: 7; } .cpt-stories-order-lg-8 { -ms-flex-order: 8; order: 8; } .cpt-stories-order-lg-9 { -ms-flex-order: 9; order: 9; } .cpt-stories-order-lg-10 { -ms-flex-order: 10; order: 10; } .cpt-stories-order-lg-11 { -ms-flex-order: 11; order: 11; } .cpt-stories-order-lg-12 { -ms-flex-order: 12; order: 12; } .cpt-stories-offset-lg-0 { margin-left: 0; } .cpt-stories-offset-lg-1 { margin-left: 8.333333%; } .cpt-stories-offset-lg-2 { margin-left: 16.666667%; } .cpt-stories-offset-lg-3 { margin-left: 25%; } .cpt-stories-offset-lg-4 { margin-left: 33.333333%; } .cpt-stories-offset-lg-5 { margin-left: 41.666667%; } .cpt-stories-offset-lg-6 { margin-left: 50%; } .cpt-stories-offset-lg-7 { margin-left: 58.333333%; } .cpt-stories-offset-lg-8 { margin-left: 66.666667%; } .cpt-stories-offset-lg-9 { margin-left: 75%; } .cpt-stories-offset-lg-10 { margin-left: 83.333333%; } .cpt-stories-offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .cpt-stories-col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .cpt-stories-row-cols-xl-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-row-cols-xl-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-row-cols-xl-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-row-cols-xl-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-row-cols-xl-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .cpt-stories-row-cols-xl-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .cpt-stories-col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .cpt-stories-col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .cpt-stories-col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .cpt-stories-col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .cpt-stories-col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .cpt-stories-col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .cpt-stories-col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .cpt-stories-col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-order-xl-first { -ms-flex-order: -1; order: -1; } .cpt-stories-order-xl-last { -ms-flex-order: 13; order: 13; } .cpt-stories-order-xl-0 { -ms-flex-order: 0; order: 0; } .cpt-stories-order-xl-1 { -ms-flex-order: 1; order: 1; } .cpt-stories-order-xl-2 { -ms-flex-order: 2; order: 2; } .cpt-stories-order-xl-3 { -ms-flex-order: 3; order: 3; } .cpt-stories-order-xl-4 { -ms-flex-order: 4; order: 4; } .cpt-stories-order-xl-5 { -ms-flex-order: 5; order: 5; } .cpt-stories-order-xl-6 { -ms-flex-order: 6; order: 6; } .cpt-stories-order-xl-7 { -ms-flex-order: 7; order: 7; } .cpt-stories-order-xl-8 { -ms-flex-order: 8; order: 8; } .cpt-stories-order-xl-9 { -ms-flex-order: 9; order: 9; } .cpt-stories-order-xl-10 { -ms-flex-order: 10; order: 10; } .cpt-stories-order-xl-11 { -ms-flex-order: 11; order: 11; } .cpt-stories-order-xl-12 { -ms-flex-order: 12; order: 12; } .cpt-stories-offset-xl-0 { margin-left: 0; } .cpt-stories-offset-xl-1 { margin-left: 8.333333%; } .cpt-stories-offset-xl-2 { margin-left: 16.666667%; } .cpt-stories-offset-xl-3 { margin-left: 25%; } .cpt-stories-offset-xl-4 { margin-left: 33.333333%; } .cpt-stories-offset-xl-5 { margin-left: 41.666667%; } .cpt-stories-offset-xl-6 { margin-left: 50%; } .cpt-stories-offset-xl-7 { margin-left: 58.333333%; } .cpt-stories-offset-xl-8 { margin-left: 66.666667%; } .cpt-stories-offset-xl-9 { margin-left: 75%; } .cpt-stories-offset-xl-10 { margin-left: 83.333333%; } .cpt-stories-offset-xl-11 { margin-left: 91.666667%; } } .cpt-stories-d-none { display: none !important; } .cpt-stories-d-inline { display: inline !important; } .cpt-stories-d-inline-block { display: inline-block !important; } .cpt-stories-d-block { display: block !important; } .cpt-stories-d-table { display: table !important; } .cpt-stories-d-table-row { display: table-row !important; } .cpt-stories-d-table-cell { display: table-cell !important; } .cpt-stories-d-flex { display: -ms-flexbox !important; display: flex !important; } .cpt-stories-d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .cpt-stories-d-sm-none { display: none !important; } .cpt-stories-d-sm-inline { display: inline !important; } .cpt-stories-d-sm-inline-block { display: inline-block !important; } .cpt-stories-d-sm-block { display: block !important; } .cpt-stories-d-sm-table { display: table !important; } .cpt-stories-d-sm-table-row { display: table-row !important; } .cpt-stories-d-sm-table-cell { display: table-cell !important; } .cpt-stories-d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .cpt-stories-d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .cpt-stories-d-md-none { display: none !important; } .cpt-stories-d-md-inline { display: inline !important; } .cpt-stories-d-md-inline-block { display: inline-block !important; } .cpt-stories-d-md-block { display: block !important; } .cpt-stories-d-md-table { display: table !important; } .cpt-stories-d-md-table-row { display: table-row !important; } .cpt-stories-d-md-table-cell { display: table-cell !important; } .cpt-stories-d-md-flex { display: -ms-flexbox !important; display: flex !important; } .cpt-stories-d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .cpt-stories-d-lg-none { display: none !important; } .cpt-stories-d-lg-inline { display: inline !important; } .cpt-stories-d-lg-inline-block { display: inline-block !important; } .cpt-stories-d-lg-block { display: block !important; } .cpt-stories-d-lg-table { display: table !important; } .cpt-stories-d-lg-table-row { display: table-row !important; } .cpt-stories-d-lg-table-cell { display: table-cell !important; } .cpt-stories-d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .cpt-stories-d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .cpt-stories-d-xl-none { display: none !important; } .cpt-stories-d-xl-inline { display: inline !important; } .cpt-stories-d-xl-inline-block { display: inline-block !important; } .cpt-stories-d-xl-block { display: block !important; } .cpt-stories-d-xl-table { display: table !important; } .cpt-stories-d-xl-table-row { display: table-row !important; } .cpt-stories-d-xl-table-cell { display: table-cell !important; } .cpt-stories-d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .cpt-stories-d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .cpt-stories-d-print-none { display: none !important; } .cpt-stories-d-print-inline { display: inline !important; } .cpt-stories-d-print-inline-block { display: inline-block !important; } .cpt-stories-d-print-block { display: block !important; } .cpt-stories-d-print-table { display: table !important; } .cpt-stories-d-print-table-row { display: table-row !important; } .cpt-stories-d-print-table-cell { display: table-cell !important; } .cpt-stories-d-print-flex { display: -ms-flexbox !important; display: flex !important; } .cpt-stories-d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .cpt-stories-flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .cpt-stories-flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .cpt-stories-flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .cpt-stories-flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .cpt-stories-flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .cpt-stories-flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .cpt-stories-flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .cpt-stories-flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .cpt-stories-flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .cpt-stories-flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .cpt-stories-flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .cpt-stories-flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .cpt-stories-justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .cpt-stories-justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .cpt-stories-justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .cpt-stories-justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .cpt-stories-justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .cpt-stories-align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .cpt-stories-align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .cpt-stories-align-items-center { -ms-flex-align: center !important; align-items: center !important; } .cpt-stories-align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .cpt-stories-align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .cpt-stories-align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .cpt-stories-align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .cpt-stories-align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .cpt-stories-align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .cpt-stories-align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .cpt-stories-align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .cpt-stories-align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .cpt-stories-align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .cpt-stories-align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .cpt-stories-align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .cpt-stories-align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .cpt-stories-align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .cpt-stories-flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .cpt-stories-flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .cpt-stories-flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .cpt-stories-flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .cpt-stories-flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .cpt-stories-flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .cpt-stories-flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .cpt-stories-flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .cpt-stories-flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .cpt-stories-flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .cpt-stories-flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .cpt-stories-flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .cpt-stories-justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .cpt-stories-justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .cpt-stories-justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .cpt-stories-justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .cpt-stories-justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .cpt-stories-align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .cpt-stories-align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .cpt-stories-align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .cpt-stories-align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .cpt-stories-align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .cpt-stories-align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .cpt-stories-align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .cpt-stories-align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .cpt-stories-align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .cpt-stories-align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .cpt-stories-align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .cpt-stories-align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .cpt-stories-align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .cpt-stories-align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .cpt-stories-align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .cpt-stories-align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .cpt-stories-align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .cpt-stories-flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .cpt-stories-flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .cpt-stories-flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .cpt-stories-flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .cpt-stories-flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .cpt-stories-flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .cpt-stories-flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .cpt-stories-flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .cpt-stories-flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .cpt-stories-flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .cpt-stories-flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .cpt-stories-flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .cpt-stories-justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .cpt-stories-justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .cpt-stories-justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .cpt-stories-justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .cpt-stories-justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .cpt-stories-align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .cpt-stories-align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .cpt-stories-align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .cpt-stories-align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .cpt-stories-align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .cpt-stories-align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .cpt-stories-align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .cpt-stories-align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .cpt-stories-align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .cpt-stories-align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .cpt-stories-align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .cpt-stories-align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .cpt-stories-align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .cpt-stories-align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .cpt-stories-align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .cpt-stories-align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .cpt-stories-align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .cpt-stories-flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .cpt-stories-flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .cpt-stories-flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .cpt-stories-flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .cpt-stories-flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .cpt-stories-flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .cpt-stories-flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .cpt-stories-flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .cpt-stories-flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .cpt-stories-flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .cpt-stories-flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .cpt-stories-flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .cpt-stories-justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .cpt-stories-justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .cpt-stories-justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .cpt-stories-justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .cpt-stories-justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .cpt-stories-align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .cpt-stories-align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .cpt-stories-align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .cpt-stories-align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .cpt-stories-align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .cpt-stories-align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .cpt-stories-align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .cpt-stories-align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .cpt-stories-align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .cpt-stories-align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .cpt-stories-align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .cpt-stories-align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .cpt-stories-align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .cpt-stories-align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .cpt-stories-align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .cpt-stories-align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .cpt-stories-align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .cpt-stories-flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .cpt-stories-flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .cpt-stories-flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .cpt-stories-flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .cpt-stories-flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .cpt-stories-flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .cpt-stories-flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .cpt-stories-flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .cpt-stories-flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .cpt-stories-flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .cpt-stories-flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .cpt-stories-flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .cpt-stories-justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .cpt-stories-justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .cpt-stories-justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .cpt-stories-justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .cpt-stories-justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .cpt-stories-align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .cpt-stories-align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .cpt-stories-align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .cpt-stories-align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .cpt-stories-align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .cpt-stories-align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .cpt-stories-align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .cpt-stories-align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .cpt-stories-align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .cpt-stories-align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .cpt-stories-align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .cpt-stories-align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .cpt-stories-align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .cpt-stories-align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .cpt-stories-align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .cpt-stories-align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .cpt-stories-align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .cpt-stories-m-0 { margin: 0 !important; } .cpt-stories-mt-0, .cpt-stories-my-0 { margin-top: 0 !important; } .cpt-stories-mr-0, .cpt-stories-mx-0 { margin-right: 0 !important; } .cpt-stories-mb-0, .cpt-stories-my-0 { margin-bottom: 0 !important; } .cpt-stories-ml-0, .cpt-stories-mx-0 { margin-left: 0 !important; } .cpt-stories-m-1 { margin: 0.25rem !important; } .cpt-stories-mt-1, .cpt-stories-my-1 { margin-top: 0.25rem !important; } .cpt-stories-mr-1, .cpt-stories-mx-1 { margin-right: 0.25rem !important; } .cpt-stories-mb-1, .cpt-stories-my-1 { margin-bottom: 0.25rem !important; } .cpt-stories-ml-1, .cpt-stories-mx-1 { margin-left: 0.25rem !important; } .cpt-stories-m-2 { margin: 0.5rem !important; } .cpt-stories-mt-2, .cpt-stories-my-2 { margin-top: 0.5rem !important; } .cpt-stories-mr-2, .cpt-stories-mx-2 { margin-right: 0.5rem !important; } .cpt-stories-mb-2, .cpt-stories-my-2 { margin-bottom: 0.5rem !important; } .cpt-stories-ml-2, .cpt-stories-mx-2 { margin-left: 0.5rem !important; } .cpt-stories-m-3 { margin: 1rem !important; } .cpt-stories-mt-3, .cpt-stories-my-3 { margin-top: 1rem !important; } .cpt-stories-mr-3, .cpt-stories-mx-3 { margin-right: 1rem !important; } .cpt-stories-mb-3, .cpt-stories-my-3 { margin-bottom: 1rem !important; } .cpt-stories-ml-3, .cpt-stories-mx-3 { margin-left: 1rem !important; } .cpt-stories-m-4 { margin: 1.5rem !important; } .cpt-stories-mt-4, .cpt-stories-my-4 { margin-top: 1.5rem !important; } .cpt-stories-mr-4, .cpt-stories-mx-4 { margin-right: 1.5rem !important; } .cpt-stories-mb-4, .cpt-stories-my-4 { margin-bottom: 1.5rem !important; } .cpt-stories-ml-4, .cpt-stories-mx-4 { margin-left: 1.5rem !important; } .cpt-stories-m-5 { margin: 3rem !important; } .cpt-stories-mt-5, .cpt-stories-my-5 { margin-top: 3rem !important; } .cpt-stories-mr-5, .cpt-stories-mx-5 { margin-right: 3rem !important; } .cpt-stories-mb-5, .cpt-stories-my-5 { margin-bottom: 3rem !important; } .cpt-stories-ml-5, .cpt-stories-mx-5 { margin-left: 3rem !important; } .cpt-stories-p-0 { padding: 0 !important; } .cpt-stories-pt-0, .cpt-stories-py-0 { padding-top: 0 !important; } .cpt-stories-pr-0, .cpt-stories-px-0 { padding-right: 0 !important; } .cpt-stories-pb-0, .cpt-stories-py-0 { padding-bottom: 0 !important; } .cpt-stories-pl-0, .cpt-stories-px-0 { padding-left: 0 !important; } .cpt-stories-p-1 { padding: 0.25rem !important; } .cpt-stories-pt-1, .cpt-stories-py-1 { padding-top: 0.25rem !important; } .cpt-stories-pr-1, .cpt-stories-px-1 { padding-right: 0.25rem !important; } .cpt-stories-pb-1, .cpt-stories-py-1 { padding-bottom: 0.25rem !important; } .cpt-stories-pl-1, .cpt-stories-px-1 { padding-left: 0.25rem !important; } .cpt-stories-p-2 { padding: 0.5rem !important; } .cpt-stories-pt-2, .cpt-stories-py-2 { padding-top: 0.5rem !important; } .cpt-stories-pr-2, .cpt-stories-px-2 { padding-right: 0.5rem !important; } .cpt-stories-pb-2, .cpt-stories-py-2 { padding-bottom: 0.5rem !important; } .cpt-stories-pl-2, .cpt-stories-px-2 { padding-left: 0.5rem !important; } .cpt-stories-p-3 { padding: 1rem !important; } .cpt-stories-pt-3, .cpt-stories-py-3 { padding-top: 1rem !important; } .cpt-stories-pr-3, .cpt-stories-px-3 { padding-right: 1rem !important; } .cpt-stories-pb-3, .cpt-stories-py-3 { padding-bottom: 1rem !important; } .cpt-stories-pl-3, .cpt-stories-px-3 { padding-left: 1rem !important; } .cpt-stories-p-4 { padding: 1.5rem !important; } .cpt-stories-pt-4, .cpt-stories-py-4 { padding-top: 1.5rem !important; } .cpt-stories-pr-4, .cpt-stories-px-4 { padding-right: 1.5rem !important; } .cpt-stories-pb-4, .cpt-stories-py-4 { padding-bottom: 1.5rem !important; } .cpt-stories-pl-4, .cpt-stories-px-4 { padding-left: 1.5rem !important; } .cpt-stories-p-5 { padding: 3rem !important; } .cpt-stories-pt-5, .cpt-stories-py-5 { padding-top: 3rem !important; } .cpt-stories-pr-5, .cpt-stories-px-5 { padding-right: 3rem !important; } .cpt-stories-pb-5, .cpt-stories-py-5 { padding-bottom: 3rem !important; } .cpt-stories-pl-5, .cpt-stories-px-5 { padding-left: 3rem !important; } .cpt-stories-m-n1 { margin: -0.25rem !important; } .cpt-stories-mt-n1, .cpt-stories-my-n1 { margin-top: -0.25rem !important; } .cpt-stories-mr-n1, .cpt-stories-mx-n1 { margin-right: -0.25rem !important; } .cpt-stories-mb-n1, .cpt-stories-my-n1 { margin-bottom: -0.25rem !important; } .cpt-stories-ml-n1, .cpt-stories-mx-n1 { margin-left: -0.25rem !important; } .cpt-stories-m-n2 { margin: -0.5rem !important; } .cpt-stories-mt-n2, .cpt-stories-my-n2 { margin-top: -0.5rem !important; } .cpt-stories-mr-n2, .cpt-stories-mx-n2 { margin-right: -0.5rem !important; } .cpt-stories-mb-n2, .cpt-stories-my-n2 { margin-bottom: -0.5rem !important; } .cpt-stories-ml-n2, .cpt-stories-mx-n2 { margin-left: -0.5rem !important; } .cpt-stories-m-n3 { margin: -1rem !important; } .cpt-stories-mt-n3, .cpt-stories-my-n3 { margin-top: -1rem !important; } .cpt-stories-mr-n3, .cpt-stories-mx-n3 { margin-right: -1rem !important; } .cpt-stories-mb-n3, .cpt-stories-my-n3 { margin-bottom: -1rem !important; } .cpt-stories-ml-n3, .cpt-stories-mx-n3 { margin-left: -1rem !important; } .cpt-stories-m-n4 { margin: -1.5rem !important; } .cpt-stories-mt-n4, .cpt-stories-my-n4 { margin-top: -1.5rem !important; } .cpt-stories-mr-n4, .cpt-stories-mx-n4 { margin-right: -1.5rem !important; } .cpt-stories-mb-n4, .cpt-stories-my-n4 { margin-bottom: -1.5rem !important; } .cpt-stories-ml-n4, .cpt-stories-mx-n4 { margin-left: -1.5rem !important; } .cpt-stories-m-n5 { margin: -3rem !important; } .cpt-stories-mt-n5, .cpt-stories-my-n5 { margin-top: -3rem !important; } .cpt-stories-mr-n5, .cpt-stories-mx-n5 { margin-right: -3rem !important; } .cpt-stories-mb-n5, .cpt-stories-my-n5 { margin-bottom: -3rem !important; } .cpt-stories-ml-n5, .cpt-stories-mx-n5 { margin-left: -3rem !important; } .cpt-stories-m-auto { margin: auto !important; } .cpt-stories-mt-auto, .cpt-stories-my-auto { margin-top: auto !important; } .cpt-stories-mr-auto, .cpt-stories-mx-auto { margin-right: auto !important; } .cpt-stories-mb-auto, .cpt-stories-my-auto { margin-bottom: auto !important; } .cpt-stories-ml-auto, .cpt-stories-mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .cpt-stories-m-sm-0 { margin: 0 !important; } .cpt-stories-mt-sm-0, .cpt-stories-my-sm-0 { margin-top: 0 !important; } .cpt-stories-mr-sm-0, .cpt-stories-mx-sm-0 { margin-right: 0 !important; } .cpt-stories-mb-sm-0, .cpt-stories-my-sm-0 { margin-bottom: 0 !important; } .cpt-stories-ml-sm-0, .cpt-stories-mx-sm-0 { margin-left: 0 !important; } .cpt-stories-m-sm-1 { margin: 0.25rem !important; } .cpt-stories-mt-sm-1, .cpt-stories-my-sm-1 { margin-top: 0.25rem !important; } .cpt-stories-mr-sm-1, .cpt-stories-mx-sm-1 { margin-right: 0.25rem !important; } .cpt-stories-mb-sm-1, .cpt-stories-my-sm-1 { margin-bottom: 0.25rem !important; } .cpt-stories-ml-sm-1, .cpt-stories-mx-sm-1 { margin-left: 0.25rem !important; } .cpt-stories-m-sm-2 { margin: 0.5rem !important; } .cpt-stories-mt-sm-2, .cpt-stories-my-sm-2 { margin-top: 0.5rem !important; } .cpt-stories-mr-sm-2, .cpt-stories-mx-sm-2 { margin-right: 0.5rem !important; } .cpt-stories-mb-sm-2, .cpt-stories-my-sm-2 { margin-bottom: 0.5rem !important; } .cpt-stories-ml-sm-2, .cpt-stories-mx-sm-2 { margin-left: 0.5rem !important; } .cpt-stories-m-sm-3 { margin: 1rem !important; } .cpt-stories-mt-sm-3, .cpt-stories-my-sm-3 { margin-top: 1rem !important; } .cpt-stories-mr-sm-3, .cpt-stories-mx-sm-3 { margin-right: 1rem !important; } .cpt-stories-mb-sm-3, .cpt-stories-my-sm-3 { margin-bottom: 1rem !important; } .cpt-stories-ml-sm-3, .cpt-stories-mx-sm-3 { margin-left: 1rem !important; } .cpt-stories-m-sm-4 { margin: 1.5rem !important; } .cpt-stories-mt-sm-4, .cpt-stories-my-sm-4 { margin-top: 1.5rem !important; } .cpt-stories-mr-sm-4, .cpt-stories-mx-sm-4 { margin-right: 1.5rem !important; } .cpt-stories-mb-sm-4, .cpt-stories-my-sm-4 { margin-bottom: 1.5rem !important; } .cpt-stories-ml-sm-4, .cpt-stories-mx-sm-4 { margin-left: 1.5rem !important; } .cpt-stories-m-sm-5 { margin: 3rem !important; } .cpt-stories-mt-sm-5, .cpt-stories-my-sm-5 { margin-top: 3rem !important; } .cpt-stories-mr-sm-5, .cpt-stories-mx-sm-5 { margin-right: 3rem !important; } .cpt-stories-mb-sm-5, .cpt-stories-my-sm-5 { margin-bottom: 3rem !important; } .cpt-stories-ml-sm-5, .cpt-stories-mx-sm-5 { margin-left: 3rem !important; } .cpt-stories-p-sm-0 { padding: 0 !important; } .cpt-stories-pt-sm-0, .cpt-stories-py-sm-0 { padding-top: 0 !important; } .cpt-stories-pr-sm-0, .cpt-stories-px-sm-0 { padding-right: 0 !important; } .cpt-stories-pb-sm-0, .cpt-stories-py-sm-0 { padding-bottom: 0 !important; } .cpt-stories-pl-sm-0, .cpt-stories-px-sm-0 { padding-left: 0 !important; } .cpt-stories-p-sm-1 { padding: 0.25rem !important; } .cpt-stories-pt-sm-1, .cpt-stories-py-sm-1 { padding-top: 0.25rem !important; } .cpt-stories-pr-sm-1, .cpt-stories-px-sm-1 { padding-right: 0.25rem !important; } .cpt-stories-pb-sm-1, .cpt-stories-py-sm-1 { padding-bottom: 0.25rem !important; } .cpt-stories-pl-sm-1, .cpt-stories-px-sm-1 { padding-left: 0.25rem !important; } .cpt-stories-p-sm-2 { padding: 0.5rem !important; } .cpt-stories-pt-sm-2, .cpt-stories-py-sm-2 { padding-top: 0.5rem !important; } .cpt-stories-pr-sm-2, .cpt-stories-px-sm-2 { padding-right: 0.5rem !important; } .cpt-stories-pb-sm-2, .cpt-stories-py-sm-2 { padding-bottom: 0.5rem !important; } .cpt-stories-pl-sm-2, .cpt-stories-px-sm-2 { padding-left: 0.5rem !important; } .cpt-stories-p-sm-3 { padding: 1rem !important; } .cpt-stories-pt-sm-3, .cpt-stories-py-sm-3 { padding-top: 1rem !important; } .cpt-stories-pr-sm-3, .cpt-stories-px-sm-3 { padding-right: 1rem !important; } .cpt-stories-pb-sm-3, .cpt-stories-py-sm-3 { padding-bottom: 1rem !important; } .cpt-stories-pl-sm-3, .cpt-stories-px-sm-3 { padding-left: 1rem !important; } .cpt-stories-p-sm-4 { padding: 1.5rem !important; } .cpt-stories-pt-sm-4, .cpt-stories-py-sm-4 { padding-top: 1.5rem !important; } .cpt-stories-pr-sm-4, .cpt-stories-px-sm-4 { padding-right: 1.5rem !important; } .cpt-stories-pb-sm-4, .cpt-stories-py-sm-4 { padding-bottom: 1.5rem !important; } .cpt-stories-pl-sm-4, .cpt-stories-px-sm-4 { padding-left: 1.5rem !important; } .cpt-stories-p-sm-5 { padding: 3rem !important; } .cpt-stories-pt-sm-5, .cpt-stories-py-sm-5 { padding-top: 3rem !important; } .cpt-stories-pr-sm-5, .cpt-stories-px-sm-5 { padding-right: 3rem !important; } .cpt-stories-pb-sm-5, .cpt-stories-py-sm-5 { padding-bottom: 3rem !important; } .cpt-stories-pl-sm-5, .cpt-stories-px-sm-5 { padding-left: 3rem !important; } .cpt-stories-m-sm-n1 { margin: -0.25rem !important; } .cpt-stories-mt-sm-n1, .cpt-stories-my-sm-n1 { margin-top: -0.25rem !important; } .cpt-stories-mr-sm-n1, .cpt-stories-mx-sm-n1 { margin-right: -0.25rem !important; } .cpt-stories-mb-sm-n1, .cpt-stories-my-sm-n1 { margin-bottom: -0.25rem !important; } .cpt-stories-ml-sm-n1, .cpt-stories-mx-sm-n1 { margin-left: -0.25rem !important; } .cpt-stories-m-sm-n2 { margin: -0.5rem !important; } .cpt-stories-mt-sm-n2, .cpt-stories-my-sm-n2 { margin-top: -0.5rem !important; } .cpt-stories-mr-sm-n2, .cpt-stories-mx-sm-n2 { margin-right: -0.5rem !important; } .cpt-stories-mb-sm-n2, .cpt-stories-my-sm-n2 { margin-bottom: -0.5rem !important; } .cpt-stories-ml-sm-n2, .cpt-stories-mx-sm-n2 { margin-left: -0.5rem !important; } .cpt-stories-m-sm-n3 { margin: -1rem !important; } .cpt-stories-mt-sm-n3, .cpt-stories-my-sm-n3 { margin-top: -1rem !important; } .cpt-stories-mr-sm-n3, .cpt-stories-mx-sm-n3 { margin-right: -1rem !important; } .cpt-stories-mb-sm-n3, .cpt-stories-my-sm-n3 { margin-bottom: -1rem !important; } .cpt-stories-ml-sm-n3, .cpt-stories-mx-sm-n3 { margin-left: -1rem !important; } .cpt-stories-m-sm-n4 { margin: -1.5rem !important; } .cpt-stories-mt-sm-n4, .cpt-stories-my-sm-n4 { margin-top: -1.5rem !important; } .cpt-stories-mr-sm-n4, .cpt-stories-mx-sm-n4 { margin-right: -1.5rem !important; } .cpt-stories-mb-sm-n4, .cpt-stories-my-sm-n4 { margin-bottom: -1.5rem !important; } .cpt-stories-ml-sm-n4, .cpt-stories-mx-sm-n4 { margin-left: -1.5rem !important; } .cpt-stories-m-sm-n5 { margin: -3rem !important; } .cpt-stories-mt-sm-n5, .cpt-stories-my-sm-n5 { margin-top: -3rem !important; } .cpt-stories-mr-sm-n5, .cpt-stories-mx-sm-n5 { margin-right: -3rem !important; } .cpt-stories-mb-sm-n5, .cpt-stories-my-sm-n5 { margin-bottom: -3rem !important; } .cpt-stories-ml-sm-n5, .cpt-stories-mx-sm-n5 { margin-left: -3rem !important; } .cpt-stories-m-sm-auto { margin: auto !important; } .cpt-stories-mt-sm-auto, .cpt-stories-my-sm-auto { margin-top: auto !important; } .cpt-stories-mr-sm-auto, .cpt-stories-mx-sm-auto { margin-right: auto !important; } .cpt-stories-mb-sm-auto, .cpt-stories-my-sm-auto { margin-bottom: auto !important; } .cpt-stories-ml-sm-auto, .cpt-stories-mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .cpt-stories-m-md-0 { margin: 0 !important; } .cpt-stories-mt-md-0, .cpt-stories-my-md-0 { margin-top: 0 !important; } .cpt-stories-mr-md-0, .cpt-stories-mx-md-0 { margin-right: 0 !important; } .cpt-stories-mb-md-0, .cpt-stories-my-md-0 { margin-bottom: 0 !important; } .cpt-stories-ml-md-0, .cpt-stories-mx-md-0 { margin-left: 0 !important; } .cpt-stories-m-md-1 { margin: 0.25rem !important; } .cpt-stories-mt-md-1, .cpt-stories-my-md-1 { margin-top: 0.25rem !important; } .cpt-stories-mr-md-1, .cpt-stories-mx-md-1 { margin-right: 0.25rem !important; } .cpt-stories-mb-md-1, .cpt-stories-my-md-1 { margin-bottom: 0.25rem !important; } .cpt-stories-ml-md-1, .cpt-stories-mx-md-1 { margin-left: 0.25rem !important; } .cpt-stories-m-md-2 { margin: 0.5rem !important; } .cpt-stories-mt-md-2, .cpt-stories-my-md-2 { margin-top: 0.5rem !important; } .cpt-stories-mr-md-2, .cpt-stories-mx-md-2 { margin-right: 0.5rem !important; } .cpt-stories-mb-md-2, .cpt-stories-my-md-2 { margin-bottom: 0.5rem !important; } .cpt-stories-ml-md-2, .cpt-stories-mx-md-2 { margin-left: 0.5rem !important; } .cpt-stories-m-md-3 { margin: 1rem !important; } .cpt-stories-mt-md-3, .cpt-stories-my-md-3 { margin-top: 1rem !important; } .cpt-stories-mr-md-3, .cpt-stories-mx-md-3 { margin-right: 1rem !important; } .cpt-stories-mb-md-3, .cpt-stories-my-md-3 { margin-bottom: 1rem !important; } .cpt-stories-ml-md-3, .cpt-stories-mx-md-3 { margin-left: 1rem !important; } .cpt-stories-m-md-4 { margin: 1.5rem !important; } .cpt-stories-mt-md-4, .cpt-stories-my-md-4 { margin-top: 1.5rem !important; } .cpt-stories-mr-md-4, .cpt-stories-mx-md-4 { margin-right: 1.5rem !important; } .cpt-stories-mb-md-4, .cpt-stories-my-md-4 { margin-bottom: 1.5rem !important; } .cpt-stories-ml-md-4, .cpt-stories-mx-md-4 { margin-left: 1.5rem !important; } .cpt-stories-m-md-5 { margin: 3rem !important; } .cpt-stories-mt-md-5, .cpt-stories-my-md-5 { margin-top: 3rem !important; } .cpt-stories-mr-md-5, .cpt-stories-mx-md-5 { margin-right: 3rem !important; } .cpt-stories-mb-md-5, .cpt-stories-my-md-5 { margin-bottom: 3rem !important; } .cpt-stories-ml-md-5, .cpt-stories-mx-md-5 { margin-left: 3rem !important; } .cpt-stories-p-md-0 { padding: 0 !important; } .cpt-stories-pt-md-0, .cpt-stories-py-md-0 { padding-top: 0 !important; } .cpt-stories-pr-md-0, .cpt-stories-px-md-0 { padding-right: 0 !important; } .cpt-stories-pb-md-0, .cpt-stories-py-md-0 { padding-bottom: 0 !important; } .cpt-stories-pl-md-0, .cpt-stories-px-md-0 { padding-left: 0 !important; } .cpt-stories-p-md-1 { padding: 0.25rem !important; } .cpt-stories-pt-md-1, .cpt-stories-py-md-1 { padding-top: 0.25rem !important; } .cpt-stories-pr-md-1, .cpt-stories-px-md-1 { padding-right: 0.25rem !important; } .cpt-stories-pb-md-1, .cpt-stories-py-md-1 { padding-bottom: 0.25rem !important; } .cpt-stories-pl-md-1, .cpt-stories-px-md-1 { padding-left: 0.25rem !important; } .cpt-stories-p-md-2 { padding: 0.5rem !important; } .cpt-stories-pt-md-2, .cpt-stories-py-md-2 { padding-top: 0.5rem !important; } .cpt-stories-pr-md-2, .cpt-stories-px-md-2 { padding-right: 0.5rem !important; } .cpt-stories-pb-md-2, .cpt-stories-py-md-2 { padding-bottom: 0.5rem !important; } .cpt-stories-pl-md-2, .cpt-stories-px-md-2 { padding-left: 0.5rem !important; } .cpt-stories-p-md-3 { padding: 1rem !important; } .cpt-stories-pt-md-3, .cpt-stories-py-md-3 { padding-top: 1rem !important; } .cpt-stories-pr-md-3, .cpt-stories-px-md-3 { padding-right: 1rem !important; } .cpt-stories-pb-md-3, .cpt-stories-py-md-3 { padding-bottom: 1rem !important; } .cpt-stories-pl-md-3, .cpt-stories-px-md-3 { padding-left: 1rem !important; } .cpt-stories-p-md-4 { padding: 1.5rem !important; } .cpt-stories-pt-md-4, .cpt-stories-py-md-4 { padding-top: 1.5rem !important; } .cpt-stories-pr-md-4, .cpt-stories-px-md-4 { padding-right: 1.5rem !important; } .cpt-stories-pb-md-4, .cpt-stories-py-md-4 { padding-bottom: 1.5rem !important; } .cpt-stories-pl-md-4, .cpt-stories-px-md-4 { padding-left: 1.5rem !important; } .cpt-stories-p-md-5 { padding: 3rem !important; } .cpt-stories-pt-md-5, .cpt-stories-py-md-5 { padding-top: 3rem !important; } .cpt-stories-pr-md-5, .cpt-stories-px-md-5 { padding-right: 3rem !important; } .cpt-stories-pb-md-5, .cpt-stories-py-md-5 { padding-bottom: 3rem !important; } .cpt-stories-pl-md-5, .cpt-stories-px-md-5 { padding-left: 3rem !important; } .cpt-stories-m-md-n1 { margin: -0.25rem !important; } .cpt-stories-mt-md-n1, .cpt-stories-my-md-n1 { margin-top: -0.25rem !important; } .cpt-stories-mr-md-n1, .cpt-stories-mx-md-n1 { margin-right: -0.25rem !important; } .cpt-stories-mb-md-n1, .cpt-stories-my-md-n1 { margin-bottom: -0.25rem !important; } .cpt-stories-ml-md-n1, .cpt-stories-mx-md-n1 { margin-left: -0.25rem !important; } .cpt-stories-m-md-n2 { margin: -0.5rem !important; } .cpt-stories-mt-md-n2, .cpt-stories-my-md-n2 { margin-top: -0.5rem !important; } .cpt-stories-mr-md-n2, .cpt-stories-mx-md-n2 { margin-right: -0.5rem !important; } .cpt-stories-mb-md-n2, .cpt-stories-my-md-n2 { margin-bottom: -0.5rem !important; } .cpt-stories-ml-md-n2, .cpt-stories-mx-md-n2 { margin-left: -0.5rem !important; } .cpt-stories-m-md-n3 { margin: -1rem !important; } .cpt-stories-mt-md-n3, .cpt-stories-my-md-n3 { margin-top: -1rem !important; } .cpt-stories-mr-md-n3, .cpt-stories-mx-md-n3 { margin-right: -1rem !important; } .cpt-stories-mb-md-n3, .cpt-stories-my-md-n3 { margin-bottom: -1rem !important; } .cpt-stories-ml-md-n3, .cpt-stories-mx-md-n3 { margin-left: -1rem !important; } .cpt-stories-m-md-n4 { margin: -1.5rem !important; } .cpt-stories-mt-md-n4, .cpt-stories-my-md-n4 { margin-top: -1.5rem !important; } .cpt-stories-mr-md-n4, .cpt-stories-mx-md-n4 { margin-right: -1.5rem !important; } .cpt-stories-mb-md-n4, .cpt-stories-my-md-n4 { margin-bottom: -1.5rem !important; } .cpt-stories-ml-md-n4, .cpt-stories-mx-md-n4 { margin-left: -1.5rem !important; } .cpt-stories-m-md-n5 { margin: -3rem !important; } .cpt-stories-mt-md-n5, .cpt-stories-my-md-n5 { margin-top: -3rem !important; } .cpt-stories-mr-md-n5, .cpt-stories-mx-md-n5 { margin-right: -3rem !important; } .cpt-stories-mb-md-n5, .cpt-stories-my-md-n5 { margin-bottom: -3rem !important; } .cpt-stories-ml-md-n5, .cpt-stories-mx-md-n5 { margin-left: -3rem !important; } .cpt-stories-m-md-auto { margin: auto !important; } .cpt-stories-mt-md-auto, .cpt-stories-my-md-auto { margin-top: auto !important; } .cpt-stories-mr-md-auto, .cpt-stories-mx-md-auto { margin-right: auto !important; } .cpt-stories-mb-md-auto, .cpt-stories-my-md-auto { margin-bottom: auto !important; } .cpt-stories-ml-md-auto, .cpt-stories-mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .cpt-stories-m-lg-0 { margin: 0 !important; } .cpt-stories-mt-lg-0, .cpt-stories-my-lg-0 { margin-top: 0 !important; } .cpt-stories-mr-lg-0, .cpt-stories-mx-lg-0 { margin-right: 0 !important; } .cpt-stories-mb-lg-0, .cpt-stories-my-lg-0 { margin-bottom: 0 !important; } .cpt-stories-ml-lg-0, .cpt-stories-mx-lg-0 { margin-left: 0 !important; } .cpt-stories-m-lg-1 { margin: 0.25rem !important; } .cpt-stories-mt-lg-1, .cpt-stories-my-lg-1 { margin-top: 0.25rem !important; } .cpt-stories-mr-lg-1, .cpt-stories-mx-lg-1 { margin-right: 0.25rem !important; } .cpt-stories-mb-lg-1, .cpt-stories-my-lg-1 { margin-bottom: 0.25rem !important; } .cpt-stories-ml-lg-1, .cpt-stories-mx-lg-1 { margin-left: 0.25rem !important; } .cpt-stories-m-lg-2 { margin: 0.5rem !important; } .cpt-stories-mt-lg-2, .cpt-stories-my-lg-2 { margin-top: 0.5rem !important; } .cpt-stories-mr-lg-2, .cpt-stories-mx-lg-2 { margin-right: 0.5rem !important; } .cpt-stories-mb-lg-2, .cpt-stories-my-lg-2 { margin-bottom: 0.5rem !important; } .cpt-stories-ml-lg-2, .cpt-stories-mx-lg-2 { margin-left: 0.5rem !important; } .cpt-stories-m-lg-3 { margin: 1rem !important; } .cpt-stories-mt-lg-3, .cpt-stories-my-lg-3 { margin-top: 1rem !important; } .cpt-stories-mr-lg-3, .cpt-stories-mx-lg-3 { margin-right: 1rem !important; } .cpt-stories-mb-lg-3, .cpt-stories-my-lg-3 { margin-bottom: 1rem !important; } .cpt-stories-ml-lg-3, .cpt-stories-mx-lg-3 { margin-left: 1rem !important; } .cpt-stories-m-lg-4 { margin: 1.5rem !important; } .cpt-stories-mt-lg-4, .cpt-stories-my-lg-4 { margin-top: 1.5rem !important; } .cpt-stories-mr-lg-4, .cpt-stories-mx-lg-4 { margin-right: 1.5rem !important; } .cpt-stories-mb-lg-4, .cpt-stories-my-lg-4 { margin-bottom: 1.5rem !important; } .cpt-stories-ml-lg-4, .cpt-stories-mx-lg-4 { margin-left: 1.5rem !important; } .cpt-stories-m-lg-5 { margin: 3rem !important; } .cpt-stories-mt-lg-5, .cpt-stories-my-lg-5 { margin-top: 3rem !important; } .cpt-stories-mr-lg-5, .cpt-stories-mx-lg-5 { margin-right: 3rem !important; } .cpt-stories-mb-lg-5, .cpt-stories-my-lg-5 { margin-bottom: 3rem !important; } .cpt-stories-ml-lg-5, .cpt-stories-mx-lg-5 { margin-left: 3rem !important; } .cpt-stories-p-lg-0 { padding: 0 !important; } .cpt-stories-pt-lg-0, .cpt-stories-py-lg-0 { padding-top: 0 !important; } .cpt-stories-pr-lg-0, .cpt-stories-px-lg-0 { padding-right: 0 !important; } .cpt-stories-pb-lg-0, .cpt-stories-py-lg-0 { padding-bottom: 0 !important; } .cpt-stories-pl-lg-0, .cpt-stories-px-lg-0 { padding-left: 0 !important; } .cpt-stories-p-lg-1 { padding: 0.25rem !important; } .cpt-stories-pt-lg-1, .cpt-stories-py-lg-1 { padding-top: 0.25rem !important; } .cpt-stories-pr-lg-1, .cpt-stories-px-lg-1 { padding-right: 0.25rem !important; } .cpt-stories-pb-lg-1, .cpt-stories-py-lg-1 { padding-bottom: 0.25rem !important; } .cpt-stories-pl-lg-1, .cpt-stories-px-lg-1 { padding-left: 0.25rem !important; } .cpt-stories-p-lg-2 { padding: 0.5rem !important; } .cpt-stories-pt-lg-2, .cpt-stories-py-lg-2 { padding-top: 0.5rem !important; } .cpt-stories-pr-lg-2, .cpt-stories-px-lg-2 { padding-right: 0.5rem !important; } .cpt-stories-pb-lg-2, .cpt-stories-py-lg-2 { padding-bottom: 0.5rem !important; } .cpt-stories-pl-lg-2, .cpt-stories-px-lg-2 { padding-left: 0.5rem !important; } .cpt-stories-p-lg-3 { padding: 1rem !important; } .cpt-stories-pt-lg-3, .cpt-stories-py-lg-3 { padding-top: 1rem !important; } .cpt-stories-pr-lg-3, .cpt-stories-px-lg-3 { padding-right: 1rem !important; } .cpt-stories-pb-lg-3, .cpt-stories-py-lg-3 { padding-bottom: 1rem !important; } .cpt-stories-pl-lg-3, .cpt-stories-px-lg-3 { padding-left: 1rem !important; } .cpt-stories-p-lg-4 { padding: 1.5rem !important; } .cpt-stories-pt-lg-4, .cpt-stories-py-lg-4 { padding-top: 1.5rem !important; } .cpt-stories-pr-lg-4, .cpt-stories-px-lg-4 { padding-right: 1.5rem !important; } .cpt-stories-pb-lg-4, .cpt-stories-py-lg-4 { padding-bottom: 1.5rem !important; } .cpt-stories-pl-lg-4, .cpt-stories-px-lg-4 { padding-left: 1.5rem !important; } .cpt-stories-p-lg-5 { padding: 3rem !important; } .cpt-stories-pt-lg-5, .cpt-stories-py-lg-5 { padding-top: 3rem !important; } .cpt-stories-pr-lg-5, .cpt-stories-px-lg-5 { padding-right: 3rem !important; } .cpt-stories-pb-lg-5, .cpt-stories-py-lg-5 { padding-bottom: 3rem !important; } .cpt-stories-pl-lg-5, .cpt-stories-px-lg-5 { padding-left: 3rem !important; } .cpt-stories-m-lg-n1 { margin: -0.25rem !important; } .cpt-stories-mt-lg-n1, .cpt-stories-my-lg-n1 { margin-top: -0.25rem !important; } .cpt-stories-mr-lg-n1, .cpt-stories-mx-lg-n1 { margin-right: -0.25rem !important; } .cpt-stories-mb-lg-n1, .cpt-stories-my-lg-n1 { margin-bottom: -0.25rem !important; } .cpt-stories-ml-lg-n1, .cpt-stories-mx-lg-n1 { margin-left: -0.25rem !important; } .cpt-stories-m-lg-n2 { margin: -0.5rem !important; } .cpt-stories-mt-lg-n2, .cpt-stories-my-lg-n2 { margin-top: -0.5rem !important; } .cpt-stories-mr-lg-n2, .cpt-stories-mx-lg-n2 { margin-right: -0.5rem !important; } .cpt-stories-mb-lg-n2, .cpt-stories-my-lg-n2 { margin-bottom: -0.5rem !important; } .cpt-stories-ml-lg-n2, .cpt-stories-mx-lg-n2 { margin-left: -0.5rem !important; } .cpt-stories-m-lg-n3 { margin: -1rem !important; } .cpt-stories-mt-lg-n3, .cpt-stories-my-lg-n3 { margin-top: -1rem !important; } .cpt-stories-mr-lg-n3, .cpt-stories-mx-lg-n3 { margin-right: -1rem !important; } .cpt-stories-mb-lg-n3, .cpt-stories-my-lg-n3 { margin-bottom: -1rem !important; } .cpt-stories-ml-lg-n3, .cpt-stories-mx-lg-n3 { margin-left: -1rem !important; } .cpt-stories-m-lg-n4 { margin: -1.5rem !important; } .cpt-stories-mt-lg-n4, .cpt-stories-my-lg-n4 { margin-top: -1.5rem !important; } .cpt-stories-mr-lg-n4, .cpt-stories-mx-lg-n4 { margin-right: -1.5rem !important; } .cpt-stories-mb-lg-n4, .cpt-stories-my-lg-n4 { margin-bottom: -1.5rem !important; } .cpt-stories-ml-lg-n4, .cpt-stories-mx-lg-n4 { margin-left: -1.5rem !important; } .cpt-stories-m-lg-n5 { margin: -3rem !important; } .cpt-stories-mt-lg-n5, .cpt-stories-my-lg-n5 { margin-top: -3rem !important; } .cpt-stories-mr-lg-n5, .cpt-stories-mx-lg-n5 { margin-right: -3rem !important; } .cpt-stories-mb-lg-n5, .cpt-stories-my-lg-n5 { margin-bottom: -3rem !important; } .cpt-stories-ml-lg-n5, .cpt-stories-mx-lg-n5 { margin-left: -3rem !important; } .cpt-stories-m-lg-auto { margin: auto !important; } .cpt-stories-mt-lg-auto, .cpt-stories-my-lg-auto { margin-top: auto !important; } .cpt-stories-mr-lg-auto, .cpt-stories-mx-lg-auto { margin-right: auto !important; } .cpt-stories-mb-lg-auto, .cpt-stories-my-lg-auto { margin-bottom: auto !important; } .cpt-stories-ml-lg-auto, .cpt-stories-mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .cpt-stories-m-xl-0 { margin: 0 !important; } .cpt-stories-mt-xl-0, .cpt-stories-my-xl-0 { margin-top: 0 !important; } .cpt-stories-mr-xl-0, .cpt-stories-mx-xl-0 { margin-right: 0 !important; } .cpt-stories-mb-xl-0, .cpt-stories-my-xl-0 { margin-bottom: 0 !important; } .cpt-stories-ml-xl-0, .cpt-stories-mx-xl-0 { margin-left: 0 !important; } .cpt-stories-m-xl-1 { margin: 0.25rem !important; } .cpt-stories-mt-xl-1, .cpt-stories-my-xl-1 { margin-top: 0.25rem !important; } .cpt-stories-mr-xl-1, .cpt-stories-mx-xl-1 { margin-right: 0.25rem !important; } .cpt-stories-mb-xl-1, .cpt-stories-my-xl-1 { margin-bottom: 0.25rem !important; } .cpt-stories-ml-xl-1, .cpt-stories-mx-xl-1 { margin-left: 0.25rem !important; } .cpt-stories-m-xl-2 { margin: 0.5rem !important; } .cpt-stories-mt-xl-2, .cpt-stories-my-xl-2 { margin-top: 0.5rem !important; } .cpt-stories-mr-xl-2, .cpt-stories-mx-xl-2 { margin-right: 0.5rem !important; } .cpt-stories-mb-xl-2, .cpt-stories-my-xl-2 { margin-bottom: 0.5rem !important; } .cpt-stories-ml-xl-2, .cpt-stories-mx-xl-2 { margin-left: 0.5rem !important; } .cpt-stories-m-xl-3 { margin: 1rem !important; } .cpt-stories-mt-xl-3, .cpt-stories-my-xl-3 { margin-top: 1rem !important; } .cpt-stories-mr-xl-3, .cpt-stories-mx-xl-3 { margin-right: 1rem !important; } .cpt-stories-mb-xl-3, .cpt-stories-my-xl-3 { margin-bottom: 1rem !important; } .cpt-stories-ml-xl-3, .cpt-stories-mx-xl-3 { margin-left: 1rem !important; } .cpt-stories-m-xl-4 { margin: 1.5rem !important; } .cpt-stories-mt-xl-4, .cpt-stories-my-xl-4 { margin-top: 1.5rem !important; } .cpt-stories-mr-xl-4, .cpt-stories-mx-xl-4 { margin-right: 1.5rem !important; } .cpt-stories-mb-xl-4, .cpt-stories-my-xl-4 { margin-bottom: 1.5rem !important; } .cpt-stories-ml-xl-4, .cpt-stories-mx-xl-4 { margin-left: 1.5rem !important; } .cpt-stories-m-xl-5 { margin: 3rem !important; } .cpt-stories-mt-xl-5, .cpt-stories-my-xl-5 { margin-top: 3rem !important; } .cpt-stories-mr-xl-5, .cpt-stories-mx-xl-5 { margin-right: 3rem !important; } .cpt-stories-mb-xl-5, .cpt-stories-my-xl-5 { margin-bottom: 3rem !important; } .cpt-stories-ml-xl-5, .cpt-stories-mx-xl-5 { margin-left: 3rem !important; } .cpt-stories-p-xl-0 { padding: 0 !important; } .cpt-stories-pt-xl-0, .cpt-stories-py-xl-0 { padding-top: 0 !important; } .cpt-stories-pr-xl-0, .cpt-stories-px-xl-0 { padding-right: 0 !important; } .cpt-stories-pb-xl-0, .cpt-stories-py-xl-0 { padding-bottom: 0 !important; } .cpt-stories-pl-xl-0, .cpt-stories-px-xl-0 { padding-left: 0 !important; } .cpt-stories-p-xl-1 { padding: 0.25rem !important; } .cpt-stories-pt-xl-1, .cpt-stories-py-xl-1 { padding-top: 0.25rem !important; } .cpt-stories-pr-xl-1, .cpt-stories-px-xl-1 { padding-right: 0.25rem !important; } .cpt-stories-pb-xl-1, .cpt-stories-py-xl-1 { padding-bottom: 0.25rem !important; } .cpt-stories-pl-xl-1, .cpt-stories-px-xl-1 { padding-left: 0.25rem !important; } .cpt-stories-p-xl-2 { padding: 0.5rem !important; } .cpt-stories-pt-xl-2, .cpt-stories-py-xl-2 { padding-top: 0.5rem !important; } .cpt-stories-pr-xl-2, .cpt-stories-px-xl-2 { padding-right: 0.5rem !important; } .cpt-stories-pb-xl-2, .cpt-stories-py-xl-2 { padding-bottom: 0.5rem !important; } .cpt-stories-pl-xl-2, .cpt-stories-px-xl-2 { padding-left: 0.5rem !important; } .cpt-stories-p-xl-3 { padding: 1rem !important; } .cpt-stories-pt-xl-3, .cpt-stories-py-xl-3 { padding-top: 1rem !important; } .cpt-stories-pr-xl-3, .cpt-stories-px-xl-3 { padding-right: 1rem !important; } .cpt-stories-pb-xl-3, .cpt-stories-py-xl-3 { padding-bottom: 1rem !important; } .cpt-stories-pl-xl-3, .cpt-stories-px-xl-3 { padding-left: 1rem !important; } .cpt-stories-p-xl-4 { padding: 1.5rem !important; } .cpt-stories-pt-xl-4, .cpt-stories-py-xl-4 { padding-top: 1.5rem !important; } .cpt-stories-pr-xl-4, .cpt-stories-px-xl-4 { padding-right: 1.5rem !important; } .cpt-stories-pb-xl-4, .cpt-stories-py-xl-4 { padding-bottom: 1.5rem !important; } .cpt-stories-pl-xl-4, .cpt-stories-px-xl-4 { padding-left: 1.5rem !important; } .cpt-stories-p-xl-5 { padding: 3rem !important; } .cpt-stories-pt-xl-5, .cpt-stories-py-xl-5 { padding-top: 3rem !important; } .cpt-stories-pr-xl-5, .cpt-stories-px-xl-5 { padding-right: 3rem !important; } .cpt-stories-pb-xl-5, .cpt-stories-py-xl-5 { padding-bottom: 3rem !important; } .cpt-stories-pl-xl-5, .cpt-stories-px-xl-5 { padding-left: 3rem !important; } .cpt-stories-m-xl-n1 { margin: -0.25rem !important; } .cpt-stories-mt-xl-n1, .cpt-stories-my-xl-n1 { margin-top: -0.25rem !important; } .cpt-stories-mr-xl-n1, .cpt-stories-mx-xl-n1 { margin-right: -0.25rem !important; } .cpt-stories-mb-xl-n1, .cpt-stories-my-xl-n1 { margin-bottom: -0.25rem !important; } .cpt-stories-ml-xl-n1, .cpt-stories-mx-xl-n1 { margin-left: -0.25rem !important; } .cpt-stories-m-xl-n2 { margin: -0.5rem !important; } .cpt-stories-mt-xl-n2, .cpt-stories-my-xl-n2 { margin-top: -0.5rem !important; } .cpt-stories-mr-xl-n2, .cpt-stories-mx-xl-n2 { margin-right: -0.5rem !important; } .cpt-stories-mb-xl-n2, .cpt-stories-my-xl-n2 { margin-bottom: -0.5rem !important; } .cpt-stories-ml-xl-n2, .cpt-stories-mx-xl-n2 { margin-left: -0.5rem !important; } .cpt-stories-m-xl-n3 { margin: -1rem !important; } .cpt-stories-mt-xl-n3, .cpt-stories-my-xl-n3 { margin-top: -1rem !important; } .cpt-stories-mr-xl-n3, .cpt-stories-mx-xl-n3 { margin-right: -1rem !important; } .cpt-stories-mb-xl-n3, .cpt-stories-my-xl-n3 { margin-bottom: -1rem !important; } .cpt-stories-ml-xl-n3, .cpt-stories-mx-xl-n3 { margin-left: -1rem !important; } .cpt-stories-m-xl-n4 { margin: -1.5rem !important; } .cpt-stories-mt-xl-n4, .cpt-stories-my-xl-n4 { margin-top: -1.5rem !important; } .cpt-stories-mr-xl-n4, .cpt-stories-mx-xl-n4 { margin-right: -1.5rem !important; } .cpt-stories-mb-xl-n4, .cpt-stories-my-xl-n4 { margin-bottom: -1.5rem !important; } .cpt-stories-ml-xl-n4, .cpt-stories-mx-xl-n4 { margin-left: -1.5rem !important; } .cpt-stories-m-xl-n5 { margin: -3rem !important; } .cpt-stories-mt-xl-n5, .cpt-stories-my-xl-n5 { margin-top: -3rem !important; } .cpt-stories-mr-xl-n5, .cpt-stories-mx-xl-n5 { margin-right: -3rem !important; } .cpt-stories-mb-xl-n5, .cpt-stories-my-xl-n5 { margin-bottom: -3rem !important; } .cpt-stories-ml-xl-n5, .cpt-stories-mx-xl-n5 { margin-left: -3rem !important; } .cpt-stories-m-xl-auto { margin: auto !important; } .cpt-stories-mt-xl-auto, .cpt-stories-my-xl-auto { margin-top: auto !important; } .cpt-stories-mr-xl-auto, .cpt-stories-mx-xl-auto { margin-right: auto !important; } .cpt-stories-mb-xl-auto, .cpt-stories-my-xl-auto { margin-bottom: auto !important; } .cpt-stories-ml-xl-auto, .cpt-stories-mx-xl-auto { margin-left: auto !important; } } /* End */ /* Start:/bitrix/tools/concept.stories/css/styles.css?176836328437006*/ .cpt-stories { display: flex; justify-content: center; width: calc(100% + 25px)!important; margin: 0 -15px!important; max-width: 100vw; overflow: hidden; } .cpt-stories-footer.cpt-stories-row { padding: 0 15px; } .cpt-stories.cpt-stories-roboto .cpt-stories-bold{ font-weight: 900; } .cpt-stories-decor-text-shadow_light{ text-shadow: 0 0 10px rgba(255,255,255,1); } .cpt-stories-decor-text-shadow_dark{ text-shadow: 0 0 10px rgba(0,0,0,1); } .cpt-stories-main-bg-clr{ background-color: #008aff; } .cpt-stories-text-align-left{ text-align: left; } .cpt-stories-text-align-center{ text-align: center; } .cpt-stories-text-align-right{ text-align: right; } .cpt-stories-std-bg-clr-blue{ background-color: #2285c4; } .cpt-stories-std-bg-clr-red{ background-color: #e5420b; } .cpt-stories-std-bg-clr-green{ background-color: #3d860b; } .cpt-stories-std-bg-clr-dark-gray{ background-color: #656565; } .cpt-stories-std-bg-clr-light-gray{ background-color: #c1c1c1; } .cpt-stories, .cpt-stories *, .cpt-stories :after, .cpt-stories :before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cpt-stories *:focus{ outline: -webkit-focus-ring-color auto 0; } .cpt-stories-visible { visibility: visible; } .cpt-stories-invisible { visibility: hidden; } .cpt-stories-bg-cover{ background-size: cover; } /*.cpt-stories a:visited, .cpt-stories a:active, .cpt-stories a:hover{ color: unset; }*/ .cpt-stories a.cpt-stories-txt-light, .cpt-stories a.cpt-stories-txt-light:visited, .cpt-stories a.cpt-stories-txt-light:active, .cpt-stories a.cpt-stories-txt-light:hover{ color: #fff; } .cpt-stories a.cpt-stories-txt-dark, .cpt-stories a.cpt-stories-txt-dark:visited, .cpt-stories a.cpt-stories-txt-dark:active, .cpt-stories a.cpt-stories-txt-dark:hover{ color: #000; } .cpt-stories-arrows .swiper-button-next:after, .cpt-stories-arrows .swiper-button-prev:after{ content: ""; } .cpt-stories-border-padding{ padding: 30px; } .cpt-stories-invisible-opacity{ opacity: 0; } img.cpt-stories-img-fluid{ max-width: 100%; height: auto; } .cpt-stories-modal button{ border: 0; cursor: pointer; } .cpt-stories-modal button:active, .cpt-stories-modal button:visited, .cpt-stories-modal button:focus { border: 0; text-decoration: none !important; outline: none; text-overflow: ellipsis; overflow: hidden; opacity: 1 !important; } .cpt-stories-elips{ -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .cpt-stories-pos-r{ position: relative; } .cpt-stories-pos-a{ position: absolute; } .cpt-stories-blur{ -webkit-filter: blur(15px) grayscale(50%); -moz-filter: blur(15px) grayscale(50%); -ms-filter: blur(15px) grayscale(50%); -o-filter: blur(15px) grayscale(50%); filter: blur(15px) grayscale(50%); } .cpt-stories-overflow-hidden{ overflow: hidden; } .cpt-stories-bg-default-settings{ background-position: center; background-repeat: no-repeat; } .cpt-stories-def-btn{ font-weight: normal; font-size: 17px; line-height: 23px; cursor: pointer; border: 0; white-space: nowrap; padding: 20px 35px; text-decoration: none !important; text-align: center; outline: none; display: inline-block; text-overflow: ellipsis; overflow: hidden; opacity: 1; max-width: 100%; } .cpt-stories-def-btn:hover{ transition: opacity .3s; opacity: .85; } .cpt-stories-shine{ background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px; background-image: linear-gradient(45deg, rgba(255, 255, 255, .0) 30%, rgba(255, 255, 255, .8), rgba(255, 255, 255, .0) 70%); background-repeat: no-repeat; background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); animation: shine 5s ease reverse infinite; box-shadow: 0px 9px 40px 0px rgba(50, 50, 50, 0.30); } @keyframes shine { 100% { background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 20% { background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 0% { background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } } @-webkit-keyframes shine { 100% { background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 20% { background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 0% { background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } } @-moz-keyframes shine { 100% { background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 20% { background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 0% { background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } } @-ms-keyframes shine { 100% { background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 20% { background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 0% { background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } } @-o-keyframes shine { 100% { background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 20% { background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 0% { background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } } .cpt-stories-modal{ position: fixed; /*display: none;*/ display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; margin: 0 !important; width: 100vw !important; height: 100vh; height: calc(var(--vh,1vh) * 100); z-index: 100001; background-color: #eee; } /*.cpt-stories-modal{ opacity: 0; text-align: center; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; }*/ .cpt-stories-modal.cpt-stories-active{ opacity: 1; } .cpt-stories-modal-overlay, .cpt-stories-bg-shadow{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .cpt-stories-modal-overlay{ background-color: #aaa; transition: background-image .3s; } .cpt-stories-bg-shadow.cpt-stories-dark{ background-color: rgba(37,37,37,0.8); } .cpt-stories-bg-shadow.cpt-stories-light{ background-color: rgba(255,255,255,0.8); } .cpt-stories-modal-guts{ position: relative; } .cpt-stories-window{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .cpt-stories-window-shadow{ position: absolute; left: 0; top: 35px; bottom: 30px; right: 0; -webkit-box-shadow: 0 0 40px rgba(0,0,0,.3); box-shadow: 0 0 40px rgba(0,0,0,.3); display: none; } .cpt-stories-slides{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: .2s all; -o-transition: .2s all; transition: .2s all; } .cpt-stories-slide{ justify-content: center; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100% !important; width: 100%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; overflow: hidden; } .cpt-stories-slide-progress{ position: absolute; top: 15px; left: -3px; right: -3px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 20; -webkit-transform: translateZ(0); transform: translateZ(0); } .cpt-stories-slide-progress__item{ position: relative; display: block; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; max-width: 100%; margin-left: 3px; margin-right: 3px; height: 2px; background: rgba(255,255,255,.3); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1); box-shadow: 0 0 3px rgba(0,0,0,.1); -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; } .cpt-stories-slide-progress__item span{ display: block; width: 0; height: 3px; background: #fff; transition: width .1s; } .cpt-stories-frames { position: relative; width: 100%; height: 100%; padding-top: 35px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: border-box; box-sizing: border-box; /*-webkit-transition: .2s all; -o-transition: .2s all; transition: .2s all;*/ } .cpt-stories-frame{ clip-path: inset(2px); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto!important -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 100% !important; max-height: 100%; max-width: 100%; margin: auto; aspect-ratio: 9 / 16; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; background-color: transparent; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -ms-touch-action: none; touch-action: none; } .cpt-stories-frame-title{ font-size: 43px; line-height: 51px; margin-bottom: 20px; color: #fff; } .cpt-stories-frame-subtitle{ font-size: 20px; line-height: 26px; margin-bottom: 10px; color: #fff; } .cpt-stories-frame-text{ font-size: 17px; line-height: 23px; margin-bottom: 30px; color: #fff; } .cpt-stories-frame__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: 1 0 100%; flex: 1 0 100%; /*padding: 0 7% 4%;*/ } .cpt-stories-frame__body-inner{ position: absolute; left: 7%; right: 7%; bottom: 5%; z-index: 9; } .cpt-stories-frame__body-inner.cpt-stories-board{ left: 4%; right: 4%; bottom: 2%; } .cpt-stories-frame__body-inner-shadow-down{ position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background-image: url('/bitrix/tools/concept.stories/css/../images/png/shadow_down_bl.png'); background-position: left bottom; background-repeat: repeat-x; } video.cpt-stories-video{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; } .cpt-stories-frame__body-inner > *:last-child{ margin-bottom: 0; } .cpt-stories-frame__body-inner.cpt-stories-board{ padding: 15px 20px 20px 20px; border-radius: 7px; } .cpt-stories-frame__body-inner.cpt-stories-board.cpt-stories-board-dark{ background-color: #3c3c3c; opacity: .92; } .cpt-stories-frame__body-inner.cpt-stories-board.cpt-stories-board-light{ background-color: #fff; opacity: .92; } .cpt-stories-frame-wr-btn{ margin-top: 30px; } .cpt-stories-modal .cpt-stories-close-button { filter: drop-shadow(0 0 3px black); position: absolute; z-index: 1; top: 30px; border: 0; text-align: center; border-radius: 50%; border: 0; cursor: pointer; width: 30px; height: 30px; right: -48px; background-image: url('/bitrix/tools/concept.stories/css/../images/svg/cross_wt.svg'); background-size: 12px; background-color: transparent; transition: background-color .3s; opacity: .8; z-index: 101; } .cpt-stories-modal .cpt-stories-close-button:hover{ background-color: #676767; opacity: 1; transition: opacity .3s; } .cpt-stories-modal .cpt-stories-pause-button { filter: drop-shadow(0 0 3px black); position: absolute; z-index: 1; top: 70px; border: 0; text-align: center; border-radius: 50%; border: 0; cursor: pointer; width: 30px; height: 30px; right: -48px; background-size: 9px; background-color: transparent; background-image: url('/bitrix/tools/concept.stories/css/../images/svg/pause.svg'); /*background-image: url('/bitrix/tools/concept.stories/css/../images/svg/play.svg');*/ opacity: .8; z-index: 101; background-position: 11px 10px; } .cpt-stories-modal .cpt-stories-pause-button:hover, .cpt-stories-modal.cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button.cpt-stories-play, .cpt-stories-modal .cpt-stories-pause-button.cpt-stories-play{ background-color: #676767; opacity: 1; transition: opacity .3s; } .cpt-stories-window-next, .cpt-stories-window-prev{ position: absolute; display: block; padding: 0; border: none; z-index: 9; outline: 0; top: 0; bottom: 0; width: 50%; background-color: transparent; } .cpt-stories-window-next{ right: 0; left: auto; } .cpt-stories-window-prev{ left: 0; right: auto; } .cpt-stories-window-arrow{ filter: drop-shadow(0 0 3px black); display: block; position: absolute; top: calc(50% - 15px); width: 30px; height: 30px; background-size: 7px; background-color: transparent; transition: background-color .3s; border-radius: 50%; opacity: .8; cursor: pointer; } .cpt-stories-window-arrow:hover{ background-color: #676767; opacity: 1; transition: opacity .3s; } .cpt-stories-window-arrow-prev{ left: -48px; background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_wt.svg'); background-position: 8px center; background-size: 13px; } .cpt-stories-window-arrow-next{ right: -48px; background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_wt.svg'); background-position: 9px center; background-size: 13px; } .cpt-stories-modal .cpt-stories-button-prev, .cpt-stories-modal .cpt-stories-button-next{ } .cpt-stories-modal .cpt-stories-button-prev{ left: -40px; } .cpt-stories-modal .cpt-stories-button-next{ right: -40px; } .cpt-stories-modal .cpt-stories-pagination{ top: 15px; left: 10px; right: 10px; } .cpt-stories-modal .cpt-stories-pagination-bullet{ position: relative; width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; background: none; } .cpt-stories-modal .cpt-stories-pagination-bullet:before{ content: ""; position: absolute; left: 5px; right: 5px; background-color: rgba(255,255,255,.4); border-radius: 4px; top: 0; bottom: 0; } .cpt-stories-block .swiper-slide{ width: auto !important; margin: 0 !important; padding-top: 10px; min-width: 96px; transition: .3s; } .cpt-stories-block-center{ margin-left: auto; margin-right: auto; } .cpt-stories-block .cpt-stories-preview-slide{ width: 86px; height: 86px; margin: auto; overflow: hidden; cursor: pointer; position: relative; } .cpt-stories-block-view-2 .cpt-stories-preview-slide{ margin-bottom: 10px; } .cpt-stories-block .cpt-stories-preview-slide-active{ box-shadow: 0 0 0 3px white, 0 0 0 5px #824E99; } .cpt-stories-block .cpt-stories-preview-slide-shadow-down{ position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background-position: left bottom; background-repeat: repeat-x; background-size: 100% 120px; opacity: .5; } .cpt-stories-block .cpt-stories-preview-slide-shadow-down.cpt-stories-preview-slide-shadow-light{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/shadow_down_bl.png'); } .cpt-stories-block .cpt-stories-preview-slide-shadow-down.cpt-stories-preview-slide-shadow-dark{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/shadow_down_wt.png'); } .cpt-stories-r50{ border-radius: 50%; } .cpt-stories-r30{ border-radius: 30px; } .cpt-stories-r10{ border-radius: 10px; } .cpt-stories-r5{ border-radius: 5px; } .cpt-stories-block .cpt-stories-text{ font-size: 14px; line-height: 19px; } .cpt-stories-txt-light{ color: #fff; } .cpt-stories-txt-dark{ color: #000; } .cpt-stories-block-view-1 .cpt-stories-text{ position: absolute; left: 15px; bottom: 10px; right: 15px; overflow: hidden; } .cpt-stories-block-view-2 .cpt-stories-text{ text-align: center; } .cpt-stories-block .cpt-stories-title{ font-size: 35px; line-height: 40px; text-align: left; } .cpt-stories-block .cpt-stories-title > div{ margin-bottom: 20px; } .cpt-stories-block .swiper-container{ display: flex; padding: 10px 0 0; } .cpt-stories-block .swiper-wrapper { width: auto; margin: auto; column-gap: 20px; } .cpt-stories-block .cpt-stories-arrows{ width: 70px; text-align: right; position: relative; top: 2px; } .cpt-stories-block .cpt-stories-arrows .swiper-button-next, .cpt-stories-block .cpt-stories-arrows .swiper-button-prev{ display: inline-block; position: static; width: 30px; height: 30px; margin-top: 0; color: transparent; } .cpt-stories-block .cpt-stories-arrows .swiper-button-next{ background-position: 10px; } .cpt-stories-user-select-none{ -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select:none; } .cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-next.swiper-button-disabled, .cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-prev.swiper-button-disabled{ opacity: .1; } .cpt-stories-block .cpt-stories-arrows .swiper-button-prev{ margin-right: 1px; } .cpt-stories-block .cpt-stories-arrows .swiper-button-next:after, .cpt-stories-block .cpt-stories-arrows .swiper-button-prev:after{ content: ""; } .cpt-stories-block .cpt-stories-arrows .swiper-button-next, .cpt-stories-block .cpt-stories-arrows .swiper-button-prev{ background-size: 11px; } .cpt-stories-block .cpt-stories-arrows .swiper-button-next:hover, .cpt-stories-block .cpt-stories-arrows .swiper-button-prev:hover{ opacity: .8; transition: opacity .3s; } .cpt-stories-block-mode-light .cpt-stories-arrows .swiper-button-next, .cpt-stories-block-mode-light .cpt-stories-arrows .swiper-button-prev{ background-color: #ececec; } .cpt-stories-block-mode-light .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_bl.svg'); } .cpt-stories-block-mode-light .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_bl.svg'); } .cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-next, .cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-prev{ background-color: #000; opacity: .35; } .cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_wt.svg'); } .cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_wt.svg'); } /*.cpt-stories-block .cpt-stories-arrows .swiper-button-prev:not(.swiper-button-disabled) + .swiper-button-next.swiper-button-disabled{ opacity: .1; visibility: visible; }*/ .cpt-stories-fixblock{ visibility: hidden; position: fixed; z-index: -1; } .cpt-stories-fixblock.cpt-stories-side-left, .cpt-stories-fixblock.cpt-stories-side-right{ top: 20%; width: 80px; padding: 10px; } .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-isset-arrows, .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-isset-arrows{ padding-top: 15px; padding-bottom: 15px; } /*.cpt-stories-fixblock.isset-album-img.cpt-stories-side-left, .cpt-stories-fixblock.isset-album-img.cpt-stories-side-right, .cpt-stories-fixblock.isset-album-img.cpt-stories-side-left.cpt-stories-isset-arrows, .cpt-stories-fixblock.isset-album-img.cpt-stories-side-right.cpt-stories-isset-arrows{ padding-top: 15px; }*/ .cpt-stories-fixblock.cpt-stories-side-left{ left: -90px; border-radius: 0 10px 10px 0; transition: left .4s; } .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-show{ left: 0; } .cpt-stories-fixblock.cpt-stories-side-right{ right: -90px; border-radius: 10px 0 0 10px; transition: right .4s; } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-show{ right: 0; } .cpt-stories-fixblock.cpt-stories-side-bottom{ left: 50%; top: auto; bottom: -110px; transform: translateX(-50%); height: 90px; border-radius: 10px 10px 0 0; padding: 15px; transition: bottom .4s; } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-show{ bottom: 0; } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-isset-arrows{ padding-left: 15px; padding-right: 15px; } .cpt-stories-fixblock.cpt-stories-side-bottom.isset-album-img{ padding-left: 90px; } .cpt-stories-fixblock.cpt-stories-mode-light{ background-color: #fff; -webkit-box-shadow: 0 0 50px rgba(0,0,0,.2); box-shadow: 0 0 50px rgba(0,0,0,.2); } .cpt-stories-fixblock.cpt-stories-mode-dark{ background-color: #303030; -webkit-box-shadow: 0 0 50px rgba(0,0,0,.2); box-shadow: 0 0 50px rgba(0,0,0,.2); } .cpt-stories-fixblock .cpt-stories-close-button { position: absolute; border-radius: 50%; cursor: pointer; width: 32px; height: 32px; background-image: url('/bitrix/tools/concept.stories/css/../images/svg/cross_wt.svg'); background-size: 12px; background-color: rgba(0,0,0,.2); top: 25px; right: -50px; opacity: .8; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-close-button, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-close-button{ top: -50px; left: 50%; margin-left: -14px; } .cpt-stories-fixblock .swiper-slide{ width: 60px !important; height: 60px !important; } .cpt-stories-fixblock.cpt-stories-side-left .swiper-container, .cpt-stories-fixblock.cpt-stories-side-right .swiper-container{ height: 100%; } .cpt-stories-fixblock .cpt-stories-preview-slide{ width: 60px; height: 60px; cursor: pointer; position: relative; overflow: unset; } .cpt-stories-fixblock .cpt-stories-preview-slide:hover{ opacity: 1; transition: opacity .3s; } .cpt-stories-fixblock .cpt-stories-preview-slide{ opacity: 0.8; } .cpt-stories-fixblock .cpt-stories-preview-slide-active{ opacity: 1; } .cpt-stories-fixblock .cpt-stories-preview-slide-active:hover{ opacity: .8; transition: opacity .3s; } .cpt-stories-fixblock .cpt-stories-preview-slide-active:after{ content: ""; position: absolute; width: 12px; height: 12px; background-color: #0bff0b; border-radius: 50%; } /*.cpt-stories-fixblock.cpt-stories-mode-light .cpt-stories-preview-slide-active:after{ border: 2px solid #fff; } .cpt-stories-fixblock.cpt-stories-mode-dark .cpt-stories-preview-slide-active:after{ border: 2px solid #000; }*/ .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-preview-slide-active:after, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-preview-slide-active:after, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-preview-slide-active:after{ right: 3px; top: 3px; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows{ position: absolute; top: 0; bottom: 0; z-index: 1; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows{ position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .cpt-stories-header{ position: relative; } .cpt-stories-fixblock .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{ display: inline-block; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{ width: 70px; height: 38px; position: absolute; background-repeat: repeat-x; } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{ left: -8px; } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{ left: -10px; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ top: -10px; background-position: left top; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ background-position: left bottom; } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ bottom: -13px; } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ bottom: -16px; } .cpt-stories-fixblock .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock .cpt-stories-arrows .swiper-button-next{ display: inline-block; margin-top: 0; color: transparent; background-size: 13px; opacity: .4; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-next{ width: 60px; height: 40px; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-prev{ bottom: auto; left: 0; right: 0; top: -16px; } /*.cpt-stories-fixblock .cpt-stories-arrows .swiper-button-prev.swiper-button-disabled, .cpt-stories-fixblock .cpt-stories-arrows .swiper-button-next.swiper-button-disabled, .cpt-stories-fixblock .cpt-stories-arrows .swiper-button-prev.swiper-button-disabled + .cpt-stories-bg-shadow-arrow, .cpt-stories-fixblock .cpt-stories-arrows .swiper-button-next.swiper-button-disabled + .cpt-stories-bg-shadow-arrow{ display: none; }*/ .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_up_bl.svg'); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_up_wt.svg'); } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-next{ bottom: -17px; left: 0; top: auto; } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_down_bl.svg'); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_down_wt.svg'); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/uw.png'); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/ug.png'); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/dw.png'); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/dg.png'); } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{ width: 38px; height: 60px; position: absolute; top: -4px; background-repeat: repeat-y; background-size: 35px; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ left: -15px; background-position: left top; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ right: -7px; background-position: right top; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .swiper-button-next{ width: 32px; height: 60px; top: 0; bottom: auto; background-size: 15px; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .swiper-button-prev{ left: -11px; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .swiper-button-next{ right: -9px; } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/lw.png'); } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/gr.png'); } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/rw.png'); } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/gl.png'); } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_bl.svg'); } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_wt.svg'); } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_bl.svg'); } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_wt.svg'); } .cpt-stories-fixblock .cpt-stories-fixblock-img{ width: 60px; height: 60px; background-size: contain; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-fixblock-img, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-fixblock-img{ margin-bottom: 30px; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-fixblock-img{ position: absolute; left: 15px; } .cpt-stories-fixblock.cpt-stories-pc-show.cpt-stories-xl, .cpt-stories-fixblock.cpt-stories-pc-show.cpt-stories-lg, .cpt-stories-fixblock.cpt-stories-pc-show.cpt-stories-md, .cpt-stories-fixblock.cpt-stories-sm-show.cpt-stories-sm{ visibility: visible; z-index: 9999; } .cpt-stories-xl{ } .cpt-stories-lg{ } .cpt-stories-md{ } .cpt-stories-sm{ } /*.cpt-stories-1482{ width: 160px; }*/ .cpt-stories-modal.cpt-stories-sm .cpt-stories-frames{ padding-top: 0; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-shadow { top: 0; bottom: 0; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-next, .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-prev{ top: 150px; bottom: 0; height: 100%; width: 130px; z-index: 99; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-next, .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-prev, .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-next:hover, .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-prev:hover{ background-color: transparent; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-next{ right: 0; background-position: 50px center; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-prev{ left: 0; background-position: 15px center; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button{ top: 90px; right: 17px; width: 35px; height: 35px; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button{ background-size: 12px; background-position: 11px 10px; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button, .cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button:hover{ background-color: transparent; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-close-button{ top: 40px; right: 17px; width: 35px; height: 35px; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-close-button { background-size: 18px; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-slide-progress{ left: 3px; right: 3px; } .cpt-stories-ul-def{ list-style: none; margin: 0; padding: 0; } .cpt-stories-animate-rotate { animation-name: rotation; animation-duration: 1s; animation-iteration-count: 1; animation-timing-function: linear; } @keyframes rotation { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } } .cpt-stories-block-swiper-scrollbar{ height: 1px; background-color: rgba(0,0,0,.1); } .cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag{ height: 29px; top: -14px; z-index: 1; background: none; } .cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:hover{ cursor: -webkit-grab; cursor: grab; } .cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:active{ cursor: -webkit-grabbing; cursor: grabbing; } .cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:after{ content: ''; position: absolute; left: 0; right: 0; top: 12px; height: 5px; background-color: #999; border-radius: 5px; } .cpt-stories-fixblock .swiper-button-next.swiper-button-disabled + .cpt-stories-bg-shadow-arrow, .cpt-stories-fixblock .swiper-button-prev.swiper-button-disabled + .cpt-stories-bg-shadow-arrow, .cpt-stories-fixblock .swiper-button-next.swiper-button-disabled, .cpt-stories-fixblock .swiper-button-prev.swiper-button-disabled{ display: none; } .cpt-stories-block-mode-light .cpt-stories-block-swiper-scrollbar{ background-color: rgba(255,255,255,.1); } .cpt-stories-block-mode-light .cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:after{ background-color: #999; } .cpt-stories-block-mode-dark .cpt-stories-block-swiper-scrollbar{ background-color: rgba(0,0,0,.1); } .cpt-stories-block-mode-dark .cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:after{ background-color: #999; } /* End */ /* Start:/bitrix/tools/concept.stories/css/responsive.css?17664776439408*/ /*xl*/ @media (min-width: 1216px) and (min-height: 935px){ .cpt-stories-modal-guts{ height: 935px !important; } } @media (min-width: 1201px){ .cpt-stories-fixblock .cpt-stories-close-button { opacity: 0; transition: opacity .5s; } .cpt-stories-fixblock:hover .cpt-stories-close-button{ opacity: .5; transition: opacity .01s; } .cpt-stories-fixblock .cpt-stories-close-button:hover{ opacity: 1; transition: opacity .3s; } .cpt-stories-block .swiper-slide:hover{ transform: translateY(-10px); } .cpt-stories-fixblock .cpt-stories-arrows{ opacity: 0; transition: opacity .4s; } .cpt-stories-fixblock:hover .cpt-stories-arrows{ opacity: 1; } } @media (max-width: 1200px){ .cpt-stories-window-arrow, .cpt-stories-modal .cpt-stories-close-button, .cpt-stories-modal .cpt-stories-pause-button { background-position: center; background-size: 30px; height: 80px; width: 80px; z-index: 2; } .cpt-stories-window-arrow-prev { left: 20px; } .cpt-stories-window-arrow-next { right: 20px; } .cpt-stories-modal .cpt-stories-close-button, .cpt-stories-modal .cpt-stories-pause-button { background-size: 40px; } .cpt-stories-modal .cpt-stories-close-button { right: 80px; } .cpt-stories-modal .cpt-stories-pause-button { top: 30px; right: 0; } .cpt-stories-window-next, .cpt-stories-window-prev{ z-index: 10; top: 250px; } .cpt-stories-block .swiper-container { padding: 0; overflow: hidden; } .cpt-stories-block .swiper-wrapper { column-gap: 0; } .cpt-stories-block .swiper-slide { margin: 0 30px !important; } .cpt-stories-block .cpt-stories-preview-slide { height: 200px; width: 200px; } .cpt-stories-block-view-2 .cpt-stories-preview-slide { margin-bottom: 14px; } .cpt-stories-footer { display: none; } } @media (orientation: portrait){ .cpt-stories-modal { height: 100svh; } } /*lg*/ @media (min-width: 992px) and (max-width: 1199px){ } /*md*/ @media (min-width: 768px) and (max-width: 991px){ .cpt-stories-block .swiper-slide { width: 120px !important; } .cpt-stories-block .cpt-stories-preview-slide{ width: 120px; height: 120px; } } /*sm & xs*/ @media (max-width: 767.98px){ .cpt-stories-block .swiper-slide { width: 96px !important; } .cpt-stories-block .cpt-stories-preview-slide{ width: 77px; height: 77px; } .cpt-stories-header .cpt-stories-wr-arrows{ display: none; } .cpt-stories-block .swiper-pagination{ display: block; position: static; margin-top: 10px; width: 200px !important; margin-left: auto; margin-right: auto; } .cpt-stories-block .swiper-pagination-bullet-active{ opacity: 1; background-color: #717171; } .cpt-stories-block .cpt-stories-text{ font-size: 12px; line-height: 15px; } .cpt-stories-modal .cpt-stories-close-button, .cpt-stories-modal .cpt-stories-pause-button{ opacity: 1; } .cpt-stories-block .cpt-stories-title{ font-size: 25px; line-height: 35px; text-align: center; } .cpt-stories-fixblock.cpt-stories-side-bottom{ left: 0; right: 0; top: auto; transform: translateX(0%); border-radius: 0; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-close-button { top: -45px; right: 20px; } .cpt-stories-fixblock.cpt-stories-side-bottom{ bottom: -140px; } .cpt-stories-fixblock.cpt-stories-side-left, .cpt-stories-fixblock.cpt-stories-side-right{ left: 0; right: 0; top: auto; transform: translateX(0%); bottom: -140px; height: 90px; width: 100%; border-radius: 0; padding: 10px; transition: bottom .4s; } .cpt-stories-fixblock.isset-album-img.cpt-stories-side-left, .cpt-stories-fixblock.isset-album-img.cpt-stories-side-right{ padding-left: 110px; } .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-show, .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-show{ bottom: 0; } .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-fixblock-img, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-fixblock-img{ position: absolute; left: 10px; margin-bottom: 0; } .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-close-button, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-close-button{ top: -45px; right: 20px; left: auto; margin-left: 0; } .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows{ left: 0; right: 0; top: 0; bottom: auto; } .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-next{ top: 0 !important; bottom: auto; background-size: 15px; width: 32px; height: 60px; } .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-prev{ left: -11px; right: auto; } .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-next{ right: 6px; left: auto; } .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_bl.svg'); } .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_wt.svg'); } .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_bl.svg'); } .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_wt.svg'); } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{ width: 38px; height: 80px; position: absolute; top: -10px; bottom: -10px; left: auto; right: auto; background-repeat: repeat-y; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ right: -1px; left: auto !important; background-position: right top; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ left: -1px; right: auto !important; background-position: left top; } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ background-image: url(/bitrix/tools/concept.stories/css/../images/png/rw.png); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ background-image: url(/bitrix/tools/concept.stories/css/../images/png/gl.png); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ background-image: url(/bitrix/tools/concept.stories/css/../images/png/lw.png); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ background-image: url(/bitrix/tools/concept.stories/css/../images/png/gr.png); } .js-cpt-stories-ajax-public-admin{ display: none; } .cpt-stories-window-shadow, .cpt-stories-frame { border-radius: 0; } .cpt-stories-frame-btn{ display: block; } .cpt-stories-fixblock.cpt-stories-hide-img-xs.isset-album-img .cpt-stories-fixblock-img{ display: none; } .cpt-stories-fixblock.cpt-stories-hide-img-xs.isset-album-img{ padding-left: 15px !important; } .cpt-stories-modal{ height: 100%; } } /*sm*/ @media (min-width: 576px) and (max-width: 767.98px){ .cpt-stories-def-btn{ display: block; } .cpt-stories-admin-btn-settings, .cpt-stories-admin-public-btn{ display: none; } } /*xs*/ @media (max-width: 575.98px){ } /* End */ /* /local/templates/charutti_main/static/layout/css/swiper-bundle.min.css?174650091118431 */ /* /local/templates/charutti_main/static/layout/css/select2.min.css?174650091114966 */ /* /local/templates/charutti_main/static/layout/css/style.css?1781603639258192 */ /* /local/templates/charutti_main/components/freematiq/main.include/parser/style.css?174650078072 */ /* /local/templates/charutti_main/components/freematiq/feedback/add_review/style.css?1746500780130 */ /* /local/templates/charutti_main/components/freematiq/feedbackSize/subscribe_size/style.css?1746500780312 */ /* /local/templates/charutti_main/components/freematiq/feedback/ask_question/style.css?1746500780130 */ /* /local/templates/charutti_main/template_styles.css?1773392648422 */ /* /bitrix/tools/concept.stories/css/font_roboto.css?1724298935174 */ /* /bitrix/tools/concept.stories/css/grids.css?172429893588066 */ /* /bitrix/tools/concept.stories/css/styles.css?176836328437006 */ /* /bitrix/tools/concept.stories/css/responsive.css?17664776439408 */