/* Start:/local/templates/main/components/bitrix/news.list/slider/style.css?17255202911626*/ .banner-slider { width: 100%; } .banner-slider__slide { height: 300px; width: 100% !important; overflow: hidden; } .banner-slider__slide-link { display: flex; width: 100%; height: 100%; } .banner-slider__slide picture { width: 100%; } .banner-slider__slide img { width: 100%; height: 100%; object-fit: cover; } .banner-slider__text-mobile { width: 100%; position: absolute; left: 0; bottom: 20px; display: none; justify-content: center; padding: 12px 10px; color: var(--primary-white-color); font-family: var(--font-family--main); font-size: 16px; text-transform: uppercase; background: linear-gradient(73.26deg, rgba(51, 51, 51, 0.8) 4.24%, rgba(242, 78, 64, 0.8) 152.12%); } @media screen and (max-width: 540px) { .banner-slider__text-mobile { display: flex; } } .banner-slider .banner-slider__pagination { position: static; width: 100%; display: flex; justify-content: center; align-items: center; column-gap: 5px; margin: 20px 0; } @media screen and (max-width: 992px) { .banner-slider__pagination { margin: 10px 0; } } .banner-slider__pagination .swiper-pagination-bullet { width: 9px; height: 9px; background-color: var(--primary-grey-dark-color); border: 1px solid var(--primary-grey-dark-color); border-radius: 50%; cursor: pointer; margin: 0 !important; } .banner-slider__pagination .swiper-pagination-bullet-active { background-color: var(--secondary-red-medium-color); border-color: var(--secondary-red-medium-color); } /* End */ /* Start:/local/templates/main/components/bitrix/system.pagenavigation/.default/style.css?17219086961171*/ div.modern-page-navigation { padding: 22px 0; font-size: 12px; } div.modern-page-navigation a, span.modern-page-current, span.modern-page-dots { border-left-width: 1px; /*border-left-style: solid;*/ text-decoration: none; padding: 5px 8px; color: #5B5B5B; } div.modern-page-navigation a.modern-page-previous { border-right-width: 1px; /*border-right-style: solid; */ border-left: none; } div.modern-page-navigation a.modern-page-first, div.modern-page-navigation span.modern-page-first { border-left: none; padding-left: 0.5em; } span.modern-page-current { /*font-weight: bold;*/ background: #BEBEBE; border-color: #BEBEBE; padding: 3px 8px; border-radius: 3px; color: white; } .pagination { margin-top: 15px !important; margin-right: 5px !important; } .pagination>li>a { color: black !important; color: #5B5B5B !important; } .pagination>li.active>a { color: #9B9B9B !important; } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { z-index: 3; background: none !important; border-color: transparent; } /*i.fa {font-size: 14px; margin-top; 3px}*/ /* End */ /* Start:/local/templates/main/assets/libs/swiper/swiper.min.css?172552029118432*/ /** * Swiper 11.1.7 * 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: July 24, 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/main/components/bitrix/catalog.section/main.slider/style.min.css?1738594320383*/ .section-catalog-slider{position:relative;display:flex;row-gap:30px;flex-direction:column}.section-catalog-slider__buttons{position:absolute;top:50%;left:0;display:flex;justify-content:space-between;width:100%}.detail-product-page .section-catalog-slider__buttons{left:-15px;right:-15px;width:unset}@media screen and (max-width:1200px){.section-catalog-slider__buttons{display:none}} /* End */ /* Start:/local/templates/main/components/bitrix/catalog.item/main/style.min.css?17385943204546*/ .item-card{height:100%;padding:0!important}.item-card:not(.slide){height:auto}.item-card-inner{display:flex;flex-direction:column;row-gap:10px;width:100%;height:100%;padding:0 14px}@media screen and (max-width:768px){.item-card:not(.slide) .item-card-inner{padding:0}}.swiper-slide:not(:first-of-type) .item-card{border-left:1px solid #e4e2e4}.item-card--four:nth-child(n):not(:nth-child(4n+1)){border-left:1px solid #e4e2e4}@media screen and (max-width:1200px){.item-card--four:nth-child(n):not(:nth-child(4n+1)){border-left:unset}.item-card--four:nth-child(n):not(:nth-child(3n+1)){border-left:1px solid #e4e2e4}}@media screen and (max-width:992px){.item-card--four:nth-child(n):not(:nth-child(3n+1)){border-left:unset}.item-card--four:nth-child(n):not(:nth-child(2n+1)){border-left:1px solid #e4e2e4}}@media screen and (max-width:768px){.item-card--four:nth-child(n):not(:nth-child(2n+1)){border-left:unset}}.item-card--three:nth-child(n):not(:nth-child(3n+1)){border-left:1px solid #e4e2e4}@media screen and (max-width:1200px){.item-card--three:nth-child(n):not(:nth-child(3n+1)){border-left:unset}.item-card--three:nth-child(n):not(:nth-child(2n+1)){border-left:1px solid #e4e2e4}}@media screen and (max-width:991px){.item-card--three:nth-child(n):not(:nth-child(2n+1)){border-left:unset}}.item-card__title{font-family:var(--font-family--main);font-size:16px;line-height:21px;color:var(--primary-grey-dark-color);height:60px;overflow:hidden}.item-card__info{display:flex;flex-direction:column;row-gap:20px;flex:1 0 0}.item-card__actions{display:flex;flex-direction:column;row-gap:10px}.item-card__actions-cart{display:flex;align-items:center;column-gap:5px}.item-card__price{font-family:var(--font-family--main);font-size:16px;font-weight:700;color:var(--primary-grey-dark-color)}.item-card__price span:not(:first-child){font-size:14px;text-decoration:line-through;color:rgba(51,51,51,.5)}.item-card__status{font-family:var(--font-family--main);font-size:13px;line-height:14px}.item-card__status-available{color:var(--primary-green-color)}.item-card__status-out{color:var(--primary-red-medium-color)}.item-card__properties{display:flex;flex-direction:column;row-gap:8px;flex:1 0 0}.item-card__property{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-family--main);font-size:14px;line-height:15px}.item-card__property-name{font-weight:700}.item-card .car{font-size:14px;padding:8px 20px;width:60%}.item-card a.zakaz{font-size:14px;padding:8px 20px;background:#7f7f7f!important}.item-card a.zakaz:hover{background:#686868!important}.item-card__actions-items{display:flex;align-items:center;justify-content:space-between;column-gap:8px;border:1px solid var(--trirty-grey-medium-color);padding:11px 25px}.item-card__actions-item{font-size:13px;color:var(--primary-grey-light-color);font-weight:400;margin:0;transition-duration:var(--transition-duration);cursor:pointer}.item-card__actions-item:hover{color:var(--primary-red-medium-color)}.item-card__counter{display:flex;align-items:center;padding:9px 8px;border:1px solid var(--trirty-grey-medium-color)}.item-card__add{flex:1 0 0}.item-card__counter-input{width:50px;box-shadow:none;border:0;font-size:16px;text-align:center;padding:0}.item-card__badge{position:absolute;top:5px;left:14px;display:flex;align-items:center;flex-wrap:wrap;gap:5px;width:calc(100% - 28px)}.item-card__badge span{font-size:14px;line-height:100%;text-transform:uppercase;color:var(--primary-white-color);padding:5px 10px;width:max-content}.item-card__badge--hide{display:none}.item-card__badge .item-card__badge-btn{padding:5px}.item-card__badge .item-card__badge-btn:hover{background:var(--primary-white-color)}.item-card__badge .item-card__badge-btn .icon{stroke:var(--primary-red-medium-color);transform:rotate(-90deg)}.item-card__badge .item-card__badge-btn--active .icon{transform:rotate(90deg)}.item-card__badge-new{background:var(--primary-yellow-color)}.item-card__badge-hit{background:var(--primary-grey-dark-color)}.item-card__badge-recom{background:#8752f6}.item-card__badge-rasprod{background:var(--primary-red-medium-color)}.item-card__discount{background:#c600ff;width:40px;height:40px;display:inline-block;float:right;text-align:center;border-radius:35px;padding-top:10px;color:#fff}.item-card__img{max-width:250px;max-height:230px}.item-card__data{display:flex;align-items:center;justify-content:space-between;column-gap:8px}.swiper-slide{height:auto}.item-card__actions-ckecker{display:none}.item-card__actions-item--active{color:var(--primary-red-medium-color)} /* End */ /* Start:/local/templates/main/assets/libs/jqm/jqModal.min.css?1738594320703*/ .jqmWindow{display:none;position:fixed;top:50%;left:50%;width:600px;max-width:100%;background-color:#fff;color:#333;padding:40px 30px;transform:translate(-50%,-50%)}@media screen and (max-width:768px){.jqmWindow{padding:40px 20px}}.jqmWindow .web-form__input-wrapper{border:1px solid #e5e5e5}.jqmOverlay{background-color:#000}* iframe.jqm{position:absolute;top:0;left:0;z-index:-1;width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px')}* html .jqmWindow{position:absolute;top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px')} /* End */ /* Start:/local/templates/main/components/bitrix/catalog.section.list/main.popular/style.css?1725861535797*/ .section-slider { display: flex; overflow-x: auto; overflow-y: hidden; gap: 24px; } .section-card { display: flex; flex-direction: column; gap: 16px; cursor: pointer; transition: .6s; } .section-card img { transition: .6s; } .section-card:hover img { opacity: .8; } .section-card .section-card__title { align-self: center; grid-column: span 7; grid-row: 1 / 1; font-family: var(--font-family--main); font-size: 16px; font-weight: 700; text-transform: uppercase; color: var(--primary-grey-dark-color); margin: 0; } .section-card .section-card__title > a { color: var(--primary-grey-dark-color); } .section-card .section-card__title > a:hover { transition: .3s; color: var(--secondary-red-dark-color); } /* End */ /* Start:/local/templates/main/components/bitrix/catalog.section.list/main.tile/style.css?1725520291957*/ .section-grid { display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; grid-auto-flow: column; gap: 2px; } .section-grid__card { display: flex; max-width: 100%; } .section-grid__card:first-child { grid-row: span 2; } .section-grid__card:nth-child(3n) { align-items: flex-end; } .section-tile { width: 100%; transition: .6s; } .section-tile:hover { opacity: .7; } .section-tile .section-tile__body { position: relative; width: inherit; } .section-tile .section-tile__footer { position: absolute; bottom: 0; right: 0; width: 100%; display: flex; justify-content: end; } .section-tile .section-tile__button { padding: 15px; } @media screen and (max-width: 1200px) { .section-grid { grid-template-columns: auto; grid-template-rows: auto auto auto; } .section-grid__card:first-child { grid-row: span 1; } } /* End */ /* Start:/local/templates/main/components/bitrix/news.list/main.slider/style.css?17255202911932*/ .slider { width: 100%; } .slider__inner { display: flex; align-items: center; } .slider__slide-link { display: flex; width: 100%; height: 100%; } .slider__slide picture { width: 100%; } .slider__slide img { width: 100%; height: 100%; object-fit: cover; } .slider__text-mobile { width: 100%; position: absolute; left: 0; bottom: 20px; display: none; justify-content: center; padding: 12px 10px; color: var(--primary-white-color); font-family: var(--font-family--main); font-size: 16px; text-transform: uppercase; background: linear-gradient(73.26deg, rgba(51, 51, 51, 0.8) 4.24%, rgba(242, 78, 64, 0.8) 152.12%); } @media screen and (max-width: 540px) { .slider__text-mobile { display: flex; } } .slider__pagination { position: static; width: 100%; display: flex; justify-content: center; align-items: center; column-gap: 5px; margin: 20px 0; } @media screen and (max-width: 992px) { .slider__pagination { margin: 10px 0; } } .slider__pagination .swiper-pagination-bullet { width: 9px; height: 9px; background-color: var(--primary-grey-dark-color); border: 1px solid var(--primary-grey-dark-color); border-radius: 50%; cursor: pointer; margin: 0 !important; } .slider__pagination .swiper-pagination-bullet-active { background-color: var(--secondary-red-medium-color); border-color: var(--secondary-red-medium-color); } .banner-slider__slide { height: 300px; width: 100% !important; overflow: hidden; } .brands-main-slider_slide { width: calc(100% / 4); padding: 0 15px; } @media screen and (max-width: 768px) { .brands-main-slider_slide { width: calc(100% / 2.5); } } @media screen and (max-width: 480px) { .brands-main-slider_slide { width: calc(100% / 2); padding: 0 5px; } } /* End */ /* Start:/local/templates/main/components/bitrix/form.result.new/request/style.css?17255202912120*/ .request-callback-form-wrapper picture { height: inherit; display: block; width: 100%; -o-object-fit: cover; object-fit: cover; background-color: #000; } .request-callback-form-wrapper picture img { width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; max-height: 100%; } @media (max-width: 992px) { .request-callback-form-wrapper picture { display: flex; } .request-callback-form { left: 24px !important; } .request-callback-form-wrapper .container { width: 100%; } } @media (max-width: 460px) { .request-callback-form-data { height: 470px !important; } .request-callback-form { max-width: calc(100% - 48px) !important; bottom: 24px; left: 24px !important; top: unset !important; transform: unset !important; } .request-callback-form button[type="submit"] { max-width: 100%; } .form-success { position: relative; top: -170px; } } @media (max-width: 360px) { .request-callback-form { left: 10px !important; max-width: calc(100% - 20px) !important; } } .request-callback-form-data { position: relative; height: 487px; } .request-callback-form { position: absolute; left: 64px; top: 50%; transform: translate(0, -50%); display: flex; flex-direction: column; gap: 24px; max-width: 272px; } .request-callback-form-inputs { display: flex; flex-direction: column; gap: 22px; } .request-callback-form-titles { display: flex; flex-direction: column; gap: 16px; } .request-callback-form-titles .title, .request-callback-form-titles .subtitle { color: var(--primary-white-color); } .form-success { display: flex; flex-direction: column; gap: 24px; } .form-success .request-callback-form__title, .form-success .request-callback-form__subtitle { color: var(--primary-white-color); } .user-consent { position: relative; } .user-consent .custom-input__text--error { top: -21px !important; } /* End */ /* Start:/local/templates/main/components/bitrix/main.userconsent.request/.default/user_consent.css?17636215664553*/ .main-user-consent-request a { cursor: pointer; } .main-user-consent-request-popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.5); overflow: hidden; z-index: 9000; } .main-user-consent-request-popup-cont { position: absolute; top: 50%; left: 50%; margin: 0 auto; padding: 20px; min-width: 320px; width: 100%; max-width: 600px; background: #fff; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; } .main-user-consent-request-popup-header { margin: 0 0 10px 0; font: normal 18px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #000; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 260px; } .main-user-consent-request-popup-textarea-block { margin: 0 0 20px 0; } .main-user-consent-request-popup-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .main-user-consent-request-popup-buttons .button { width: 140px; max-width: 140px !important; } .main-user-consent-request-popup-button { display: inline-block; height: 39px; margin: 0 10px 5px 0; padding: 0 18px; border: none; border-radius: 2px; font: normal 12px/39px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #535c69; outline: none; vertical-align: middle; text-decoration: none; text-transform: uppercase; text-shadow: none; white-space: nowrap; -webkit-font-smoothing: antialiased; -webkit-transition: background-color 0.2s linear, color 0.2s linear; transition: background-color 0.2s linear, color 0.2s linear; cursor: pointer; } .main-user-consent-request-popup-button-acc { background: #bbed21; } .main-user-consent-request-popup-button-acc:hover { background: #d2f95f; } .main-user-consent-request-popup-button-rej { -webkit-box-shadow: inset 0 0 0 1px #a1a6ac; box-shadow: inset 0 0 0 1px #a1a6ac; background: none; } .main-user-consent-request-popup-button-rej:hover { background: #cfd4d8; } .main-user-consent-request-popup-text { border: 1px solid #999; overflow: auto; padding: 8px; text-align: left; color: rgb(84, 84, 84); } .main-user-consent-request-popup-link { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 50px 0; } .main-user-consent-request-popup-link a { display: block; margin: 20px 0 0 0; text-overflow: ellipsis; overflow: hidden; max-width: 260px; } /** LOADER **/ .main-user-consent-request-loader { position: relative; height: 100px; width: 100px; margin: 0 auto; -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .main-user-consent-request-path { stroke: #80868e; stroke-dasharray: 100, 200; } .main-user-consent-request-loader:before { content: ''; display: block; padding-top: 100%; } .main-user-consent-request-circular { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: inherit; width: inherit; -webkit-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite; -webkit-transform-origin: center center; transform-origin: center center; } .main-user-consent-request-path { stroke: #ccc; stroke-dasharray: 60, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; } .main-user-consent-request-announce{ color: #333; font-size:13px; line-height: 15px; } .main-user-consent-request-announce-link{ cursor: pointer; } @keyframes rotate { 100% { transform: rotate(360deg); } } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); } } @media (min-width: 1000px) { .main-user-consent-request-popup-cont { min-width: 640px; } .main-user-consent-request-popup-header { max-width: 590px; } .main-user-consent-request-popup-link a { max-width: 200px; } } @media (max-width: 768px) { .main-user-consent-request-popup-cont { height: 100%; } } .user-consent-custom-checkbox { position: relative; } .user-consent-custom-checkbox a:active, .user-consent-custom-checkbox a:focus { color: red; } @media (max-width: 390px) { .user-consent label { font-size: 12px; } } /* End */ /* Start:/local/components/stmd/simple.block/templates/about/style.css?17255202911700*/ .about { position: relative; height: 487px; } .about .picture { height: inherit; width: 100%; -o-object-fit: cover; object-fit: cover; display: -webkit-box; display: -ms-flexbox; display: flex; } .about .picture img { width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; max-height: 100%; } @media (max-width: 992px) { .about-wrapper .container { width: 100%; } .about-data { left: 24px !important; } } @media (max-width: 460px) { .about-data { position: unset !important; top: unset !important; -webkit-transform: unset !important; -ms-transform: unset !important; transform: unset !important; padding: 30px 24px 0; } .about { height: unset !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .about .picture { height: 186px; } } @media (max-width: 360px) { .about-data { padding: 30px 10px 0 !important; } } .about-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; position: absolute; left: 64px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); max-width: 390px; } .about-data .subtitle { padding: 0; } /* End */ /* Start:/local/templates/main/components/bitrix/news.list/utp/style.css?17255202913312*/ .utp-cards { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 70px 1fr 70px 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; grid-column-gap: 70px; grid-row-gap: 50px; }.utp-cards > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }.utp-cards > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }.utp-cards > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .utp-card { 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; max-width: 317px; } .utp-card__logo { width: 55px; height: 55px; background-color: var(--secondary-grey-light-color); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; -webkit-transition-duration: var(--transition-duration); -o-transition-duration: var(--transition-duration); transition-duration: var(--transition-duration); } .utp-card__logo img { width: inherit; height: inherit; } .utp-card__title { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .utp-card__title h4 { margin: 0; font-family: Fregat, sans-serif; font-size: 16px; font-weight: 700; line-height: 22.4px; text-align: left; } .utp-card__text { margin: 0; font-family: Fregat, sans-serif; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; } @media (max-width: 1200px) { .utp-cards { -ms-grid-columns: 1fr 30px 1fr; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 30px; } } @media (max-width: 576px) { .utp-cards { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-row-gap: 0; } .utp-card { display: -ms-grid; display: grid; -ms-grid-columns: 40px 1fr; grid-template-columns: 40px 1fr; -ms-grid-rows: auto; grid-template-rows: auto; padding: 20px 0; max-width: 100% !important; } .utp-card > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .utp-card > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } .utp-card:not(:last-child) { border-bottom: 1px solid var(--secondary-grey-light-color); } .utp-card:first-child { padding-top: 0; } .utp-card:last-child { padding-bottom: 0; } .utp-card__logo { width: 40px; height: 40px; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; margin-bottom: 0; } .utp-card__title { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; } .utp-card__text { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3; } } @media (max-width: 360px) { .utp-cards-wrapper .custom-container { padding: 0 10px; } } /* End */ /* Start:/local/templates/main/components/bitrix/news.list/thanksgiving_letters/style.css?17255202912904*/ .thanksgiving-slider-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .thanksgiving-slider-wrapper .button { position: absolute; left: -24px; top: 50%; transform: translate(0, -50%); z-index: 2; } .thanksgiving-slider-wrapper .button.thanksgiving-btn-next { right: -24px; left: unset; } .thanksgiving-slider-navigation { height: 40px; width: 100%; z-index: 2; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 576px) { .thanksgiving-slider-wrapper .button { display: none; } } .thanksgiving-slider { width: 100%; height: 307px; } .thanksgiving-slider .swiper-slide, .thanksgiving-slider .swiper-slide a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } @media (max-width: 576px) { .thanksgiving-slider .swiper-slide, .thanksgiving-slider .swiper-slide a { width: 100%; } } .thanksgiving-slider .swiper-slide:hover:before { content: url("/local/templates/main/assets/images/additional-icons/zoom.svg"); width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; } .thanksgiving-slider .swiper-slide:hover:after { content: ''; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: var(--secondary-grey-light-color); opacity: 0.3; pointer-events: none; } @media (max-width: 576px) { .thanksgiving-slider .swiper-slide:hover:before, .thanksgiving-slider .swiper-slide:hover:after { content: none; } } .thanksgiving-slider .swiper-slide a img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; aspect-ratio: 1; } /* End */ /* Start:/local/templates/main/assets/libs/photoSwipe/photoswipe.css?17255202917420*/ /*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */ .pswp { --pswp-bg: #000; --pswp-placeholder-bg: #222; --pswp-root-z-index: 100000; --pswp-preloader-color: rgba(79, 79, 79, 0.4); --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9); /* defined via js: --pswp-transition-duration: 333ms; */ --pswp-icon-color: #fff; --pswp-icon-color-secondary: #4f4f4f; --pswp-icon-stroke-color: #4f4f4f; --pswp-icon-stroke-width: 2px; --pswp-error-text-color: var(--pswp-icon-color); } /* Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions) */ .pswp { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: var(--pswp-root-z-index); display: none; touch-action: none; outline: 0; opacity: 0.003; contain: layout style size; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* Prevents focus outline on the root element, (it may be focused initially) */ .pswp:focus { outline: 0; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } .pswp--open { display: block; } .pswp, .pswp__bg { transform: translateZ(0); will-change: opacity; } .pswp__bg { opacity: 0.005; background: var(--pswp-bg); } .pswp, .pswp__scroll-wrap { overflow: hidden; } .pswp__scroll-wrap, .pswp__bg, .pswp__container, .pswp__item, .pswp__content, .pswp__img, .pswp__zoom-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pswp__img, .pswp__zoom-wrap { width: auto; height: auto; } .pswp--click-to-zoom.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* :active to override grabbing cursor */ .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img, .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active, .pswp__img { cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img, .pswp__button, .pswp__counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__item { /* z-index for fade transition */ z-index: 1; overflow: hidden; } .pswp__hidden { display: none !important; } /* Allow to click through pswp__content element, but not its children */ .pswp__content { pointer-events: none; } .pswp__content > * { pointer-events: auto; } /* PhotoSwipe UI */ /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg-container { display: grid; } .pswp__error-msg { margin: auto; font-size: 1em; line-height: 1; color: var(--pswp-error-text-color); } /* class pswp__hide-on-close is applied to elements that should hide (for example fade out) when PhotoSwipe is closed and show (for example fade in) when PhotoSwipe is opened */ .pswp .pswp__hide-on-close { opacity: 0.005; will-change: opacity; transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1); z-index: 10; /* always overlap slide content */ pointer-events: none; /* hidden elements should not be clickable */ } /* class pswp--ui-visible is added when opening or closing transition starts */ .pswp--ui-visible .pswp__hide-on-close { opacity: 1; pointer-events: auto; } /*