/* Start:/bitrix/templates/votgorod_theme/css/swiper.min.css?175714392818470*/ /** * Swiper 11.2.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 12, 2025 */ @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.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.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.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/bitrix/templates/votgorod_theme/components/infograd/promo/slider_afisha/style.css?17571439284615*/ .slider_afisha .swiper { overflow: hidden; border-radius: var(--border-radius); } .slider_afisha .detail_afisha .cart, .slider_afisha .detail_afisha .cart .bg-black { border-radius: 0; } .slider_afisha .swiper-pagination { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 0 24px; top: 24px; bottom: auto; } .slider_afisha .swiper-pagination .swiper-pagination-bullet { flex-grow: 1; height: 4px; border-radius: 2px; background: var(--color-main); opacity: 1; } .slider_afisha .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--color-text1); } @media (max-width: 991px) { .slider_afisha .swiper-slide { height: auto; } .slider_afisha .swiper-slide .detail_afisha { height: 100%; } .slider_afisha .detail_afisha .cart { width: 100%; height: 100%; } .slider_afisha .detail_afisha .cart > a { width: 100%; justify-content: center; padding-bottom: 40px; } .slider_afisha .detail_afisha .cart > a .poster { margin-left: 0; } .slider_afisha .detail_afisha .cart > a + .content { padding: 0 60px 96px; width: 100%; max-width: 100%; height: auto; margin: 0 auto; align-items: center; justify-content: flex-start; text-align: center; } } @media (max-width: 767px) { .slider_afisha .detail_afisha .cart > a { padding: 24px 30px; height: max-content; } .slider_afisha .swiper-pagination { display: none; } } @media (max-width: 575px) { .slider_afisha .detail_afisha .cart > a + .content { padding: 0 30px 96px; align-items: flex-start; text-align: left; gap: 15px; } .slider_afisha .detail_afisha .cart > a .poster { margin: 0; } .slider_afisha .swiper-container-btn.buttons { right: auto; left: 50%; transform: translateX(-50%); } } /* .slider_afisha { position: relative; } .slider_afisha .title { margin: 0; padding: 0; color: var(--color-white); position: relative; } *:focus{ outline:none; } .slider_afisha .empty { text-align: center; max-height: 400px; font-size: 20px; color: #000; font-weight: bold; opacity: 0.8; height: auto; width: 100%; } .swiper-slide.swiper-slide-next{ opacity: 0.3; } .swiper-slide.swiper-slide-active{ opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .slider_afisha .buttons { width: 100%; justify-content: space-between; align-items: center; z-index: 10; } .slider_afisha .buttons .swiper-btn { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: var(--border-md-radius); background-color: var(--color-main); cursor: pointer; transition: background-color .2s ease; } .slider_afisha .buttons .swiper-btn.button-prev { margin-right: auto; } .slider_afisha .buttons .swiper-btn.button-next { margin-left: auto; transform: rotate(180deg); } .slider_afisha .buttons .swiper-btn.swiper-button-disabled { display: none; cursor: auto; } .slider_afisha .buttons .swiper-btn .svg { width: 18px; height: 18px; } .slider_afisha .buttons .swiper-btn .svg use { fill: var(--color-white); stroke: none; transition: fill .2s ease; } .slider_afisha .slider{ max-height: 400px; overflow: hidden; } .slider_afisha .empty svg{ text-align: center; width: auto; max-width: 800px; display: block; margin: 0 auto; } .slider .slick-dots { padding: 0px; bottom: -50px; display: inline-block!important; overflow: hidden; width: 90%; } .slider .slick-dots li { margin: 0.5px; } .slider .slick-dots li.slick-active button, .slider .slick-dots li.slick-active button:active { background-color: var(--color-main2); } .where-show-mobail { display: none; } @media (max-width: 991px) { .body .slider_afisha .slider { overflow: inherit; } .slider_afisha .detail_afisha .cart{ width: 100%; } .slider_afisha .detail_afisha .cart>a { display: flex; margin: auto; flex-direction: column-reverse; width: 100%; } .cart>a { position: relative; } } @media (max-width: 767px) { } */ /* End */ /* Start:/bitrix/templates/votgorod_theme/css/swiper-btns.css?17571439282130*/ .swiper-container-btn.buttons { display: flex; justify-content: space-between; align-items: center; width: 100%; pointer-events: none; position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%); } .swiper-container-btn-big.swiper-container-btn { width: auto; justify-content: flex-start; gap:15px; top: auto; left: auto; bottom: 24px; right: 24px; z-index: 10; transform: none; } .swiper-container-btn.buttons .swiper-btn { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; cursor: pointer; pointer-events: all; border-radius: 50%; background-color: var(--color-main); transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; } .swiper-container-btn.buttons .swiper-btn:hover { box-shadow: var(--box-shadow); } .swiper-container-btn-big.swiper-container-btn.buttons .swiper-btn { width: 48px; height: 48px; background-color: var(--color-white); } .swiper-container-btn.buttons .swiper-btn.button-prev { margin-right: auto; } .swiper-container-btn.buttons .swiper-btn.button-next { margin-left: auto; transform: rotate(180deg); } .swiper-container-btn.buttons .swiper-btn.swiper-button-disabled { opacity: .3; pointer-events: none; cursor: auto; } .swiper-container-btn.buttons .swiper-btn.swiper-button-lock:not(.swiper-button-disabled) { display: none; } .swiper-container-btn.buttons .swiper-btn .svg { margin-right: 3px; } .swiper-container-btn.buttons .swiper-btn .svg use { stroke: var(--color-black); transition: all .2s ease; } @media (max-width: 575px) { .swiper-container-btn.buttons .swiper-btn { width: 30px; height: 30px; } .swiper-container-btn.buttons .swiper-btn .svg { width: 12px; height: 12px; } } /* End */ /* Start:/bitrix/templates/votgorod_theme/components/bitrix/news.detail/page_afisha/style.css?178755686321217*/ :root{ --cart-height:450px; --cart-height-mobil:100vh; } .detail_afisha .cart { flex-wrap: wrap; width: 100%; float: none; margin: auto; height: var(--cart-height); background-repeat: no-repeat; background-position: center; background-origin: border-box; background-size: cover; border-radius: var(--border-radius); background-color: #b7a8a8; position: relative; } .detail_afisha .cart__content { max-width: calc(100% - 330px - 245px); } .detail_afisha .cart .bg-black { width: 100%; height: 100%; margin: auto; overflow: hidden; border-radius: var(--border-radius); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .detail_afisha .cart .bg-black:before { content:''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; left:0px; top:0px; z-index: 3; } .detail_afisha .cart .fone-pic .wrap-pic { filter:blur(30px); margin:-30px; } .detail_afisha .cart .bg-black img { width: 100%; height: auto; } .detail_afisha .cart > a { z-index: 100; } .detail_afisha .cart a { color: var(--color-white); } .detail_afisha .cart > a .poster { margin-left: 60px; } .detail_afisha .cart .poster { width: 215px; height: 290px; margin: auto 0; margin-left: 30px; flex: 0 0 auto; overflow: hidden; background-size: 100% auto; background-repeat: no-repeat; background-position: center; border-radius: var(--border-radius); z-index: 100; } .detail_afisha .cart .poster.poster_no-image { background-size: auto; } .detail_afisha .cart > a { padding: 80px 0; } .detail_afisha .cart > a + .content { padding: 80px 0 80px 60px; gap: 20px; } .detail_afisha .cart .content { padding: 30px; align-items: flex-start; justify-content: center; flex: 1 1 auto; max-width: calc(100% - 275px); height: 100%; gap: 15px; font-size: 16px; font-weight: 600; color: var(--color-white); z-index: 100; } .detail_afisha .cart .content-wrap, .detail_afisha .cart .content-wrap > div { gap: 10px; } .detail_afisha .cart .content-wrap { font-size: 14px; font-weight: 400; } .detail_afisha .cart .svg use { fill: none; stroke: var(--color-white); } .detail_afisha.detail-page .cart .content { max-width: calc(100% - 330px - 245px); } .detail_afisha .cart .content .title { padding: 0; color: var(--color-white); } .detail_afisha .cart .content table.props { display: block; font-weight: 400; } .detail_afisha .cart .content table.props tr { margin-bottom: 4px; } .detail_afisha .cart .content table.props tr td { padding: 0px; } .detail_afisha .cart .content table.props td:first-child { padding-right: 15px; white-space: nowrap; font-size: 14px; } .detail_afisha .cart .content table.props td:last-child { font-size: 14px; } .detail_afisha .cart .calendarContainer { width: 300px; flex: 0 0 auto; padding: 20px; overflow: hidden; background: var(--color-main); border-radius: var(--border-radius); position: absolute; right: 30px; top: 30px; bottom: 30px; z-index: 100; } .detail_afisha .cart .calendarContainer .calendar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: scale(1); transform: scale(1); -ms-user-select: none; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; width: 100%; height: 100%; justify-content: space-between; gap: 15px; } .detail_afisha .cart .calendarContainer .calendar .month { width: calc(100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; } .detail_afisha .cart .calendarContainer .month > div { cursor: pointer; 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; -ms-flex-line-pack: center; align-content: center; } .detail_afisha .cart .calendarContainer .calendar .month > span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .detail_afisha .cart .calendarContainer .days { -webkit-box-flex: 1; -ms-flex: 1; display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .detail_afisha .cart .calendarContainer .calendar .labels { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; justify-content: space-between; color: var(--color-black); } .detail_afisha .cart .calendarContainer .labels > span { font-size: 12px; text-transform: lowercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30px; height: 20px; } .detail_afisha .cart .calendarContainer .labels > span:nth-last-child(-n + 2) { color: var(--color-red); } .detail_afisha .cart .calendarContainer label.day.active { background-color: var(--color-main3); } .detail_afisha .cart .calendarContainer label.day.active.withEvent::before { background-color: var(--color-red); } .detail_afisha .cart .calendarContainer .calendar .row { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; justify-content: space-between; margin: 0px; max-height: 30px; } .detail_afisha .cart .calendarContainer .day { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 0; margin: 0; -webkit-transition: box-shadow 200ms ease-in-out; transition: box-shadow 200ms ease-in-out; width: 30px; height: 30px; border-radius: 8px; } .detail_afisha .cart .calendarContainer .day-radios { display: none; } .detail_afisha .cart .calendarContainer .day > span { margin-top: 2px; text-align: center; font-size: 16px; font-weight: 600; } .detail_afisha .cart .calendarContainer .day:hover { box-shadow: var(--box-shadow); } .detail_afisha .cart .calendarContainer .day.withEvent { position: relative; } .detail_afisha .cart .calendarContainer .day.withEvent:before { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--color-red); position: absolute; right: 4px; top: 4px; } .detail_afisha .cart .calendarContainer .day.diluted > span { width: 100%; font-size: 12px; } .detail_afisha .cart .calendarContainer .events-name { text-align: center; font-size:12px; } .detail_afisha .cart .calendarContainer .events-wrap { padding: 0 18px; width: 100%; position: relative; } .detail_afisha .cart .calendarContainer .events.swiper { width: 100%; } .detail_afisha .cart .calendarContainer .events-wrap .event-back, .detail_afisha .cart .calendarContainer .events-wrap .event-next { width: 16px; height: 16px; cursor: pointer; position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); } .detail_afisha .cart .calendarContainer .events-wrap .event-back { left: 0; text-align: left; } .detail_afisha .cart .calendarContainer .events-wrap .event-next { right: 0; text-align: right; } .detail_afisha .cart .calendarContainer .events-wrap .swiper-button-disabled { opacity: .4; cursor: default; pointer-events: none; } /* .detail_afisha .cart .calendarContainer .events { width: calc(100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; overflow: auto; } */ /* .detail_afisha .cart .calendarContainer .events .event-slider { width: 182px; } */ .detail_afisha .cart .calendarContainer .events .ticket { font-size: 12px; text-align: center; margin: 0; } .detail_afisha .cart .calendarContainer .events .ticket .wrap { width: 64px; /* margin: 0 auto; */ border: 1px solid var(--color-main); border-radius: 3px; background-color: var(--color-main); } .detail_afisha .cart .calendarContainer .events .ticket .time + .price { margin-top: 4px; } .detail_afisha .cart .calendarContainer .events .ticket .price { background-color: var(--color-main3); } .detail_afisha .cart .calendarContainer .events .ticket .price, .events .ticket .time { padding: 4px 0; border-radius: var(--border-radius); } .events .ticket .time { display: block; white-space: pre; background-color: var(--color-white); } .detail_afisha .cart .calendarContainer .events .ticket .price:after { content: "\20BD"; padding-left: 5px; display: inline-block; } .detail_afisha .cart .calendarContainer .events .slick-arrow { position: relative; top: calc(50% - 20px); background-color: unset; transform: unset; text-indent: unset; } .detail_afisha .cart .calendarContainer .events .slick-arrow.slick-disabled, .detail_afisha .cart .calendarContainer .events .slick-arrow.slick-hidden { opacity: 0; height: 0px; overflow: hidden; } .detail_afisha .cart .calendarContainer .events .event-next { text-align: right; } .where-show-mobail { display: none; } .detail_afisha .wide_content { display: flex; flex-direction: column; gap: 64px; margin-top: 64px; } .detail_afisha .wide_content .title { font-weight: 600; } .detail_afisha .wide_content .prop_text, .detail_afisha .wide_content .videos-iframe { padding: var(--padding); border-radius: var(--border-radius); box-shadow: var(--box-shadow); } .detail_afisha .wide_content .videos-iframe { width: max-content; max-width: 100%; min-width: 60%; } .detail_afisha .wide_content .videos-iframe__wrap { border-radius: var(--border-radius); overflow: hidden; height: 400px; } .detail_afisha .wide_content .videos-iframe__wrap iframe { height: 100%; width: 100%; } .detail_afisha .wide_content .photos .owl-carousel { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--gap-default); } .detail_afisha .wide_content .photos .owl-carousel .item img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius); } @media (max-width: 991px) { .detail_afisha.detail-page .cart { height: auto; background: none; } .detail_afisha.detail-page .cart .poster { margin-top: 20px; margin-bottom: 20px; } .detail_afisha.detail-page .cart .content { max-width: calc(100% - 245px); } .detail_afisha.detail-page .cart .bg-black { height: calc(100% - 432px); bottom: auto; } .detail_afisha.detail-page .cart .calendarContainer { margin-top: 32px; width: 100%; height: 400px; position: relative; top: auto; bottom: auto; left: auto; right: auto; } .detail_afisha.detail-page .cart .calendarContainer .events-wrap { width: 260px; margin: 0 auto; } .detail_afisha .wide_content .photos .owl-carousel { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); } .detail_afisha .wide_content .videos-iframe { width: 100%; } } @media (max-width: 767px) { .detail_afisha .wide_content { margin-top: 32px; gap: 32px; } .detail_afisha.detail-page .cart .content { width: 100%; max-width: 100%; padding-top: 0; } .detail_afisha.detail-page .cart .poster { margin: 24px auto; } .detail_afisha .wide_content .videos-iframe__wrap { height: 300px; } } @media (max-width: 575px) { .detail_afisha.detail-page .cart .calendarContainer .events-wrap { width: 250px; } .detail_afisha .wide_content .photos .owl-carousel { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } } /* body .popup { position: relative; right: 0; transform: translate(0%); background: #fff; min-width: 720px; min-height: 480px; width: auto; margin: auto; padding: 0; border-radius: 3px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); text-align: left; z-index: 3000; -webkit-transition: opacity .3s ease, margin-top .3s ease; -o-transition: opacity .3s ease, margin-top .3s ease; transition: opacity .2s ease, margin-top .2s ease; } .back-url-top { position: relative; display: flex; flex-direction: row; align-items: center; gap: 10px; width: fit-content; font-size: 14px; line-height: 1.5; margin-bottom: -15px; z-index: 9; box-sizing: border-box; } .slider_afisha .title.center { color: #444; font-weight: 700; } .detail_afisha .cart .content div, .detail_afisha .cart .content span, .detail_afisha .cart .content a, .detail_afisha .cart .content td { color: #fff; } .detail_afisha .cart .content .prevew_text { padding-top: 15px; font-size: 13px; } .detail_afisha .cart .content .buttons_row { padding: 5px 0px; height: unset; line-height: normal; } .detail_afisha .cart .content .buttons_row a { display: flex; gap: 5px; } .detail_afisha .cart .content .buttons_row a:hover { text-decoration: none; } .detail_afisha .cart .content .buttons_row a:hover svg{ color: #f57b00; } .detail_afisha .cart .calendarContainer .title{ color: #202020; padding-bottom: 0px; display: inline-block; font-size: 14px; font-weight: bold; margin-top: 15px; position: relative; line-height: 18px; width: 100%; margin: 0px; padding: 0px; text-align: center; } .detail_afisha .cart .calendarContainer .year { width: calc(100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; font-size: 14px; background-color: #df7c00; } .detail_afisha .cart .calendarContainer .year>span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; } .detail_afisha .cart .calendarContainer .year>div { cursor: pointer; 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; -ms-flex-line-pack: center; align-content: center; } .detail_afisha .cart .calendarContainer .day:last-child { border-right: none; } .detail_afisha .detail_text { clear: left; padding: 30px 0 30px; } .detail_afisha .wide_content .title{ margin-top: 0; margin-bottom: 10px; padding-bottom: 0px; font-size: 24px; font-weight: 600; color: #fe7900; display: inline-block; } .detail_afisha .photos_videos { margin-bottom: 30px; } .detail_afisha .prop_text, .read-next{ font-size: 15px; } .detail_afisha .prop_text{ overflow: hidden; line-height: 1.42857143; } .detail_afisha .prop_text p { margin: 0 0 10px; } .bi.bi-play-btn:before{ content: ""; } .wrapper .detail_afisha .more-and-link a, .wrapper .detail_afisha .more-and-link div { margin: 0!important; padding: 0; } .detail_afisha .cart .calendarContainer .events .ticket .price + .time { border-top-left-radius: 0px; border-bottom-left-radius: 3px; border-top-right-radius: 0px; border-bottom-right-radius: 3px; line-height: normal; } @media (max-width: 991px){ .detail_afisha.inner_wrap{ margin: 10px 15px; } .detail_afisha .cart { display: flex; flex-wrap: nowrap; } .inner_wrap .cart{ display: flex; flex-direction: row; } .inner_wrap .cart .poster { display: flex; } .detail_afisha.inner_wrap .cart .content { padding: 0px 15px; max-width: calc(100% - 280px - 250px); } .detail_afisha.inner_wrap .cart .calendarContainer { padding: 5px 0px; } .detail_afisha.inner_wrap .cart .calendarContainer .calendar{ width: auto; height: auto; } .inner_wrap .cart .content .buttons_row { margin-top: 0px; padding: 0px; } .inner_wrap .cart .content .prevew_text{ padding: 0px; } } @media (max-width: 767px){ .back-url-top { margin-bottom: -20px; } .inner_wrap .cart{ grid-template-columns: 1fr; width: 100%; height: auto; justify-content: center; border: none; background-image: none!important; flex-direction: column; } .detail_afisha.inner_wrap .cart .content div, .detail_afisha.inner_wrap .cart .content span, .detail_afisha.inner_wrap .cart .content a, .detail_afisha.inner_wrap .cart .content td { color: #000; } .detail_afisha.inner_wrap .cart .calendarContainer { position: relative; background: #f1eee7e8; width: auto; padding: 10px; flex: 0 0 auto; z-index: 100; right: 0; top: 0; margin-bottom: -5px; margin-top: -20px; bottom: 0; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .detail_afisha .cart { width: 100%; flex-direction: column; } .wrapper .detail_afisha .cart>a { width: 100%; } .wrapper .detail_afisha .cart .poster { display: none; } .detail_afisha .cart .poster{ margin: 0 auto; } .cart .where-show-mobail { width: 100%; margin-bottom: 0px; bottom: -6px; display: flex; flex-direction: column; gap: 3px; z-index: 10; padding: 5px 15px; left: 0; bottom: 0; background-color: #0000009e; color: #fff; margin-bottom: 20px; width: 100%; height: auto; display: block; border-bottom: 2px solid var(--color-main2); } .detail_afisha .cart .content { display: none; } .cart .where-show-mobail span{ display: block; font-size: 12px; padding:5px 0; } .cart .where-show-mobail .title { font-size: 16px; line-height: 16px; color:#fff; margin:0; } .detail_afisha .cart>a { margin: 0px; } .inner_wrap .cart .poster { margin: auto auto 10px;; } .detail_afisha.inner_wrap .cart .content { padding: 20px 0px; } .slider .slick-prev { left: 0.2rem; } .slider .slick-next { right: 0.2rem; } } @media (max-width: 450px) { .wrapper .detail_afisha .cart { width: 100%; } .detail_afisha .cart > a { width: 300px; } .wrapper .detail_afisha .cart .poster { display: none; } } */ /* End */ /* Start:/bitrix/templates/votgorod_theme/components/infograd/promo/contain_afisha_calendar/style.css?17571439286655*/ /* Стили для кнопки календаря - функционала нет .form-control__btn-calendar { align-self: flex-end; padding: 16px 10px; display: block; width: max-content; background: var(--color-main); border-radius: var(--border-md-radius); } .form-control__btn-calendar .svg { width: 18px; height: 18px; } .form-control__btn-calendar .svg use { fill: none; stroke: var(--color-text1); } .form-control.calendar{ position: relative; } */ .form-control.calendar { margin-top: 60px; } .carusel_calendar { width: 100%; display: grid; grid-template-columns: 40px calc(100% - 80px) 40px; } .carusel_calendar .slick-arrow { width: 40px; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; } .carusel_calendar .slick-arrow .svg { position: absolute; top: calc(50% + 8px); } .carusel_calendar .slick-next { margin-left: auto; } .carusel_calendar .slick-next .svg { transform: rotate(180deg); } .carusel_calendar .slidesMonth { display: -webkit-box; display: flex; position: relative; -webkit-box-flex: 1; flex: 1; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; -ms-overflow-style: none; scrollbar-width: none; --cascade-is-page-section-padding: 1; --cascade-is-sidebar: 0; } .carusel_calendar .slidesMonth .month { --cascade-is-sidebar: 0; margin: 0 20px 0 0; --cascade-is-page-section-padding: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; display: -webkit-box; display: flex; } .carusel_calendar .slidesMonth .label { position: relative; margin-bottom: 20px; text-align: left; left:0px; padding: 0; } .carusel_calendar .slidesMonth .label span { position: sticky; left: 0; } .carusel_calendar .slidesMonth .items { display: -webkit-box; display: flex; } .carusel_calendar .slidesMonth .item .ramka { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 6px; gap: 8px; width: 100%; /* height: 56px; */ border: none; border-radius: var(--border-small-radius); background-color: var(--color-white); font-size: 14px; line-height: 1.2; color: var(--color-black); position: relative; -webkit-transition: .2s; transition: .2s; } .carusel_calendar .slidesMonth .item .Num{ font-size: 14px; line-height: 1.2; font-weight: 700; } .carusel_calendar .slidesMonth .item{ margin: 2px 5px; width: 40px; } .carusel_calendar .slidesMonth .item .active { background: var(--color-main); } .carusel_calendar .slidesMonth .item .NumName { font-size: 12px; line-height: 1.2; text-transform: lowercase; } .carusel_calendar .slidesMonth .item.weekend .Num, .carusel_calendar .slidesMonth .item.weekend .NumName{ color: var(--color-red); } .carusel_calendar .slidesMonth .item.withEvent { cursor: pointer; position: relative; } .carusel_calendar .slidesMonth .item.withEvent:hover .ramka { border: none; border-radius: var(--border-small-radius); background-color: var(--color-main); -webkit-transition: background-color ease-in-out .15s; transition: background-color ease-in-out .15s; } .carusel_calendar .slidesMonth .item.withEvent:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: var(--color-red); position: absolute; top: 6px; right: 6px; z-index: 9; } .carusel_calendar .slidesMonth::-webkit-scrollbar, .carusel_calendar .slidesMonth::-webkit-scrollbar-thumb { width: 0px; /* width of the entire scrollbar */ display: none; } @media (max-width: 767px) { .form-control.calendar { margin-top: 30px; } } @media (max-width: 575px) { .carusel_calendar { grid-template-columns: 30px calc(100% - 60px) 30px; } .carusel_calendar .slidesMonth .label { margin-bottom: 15px; } .carusel_calendar .slidesMonth .item.withEvent { margin: 2px 6px; width: 38px; } .carusel_calendar .slick-arrow { width: 30px; } .carusel_calendar .slick-arrow .svg { width: 12px; height: 12px; top: calc(50% + 10px); } .carusel_calendar .slidesMonth .item .NumName { font-size: 12px; } .carusel_calendar .slidesMonth .item .Num { font-size: 10px; } .carusel_calendar .slidesMonth .item.withEvent:before { width: 4px; height: 4px; } } /* .form-control input{ width: 100%; height: 36px; background-color: #fff; border: 1px solid #cfd2d7; border-radius: 2px; position: relative; font-size: 13px; padding: 0 15px; line-height: 36px; } .form-control img.calendar-icon { position: absolute; right: 10px; top: 8px; } .carusel_calendar .slidesMonth.slick-slider{ overflow: unset; } .carusel_calendar .slidesMonth .slide { width: 100%; display: flex; overflow: hidden; } .carusel_calendar .slidesMonth .item .MonthName{ left: 0; font-size: 14px; line-height: 16px; letter-spacing: .004em; height: 30px; } */ /***************************************КАРТОЧКИ АФИШИ HOVER BEFORE AFTER КОНЕЦ********************************/ /* @media (max-width: 1200px){ .p-3{ dipslay: block; } .afisha-card-image { min-height: 300px; max-height: 300px; } } @media (max-width: 991px){ .c-card__wrapper { min-height: 380px; } .detail_afisha .cart .showtime { display: none; } .detail_afisha .cart .content { max-width: 100%; } } @media (max-width: 767px){ .detail_afisha .cart { width: max-content; } .detail_afisha .cart .content { display: none; } .carusel_calendar .slick-arrow{ display: none; } .carusel_calendar{ grid-template-columns: 100%; } .afisha-card.one_elem { width: 100%; margin: 0px; } .afisha-card-info-title { height: auto; min-height: auto; } } @media (max-width: 575px){ .afisha-card-image { min-height: 450px; max-height: 350px; } .one_elem{ width: 280px; margin: 15px auto; } } */ /* End */ /* Start:/bitrix/templates/votgorod_theme/components/bitrix/catalog.smart.filter/main_compact/style.css?177642913845741*/ .bx_filter.compact { position: relative; top: 0 !important; margin: 60px 0; } .bx_filter.compact .bx_filter_section { margin: 0; background: none; border: none; } .bx_filter.compact .bx_filter_section .bx_filter_parameters { display: flex; align-items: center; flex-wrap: wrap; gap: var(--gap-default); } .bx_filter.compact .bx_filter_parameters_box { position: relative; float: left; padding: 0; border: none; user-select: none; } .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title.title { -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: vall 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; } .bx_filter.compact .bx_filter_parameters_box.opened .bx_filter_parameters_box_title.title { background-color: var(--color-main2); border-color: var(--color-main2); color: var(--color-white); padding-right: 72px; } .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title .delete_filter { display: none; position: absolute; top: 0px; right: 24px; bottom: 0px; width: 35px; height: 100%; cursor: pointer; border-radius: 0px 4px 4px 0px; } .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title .delete_filter svg { width: 18px; height: 18px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title .delete_filter svg { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(72deg) brightness(106%) contrast(101%); } .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title .delete_filter:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; bottom: 0px; width: 1px; background: rgba(255, 255, 255, 0.5); } .bx_filter.compact .bx_filter_parameters_box.opened .bx_filter_parameters_box_title .delete_filter { display: block; } .bx_filter.compact .btn-link-text { height: 46px; border-radius: 32px; } .bx_filter.compact .btn-link-text:hover { cursor: pointer; } .bx_filter.compact .bx_filter_parameters_box.active .bx_filter_block { z-index: 390; } .bx_filter.compact .bx_filter_parameters_box.opened .bx_filter_parameters_box_title .svg-inline-down { display: none; transform: none; } .bx_filter.compact .form-checkbox__box { width: 16px; height: 16px; box-sizing: border-box; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: absolute; top: 2px; left: 0; } .bx_filter.compact .form-checkbox__label { display: block; padding-left: 27px; position: relative; z-index: 1; cursor: pointer; outline: none; color: var(--color-text1); } .bx_filter.compact .form-checkbox__label:not(:last-child) { margin-bottom: 10px; } .bx_filter.compact .form-checkbox__input { display: none; } .bx_filter_block.limited_block .bx_filter_param_label, .bx_filter_vertical .form-checkbox .form-checkbox__label{ font-size:unset; } .bx_filter_vertical input[type="checkbox"]+label:before { content: "."; display: none; height: 16px; width: 16px; font-size: 0; box-sizing: border-box; background: var(--color-main2); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: absolute; top: 2px; left: 0; z-index: -1; } .bx_filter_vertical input[type="checkbox"]:checked+label:before { display: inline-block; z-index: -1; } .bx_filter_vertical input[type="checkbox"]+label:not(.disabled):hover:before { display: inline-block; z-index: 3; } .bx_filter_vertical input[type="checkbox"]:checked+label:before, .bx_filter_vertical input[type="checkbox"]:checked+label:not(.disabled):hover:before { z-index: -1; } .bx_filter_vertical input[type="checkbox"]+label:after { content: "."; display: block; height: 16px; width: 16px; font-size: 0; box-sizing: border-box; box-shadow: 0px 0px 0px 1px var(--color-text1) inset; -moz-box-shadow: 0px 0px 0px 1px var(--color-text1) inset; -webkit-box-shadow: 0px 0px 0px 1px var(--color-text1) inset; background: var(--color-white); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: absolute; top: 2px; left: 0; z-index: 2; } .bx_filter_vertical input[type="checkbox"]:checked+label:after { box-shadow: none; background: url('/bitrix/templates/vizitvotkinsk/components/bitrix/catalog.smart.filter/main_compact/../../../../img/svg/checkbox.svg') 0px 0px no-repeat; } .bx_filter_vertical input[type="checkbox"]+label:not(.disabled):hover:after { box-shadow: none; } .bx_filter.compact .bx_filter_parameters_box_container .hidden_values { margin-top: 10px; } .bx_filter_parameters_box_container .inner_expand_text { margin: 10px 0px; display: none; } .bx_filter.compact .bx_filter_button_box { /* display: none; */ margin: 10px 8px; } .bx_filter.compact .bx_filter_button_box .btn { gap: 5px; } .bx_filter.compact .bx_filter_parameters .sort-dropdown__items { min-width: 300px; max-height: 220px; } .bx_filter.compact .bx_filter_parameters .sort-dropdown__items .sort-dropdown__items-head { display: none; align-items: center; justify-content: space-between; gap: 10px; padding: 8px; } .bx_filter.compact .bx_filter_parameters .sort-dropdown__items .sort-dropdown__items-head .svg { width: 24px; height: 24px; } .bx_filter.compact .bx_filter_parameters .sort-dropdown__items-wrap { max-height: max-content; overflow: auto; overflow-y: auto; overscroll-behavior: auto; scrollbar-width: auto; } .bx_filter.compact .bx_filter_parameters .sort-dropdown__items-wrap .sort-dropdown__item { max-height: calc(220px - 60px - (8px * 2) - (5px * 2)); overflow: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; } /*disabled*/ #main .disabled .form-checkbox__box { background-color: #f8f8f8; } #main .disabled .form-box { background-color: #f8f8f8; border-color: #ddd; box-shadow: none; } #main .disabled { color: #666; cursor: not-allowed; opacity: 0.6; } #main .disabled .form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box { background-color: #ddd; } @media (max-width: 767px) { .bx_filter.compact { margin: 30px 0; } .bx_filter.compact .bx_filter_parameters .sort-dropdown__items { width: 100%; max-width: 100%; max-height: 50vh; border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: fixed; top: auto; bottom: 0; left: 0; } .bx_filter.compact .bx_filter_parameters .sort-dropdown__items-wrap .sort-dropdown__item { max-height: calc(50vh - 60px - (8px * 2) - (5px * 2)); } .bx_filter.compact .bx_filter_parameters .sort-dropdown__items .sort-dropdown__items-head { display: flex; } } @media (max-width: 575px) { .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title .delete_filter { width: 32px; right: 16px; } } /* .filter-compact-block .svg { display: inline-block; vertical-align: middle; position: relative; background-repeat: no-repeat; background-position: center center; } .filter-compact-block svg{ height:14px; width: 14px; } .filter-compact-block .bordered { border: 1px solid #e5e5e5; border-color: #3a3a3a; } .filter-compact-block .rounded-4 { border-radius: var(--border-sm-radius); } .filter-compact-block .svg-filter svg{ height:12px; width: 10px; } .filter-compact-block .font_14 { font-size: 0.93333em; line-height: calc(1em + 7px); } */ /* smart-filter */ /* .smartfilter .bx_ui_slider_track { height: 1px; margin: -1px 18px 18px; position: relative; zoom: 1; background: #ddd; z-index: 1; } .bx_filter .bx_ui_slider_pricebar_VD { z-index: 60; background: #979797; } .smartfilter .bx_ui_slider_track .bx_ui_slider_pricebar_V:after, .smartfilter .bx_ui_slider_track .bx_ui_slider_pricebar_VD:after, .smartfilter .bx_ui_slider_track .bx_ui_slider_pricebar_VN:after { content: ""; position: absolute; left: 0; right: 0; height: 1px; top: 50%; margin-top: -1px; } .smartfilter .bx_ui_slider_track .bx_ui_slider_pricebar_V:after { background-color: #9e9e9e; background-color: var(--theme-base-color); } .bx_filter .bx_ui_slider_range { z-index: auto; background: #ddd; } .bx_filter .bx_ui_slider_pricebar { z-index: 100; } .bx_filter .bx_ui_slider_pricebar_VD { z-index: 60; background: #ddd; } .bx_filter .bx_ui_slider_pricebar_VN { z-index: 70; background: #ddd; } .bx_filter .bx_ui_slider_pricebar_V { z-index: 80; background: #ddd; } .bx_filter .bx_ui_slider_handle { position: absolute; top: 100%; width: 22px; height: 22px; } .bx_filter .bx_ui_slider_handle:hover { -webkit-cursor: grab; -ms-cursor: grab; -o-cursor: grab; cursor: grab; } .bx_filter .bx_ui_slider_handle:active { -webkit-cursor: grabbing; -ms-cursor: grabbing; -o-cursor: grabbing; cursor: grabbing; } .bx_filter .bx_ui_slider_handle.left { left: 0; margin-left: -9px; } .bx_filter .bx_ui_slider_handle.right { right: 0; margin-right: -9px; } .bx_filter .bx_ui_slider_part { position: absolute; top: -3px; width: 0px; height: 10px; background: #e5e5e5; background: var(--stroke_black); display: none; } .bx_filter .bx_ui_slider_part.p1 { left: -1px; } .bx_filter .bx_ui_slider_part.p2 { left: 25%; display: none; } .bx_filter .bx_ui_slider_part.p3 { left: 50%; display: none; } .bx_filter .bx_ui_slider_part.p4 { left: 75%; display: none; } .bx_filter .bx_ui_slider_part.p5 { right: 1px; } .bx_filter .bx_ui_slider_part span { font-size: 0.8em; position: absolute; bottom: 13px; left: 50%; display: block; width: 100px; margin-left: -50px; text-align: center; color: #999; } .bx_filter .bx_ui_slider_part.p2 span, .bx_filter .bx_ui_slider_part.p3 span, .bx_filter .bx_ui_slider_part.p4 span { color: #b1b1b1; display: none; } .bx_filter .bx_ui_slider_part.first span { text-align: left; left: -8px; margin-left: 0px; } .bx_filter .bx_ui_slider_part.last span { text-align: right; left: auto; right: -8px; margin-left: 0px; } */ /*popup result*/ /* .bx_filter .bx_filter_popup_result { background-color: #9e9e9e; background-color: var(--theme-base-color); } .bx_filter.bx_filter_vertical .bx_filter_popup_result { line-height: 51px; position: absolute; z-index: 930; display: none; margin-top: -14px; margin-left: -4px; padding: 0 82px 0px 18px; white-space: nowrap; color: #fff; color: var(--white_text_black_reverse); left: 102%; border-radius: 0px 4px 4px 0px; } .bx_filter.bx_filter_vertical .bx_filter_popup_result a { position: absolute; top: 0px; bottom: 0px; right: 0px; width: 64px; } .bx_filter.bx_filter_vertical .arrow-all { top: 21px; right: 20px; } .bx-chorme .bx_filter.bx_filter_vertical .bx_filter_popup_result a { padding-top: 6px; padding-bottom: 6px; } .bx_filter.bx_filter_horizontal .bx_filter_popup_result { padding: 0px 10px 0px 0px; } .bx_filter.bx_filter_horizontal .bx_filter_popup_result a { display: none; } */ /**/ /* .catalog.bx_filter { margin-bottom: 20px; } .catalog .bx_filter_section { position: relative; } .bx_filter .bx_ui_slider_range, .bx_filter .bx_ui_slider_pricebar, .bx_filter .bx_ui_slider_pricebar_VD, .bx_filter .bx_ui_slider_pricebar_VN, .bx_filter .bx_ui_slider_pricebar_V { position: absolute; top: 0px; bottom: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid transparent; } .bx_filter .bx_ui_slider_pricebar_VD, .bx_filter .bx_ui_slider_pricebar_VN, .bx_filter .bx_ui_slider_pricebar_V { top: -8px; height: 18px; background-color: transparent; cursor: pointer; } .bx_filter .bx_filter_parameters_box { padding: 13px 19px 14px; border-bottom: 1px solid #fff; position: relative; } .bx_filter .bx_filter_button_box { text-align: center; padding: 13px 14px 18px 14px; } .bx_filter_button_box .btn { flex: 1; margin: 4px; } .bx_filter .bx_filter_parameters_box_title { margin: 0px; cursor: pointer; padding: 0px 30px 1px 3px; border-color: #ccc; border-color: var(--color-main); } .bx_filter .bx_filter_parameter_label { display: inline-block; position: relative; } .bx_filter .bx_filter_parameters_box_container_block { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; color: #3f3f3f; } .bx_filter input[type="text"] { background: #fff; background: var(--darkerblack_bg_black); border: 1px solid #d5d5d5; border-color: var(--stroke_black); border-radius: 2px; box-shadow: none; color: #555; color: var(--white_text_black); height: auto; font-size: 0.933em; padding: 8px 8px 8px; width: 100%; } .fullwidth-input { border: 1px solid #ddd; border-color: var(--stroke_black); border-radius: 4px; } .fullwidth-input input[type="text"] { border: none; padding: 8px 14px 6px; } .fullwidth-input--margined { margin-bottom: 19px; } .bx_filter .bx_filter_parameters_box_container .max-price { text-align: right; } .bx_filter .bx_ui_slider_track .bx_ui_slider_handle { top: -9px; width: 18px; height: 18px; display: inline-block; cursor: grab; position: absolute; z-index: 100; background: #fff; border-radius: 100%; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); } .bx_filter .bx_ui_slider_handle:after { font-size: 0; content: "."; display: inline-block; background: #9e9e9e; width: 6px; height: 6px; left: 50%; top: 50%; margin: -3px 0 0 -3px; position: absolute; border-radius: 100%; } .bx_filter .bx_ui_slider_track .bx_ui_slider_handle:hover, .bx_filter .bx_ui_slider_track .bx_ui_slider_handle:active { border-color: #333333; } .bx_filter .bx_filter_parameters_box_container_block .bx_filter_calendar_container { position: relative; padding-right: 20px; } .bx_filter .bx_filter_parameters_box_container_block .bx_filter_calendar_container input[type="text"] { padding: 5px 5px 3px; } .bx_filter .bx_filter_parameters_box_container_block .bx_filter_calendar_container img.calendar-icon { position: absolute; right: 0px; top: 7px; } */ /*checkbox*/ /* .form-checkbox__input { display: none; } body .form-checkbox__input--visible { display: block; visibility: hidden; width: 0px; line-height: 0px; margin: 0px; } body .form-checkbox__label { padding: 1px 0px 0px 31px; position: relative; z-index: 1; cursor: pointer; outline: none; display: block; margin: 0px 0px 3px; color: #666; color: var(--light_basic_text_black); line-height: calc(1em + 7px); min-height: 20px; } body .form-checkbox__label:hover { color: var(--fill_dark_light_white_hover); } .form-checkbox__label.form-checkbox__label--no-text { padding-left: 20px; } .form-checkbox__label:not(.form-checkbox__label--sm) { font-size: 0.93333em; } .form-checkbox__label--sm { font-size: 0.86667em; } .form-checkbox__box { border-radius: var(--border-sm-radius); position: absolute; top: 1px; left: 0; height: 21px; width: 21px; box-sizing: border-box; transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1); transition: all ease 0.3s; } .form-checkbox__label:hover .form-checkbox__box { box-shadow: 0px 0px 0px 1px inset var(--theme-base-color); border-color: var(--theme-base-color); } .bx-ie .form-checkbox__label:hover .form-checkbox__box { box-shadow: 0px 0px 0px 1px #9e9e9e inset; border-color: #9e9e9e; } .form-checkbox__input:checked + .form-checkbox__label { color: #333; color: var(--white_text_black); } */ /*label margin*/ /* .form-checkbox--margined .form-checkbox__label { margin-bottom: 13px; } .form-checkbox--margined .form-checkbox__label:last-of-type { margin-bottom: 6px; } */ /**/ /*radiobox*/ /* .form-radiobox__input { display: none; } .form-radiobox__label { padding: 1px 0px 0px 31px; position: relative; z-index: 1; cursor: pointer; outline: none; display: block; margin: 0px 0px 13px; color: #666; color: var(--light_basic_text_black); font-size: 0.93333em; line-height: calc(1em + 7px); min-height: 20px; } .form-radiobox__box { position: absolute; top: 0px; display: block; width: 21px; height: 21px; background-color: #f8f8f8; border: 1px solid #ddd; border-radius: 50%; transition: all 200ms; left: 0; border-color: var(--stroke_black); background-color: var(--darkerblack_bg_black); } .form-radiobox:hover .form-radiobox__box { box-shadow: 0px 0px 0px 1px inset var(--theme-base-color); border-color: var(--theme-base-color); } .bx-ie .form-radiobox:hover .form-radiobox__box { box-shadow: 0px 0px 0px 1px #9e9e9e inset; border-color: #9e9e9e; } .form-radiobox__input:checked + .form-radiobox__label { color: #333; color: var(--white_text_black); } .form-radiobox__input:checked + .form-radiobox__label .form-radiobox__box { border: 7px solid #9e9e9e; border-color: var(--theme-base-color); box-shadow: none; } */ /**/ /*disabled*/ /* #main .disabled .form-checkbox__box { background-color: #f8f8f8; } #main .disabled .form-box { background-color: #f8f8f8; border-color: #ddd; box-shadow: none; } #main .disabled { color: #666; color: var(--light_basic_text_black); cursor: not-allowed; opacity: 0.6; } #main .disabled .form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box { background-color: #ddd; } .bx_filter .scrolled { max-height: 250px; overflow-y: auto; } .bx_filter_parameters_box_container .hidden_values { margin: 13px 0px 16px; } .main-wrapper .bx_filter_parameters_box_container .hidden_values { display: block !important; } .bx_filter_parameters_box_container .inner_expand_text { margin: 13px 0px 10px; display: none; } .bx_filter_parameters_box_container .expand_block { cursor: pointer; } .bx_filter .filter { margin: 0px; padding: 0px; } .bx_filter .bx_filter_block { padding: 6px 4px 0px; margin: 0px -1px -1px 0px; user-select: none; } .bx_filter_parameters_box_title + .bx_filter_block { padding-top: 14px; } .bx_filter_parameters_box:not(.active) .bx_filter_block { display: none; } */ /*highload*/ /* .catalog .bx_filter_section .bx_filter_block .bx_filter_param_label.pal { position: relative; padding-left: 45px; line-height: 18px; } .catalog .bx_filter_section .bx_filter_block .bx_filter_param_label.pal { margin-top: 20px; } .catalog .bx_filter_section .bx_filter_block .bx_filter_param_label.pal:first-of-type { margin-top: 0; } .catalog .bx_filter_section .bx_filter_block .bx_filter_param_label .bx_filter_param_btn { position: absolute; left: 0; top: -3px; display: block; padding: 3px; width: 32px; height: 32px; border: 1px solid #e1e1e1; border-radius: 3px; } .catalog .bx_filter_section .bx_filter_block .bx_filter_param_label:hover .bx_filter_param_btn, .catalog .bx_filter_section .bx_filter_block .bx_filter_param_label.active .bx_filter_param_btn { border-width: 2px; padding: 2px; } .catalog .bx_filter_section .bx_filter_block .bx_filter_param_label .bx_filter_param_btn .bx_filter_btn_color_icon { display: block; height: 24px; background-size: 100%; background-repeat: no-repeat; background-position: center center; } .catalog .bx_filter_section .bx_filter_block .pict_block { margin: -3px 0 0 -3px; } .catalog .bx_filter_section .bx_filter_block .pict { margin: 3px 0 0 3px; display: inline-block; } .catalog .bx_filter_section .bx_filter_block .pict label { padding: 3px; width: 32px; height: 32px; border-radius: 3px; } .catalog .bx_filter_section .bx_filter_block .pict label:hover, .catalog .bx_filter_section .bx_filter_block .pict label.active { padding: 2px; border-width: 2px; } .catalog .bx_filter_section .bx_filter_block .pict .bx_filter_btn_color_icon { display: block; height: 24px; } .bx_filter .bx_filter_select_container.wpicture .bx_filter_select_block { height: 50px; } .bx_filter .bx_filter_select_container.wpicture .bx_filter_select_block .bx_filter_select_text { height: 48px; line-height: 47px; } .popup-window-content .bx_filter_select_popup ul li label.wselectpict { padding-top: 12px; padding-bottom: 12px; position: relative; padding-left: 50px; } .popup-window-content .bx_filter_select_popup ul li label.wselectpict .bx_filter_param_btn, .bx_filter .bx_filter_select_text .bx_filter_param_btn { position: absolute; left: 8px; top: 5px; display: block; padding: 3px; width: 32px; height: 32px; border: 1px solid #e1e1e1; border-radius: 3px; } .bx_filter .bx_filter_select_block .bx_filter_select_text .bx_filter_param_btn { position: static; margin: 2px 14px 0 0; float: left; display: block; padding: 3px; width: 25px; height: 25px; border: 1px solid #e1e1e1; border-radius: 3px; } .bx_filter .bx_filter_select_block .bx_filter_select_text .bx_filter_param_btn .bx_filter_btn_color_icon { height: 18px; } .bx_filter .bx_filter_select_text .bx_filter_param_btn { top: 8px; } body .popup-window-content .bx_filter_select_popup ul li label { font-weight: normal; white-space: normal; } .popup-window-content .bx_filter_select_popup ul li label.wselectpict .bx_filter_btn_color_icon, .bx_filter .bx_filter_select_text .bx_filter_btn_color_icon { display: block; height: 24px; background-size: 100%; background-position: center; background-repeat: no-repeat; } */ /**/ /*Select*/ /* .bx_filter .bx_filter_select_block, .common_select .common_select-link { position: relative; display: block; width: 100%; height: 41px; margin: 0px 0px 10px; padding: 0 33px 0 11px; border-radius: 4px; background: #fcfcfc; border: 1px solid #ddd; cursor: pointer; } .bx_filter .bx_filter_select_text, .common_select .common_select-link .ik_select_link_text { line-height: 39px; max-width: 100%; height: 39px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color: #333; } .bx_filter .bx_filter_select_block:hover .bx_filter_select_arrow:before, .common_select .common_select-link:hover .trigger:before, .common_select .common_select-link.opened .trigger:before { background-position: -36px -174px; } .bx_filter .bx_filter_select_text.fix { min-width: 120px; } .bx_filter .bx_filter_select_text label { cursor: pointer; } .bx_filter .bx_filter_select_arrow, .common_select .common_select-link .trigger { position: absolute; top: 0; right: 0; width: 42px; height: 41px; cursor: pointer; text-align: center; line-height: 38px; } .common_select { width: 100% !important; font-size: 0px; } .common_select select { display: none; } */ /**/ /*Select popup*/ /* div[id^="smartFilterDropDown"] { max-width: 253px; width: 100%; margin-top: -10px; } .popup-window-content { margin: 0; } .bx_filter .popup-window { width: 100%; border: 0px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); border-radius: 4px; font-size: 1rem; padding: 3px 3px 9px; } div[id^="smartFilterDropDown"] .popup-window-top-row, div[id^="smartFilterDropDown"] .popup-window-left-column, div[id^="smartFilterDropDown"] .popup-window-right-column, div[id^="smartFilterDropDown"] .popup-window-bottom-row { display: none; } .popup-window-content .bx_filter_select_popup { padding: 0; } .popup-window-content .bx_filter_select_popup ul { margin: 0; padding: 0; list-style: none; } .popup-window-content .bx_filter_select_popup ul li { display: block; text-align: left; padding-left: 0px; margin-bottom: 0px; } .popup-window-content .bx_filter_select_popup ul li:first-child { border: 0px !important; padding: 0px !important; margin: 0px !important; } .popup-window-content .bx_filter_select_popup ul li:before { display: none; } .popup-window-content .bx_filter_select_popup ul li label { font-size: 0.93333em; line-height: calc(1em + 7px); display: block; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; cursor: pointer; padding: 8px 14px 3px; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; margin: 0px; height: auto; color: #333; } .popup-window-content .bx_filter_select_popup ul li label.disabled { color: #666; cursor: not-allowed; } .popup-window-content .bx_filter_select_popup ul li label.selected { color: #333; font-weight: bold; } .popup-window-content .bx_filter_select_popup ul li:last-child label { margin: 0px; } .popup-window-content .bx_filter_select_popup label:hover { color: #9e9e9e; color: var(--color-url); } .bx_filter.compact .btn-link-text { padding: 9px 15px; float: left; border: none; color:var(--color-main); background: none; appearance: none; } .bx_filter.compact .btn-link-text:hover { cursor: pointer; } */ /**/ /*mobile*/ /* #mobilefilter-overlay { display: none; background: #3a3f44; opacity: 0.7 !important; height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 3005; } #mobilefilter { background: #fff; background: var(--black_bg_black); z-index: 10010; overflow: hidden; transition: left 0.4s, opacity 0.4s; position: fixed; left: -100%; top: 0; bottom: 0; width: 320px; max-width: 100%; } #mobilefilter.show { left: 0; box-shadow: 3px 0 10px 0 rgba(0, 0, 0, 0.45); } #mobilefilter .bx_filter.bx_filter_vertical { filter: none; position: relative; box-shadow: none; -webkit-box-shadow: none; height: 100%; top: 0; padding: 0; display: block !important; } #mobilefilter .smartfilter { padding-top: 72px; padding-bottom: 48px; background: #fff; background: var(--card_bg_black); height: 100%; } #mobilefilter .bx_filter .bx_filter_section { margin: 0; background-color: #fff; height: 100%; border: none; } */ /*head*/ /* #mobilefilter .bx_filter .slide-block, #mobilefilter .bx_filter .slide-block .slide-block__body { height: 100%; } #mobilefilter .bx_filter .bx_filter_parameters_box.title, #mobilefilter .bx_filter .slide-block .filter_title { background-color: #fff; background: var(--black_bg_black); position: absolute; width: 320px; top: 0; z-index: 10; padding: 25px 23px 27px; left: 0; margin: 0; border: none; border-bottom: 1px solid #e5e5e5; border-color: var(--stroke_black); } #mobilefilter .bx_filter .filter_title { cursor: default; padding: 0px; } #mobilefilter .bx_filter .filter_title .svg-inline-catalog { margin-right: 9px; vertical-align: baseline; } #mobilefilter .bx_filter .slide-block .filter_title .svg-inline-down { display: none; } #mobilefilter .svg.svg-close { right: 17px; top: 23px; position: absolute; cursor: pointer; display: block; padding: 5px; } #mobilefilter .svg.svg-close svg { widows: 12px; height: 12px; } */ /*content*/ /* #mobilefilter .bx_filter .bx_filter_parameters { position: absolute; top: 72px; bottom: 48px; left: 0; right: 0; overflow-x: hidden; overflow-y: auto; } #mobilefilter .bx_filter .bx_filter_parameters_box_title { border: none; box-shadow: none; font-size: 1em; line-height: unset; background: none; } #mobilefilter .count_selected, #mobilefilter .hint, #mobilefilter .tooltip { display: none !important; } #mobilefilter .delete_filter { display: none; } #mobilefilter .bx_filter_parameters_box_container .hidden_values { display: none; } #mobilefilter .bx_filter_parameters_box_container .inner_expand_text { display: block; } */ /*buttons*/ /* #mobilefilter .bx_filter .bx_filter_button_box { position: absolute; bottom: 0; z-index: 9; width: 320px; visibility: visible !important; border-top: 1px solid #e5e5e5; border-color: var(--stroke_black); padding: 0; left: 0; background: #fff; background: var(--black_bg_black); display: block !important; } #mobilefilter .bx_filter .bx_filter_button_box .bx_filter_block { padding: 0px; display: block !important; } #mobilefilter .bx_filter .bx_filter_parameters_box .bx_filter_button_box { display: none !important; } #mobilefilter .btn-link-text.bx_filter_search_reset { display: none; } */ /**/ /* .bx_filter .bx_filter_parameters_box .svg-close { display: none; } @media (min-width: 992px) { .bx_filter .slide-block__head .svg:not(.svg-inline-down) { display: none; } } @media (min-width: 769px) { #modef_mobile { display: none !important; } } #mobilefilter .bx_filter.compact { display: none; } */ /*compact*/ /* .bx_filter.compact { position: relative; top: 0 !important; margin: 16px 0 16px; } .bx_filter.compact .bx_filter_parameters { display: flex; align-items: center; } .bx_filter.compact .bx_filter_section { margin: 0; background: none; border: none; } .bx_filter .bx_filter_parameters_box { padding: 13px 19px 14px; border-bottom: 1px solid var(--color-gray); position: relative; } .bx_filter.compact .bx_filter_parameters_box.title { float: left; z-index: 1; } .bx_filter.compact .bx_filter_parameters_box.title + .bx_filter_parameters { padding-left: 31px; } .bx_filter.compact .bx_filter_parameters_box { margin: 4px 4px 4px; position: relative; float: left; padding: 0; border: none; user-select: none; } .bx_filter.compact .bx_filter_parameters_box.title { margin: 1px 0; } .bx_filter.compact .bx_filter_parameters_box_title.prices:not(.title) { margin-bottom: 15px; cursor: default; } .bx_filter.compact .bx_filter_parameters_box_title.prices:not(.title):hover { color: #333; } .bx_filter.compact .bx_filter_parameters_box_title.prices:after { display: none; } .bx_filter.compact .bx_filter_block:not(.limited_block) { position: absolute; padding: 24px 24px 0; display: none; min-width: 260px; z-index: 3; border-radius: var(--border-sm-radius); background: #fff; -webkit-box-shadow: var(--box-shadow-el); -moz-box-shadow: var(--box-shadow-el); box-shadow: var(--box-shadow-el); margin-top: 8px; overflow: hidden; } .bx_filter.compact .bx_filter_block.right:not(.limited_block) { left: auto; right: 0; } .bx_filter.compact .bx_filter_block.limited_block { display: block !important; max-height: none; overflow: visible; margin-bottom: 0; } .bx_filter.compact .prices .bx_filter_block { padding: 0; } .bx_filter.compact .bx_filter_block .price_block { padding: 19px 19px 15px; border-top: 1px solid #f2f2f2; } .bx_filter.compact .bx_filter_block .price_block:first-of-type { border-top: none; } .bx_filter.compact .bx_filter_button_box { padding: 0; } .bx_filter.compact .char_name { position: relative; padding-bottom: 15px; margin-top: -10px; } .bx_filter.compact .props_list .hint { position: static; } .bx_filter.compact .props_list .hint .icon { position: static; } .bx_filter.compact .props_list .hint .text { padding: 0 0 0 8px; font-size: 13px; color: #888888; } .bx_filter.compact .props_list .hint .tooltip { top: -52px; opacity: 1; } .bx_filter.compact .props_list .hint .tooltip:after { bottom: -10px; left: 56px; top: auto; border: 5px solid transparent; border-top: 5px solid #fff; } .bx_filter.compact .bx_filter_parameters_box.active .bx_filter_block { z-index: 390; } .bx_filter.compact .bx_filter_parameters_box.active .bx_filter_block i { padding: 0; font-size: 11px; } .bx_filter.compact .bx_filter_parameters_box.active .bx_filter_block .icon:hover i, .bx_filter.compact .bx_filter_parameters_box .bx_filter_block .hint.active .icon i { color: #fff; } .bx_filter.compact .bx_filter_parameters_box_title + .bx_filter_block .bx_filter_parameters_box_container { margin: 0; padding-bottom: 18px; } .bx_filter.compact .bx_ui_slider_track { margin-bottom: 8px; } .bx_filter.compact .form-radiobox:last-of-type label { margin-bottom: 5px; } .bx_filter.compact div[id^="smartFilterDropDown"] { margin-bottom: -25px; } .bx_filter.compact .bx_filter_parameters_box:not(.prop_type_L) .label_block { margin: 0px 0 11px; } .bx_filter.compact .label_block:last-of-type { margin-bottom: 4px; } .bx_filter.compact .bx_filter_parameters_box_container { margin-top: 0px; } .bx_filter.compact .bx_filter_parameters_box_container .hidden_values { margin-bottom: 6px; } .bx_filter.compact .bx_filter_button_box { display: none; margin: 0 -24px; text-align: left; background: #fff; background-color: var(--card_bg_black); } .bx_filter.compact .bx_filter_button_box .btn { display: flex; align-items: center; justify-content: center; margin: 0px 24px 16px; } .bx_filter.compact .bx_filter_button_box .btn span { padding: 0px 0px 0px 5px; } .bx_filter.compact .bx_filter_search_button { display: none; } .bx_filter.compact .bx_filter_parameters_box.prices .bx_filter_button_box { margin: 0; } .bx_filter.compact .bx_filter_parameters_box > .bx_filter_parameters_box_title { padding: 10px 15px; white-space: nowrap; min-width: 0; height: auto; } .bx_filter.compact .bx_filter_parameters_box > .bx_filter_parameters_box_title:before { display: none; } .bx_filter.compact .bx_filter_parameters_box_title .svg-inline-down { width: 9px; height: 9px; margin-left: 7px; transform: rotate(-90deg); transition: transform .3s ease; -moz-transition: transform .3s ease; -ms-transition: transform .3s ease; -o-transition: transform .3s ease; -webkit-transition: transform .3s ease; } .bx_filter.compact .bx_filter_parameters_box_title .svg-inline-down svg use { stroke: none; fill: var(--color-black); transition: fill .3s ease; -moz-transition: fill .3s ease; -ms-transition: fill .3s ease; -o-transition: fill .3s ease; -webkit-transition: fill .3s ease; } .bx_filter.compact .bx_filter_parameters_box > .bx_filter_parameters_box_title:hover .svg-inline-down svg use { fill: var(--color-white); } .bx_filter.compact .bx_filter_parameters_box_title .svg-inline-down path { fill: #333; fill: var(--white_text_black); } .bx_filter.compact .active .bx_filter_parameters_box_title .svg-inline-down { transform: rotate(90deg); } .bx_filter.compact .bx_filter_parameters_box .limited_block .bx_filter_parameters_box_title { padding: 0; white-space: nowrap; } .bx_filter.compact .bx_filter_parameters_box .limited_block .bx_filter_parameters_box_title .label_block { margin: 0px; } .bx_filter.compact .bx_filter_parameters_box .limited_block .filter label:before, .bx_filter.compact .bx_filter_parameters_box .limited_block .filter label:after { display: none; } .bx_filter.compact .bx_filter_parameters_box .limited_block .filter .bx_filter_param_text { margin: 0px; } .bx_filter.compact .bx_filter_parameters_box.opened .limited_block .filter .bx_filter_param_text { color: #fff; } .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title.filter_title { padding-left: 0; padding-right: 16px; position: relative; cursor: default; } .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title.filter_title span { display: none; } .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title.filter_title .svg-inline-down { top: 0px; } .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title .delete_filter { display: none; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 33px; height: 100%; cursor: pointer; border-radius: 0px 4px 4px 0px; } .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title .delete_filter svg { position: absolute; top: 50%; transform: translateY(-50%); } .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title .delete_filter svg use { stroke: var(--color-white); } .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title .delete_filter svg path { fill-rule: evenodd; } .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title .delete_filter:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; bottom: 0px; width: 1px; background: rgba(255, 255, 255, 0.5); } .bx_filter.compact .bx_filter_parameters_box.opened .bx_filter_parameters_box_title .delete_filter { display: block; } .bx_filter.compact input[type="checkbox"] + label.dib > span { margin: 0; } .bx_filter.compact .bx_filter_input_checkbox .bx_filter_param_text { margin-left: 0px; } .bx_filter.compact .sku .bx_filter_input_checkbox .bx_filter_param_text { margin-left: 0; } .bx_filter_vertical.compact input[type="checkbox"] + label.nab:not(.sku) { padding: 5px 0px 5px 3px; margin: 0px; } .bx_filter.compact .bx_filter_parameters_box.opened .bx_filter_parameters_box_title .count_selected { margin: 0 0 0 -3px; } .bx_filter.compact .bx_filter_parameters_box_container.pict_block label { margin: 0px 5px 0px 0px !important; } body .bx_filter.compact .bx_filter_block.limited_block .filter.label_block input + label { margin: 0px 0px 0px 3px; padding: 0px; } .bx_filter.compact .bx_filter_parameters_box_container .wrapp_change_inputs { width: 220px; } .bx_filter.compact .bx_filter_parameters_box.opened .bx_filter_parameters_box_title.title { background-color: var(--color-main2); border-color: var(--color-main2); color: #fff; padding-right: 45px; } .bx_filter.compact .bx_filter_parameters_box.opened .bx_filter_parameters_box_title svg path { fill: #fff; } .bx_filter.compact .bx_filter_parameters_box.opened .bx_filter_parameters_box_title .svg-inline-down { display: none; } .filter-compact-block .bx_filter_block.limited_block .form-checkbox__box.form-box { display: none; } .filter-compact-block .bx_filter_block.limited_block .form-checkbox__label { padding: 2px 0px 0px 5px; } .bx_filter_block.limited_block .form-checkbox--margined .form-checkbox__label:last-of-type { margin-bottom: 0; padding: 4px 13px 5px; } .bx_filter.compact .bx_filter_parameters_box.opened[data-check_prop_inline="true"] .bx_filter_parameters_box_title.title{ padding-right: 32px; } .bx_filter_block.limited_block .bx_filter_param_label, .bx_filter_vertical .form-checkbox .form-checkbox__label{ font-size:unset; } .bx_filter_vertical input[type="checkbox"]+label:before { font-size: 0; content: "."; display: none; height: 20px; width: 20px; position: absolute; left: 0px; top: 2px; background: var(--color-main); z-index: -1; border-radius: var(--border-sm-radius); -moz-border-radius: var(--border-sm-radius); -webkit-border-radius: var(--border-sm-radius); } .bx_filter_vertical input[type="checkbox"]:checked+label:before { display: inline-block; z-index: -1; } .bx_filter_vertical input[type="checkbox"]+label:not(.disabled):hover:before { display: inline-block; z-index: 3; } .bx_filter_vertical input[type="checkbox"]:checked+label:before, .bx_filter_vertical input[type="checkbox"]:checked+label:not(.disabled):hover:before { z-index: -1; } .bx_filter_vertical input[type="checkbox"]+label:after { font-size: 0; content: "."; display: block; height: 20px; width: 20px; position: absolute; left: 0px; top: 2px; z-index: 2; border-radius: var(--border-sm-radius); -moz-border-radius: var(--border-sm-radius); -webkit-border-radius: var(--border-sm-radius); box-shadow: 0px 0px 0px 1px var(--color-gray) inset; -moz-box-shadow: 0px 0px 0px 1px var(--color-gray) inset; -webkit-box-shadow: 0px 0px 0px 1px var(--color-gray) inset; background: var(--color-white); } .bx_filter_vertical input[type="checkbox"]:checked+label:after { box-shadow: none; background: url('/bitrix/templates/vizitvotkinsk/components/bitrix/catalog.smart.filter/main_compact/../../../../img/svg/checkbox.svg') 0px 0px no-repeat; } .bx_filter_parameters_box.opened .bx_filter_block.limited_block .bx_filter_input_checkbox .bx_filter_param_text { color: var(--color-white); } .bx_filter_parameters_box .limited_block .bx_filter_input_checkbox .bx_filter_param_text { color: var(--white_text_black); } */ /**/ /* @media (max-width: 767px) { .main-wrapper .bx_filter_vertical { display: none !important; } .bx_filter.compact .bx_filter_parameters_box{ position: unset; } .bx_filter.compact .bx_filter_parameters_box > .bx_filter_parameters_box_title{ position: relative; } .bx_filter .bx_filter_parameters_box .delete_filter{ display:none; } } */ /* End */ /* Start:/bitrix/templates/votgorod_theme/components/bitrix/main.calendar/.default/style.css?1776937096145*/ img.calendar-icon { width: 24px; height: 24px; margin: 0 0 0 30px; position: absolute; right: 12px; top: 42px; } /* End */ /* Start:/bitrix/templates/votgorod_theme/components/bitrix/system.pagenavigation/ajax_more/style.css?175714392864*/ .ajax_pagination .btn.btn_more { margin: 30px 0px 0px 0; } /* End */ /* Start:/bitrix/templates/votgorod_theme/css/afisha-items.css?17875566462641*/ .afisha-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); column-gap: var(--gap-default); row-gap: 60px; } .afisha-item { position: relative; } .afisha-item_image { height: 395px; background-color: var(--color-gray); background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: var(--border-radius); position: relative; z-index: 2; } .afisha-item_no-image { background-size: auto; background-color: var(--color-gray1); } .afisha-item_type { position: absolute; top: 35px; left: 0; } .afisha-item_type span { background-color: var(--color-main4); border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); overflow: hidden; padding: 5px 15px; color: var(--color-white); text-transform: uppercase; font-size: 13px; } .afisha-item_price, .afisha-item_price-free { height: 40px; padding: 10px 16px; background-color: var(--color-main); border-radius: var(--border-radius); position: absolute; bottom: 15px; left: 15px; z-index: 3; } .afisha-item_price span, .afisha-item_price-free { font-size: 16px; font-weight: 600; line-height: 1.2; } .afisha-item_info { margin-top: 20px; } .afisha-item_title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; height: 44px; } .afisha-item_author { margin-top: 15px; font-size: 14px; color: var(--color-text1); } .afisha-item_author, .afisha-item_date { display: flex; gap: 10px; } .afisha-item_author .svg, .afisha-item_date .svg { margin-top: 2px; flex-shrink: 0; } .afisha-item_author .svg use, .afisha-item_date .svg use { stroke: var(--color-text1); } .afisha-item_date { margin-top: 5px; } @media (max-width: 1199px) { .afisha-items { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } } @media (max-width: 991px) { .afisha-items { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 30px; } } @media (max-width: 767px) { .afisha-items { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } .afisha-item_author { margin-top: 10px; } } /* @media (max-width: 575px){ .afisha-items { grid-template-columns: 1fr; } } */ /* End */ /* /bitrix/templates/votgorod_theme/css/swiper.min.css?175714392818470 */ /* /bitrix/templates/votgorod_theme/components/infograd/promo/slider_afisha/style.css?17571439284615 */ /* /bitrix/templates/votgorod_theme/css/swiper-btns.css?17571439282130 */ /* /bitrix/templates/votgorod_theme/components/bitrix/news.detail/page_afisha/style.css?178755686321217 */ /* /bitrix/templates/votgorod_theme/components/infograd/promo/contain_afisha_calendar/style.css?17571439286655 */ /* /bitrix/templates/votgorod_theme/components/bitrix/catalog.smart.filter/main_compact/style.css?177642913845741 */ /* /bitrix/templates/votgorod_theme/components/bitrix/main.calendar/.default/style.css?1776937096145 */ /* /bitrix/templates/votgorod_theme/components/bitrix/system.pagenavigation/ajax_more/style.css?175714392864 */ /* /bitrix/templates/votgorod_theme/css/afisha-items.css?17875566462641 */