/* Start:/local/templates/auto108_v2/css/jquery.fancybox.min.css?174340283214065*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/auto108_v2/css/swiper.css?174340283217905*/ /** * Swiper 9.3.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 15, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/auto108_v2/css/twentytwenty.css?17434028326537*/ .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: white; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: attr(data-content); } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: attr(data-content); } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; } /* End */ /* Start:/local/templates/auto108_v2/components/arturgolubev/search.title/search_top_auto108/style.css?174340283213709*/ /* div.title-search-result { display: block !important; } */ .bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle { margin: 10px 0 0; } .bx-searchtitle .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; /*color: #343434;*/ color: #FFF; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #FFF; background-color: #333333; border: 1px solid #000; /*color: #333; background-color: #f8fafc; border: 1px solid #d5dadc;*/ border-right: none; border-radius: 1px 0 0 1px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-searchtitle .bx-input-group .bx-form-control:focus { background-color: #333; /*background-color: #fff;*/ } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#333 0%, #333 100%); background-image: linear-gradient(#333 0%, #333 100%); /*background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);*/ } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; line-height: normal; } .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: url(/local/templates/auto108_v2/components/arturgolubev/search.title/search_top_auto108/images/search-icon.png) center center no-repeat #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:0; border-radius: 0 1px 1px 0; /*color: #fff;*/ color: #333; font-size: 16px; line-height: 1.42857143; height: 34px; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background-color: #40a7ea; } div.title-search-result { position: fixed; right: 0; top: calc(100% + 2px); width: calc(100% + 310px); border: 1px solid #c2c2c2; background: #fff; padding-top: 0.25rem; z-index: 10001; } div.title-search-fader { display:none; background-image: url('/local/templates/auto108_v2/components/arturgolubev/search.title/search_top_auto108/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_smart_searche { padding-top:8px; border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche .bx_info_wrap{ margin-left: 85px; } .bx_smart_searche .bx_img_element{ float: left; padding: 5px; width: 75px; text-align: center; } .bx_smart_searche .bx_item_block{ min-height: 65px; position: relative; } .bx_smart_searche .bx_image{ /* width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; */ display: inline-block; max-width: 100%; } .bx_smart_searche .bx_image.empty_image{ background-image: url(/local/templates/auto108_v2/components/arturgolubev/search.title/search_top_auto108/image/noimg.png); } .bx_smart_searche .bx_item_element{ padding: 8px 0; } .bx_smart_searche .bx_item_element_all_result { text-align: center; } .bx_smart_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #333; /*border-bottom: 1px solid #e5e5e5;*/ } .bx_smart_searche .bx_item_element a{ margin-top: 5px; display: inline-block; color: #333; font-size: 14px; text-decoration: none; font-weight: bold; } .bx_smart_searche .bx_item_element a b{ font-weight: bold; } .bx_smart_searche .bx_item_element a b{ color: #000; } .bx_smart_searche .bx_item_element a:hover, .bx_smart_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_smart_searche .bx_item_preview_text{ font-size:13px; padding: 5px 10px 5px 0; } .bx_smart_searche .bx_price{ font-weight:bold; font-size:15px; margin-top: 5px; } .bx_smart_searche .bx_price .old{ font-weight: normal; text-decoration: line-through; color: #636363; font-size: 12px; vertical-align: middle; } .bx_smart_searche .bx_item_block.all_result{min-height:0} .bx_smart_searche .bx_item_block.others_result{ min-height: 0; line-height: 12px; padding: 0; } .bx_smart_searche .bx_item_block.all_result .all_result_button{ display: inline-block; font-size: 14px; border: 1px solid; border-color: #40a7ea; color: #FFF; padding: 0 22px; height: 34px; text-decoration: none; border-radius: 2px; margin: 0 0 8px; line-height: 34px; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } .bx_smart_searche .bx_item_block_href { display: flex; flex-flow: row nowrap; width: 100%; text-decoration: none; margin-bottom: 5px; padding: 8px; line-height: 14px; } .bx_smart_searche .bx_item_block_href:hover { /*background-color: #feeed2;*/ } .bx_smart_searche .bx_item_block_hrline { border-bottom: 1px solid #f5a61c; margin: 0 8px 5px; } .bx_item_block_item_clear { display: block; clear:both; } .bx_smart_searche .bx_item_block_item_info { display: flex; flex-flow: row nowrap; width: 100%; } .bx_smart_searche .bx_item_block_href_category_title { color: #a2a2a2; font-weight: bold; } .bx_smart_searche .bx_item_block_href_category_name { color: #f5a61c; font-weight: bold; text-transform: uppercase; } .bx_smart_searche .bx_item_block_item_image { flex: 0 0 15%; height: 100%; min-height: 60px; max-height: 80px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: .5rem; overflow: hidden; } .bx_smart_searche .bx_item_block_item_content { flex: 0 0 85%; display: flex; flex-flow: column nowrap; justify-content: flex-start; } .bx_smart_searche .bx_item_block_item_name { color: #000; overflow: hidden; line-height: 17px; font-size: 15px; font-family: "Gotham Pro", sans-serif; } .bx_smart_searche .bx_item_block_item_name_flex_align { margin: auto 0; } .bx_smart_searche .bx_item_block_item_simple_name { color: #FFF; /*color: #333;*/ display: block; line-height: 23px; } .bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b { color: #f5a61c; } .bx_smart_searche .bx_item_block_item_price { color: #238EE3; font-weight: bold; line-height: 24px; } .bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one { line-height: 34px; } .bx_smart_searche .bx_item_block_item_price .bx_price_new { white-space: nowrap; font-weight: bold; display: block; } .bx_smart_searche .bx_item_block_item_price .bx_price_old { white-space: nowrap; text-decoration: line-through; } .bx_smart_searche .bx_item_block_item_text { color: #FFF; /*color: #9b9b9b;*/ display: block; padding-left: 39px; margin-top: 8px; font-size: 13px; line-height: 15px; } /* preloader base */ .bx-searchtitle .bx-searchtitle-preloader { position: absolute; top: 2px; right: 110%; width: 30px; height: 30px; z-index: 5; display: none; /* display: block; */ } .bx-searchtitle .bx-searchtitle-preloader.view { background: url(/local/templates/auto108_v2/components/arturgolubev/search.title/search_top_auto108/images/loader_orange.gif) center center no-repeat; } /* blue */ .bx-searchtitle.theme-blue .bx-input-group .bx-form-control { border-color:#40a7ea; } .bx-searchtitle.theme-blue .bx-searchtitle-preloader.view { background-image: url(/local/templates/auto108_v2/components/arturgolubev/search.title/search_top_auto108/images/loader_blue.gif); } .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{ background-color: #40a7ea; border-color: #40a7ea; } .bx-searchtitle.theme-blue .bx-input-group-btn button { background-color: #40a7ea; border-color: #40a7ea; color: #333; /*color: #FFF;*/ } .bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover { background-color: #5ca6e4; border-color: #5ca6e4; text-decoration: none; } .bx_smart_searche.theme-blue .bx_item_element a b{ color: #5ca6e4; } .bx_smart_searche.theme-blue .bx_item_block_href:hover { } .bx_smart_searche.theme-blue .bx_item_block_href_category_name { color:#40a7ea; } .bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b { color:#40a7ea; } .bx_smart_searche.theme-blue .bx_item_block_hrline { border-color: #7b7b7b; /*border-color: #40a7ea;*/ } /* black */ .bx-searchtitle.theme-black .bx-input-group .bx-form-control { border-color:#333; } .bx-searchtitle.theme-black .bx-searchtitle-preloader.view { background-image: url(/local/templates/auto108_v2/components/arturgolubev/search.title/search_top_auto108/images/loader_black.gif); } .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{ border-color: #333; } .bx-searchtitle.theme-black .bx-input-group-btn button { border-color: #333; color: #FFF; } .bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover { background-color: #5c5c5c; border-color: #5c5c5c; text-decoration: none; } .bx_smart_searche.theme-black .bx_item_element a b{ color: #5c5c5c; } .bx_smart_searche.theme-black { /* border:1px solid #333; */ border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche.theme-black .bx_item_block_href:hover { background-color: #eaeaea; } .bx_smart_searche.theme-black .bx_item_block_href_category_name { color:#333; } .bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b { color:#333; } .bx_smart_searche.theme-black .bx_item_block_hrline { border-color: #333; } /* green */ .bx-searchtitle.theme-green .bx-input-group .bx-form-control { border-color:#159ebb; } .bx-searchtitle.theme-green .bx-searchtitle-preloader.view { background-image: url(/local/templates/auto108_v2/components/arturgolubev/search.title/search_top_auto108/images/loader_green.gif); } .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{ background-color: #159ebb; border-color: #159ebb; } .bx-searchtitle.theme-green .bx-input-group-btn button { background-color: #159ebb; border-color: #159ebb; color: #FFF; } .bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover { background-color: #44b1c9; border-color: #44b1c9; text-decoration: none; } .bx_smart_searche.theme-green .bx_item_element a b{ color: #44b1c9; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #d0ebf1; } .bx_smart_searche.theme-green .bx_item_block_href_category_name { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_hrline { border-color: #159ebb; } /* red */ .bx-searchtitle.theme-red .bx-input-group .bx-form-control { border-color:#E22B2B; } .bx-searchtitle.theme-red .bx-searchtitle-preloader.view { background-image: url(/local/templates/auto108_v2/components/arturgolubev/search.title/search_top_auto108/images/loader_red.gif); } .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{ background-color: #E22B2B; border-color: #E22B2B; } .bx-searchtitle.theme-red .bx-input-group-btn button { background-color: #E22B2B; border-color: #E22B2B; color: #FFF; } .bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover { background-color: #e95c5c; border-color: #e95c5c; text-decoration: none; } .bx_smart_searche.theme-red .bx_item_element a b{ color: #e95c5c; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #f9d4d4; } .bx_smart_searche.theme-red .bx_item_block_href_category_name { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_hrline { border-color: #E22B2B; } /* yellow */ .bx-searchtitle.theme-yellow .bx-input-group .bx-form-control { border-color:#F9A91D; } .bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view { background-image: url(/local/templates/auto108_v2/components/arturgolubev/search.title/search_top_auto108/images/loader_yellow.gif); } .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{ background-color: #F9A91D; border-color: #F9A91D; } .bx-searchtitle.theme-yellow .bx-input-group-btn button { background-color: #F9A91D; border-color: #F9A91D; color: #FFF; } .bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover { background-color: #faba4a; border-color: #faba4a; text-decoration: none; } .bx_smart_searche.theme-yellow .bx_item_element a b{ color: #faba4a; } .bx_smart_searche.theme-yellow .bx_item_block_href_category_name { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_hrline { border-color: #F9A91D; } .header__search-overlay .price { color: #238EE3; font-weight: bold; } /* End */ /* Start:/bitrix/components/bitrix/sale.basket.basket.line/templates/auto108v3/style.css?17433995164718*/ .bx-basket { } .basket-line-block { position: relative; padding-left: 25px; white-space: nowrap; font-size: 13px; } .basket-line-block-icon-cart, .basket-line-block-icon-profile { position: relative; margin-right: 10px; } .basket-line-block-icon-cart:after, .basket-line-block-icon-profile:after { position: absolute; top: -1px; left: -25px; display: block; width: 20px; height: 20px; content: ''; } .basket-line-block-icon-profile:after { background: no-repeat center url(/bitrix/components/bitrix/sale.basket.basket.line/templates/auto108v3/images/profile.svg); } .basket-line-block-icon-cart:after { background: no-repeat center url(/bitrix/components/bitrix/sale.basket.basket.line/templates/auto108v3/images/cart.svg); } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 998; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 998; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-item-list { display: none; } /*.bx-basket-fixed */ } .bx-basket-fixed .basket-line-block { margin-left: 10px; } .bx-basket-item-list { position: relative; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #f7f7f7; } .bx-opener .bx-basket-item-list { padding-bottom: 75px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-container { overflow-y: auto; max-height: 100% } .bx-basket-item-list-item { position: relative; margin-bottom: 15px; padding-top: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { margin: 0 10px 20px; padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 12px; line-height: 16px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 90px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -7px; right: 10px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } .bx_cart_login_top .basket-line { line-height: 1.44em; } /* End */ /* Start:/local/templates/auto108_v2/components/bitrix/breadcrumb/news-detail-ivm/style.css?17434028323323*/ .breadcrumb-nav { margin: 0; padding: 0; } .breadcrumb-nav .container { padding: 0 } .breadcrumb { background-color: inherit; border-radius: 0; margin-top: 0; margin-bottom: 0; padding: 1.3rem 1.5rem 3rem } .breadcrumb-item { text-transform: capitalize; font: 400 1.2rem/1.4 "Open Sans", sans-serif; letter-spacing: .025rem } .breadcrumb-item i { font-size: 1.3rem; vertical-align: top; margin-top: -.2rem } .breadcrumb-item i::before { margin: 0 } .breadcrumb-item + .breadcrumb-item { padding-left: 1rem } .breadcrumb-item + .breadcrumb-item::before { content: '\e81a'; font-family: Gotham Pro; padding-right: 1rem; font-size: 1.4rem; vertical-align: middle; margin-top: -.3rem; color: #8e8e8e } .breadcrumb-item a, .breadcrumb-item.active { color: #8e8e8e } .bx-breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px } .bx-breadcrumb-item { min-height: 22px; white-space: nowrap; display: inline-block; } .bx-breadcrumb-item-angle { margin: 7px 10px; color: #b5bdc2; vertical-align: top; font-size: 12px; } .bx-breadcrumb-item-link { border-bottom: none; vertical-align: top; line-height: 21px; } .bx-breadcrumb-item-link:hover { } .bx-breadcrumb-item-text { vertical-align: top; white-space: normal; font: 400 13px/21px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; transition: 250ms linear all; } .fa-breadcrumb { padding: 0 10px; color: #40A7EA; } .fa-breadcrumb:first-child{ padding-left: 0; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; /*background-color: #e9ecef;*/ border-radius: .25rem } .breadcrumb-item + .breadcrumb-item { padding-left: .5rem } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: .5rem; /*color: #6c757d;*/ content: "/" } .no-decorate { text-decoration: none!important; } .breadcrumbs__link-wrap { display: inline-flex; } @media screen and (min-width: 580px) { .service-detail__js .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline } .service-detail__js .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none } .service-detail__js .breadcrumb-item.active { color: #6c757d } .service-detail__js .news_detail .breadcrumbs__item::before { content: url(/local/img/redisign/service-detail/bc-arrow.svg); } .service-detail__js .news_detail .breadcrumbs__list { padding-left: 0; padding-right: 0; } .service-detail__js a.breadcrumbs__link.hide__desctop { display: none!important; } } .main__redisign-wrap:not(.service-detail__js) .breadcrumbs__list { padding-left: 45px!important; } @media screen and (max-width: 1240px) { .main__redisign-wrap .news_detail .breadcrumbs__list { padding-left: 20px; } } @media screen and (max-width:580px) { .service-detail__js .breadcrumbs__item:first-child .breadcrumbs__link { margin: -5px 0px 0 0px!important; } .service-detail__js a.breadcrumbs__link.hide__mobile { display: none; } } /* End */ /* Start:/bitrix/components/niges/cookiesaccept/templates/.default/style.css?17485863642729*/ /* NIGES.COOKIESACCEPT */ .nca-cookiesaccept-line { font-size: inherit; font-family: inherit; line-height: 1; padding: 10px; } .nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text { color:#111; } .nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text { color:#eee; } .nca-cookiesaccept-line.style-1 { /* background-position: center; background-repeat: repeat-x; background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg); background-size: contain; */ background-color: rgb(61, 168, 255); } .nca-cookiesaccept-line.style-2 { background-color: rgb(13, 62, 102); } .nca-cookiesaccept-line.style-3 { background-color: rgb(197, 197, 197); } .nca-cookiesaccept-line.style-4 { background-color: rgb(71, 71, 71); } .nca-cookiesaccept-line.style-5 { background-color: rgb(61, 255, 158); } .nca-cookiesaccept-line.style-6 { background-color: rgb(9, 92, 50); } .nca-cookiesaccept-line.style-7 { background-color: rgb(84, 255, 61); } .nca-cookiesaccept-line.style-8 { background-color: rgb(92, 5, 5); } .nca-cookiesaccept-line.style-9 { background-color: rgb(203, 255, 61); } .nca-cookiesaccept-line.style-10 { background-color: rgb(70, 94, 4); } .nca-cookiesaccept-line.style-11 { background-color: rgb(255, 148, 61); } .nca-cookiesaccept-line.style-12 { background-color: rgb(138, 70, 14); } .nca-cookiesaccept-line.style-13 { background-color: rgb(255, 61, 61); } .nca-cookiesaccept-line.style-14 { background-color: rgb(119, 22, 22); } .nca-cookiesaccept-line.style-15 { background-color: rgb(255, 61, 152); } .nca-cookiesaccept-line.style-16 { background-color: rgb(85, 10, 45); } .nca-cookiesaccept-line.style-17 { background-color: rgb(83, 129, 255); } .nca-cookiesaccept-line.style-18 { background-color: rgb(6, 37, 122); } .nca-cookiesaccept-line.style-19 { background-color: rgb(255, 255, 255); } .nca-cookiesaccept-line.style-20 { background-color: rgb(0, 0, 0); } @media screen and (min-width:767.01px) { .nca-hidden-pc {display: none !important;} } @media screen and (max-width:767px) { .nca-hidden-mobile {display: none !important;} } /* End */ /* Start:/local/components/epir/medialibrary.list/templates/.snippets_one/style.css?1743402831785*/ .snippet--one-sw-tag-parent { display: grid; grid-template-columns: 1fr 1fr; align-content: center; } .snippet--one-sw-p-10 { padding: 10px; } .snippet--one-sw-text-align-grid { display: grid; align-content: center } .snippet--one-sw-tag-inner { padding: 10px; display: grid; grid-template-columns: 50% 50%; align-content: center; } @media screen and (width < 512px) { .snippet--one-truncate-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.3em; height: 3.9em; } .snippet--one-sw-tag-parent { display: grid; grid-template-columns: 1fr; align-content: center; } .snippet--one-sw-tag-inner { padding: 10px; display: grid; grid-template-columns: 100%; align-content: center; } } /* End */ /* Start:/local/components/epir/medialibrary.list/templates/.snippets_two/style.css?1743402831551*/ .snippet--two-snippet-sw-tag-parent { } .snippet--two-snippet-sw-tag-inner { display: grid; grid-template-columns: 30% 70%; align-content: center; } .snippet--two-sw-p-10 { padding: 10px; } .snippet--two-sw-pl-10 { padding-left: 15px; } .snippet--two-sw-text-align-grid { display: grid; align-content: center; overflow: hidden; } @media screen and (width < 512px) { .snippet--two-truncate-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3em; height: 3.9em; } } /* End */ /* Start:/local/components/epir/medialibrary.list/templates/.snippets_two/css/slick.css?17434028312965*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*Внесенные изменения*/ .snippet--two-snippet-sw-tag-inner .slick-dots { position: absolute; bottom: 5px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .snippet--two-snippet-sw-tag-inner .slick-dots li.slick-active button:before { opacity: .75; color: black; } .snippet--two-snippet-sw-tag-inner .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .snippet--two-snippet-sw-tag-inner .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:before { font-family: slick, serif; font-size: 20px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 5px; height: 5px; background: #000; border-radius: 100%; content: ""; text-align: center; opacity: 0.25; -webkit-font-smoothing: antialiased; } /* End */ /* Start:/local/components/epir/medialibrary.list/templates/.snippets_three/style.css?1743402831493*/ .snippet--three-snippet-sw-tag-parent { } .snippet--three-snippet-sw-tag-inner { display: grid; grid-template-columns: 22% 78%; align-content: center; } .snippet--three-sw-p-10 { padding: 10px; } .snippet--three-sw-text-align-grid { display: grid; align-content: center } @media screen and (width < 512px) { .snippet--three-truncate-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.3em; height: 3.9em; } } /* End */ /* Start:/local/components/epir/medialibrary.list/templates/.snippets_four/style.css?1743402831848*/ .snippet--four-snippet-sw-tag-parent { display: grid; grid-template-columns: 1fr 1fr; } .snippet--four-snippet-sw-tag-inner { display: grid; grid-template-rows: 50% 50%; align-content: center; } .snippet--four-sw-p-10 { padding: 10px; } .snippet--four-sw-plr-10 { padding-left: 10px; padding-right: 10px; } .snippet--four-sw-text-align-grid { display: grid; align-content: center; overflow: hidden; } @media screen and (width < 512px) { .snippet--four-sw-text-align-grid .snippet--four-truncate-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.3em; } .snippet--four-snippet-sw-tag-parent { display: grid; grid-template-columns: 1fr; } .snippet--four-snippet-sw-tag-inner { display: grid; grid-template-rows: 60% 40%; align-content: center; } } /* End */ /* Start:/local/components/epir/medialibrary.list/templates/.snippets_five/style.css?1743402831818*/ .snippet--five-snippet-sw-tag-parent { display: grid; grid-template-columns: 1fr 1fr 1fr; } .snippet--five-snippet-sw-tag-inner { display: grid; grid-template-rows: 1fr 1fr; align-content: center; } .snippet--five-sw-p-10 { padding: 10px; } .snippet--five-sw-plr-10 { padding-left: 10px; padding-right: 10px; } .snippet--five-sw-text-align-grid { align-content: center; overflow: hidden; } @media screen and (width < 512px) { .snippet--five-truncate-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.3em; height: 3.9em; } .snippet--five-snippet-sw-tag-parent { display: grid; grid-template-columns: 1fr; } .snippet--five-snippet-sw-tag-inner { display: grid; grid-template-rows: 65% 35%; align-content: center; } } /* End */ /* Start:/local/templates/auto108_v2/styles.css?1743402832129685*/ a:root { --blue-color: #238EE3; --grey-color: #F2F2F2; } :root { --blue-color: #238EE3; --grey-color: #F2F2F2; } h1,h2,h3,h4,h5 { font-family: 'Gotham Pro'; font-weight: 700; margin: 0; padding: 0; } h3 { text-transform: uppercase; } body { font-family: 'Gotham Pro', Roboto, sans-serif; line-height: 1.5; margin: 0; padding: 0; overflow-x: hidden; } ul, li { padding: 0; margin: 0; list-style: none; } a { text-decoration: none; color: inherit; } .button { background-color: #FFFFFF; padding: 14px 26px; border-radius: 6px; white-space: nowrap; font-weight: 500; color: #333333; font-size: 14px; font-family: 'Gotham Pro Medium'; } .button.wide { display: flex; justify-content: center; } .button.blue { background-color: #238EE3; color: #FFFFFF; } .button.gray { background: #F2F2F2; color: #333333; font-family: 'Gotham Pro Medium'; } .button:hover { background-color: #238EE3; color: #FFFFFF; } .wrapper { margin: 20px; } .container { max-width: 1170px; display: flex; flex-direction: column; align-items: center; margin: 0 auto; } .services .container .row { display: flex; width: 100%; } .services .container .row div[id]{ display: flex; width: 100%; } .services { display: flex; } .services p { font-size: 14px; } .services__list { display: flex; flex-wrap: wrap; } .services__sections-item--image { margin-bottom: 10px; } .services__sidebar { flex: 2; } .services__menu { background-color: #FFFFFF; box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.08); border-radius: 8px; padding: 12px; margin-bottom: 40px; width: 100%; } .services__menu--item { padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #ebebeb; } .services__menu--item:first-child { padding-top: 0; } .services__menu--item:last-child { padding-bottom: 0; border-bottom: none; } .services__menu--item a { display: flex; color: #333333; } .services__menu--item a svg { height: 22px; fill: #828282; stroke: #828282; width: auto; margin: 8px; } .services__menu--item a div.img { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } .services__menu--item a span{ margin: 10px 0; font-size: 13px; font-weight: 400; width: 100%; padding-left: 14px; } .services__menu--item a:hover { color: #238EE3; background-color: rgba(242, 242, 242, 0.5); } .services__menu--item a:hover svg{ fill: #238EE3; stroke: #238EE3; } .services__portfolio{ display: flex; flex-direction: column; align-items: center; } .services__portfolio--title { align-self: flex-start; margin-bottom: 18px; font-weight: 700; font-size: 16px; } .services__portfolio--list { /*display: flex; flex-wrap: wrap; gap: 10px;*/ display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 16px; grid-row-gap: 16px; margin-bottom: 34px; } .services__portfolio--list .product-item .product-item-title{ display: none; } .services__portfolio--list .product-item .product-item__content{ display: none; } .services__portfolio--item { width: 160px; height: 160px; position: relative; } .services__portfolio--item a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; } .services__portfolio--link { width: 100%; text-align: center; color: #238EE3; } .services__main { flex: 5; margin-left: 36px; } .services__main-headline { background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 8px; padding: 32px; margin-bottom: 32px; width: 100%; color: #FFFFFF; background-color: #238ee3; display: flex; justify-content: space-between; align-items: flex-end; } .services__main-headline h1{ font-weight: 700; font-size: 32px; line-height: 1; margin-top: 0; } .services__main-headline--content { width: 80%; } .services__main-headline--logo { } .services__main-description { margin-bottom: 32px; } .services__main-description h3{ margin-bottom: 24px; letter-spacing: 0px; } .services__main-price { background: #FFFFFF; box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.08); border-radius: 8px; padding: 30px 35px; margin-bottom: 32px; } .services__main-price--list { margin-bottom: 32px; } .services__main-price--item { display: flex; justify-content: space-between; border-bottom: 1px solid #ebebeb; padding: 16px 0 8px; } .services__main-price--item:last-child { border-bottom: none; } .services__main-gallery { margin-bottom: 32px; overflow-x: hidden; } .services__main-gallery--list { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 14px; grid-row-gap: 14px; } .services__main-gallery--item { border-radius: 6px; } .services__main-gallery--item.displaynone { display: none; } .services__main-gallery--item a { height: 0; width: 100%; overflow: hidden; position: relative; padding-top: 75%; display: flex; justify-content: center; align-items: center; color: #FFFFFF; } .services__main-gallery--item a img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 6px; } .services__main-gallery--item.expand a span{ background-color: rgba(51, 51, 51, 0.75); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; } .services__main-additional { margin-bottom: 32px; } .services__main-request { background-repeat: no-repeat; background-size: contain; background-position: right bottom; /*background: linear-gradient(90deg, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0.85) 50%, rgba(51, 51, 51, 0.15) 100%), url('/local/templates/auto108_v2/./images/services/request.png') no-repeat right;*/ border-radius: 6px; color: #FFFFFF; padding: 32px 43px 40px; } .services__main-request--content h2 { margin-bottom: 14px; } .services__main-request--content p { margin-bottom: 46px; } .request { background-color: #238ee3; } .request__button { text-transform: uppercase; } .section-price--item__name { font-size: 14px; } .section-price--item__value { font-size: 14px; font-weight: 700; } .pagination__list { display: flex; justify-content: center; } .pagination__list li { width: 30px; height: 30px; margin-right: 5px; border: 2px solid #F2F2F2; background-color: #FFFFFF; border-radius: 3px; } .pagination__list li.active, .pagination__list li:hover { border: 2px solid #238EE3; background-color: #eef6fd; font-weight: 500; } .pagination__list li:last-child { margin-right: 0px; } .pagination__list li a{ padding: 10px 12px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #333333; } .pagination__button svg { height: 10px; } li.pagination__button { background-color: #F2F2F2; } li.pagination__button a { padding: 0; } .portfolio .container > div[id] { width: 100%; } .portfolio .container .hr-top.m-0.mb-1.mt-1 { display: none; } .portfolioInfo { display: none; } .portfolioQuestions { display: none; } @media (max-width: 768px) { .portfolioInfo { font-size: 14px; line-height: 1.4; opacity: 0.8; } .portfolioQuestions { font-size: 14px; line-height: 1.4; opacity: 0.8; } } .portfolioInfo.active, .portfolioQuestions.active { display: block; } .portfolio .portfolio-top-menu { padding-bottom: 45px; border-bottom: 1px solid #E0E0E0; width: 100%; } .portfolio .portfolio__section { width: 100%; flex-direction: column; } .portfolio .portfolio__sections-list{ display: flex; flex-wrap: wrap; border: none; background: #ffffff; padding: 20px; border-radius: 3px; box-shadow: 0px 2px 25px 0px #00000017; } .portfolio .portfolio__sections-item { display: flex; align-items: center; width: 100%; gap: 10px; padding: 7.5px 10px; border-bottom: 1px solid #F2F2F2; transition: .2s ease; } .portfolio .portfolio__sections-item:hover .portfolio__sections-item--title { color: #5a5a5a; } .portfolio .portfolio__sections-item:last-child { border-color: transparent; } .portfolio .portfolio__sections-item .portfolio__sections-item--title { font-weight: 400; font-size: 16px; color: #000000; font-family: 'Gotham Pro Medium'; } .portfolio .portfolio__sections-item-image img{ width: 100%; } .portfolio .portfolio-detail__title { color: #238EE3; font-size: 28px; font-weight: 500; margin-bottom: 30px; font-family: 'Gotham Pro Medium'; } .portfolio .portfolio-detail__content { display: flex; flex-direction: column; /*align-items: center;*/ width: 100%; } @media (width >= 768px) and (width <= 1200px){ .portfolio .portfolio-detail__content { padding: 0 15px; } } .portfolio .portfolio-detail__gallery-wrapper { width: 100%; overflow-x: hidden; margin-bottom: 30px; } /* .portfolio .portfolio-detail__gallery-list { display: flex; } */ /* .portfolio .portfolio-detail__gallery-item img{ width: 100%; height: 100%; object-fit: cover; } */ .portfolio .portfolio-detail__gallery-item { cursor: pointer; height: 0; width: 100%; overflow: hidden; position: relative; padding-top: 75%; } .portfolio .portfolio-detail__gallery-item img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .portfolio .portfolio-detail__description { margin-bottom: 30px; } .portfolio .portfolio-detail__description--tabs { display: flex; border-bottom: 1px solid #E0E0E0; justify-content: flex-start; margin-bottom: 30px; } .portfolio .portfolio-detail__description--tabs li{ margin-right: 40px; padding-bottom: 15px; } .portfolio .portfolio-detail__description--tabs li:last-child{ margin-right: 0; } .portfolio .portfolio-detail__description--tabs li.active, .portfolio .portfolio-detail__description--tabs li:hover { border-bottom: 2px solid #238EE3; } .portfolio .portfolio-detail__description--tabs li a{ color: #828282; font-family: 'Gotham Pro Medium'; } .portfolio .portfolio-detail__description--tabs li.active a, .portfolio .portfolio-detail__description--tabs li:hover a{ color: #238EE3; } .portfolio .portfolio-detail__stages { background: #FFFFFF; box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.09); border-radius: 5px; padding: 40px; width: 100%; margin-bottom: 60px; } .portfolio .portfolio-detail__stages--description { margin-bottom: 24px; opacity: 0.8; } .portfolio .portfolio-detail__stages--list { /*display: flex;*/ flex-wrap: wrap; justify-content: flex-start; margin-bottom: 10px; display: none; } .portfolio .portfolio-detail__stages--list li img{ height: 157.5px; width: 210px; object-fit: cover; overflow: hidden; } /* .portfolio .portfolio-detail__stages--list li{ height: 0; width: 100%; overflow: hidden; position: relative; padding-top: 75%; } .portfolio .portfolio-detail__stages--list li img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } */ .services__main-gallery--list--mobile-slider { display: none; } .portfolio .portfolio-detail__materials { margin-bottom: 32px; } .portfolio .portfolio-detail__materials h3{ margin-bottom: 32px; } .portfolio .portfolio-detail__materials--item { display: flex; margin-bottom: 30px; } .portfolio .portfolio-detail__materials--item:last-child { margin-bottom: 0; } .portfolio .portfolio-detail__materials--item .materials--item__buttons{ border-bottom: 1px solid #E0E0E0; } .portfolio .portfolio-detail__materials--item:last-child .materials--item__buttons{ border-bottom: none; } .portfolio .portfolio-detail__feed { margin-bottom: 100px; width: 100%; } .portfolio .portfolio-detail__feed h3 { margin-bottom: 32px; } .portfolio .portfolio-detail__feed--list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 30px; } .portfolio .portfolio-detail__feed--list .product-item-image-wrapper{ height: 0; width: 100%; overflow: hidden; position: relative; padding-top: 75%; } .portfolio .portfolio-detail__feed--list .product-item-image-wrapper__image{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .materials--item__image { margin-right: 25px; } .materials--item__image img{ border-radius: 3px; } .materials--item__info { display: flex; width: 100%; justify-content: space-between; } .materials--item__info h4 { width: 40%; } .materials--item__buttons { display: flex; align-items: center; justify-content: space-between; padding-bottom: 42px; } .materials--item__buttons .materials--item__add-to-cart { font-weight: 400; } .materials--item__buttons .materials--item__add-to-cart span{ font-weight: 500; } .materials--item__available--list { text-align: right; } .materials--item__available--list li span{ color: #F65050; font-weight: 500; } .materials--item__available--list li.active span{ color: #16A83F; } .materials--item__add-to-favorites { background: #F2F2F2; border-radius: 8px; padding: 13px; display: flex; justify-content: center; align-items: center; } .materials--item__add-to-favorites svg { height: 15px; fill: #828282; } .portfolio .portfolio-detail__stages--list li { margin-right: 8px; border-radius: 6px; } .product-item { display: flex; flex-direction: column; justify-content: space-between; width: 100%; gap: 15px; } .services .product-item { width: 160px; } .product-item img { width: 100%; } .product-item h4{ margin-bottom: auto; line-height: 1.3; color: #333333; font-size: 14px; font-weight: 500; } .portfolio .product-item h4 a{ color: #333333; font-family: 'Gotham Pro'; font-weight: 500; font-size: 13px; } .portfolio .product-item .product-item-image-wrapper-ud:hover .product-item-title { text-decoration: underline #CCCCCC; } .product-item .button.wide { margin-top: auto; } .product-item-image-ud { width: 100%; /*height: 200px;*/ background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; margin-bottom: 5px; border-radius: 3px; } .request { display: flex; align-items: center; justify-content: space-between; border-radius: 3px; padding: 22px 24px; position: relative; overflow: hidden; } .request .circles { position: absolute; z-index: 1; top: 0; bottom: 0; right: 0; left: 0; } .circle-one { content: ''; width: 180px; height: 180px; border-radius: 50%; position: absolute; background: rgba(255,255,255, 0.15); z-index: 0; right: 35%; top: -100%; } .circle-two{ content: ''; width: 200px; height: 200px; border-radius: 50%; position: absolute; background: rgba(255,255,255, 0.15); z-index: 0; right: 20%; top: -90%; } .circle-three{ content: ''; width: 400px; height: 400px; border-radius: 50%; position: absolute; background: rgba(255,255,255, 0.15); z-index: 0; right: -20%; top: -220%; } .circle-four { content: ''; width: 200px; height: 200px; border-radius: 50%; position: absolute; background: rgba(255,255,255, 0.15); z-index: 0; right: -10%; top: -20%; } .request__content { display: flex; align-items: center; z-index: 2; } .request__content-icon { border-radius: 50%; background: rgba(255,255,255, 0.25); padding: 12px; display: flex; justify-content: center; align-items: center; margin-right: 24px; } .request__content-icon svg{ height: 30px; fill: #FFFFFF; } .request__content-info p{ color: #FFFFFF; opacity: 0.5; font-size: 18px; margin: 0 0 4px 0; } .request__content-info span{ color: #FFFFFF; font-weight: 700; font-size: 24px; } .request .button { z-index: 2; } .product-filter { display: flex; justify-content: space-between; align-items: flex-start; margin: 26px 0; } .product-filter__icon { display: none; /*display: flex;*/ cursor: pointer; background: #F2F2F2; border-radius: 3px; height: 40px; width: 40px; justify-content: center; align-items: center; } .product-filter__icon svg{ height: 15px; fill: #828282; } .product-filter__mobile-wrapper { /*display: none;*/ display: flex; flex-direction: column; position: fixed; top: 0; right: 0; bottom: 0; left: 100%; background-color: #FFF; z-index: 1000; transition: 0.3s ease-out; } .product-filter__mobile-wrapper.active { /*display: flex;*/ left: 0; } .product-filter__mobile--head { height: 50px; width: 100%; display: flex; align-items: center; background: #333333; color: #FFF; padding: 0 15px; position: relative; } .product-filter__mobile--head span{ margin-right: 15px; } .product-filter__mobile--head span, .product-filter__mobile--head a { line-height: 1; } .product-filter__mobile--head .product-filter__mobile--button{ font-size: 14px; font-weight: 200; margin-right: 10px; padding-bottom: 1px; margin-top: 1px; color: #FFFFFF; opacity: 0.8; border-bottom: 1px dashed #FFFFFF; } .product-filter__mobile--head .product-filter__mobile--close{ position: absolute; color: #FFFFFF; top: 50%; transform: translateY(-50%); right: 15px } .product-filter__mobile--title { color: #333333; opacity: 0.8; font-family: 'Gotham Pro Medium'; } .product-filter__mobile--section { padding: 24px 15px; } .product-filter__mobile--section ul { margin-top: 16px; display: flex; flex-wrap: wrap; } .product-filter__mobile--section ul li { width: 49%; } .product-filter__mobile--section ul li > div{ display: flex; } .product-filter__mobile--section ul li input{ margin-right: 12px; } .product-list { margin-bottom: 75px; } .product-list.grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px 10px; } .product-list.lines { display: flex; flex-direction: column; } .portfolio-ud-body { display: flex; } .portfolio-ud-body>.portfolio-top-menu { min-width: 30%; width: 30%; padding-right: 20px; border-bottom: none; } .product-item-date { margin: 0; margin-top: auto; margin-bottom: 16px; border-top: 1px solid #E0E0E0; padding-top: 16px; display: none; } .product-list.lines .product-item{ flex-direction: row; justify-content: flex-start; margin-bottom: 30px; } .product-list.lines .product-item-image-wrapper{ margin-right: 30px; } .product-list.lines .product-item-date{ margin: 0; } .product-list.lines .product-item h4 { border: none; } .product-list.lines .button { margin-top: auto; align-self: flex-end; } .portfolio .portfolio__sections-item>.portfolio__sections-item-image { max-width: 30%; line-height: 0; } .portfolio-top-menu .portfolio-ud-top-menu { color: #000000; font-size: 16px; font-weight: 500; margin-bottom: 15px; width: 100%; cursor: default; } .product-item__content { display: flex; flex-direction: column; } .portfolio .portfolio__section .product-item-image-wrapper{ height: 0; overflow: hidden; position: relative; padding-top: 75%; } .services .product-item .product-item-image-wrapper img, .portfolio .product-item .product-item-image-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 3px; } .product-item-title a { font-size: 14px; color: #333333; } .portfolio-ud .portfolio__section { margin-left: 0; margin-top: 30px; } .product-filter__main { display: flex; } .product-filter__main > span { color: #333333; font-weight: 500; margin-right: 16px; margin-top: 1rem; } .filter__display-button svg{ height: 20px; fill: #BDBDBD; } .filter__display-button:hover svg{ fill: #828282; } .filter-button-inputs { display: flex; align-items: center; } .reset-inputs { line-height: 1; color: #BDBDBD; margin-right: 10px; } .apply-inputs { line-height: 1; color: #BDBDBD; } /*multi-select*/ .multiselect-dropdown{ display: inline-block; padding: 2px 5px 0px 5px; border-radius: 4px; border: solid 1px #ced4da; background-color: white; position: relative; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; } .multiselect-dropdown span.optext, .multiselect-dropdown span.placeholder{ margin-right:0.5em; margin-bottom:2px; padding:1px 0; border-radius: 4px; display:inline-block; } .multiselect-dropdown span.optext{ background-color:lightgray; padding:1px 0.75em; } .multiselect-dropdown span.optext .optdel { float: right; margin: 0 -6px 1px 5px; font-size: 0.7em; margin-top: 2px; cursor: pointer; color: #666; } .multiselect-dropdown span.optext .optdel:hover { color: #c66;} .multiselect-dropdown span.placeholder{ color:#ced4da; } .multiselect-dropdown-list-wrapper{ /*box-shadow: gray 0 3px 8px;*/ z-index: 100; padding:2px; border-radius: 4px; border: solid 1px #ced4da; display: none; margin: -1px; position: absolute; top:0; left: 0; right: 0; background: white; } .multiselect-dropdown-list-wrapper .multiselect-dropdown-search{ margin-bottom:5px; } .multiselect-dropdown-list{ padding:2px; height: 15rem; overflow-y:auto; overflow-x: hidden; } .multiselect-dropdown-list::-webkit-scrollbar { width: 6px; } .multiselect-dropdown-list::-webkit-scrollbar-thumb { background-color: #bec4ca; border-radius:3px; } .multiselect-dropdown-list div{ padding: 5px; } .multiselect-dropdown-list input{ height: 1.15em; width: 1.15em; margin-right: 0.35em; } .multiselect-dropdown-list div.checked{ } .multiselect-dropdown-list div:hover{ background-color: #ced4da; } .multiselect-dropdown span.maxselected {width:100%;} .multiselect-dropdown-all-selector {border-bottom:solid 1px #999;} .multiselect-dropdown { width: 200px; padding: 11px 12px; margin-right: 16px; } .multiselect-dropdown-list-wrapper { padding: 0; } .multiselect-dropdown-search { border: 1px solid #238ee3; border-radius: 3px; padding: 15px 12px; } .multiselect-dropdown-list { padding: 4px; } .multiselect-dropdown-list div{ display: flex; align-items: center; } .multiselect-dropdown-list input { margin-right: 12px; } #portfolio-filter { display: flex; } #portfolio-filter > span { font-weight: 600; margin-right: 16px; margin-top: 1rem; line-height: 1; } .portfolio-detail__content .catalog__grid .cat__item-preview, .portfolio-detail__content .catalog__owl__codekeepers .cat__item-preview { min-height: unset !important; height: 0 !important; width: 100% !important; overflow: hidden; position: relative; padding-top: 75%; } .portfolio-detail__content .product-item-image-wrapper img { height: 100%; width: 100%; object-fit: cover; } .product-filter .custom-select { min-width: 192px; height: 44px; margin-right: 20px; } .product-filter .custom-select > button{ height: 100%; } .product-filter .custom-select__dropdown { max-height: 325px; overflow-y: scroll; } .product-filter .custom-select__dropdown::-webkit-scrollbar { width: 6px; height: 6px; } .product-filter .custom-select__dropdown::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0, 0, 0, 0.2); } .product-filter .custom-select__dropdown::-webkit-scrollbar-track { border-radius: 10px; background: rgba(0, 0, 0, 0.1); } .portfolio-detail__gallery-list { display: flex; flex-direction: column; } #recomended { margin-bottom: 68px; } .services .owl-stage, .portfolio .owl-stage { display: flex; } .owl-item.active.center { display: flex; justify-content: center; } .portfolio-detail__content .owl-dots, .services .owl-dots{ width: 50%; /*display: flex;*/ justify-content: center; align-self: center; display: none; } .portfolio-detail__content .owl-dot, .services .owl-dot{ background: #f2f2f2; width: 40px; height: 3px; border-radius: 2px; border: none; margin-right: 10%; cursor: pointer; outline: none; } .portfolio-detail__content .owl-dot:last-child, .services .owl-dot:last-child{ margin-right: 0; } .portfolio-detail__content .owl-dot.active, .services .owl-dot.active{ background: #828282; } .portfolio-detail__content .catalog__grid .catalog__item .product-item-image-wrapper img, .portfolio-detail__content .catalog__owl__codekeepers .catalog__item .product-item-image-wrapper img, .services .catalog__grid .catalog__item .product-item-image-wrapper img, .services .catalog__grid .catalog__owl__codekeepers .product-item-image-wrapper img { height: unset; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .services__portfolio--list .product-item .product-item-image-wrapper { height: 0; width: 100%; overflow: hidden; position: relative; padding-top: 75%; } .portfolio .bx-pagination { margin: 140px 0 30px; } .portfolio .owl-nav.disabled, .services .owl-nav.disabled { display: none; } .load_more_codekepeers { display: none; } .catalog__owl__codekeepers { display: none; } .portfolio-detail__stages--list-slider { overflow-x: hidden; margin-bottom: 24px; } .portfolio-detail__stages--list-slider li{ cursor: pointer; height: 0; width: 100%; overflow: hidden; position: relative; padding-top: 75%; } .portfolio-detail__stages--list-slider li > a{ /*cursor: pointer; height: 0; width: 100%; overflow: hidden; position: relative; padding-top: 75%;*/ } .portfolio-detail__stages--list-slider img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 6px; } /*Адаптив*/ @media (max-width: 1200px) { .container { max-width: 100%; padding: 0 15px; } .services__main { margin-left: 15px; } .product-list { grid-column-gap: 10px; grid-row-gap: 10px; } } @media (max-width: 1100px) { .container .row { flex-direction: column; } .services__portfolio { margin-top: 32px; } .services__main { margin-left: 0; } } @media (max-width: 1050px) { .product-list { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; } .services__portfolio--list { grid-column-gap: 10px; grid-row-gap: 10px; } /* .product-item { width: 40vw; }*/ } @media (max-width: 800px) { .product-list.grid { grid-template-columns: 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; justify-content: center; } } @media (max-width: 768px) { .services__main-description h3{ font-weight: 700; font-size: 16px; } .main .services .container { padding: 0 15px; } .main .portfolio .container { padding: 0 15px; } .portfolio .portfolio-top-menu { border-bottom: none; height: 100%; width: 100%; position: relative; overflow: hidden; overflow-x: auto; } /*.portfolio .portfolio-top-menu::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); }*/ .services__portfolio--list .product-item { margin-bottom: 10px; width: 100%; } .services__portfolio--list .product-item .product-item-title{ display: flex; } .services__portfolio--list .product-item .product-item__content{ display: flex; } .services__portfolio--list { display: grid; grid-template-columns: 1fr; grid-column-gap: 10px; grid-row-gap: 10px; margin-bottom: 18px; } /* карточки в услугах */ .product-item-image-wrapper__image { height: 188px; object-fit: cover; } .services__menu { background-color: unset; box-shadow: none; padding: 0; overflow-x: scroll; border-radius: 0; padding-bottom: 20px; margin-top: 25px; margin-bottom: 25px; } .services__menu--list { display: inline-flex; } .services__menu--item { width: 150px; height: 110px; position: relative; border-radius: 3px; overflow: hidden; padding: 0; margin-right: 12px; padding: 16px; } .services__menu--item:first-child { padding: 16px; } .services__menu--item .overlay { background: linear-gradient(180deg, #333333 0%, rgba(51, 51, 51, 0) 100%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .services__menu--item a span{ color: #FFFFFF; position: absolute; text-transform: uppercase; width: 80%; margin: 0; padding-left: 0; } .services__menu--item a svg { display: none; } .services__menu--item a div.img { display: block; } .services__main-headline { flex-direction: column; align-items: flex-start; padding: 24px; margin-bottom: 50px; background-color: #333333; } .services__main-headline h1 { font-size: 24px; margin-bottom: 16px; } .services__main-headline--content { width: 100%; } .services__main-headline--content p { margin-bottom: 24px; font-weight: 200; font-size: 12px; } .services__main-price { padding: 8px 20px 24px; } .services__main-gallery { overflow-y: scroll; margin-bottom: 20px; padding-bottom: 15px; } .services__main-gallery--list { display: inline-flex; grid-template-columns: none; grid-column-gap: unset; grid-row-gap: unset; display: none; } .services__main-gallery--item { position: relative; /*width: 160px;*/ border-radius: 6px; /* margin-right: 10px;*/ } .services__main-request { padding: 22px 20px; background-size: cover; } .services__main-request--content { display: flex; flex-direction: column; align-items: flex-start; } .services__portfolio--title { } .services__main-request--content h2 { width: 80%; margin-bottom: 0; line-height: 1; font-family: 'Gotham Pro'; font-weight: 700; font-size: 22px; } .services__main-request--content p { margin-top: 10px; font-size: 13px; line-height: 130%; font-weight: 200; margin-bottom: 20px; } .services__main-request--content .button{ display: flex; font-family: 'Gotham Pro Medium'; text-transform: uppercase; justify-content: center; width: 100%; font-size: 12px; } .services__portfolio--link { background-color: #FFFFFF; padding: 14px 26px; border-radius: 6px; text-transform: uppercase; font-weight: 500; color: #333333; background: #F2F2F2; color: #333333; font-family: 'Gotham Pro Medium'; font-size: 12px; } .portfolio .product-item-image-wrapper img, .services .product-item-image-wrapper img { height: 100%; width: 100%; } .portfolio .portfolio-detail__title { line-height: 1.2; font-weight: 500; font-family: 'Gotham Pro Medium'; font-size: 20px; } .portfolio-top-menu { width: 100%; } .portfolio .product-list { margin-bottom: 30px; } /* .portfolio-top-menu { position: relative; } .portfolio-top-menu:before { content: ''; position: absolute; top: 0; right: -5%; bottom: 0; left: 80%; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); } */ .portfolio .portfolio__sections-item a { font-weight: 200; } .portfolio .portfolio__section { margin: 0; } .portfolio .portfolio-detail__feed--list { display: grid; grid-template-columns: 1fr; grid-column-gap: 10px; grid-row-gap: 10px; } .product-list { width: 100%; } .product-list.grid { /*grid-column-gap: 15px; grid-row-gap: 24px;*/ display: flex; flex-direction: column; } .product-item-title { line-height: 1.2; } .product-filter { flex-direction: column; align-items: flex-start; } #portfolio-filter { flex-direction: column; } #portfolio-filter > span { margin-bottom: 16px; } /* .product-filter__display-buttons { display: none; } .product-filter__main { display: none; }*/ /*.product-filter__icon { display: flex; }*/ .product-item { margin-bottom: 20px; width: 100%; } .product-item:last-child { margin-bottom: 0; } .portfolio .portfolio-detail__gallery-item { overflow: hidden; } /*.portfolio-detail__description--tabs { justify-content: center; }*/ .portfolio .portfolio-detail__stages { padding: 24px 20px; } .portfolio .portfolio-detail__stages h3{ font-size: 20px; text-transform: none; } .portfolio .portfolio-detail__stages--description { font-size: 14px; line-height: 1.4; } .portfolio .portfolio-detail__stages--list li { height: 0; width: 100%; overflow: hidden; position: relative; padding-top: 75%; border-radius: 6px; } .portfolio .portfolio-detail__stages--list li img { max-width: unset; width: 100%; height: unset; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .portfolio .product-item h4 a { font-size: 13px; } .portfolio .product-item-image-wrapper img { width: 100%; height: 100%; object-fit: cover; } .request { padding: 20px; flex-direction: column; border-radius: 6px; } .request .button { padding: 14px 30px; font-size: 12px; } .request__content { width: 100%; margin-bottom: 24px; } .request__content-info { display: flex; flex-direction: column; } .request__content-icon { margin-right: 10px; } .request__content-info p { margin-bottom: 2px; font-size: 16px; } .request__content-info span { font-size: 20px; font-weight: 500; font-family: 'Gotham Pro Medium'; } .portfolio-detail__content .catalog__grid { padding: 0; flex-wrap: nowrap; overflow-x: scroll; overflow-x: -moz-scrollbars-horizontal; -webkit-overflow-scrolling: touch; display: none; } .portfolio-detail__content .catalog__grid .portfolio-detail__content .catalog__grid .catalog__item{ min-width: 50%; width: 50%; padding: 4px; } .portfolio-detail__content .cat__item-title a { text-transform: uppercase; font-weight: 500; font-size: 10px; font-family: 'Gotham Pro Medium'; } .portfolio-detail__content .catalog__grid.list .cat__item-store { justify-content: flex-start; } .portfolio .portfolio-detail__description--tabs li a{ color: #333333; font-size: 14px; font-family: 'Gotham Pro Medium'; text-transform: uppercase; } } @media (max-width: 650px) { .product-filter__main { flex-direction: column; align-items: center; } .product-filter__main > span{ margin-bottom: 10px; } .multiselect-dropdown { margin-right: 0; margin-bottom: 20px; } .apply-inputs { margin-top: 0; } } @media (max-width: 768px) { .portfolio-detail__content .owl-stage-outer, .services .owl-stage-outer{ margin-bottom: 10px; overflow: hidden; } .portfolio-detail__content .owl-dots, .services .owl-dots{ display: flex; width: 100%; } .portfolio-detail__content .owl-dot, .services .owl-dot{ margin-right: 10px; } #recomended { margin-bottom: 56px; } .portfolio .portfolio-detail__feed h3 { margin-bottom: 24px; font-size: 16px; } .product-filter .custom-select { margin-bottom: 20px; } .filter-button-inputs { display: flex; align-items: center; margin-top: 14px; margin-bottom: 21px; } .reset-inputs { margin: 0; margin-right: 12px; } .product-filter__main { width: 100%; } #portfolio-filter { width: 100%; } .product-filter .custom-select { width: 100%; } .services .catalog__item, .portfolio .catalog__item { width: 100%; height: 100%; padding: 0; } .portfolio .portfolio-detail__stages--list { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 5px; grid-row-gap: 5px; margin-bottom: 24px; } .request__content-info p { font-weight: 200; } .services__main-description div p{ color: #000; font-size: 12px; line-height: 140%; font-weight: 300; } .services__main-additional p { color: #000; font-size: 12px; } .portfolio .portfolio-detail__description--tabs { justify-content: center; } .portfolio #recomended h3.text-uppercase.p-4 { font-size: 16px; margin-bottom: 24px; } .portfolio-detail__content .catalog__grid .catalog__item { width: 49%; padding: 0; margin-right: 2%; } .portfolio-detail__content .catalog__grid .catalog__item:nth-child(2n){ margin-right: 2%; } .portfolio-detail__content .catalog__grid .catalog__item { width: 49%; padding: 0; margin-right: 2%; } .portfolio-detail__content .catalog__grid .catalog__item .product-item-image-wrapper img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .services__main-gallery--item.expand a span { display: none; } .services__main-gallery--item.displaynone { display: unset; } .services__main-gallery--list--mobile-slider { display: block; } } @media (max-width: 768px) { .portfolio .bx-pagination, .services .bx-pagination{ display: none; } .portfolio .load_more_codekepeers, .services .load_more_codekepeers{ display: flex; justify-content: center; /*background: #F2F2F2;*/ font-family: 'Gotham Pro Medium'; padding: 17px; text-transform: uppercase; margin-bottom: 55px; background: rgba(35, 142, 227, 0.08); border: 1px solid #238EE3; color: #238EE3; border-radius: 3px; } .portfolio .portfolio-detail__stages--list { display: flex; display: none; } .catalog__owl__codekeepers { display: flex; flex-direction: column; } } .portfolio-top-menu::-webkit-scrollbar { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .portfolio-top-menu::-webkit-scrollbar:vertical { width: 3px; } .portfolio-top-menu::-webkit-scrollbar:horizontal { height: 3px; } .portfolio-top-menu::-webkit-scrollbar-thumb { background: #828282; border-radius: 6px; /*border: 1px solid #ffffff;*/ } .portfolio-top-menu::-webkit-scrollbar-track { border-radius: 6px; background-color: #F2F2F2; } @media (max-width: 576px) { .catalog__grid .catalog__item { padding: 0; width: 49%; margin-right: 2%; } .catalog__grid .catalog__item:nth-child(2n) { margin-right: 0; } .cat__item-preview { max-height: 140px; min-height: 140px; } .catalog__grid .catalog__item .product-item-image-wrapper img { height: unset; } } .portfolio .portfolio__section li.product-item .product-item__content .button { font-size: 13px; } .portfolio .portfolio-detail__content .cat__item-btn--basket { background: #F2F2F2; color: #333333; } .header__phone { margin-top: 5px; } .portfolio-detail__content #recomended .text-uppercase.p-4{ margin-bottom: 36px; } .portfolio .portfolio-detail__content article.catalog__item{ margin: 0 !important; margin-bottom: 30px !important; } .catalog_catalog__item .product-item-image-wrapper img { height: auto; width: auto; } .catalog_catalog__item .slick-slide img { margin: 0 auto; } .catalog_catalog__item .cat__item-preview { height: 185px; overflow: hidden; margin-bottom: 12px; } /*Стили для точек в слайдере */ .catalog_catalog__item { position: relative; } .catalog_catalog__item .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .catalog_catalog__item .slick-dots { position: absolute; bottom: 5px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .catalog_catalog__item .slick-dots li button:before { font-family: slick; font-size: 20px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 5px; height: 5px; background: #000; border-radius: 100%; content: ""; text-align: center; opacity: 0.25; -webkit-font-smoothing: antialiased; } .catalog_catalog__item .slick-dots li.slick-active button:before { opacity: .75; color: black; } .catalog_catalog__item .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .catalog_catalog__item .slick-slide > div { line-height: normal; } @media(min-width: 576px) { .recomended-slider .cat__item-preview { width: auto; } .catalog_catalog__item .slick-slider .slick-track, .catalog_catalog__item .slick-slider .slick-list { max-height: 153px; } } .btn.custom_mobile_search { margin-top: 30px; /* position: fixed; */ bottom: 20px; /* width: calc(100% - 30px); */ width: 100%; } @media(min-width: 769px) { .btn.custom_mobile_search { display: none; } } .search-box-body.search-box-body_custom { padding-bottom: 80px; } .search-box-body .tip { marging-bottom: 10px; margin-top: 10px; } .main.aside { z-index: 1; } @media(min-width: 576px){ .slick-track { margin-left: 0 !important; } } @media(min-width: 1024px) { .item__card-gallery--detail.not(.slick-slider) .item__card-img.not_can_buy { width: -webkit-fill-available; } .item__card-gallery { width: max-content !important; } } .reviews_row { width: 100%; margin-bottom: 40px; } .reviews_row .widget__src { display: none; } .reviews_row .icon { margin: 0; } .reviews_row .widget__footer { display: none; } .flex-container { overflow-x: hidden; } .portfolio-detail__content--redisign * { line-height: normal; } /* features-and-slider */ .features-and-slider { display: grid; grid-template-columns: 480px 1fr; gap: 10px; margin-top: 30px; } .features-and-slider__left { padding: 20px; border-radius: 3px; background: #FFF; box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.09); } .features-and-slider__item-title { font-size: 20px; font-weight: 600; } .features-and-slider__item-spec-info { margin: 15px 0 20px; } .features-and-slider__dl { margin: 0; line-height: normal; display: grid; gap: 10px; } .features-and-slider__dl-row { display: flex; gap: 5px; } .features-and-slider__dd { margin: 0; } .features-and-slider__item-text { margin-top: 15px; line-height: normal; } .features-and-slider__item-footer { margin-top: 20px; } .features-and-slider__item-btn-otder { border: none; padding: 0; border-radius: 3px; background: #238EE3; color: #fff; padding: 13px 23px; font-size: 16px; cursor: pointer; } .features-and-slider__right { min-width: 1px; border-radius: 3px; } @media(width <= 1000px){ .features-and-slider { grid-template-columns: auto; } .features-and-slider__right { order: -1; } } @media(width <= 768px){ .portfolio-detail__content--redisign { padding-top: 30px; } } @media (width <= 592px){ .portfolio-detail__title { margin-bottom: 10px; } .features-and-slider { margin-top: 20px; } .features-and-slider__item-title { font-size: 18px; } .features-and-slider__item-spec-info { font-size: 14px; } .features-and-slider__item-text { font-size: 14px; } .features-and-slider__item-btn-otder { width: 100%; } } .lib-before-after * { line-height: normal; } .lib-before-after { display: grid; grid-template-columns: 1fr 108px; gap: 10px; } .lib-before-after__main { min-width: 1px; position: relative; } .lib-before-after__main .twentytwenty-container img { width: 100%; object-fit: cover; } .lib-before-after__item { border-radius: 3px; } .lib-before-after__nav { min-width: 1px; min-height: 1px; display: flex; flex-direction: column; } .lib-before-after__nav .slick-list { overflow: hidden; } .lib-before-after__nav .slick-track { display: block !important; } .lib-before-after__nav .slick-prev { display: none !important; } .lib-before-after__nav .slick-next { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background: #fff; border: none; padding: 0; margin: 0; box-shadow: 0px -2.0062px 6.0186px 0px rgba(0, 0, 0, 0.20); cursor: pointer; font-size: 0; margin: 0 auto; } .lib-before-after__nav .slick-next::before { content: ''; width: 16px; height: 11px; background: 50% / contain no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' viewBox='0 0 17 12' fill='none'%3E%3Cg clip-path='url(%23clip0_64_446)'%3E%3Cpath d='M0.306641 3.01834L2.16845 1.07747L8.28585 7.45465L14.4032 1.07747L16.2651 3.01834L8.28585 11.3364L0.306641 3.01834Z' fill='%23BFBFBF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_64_446'%3E%3Crect width='11.0341' height='16.0496' fill='white' transform='translate(0.306641 11.6549) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .lib-before-after__nav-list { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .lib-before-after__nav-item { margin-bottom: 3px; border: none !important; position: relative; margin-bottom: 10px; border-radius: 3px; } .lib-before-after__nav-item img { height: 60px; width: 100%; object-fit: cover; } .lib-before-after__nav-item-cut { position: absolute; top: 0; right: 0; width: 100%; transform: translateX(50%); overflow: hidden; } .lib-before-after__nav-item-cut img { transform: translateX(-50%); } .lib-before-after__nav-item-separator { position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 1px; background: #238EE3; } .lib-before-after__nav-item-separator span { content: ''; display: flex; justify-content: center; align-items: center; gap: 2px; width: 10px; height: 10px; border-radius: 50%; background: #238EE3; position: absolute; top: 50%; left: 0; transform: translate(-47%, -50%); } .lib-before-after__nav-item-separator span::before, .lib-before-after__nav-item-separator span::after { content: ""; display: block; width: 2px; height: 4px; background: 50% / contain no-repeat; line-height: 0; } .lib-before-after__nav-item-separator span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='4' viewBox='0 0 3 4' fill='none'%3E%3Cg clip-path='url(%23clip0_250_1245)'%3E%3Cpath d='M1.92867 3.81177L2.32031 3.41676L1.03349 2.11886L2.32031 0.820953L1.92867 0.425951L0.250198 2.11886L1.92867 3.81177Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_250_1245'%3E%3Crect width='2.36589' height='3.54883' fill='white' transform='matrix(-1 0 0 -1 2.4668 3.8916)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .lib-before-after__nav-item-separator span::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='4' viewBox='0 0 3 4' fill='none'%3E%3Cg clip-path='url(%23clip0_250_1248)'%3E%3Cpath d='M1.03031 0.422852L0.638672 0.817863L1.9255 2.11576L0.638672 3.41367L1.03031 3.80867L2.70879 2.11576L1.03031 0.422852Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_250_1248'%3E%3Crect width='2.36589' height='3.54883' fill='white' transform='translate(0.494141 0.342773)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .slick-dots-gray { display: flex; justify-content: center; align-items: center; gap: 4px; position: absolute; width: 100%; line-height: 0; padding-top: 10px; } .slick-dots-gray * { line-height: 0; } .slick-dots-gray button { font-size: 0; line-height: normal; padding: 0; border: none; width: 8px; height: 8px; border-radius: 50%; background-color: rgba(43, 43, 43, 0.15); cursor: pointer; } .slick-dots-gray .slick-active button { background-color: rgba(43, 43, 43, 0.65); } @media (width <= 592px){ .slick-dots-gray * { line-height: 0; } .slick-dots-gray { position: static; } } .lib-before-after .twentytwenty-horizontal .twentytwenty-handle:before, .lib-before-after .twentytwenty-horizontal .twentytwenty-handle:after, .lib-before-after .twentytwenty-vertical .twentytwenty-handle:before, .lib-before-after .twentytwenty-vertical .twentytwenty-handle:after { background: #238EE3; box-shadow: none; } .lib-before-after .twentytwenty-handle { border-color: #238EE3; background-color: #238EE3; display: flex; justify-content: center; align-items: center; gap: 8px; width: 58px; height: 58px; margin-left: -29px; margin-top: -29px; box-sizing: border-box; } .lib-before-after .twentytwenty-left-arrow, .lib-before-after .twentytwenty-right-arrow { border: none; display: flex; justify-content: center; align-items: center; width: 14px; height: 21px; margin: 0; background: 50% / contain no-repeat; position: static; } .lib-before-after .twentytwenty-left-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='22' viewBox='0 0 15 22' fill='none'%3E%3Cg clip-path='url(%23clip0_43_3123)'%3E%3Cpath d='M10.8543 20.5878L13.1787 18.2434L5.54141 10.5404L13.1787 2.8373L10.8543 0.492962L0.89259 10.5404L10.8543 20.5878Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_43_3123'%3E%3Crect width='14.0415' height='21.0623' fill='white' transform='matrix(-1 0 0 -1 14.042 21.0624)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .lib-before-after .twentytwenty-right-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='22' viewBox='0 0 15 22' fill='none'%3E%3Cg clip-path='url(%23clip0_43_3126)'%3E%3Cpath d='M3.26581 0.474609L0.941406 2.819L8.5787 10.522L0.941406 18.2251L3.26581 20.5694L13.2275 10.522L3.26581 0.474609Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_43_3126'%3E%3Crect width='14.0415' height='21.0623' fill='white' transform='translate(0.078125)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } @media(width <= 1000px){ .lib-before-after { grid-template-columns: auto; } .lib-before-after__nav-list { margin: 0 -5px; } .lib-before-after__nav .slick-track { display: flex !important; margin-right: -20px; } .lib-before-after__nav .slick-slide { margin: 0 5px; } .lib-before-after__nav-item img { height: auto; width: 100%; } } @media(width <= 592px){ /*.lib-before-after__main { position: static; }*/ .lib-before-after__nav-item img { height: 100%; object-fit: cover; } /*.lib-before-after { position: relative; padding-bottom: 10px; }*/ /*.slick-dots-gray { position: absolute; bottom: 0; padding: 0; }*/ } .portfolio-detail-steps-work { margin-top: 70px; max-width: 1170px; width: 100%; } .portfolio-detail-steps-work img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 3px; } .portfolio-detail-steps-work__slider img { height: 175px; } .portfolio-detail-steps-work__title { font-size: 20px; font-weight: 600; } .portfolio-detail-steps-work__wrap { margin: 30px auto 0; max-width: 972px; display: grid; gap: 15px; } .portfolio-detail-steps-work__img { max-height: 554px; } .portfolio-detail-steps-work__images { display: flex; flex-wrap: wrap; gap: 15px; } .portfolio-detail-steps-work__images-item { flex: 1 281px; max-height: 554px; } .portfolio-detail-steps-work__images-item img { } .portfolio-detail-steps-work__slider { width: 100%; min-width: 1px; } .portfolio-detail-steps-work__slider .owl-stage-outer { overflow-x: hidden; z-index: 2; position: relative; } .portfolio-detail__stages--list-slider-3 .owl-dot { width: 8px; height: 8px; border-radius: 50%; margin: 0 2px; padding: 0; display: block; box-sizing: border-box; } .portfolio-detail__used-products h3 { text-transform: none; } .portfolio-detail__reviews * { line-height: 1.5; } .portfolio-detail__reviews .carousel.widget__header{ margin-left: 0 !important; } .portfolio-detail__reviews .widget__footer-isMobile { display: none; } .portfolio-detail__dignity { margin-top: 50px; } @media (width <= 592px) { .portfolio-detail-steps-work { margin-top: 30px; } .portfolio-detail-steps-work__wrap { font-size: 14px; margin-top: 20px; row-gap: 10px; } .portfolio-detail-steps-work__images { gap: 10px; } .portfolio-detail-steps-work__images-item { max-width: 450px; flex: 1 200px; } .portfolio-detail-steps-work__slider img { width: 69.6vw; height: auto; } .portfolio-detail__dignity { margin-top: 30px; } .features-and-slider { grid-gap: 20px; } } /* / features-and-slider */ /* .dignity */ .dignity { padding: 20px 0; } .dignity__tab { display: flex; flex-wrap: wrap; justify-content: center; } .dignity__tab-item { cursor: pointer; flex: 0 1 292px; } .dignity__tab-item.active { box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.25); } .dignity__tab-item.active .dignity__tab-item-wrap::after { transform: rotateX(180deg); } .dignity__tab-item-wrap { display: flex; gap: 15px; align-items: center; padding: 12px; position: relative; justify-content: space-between; } .dignity__tab-item-wrap::after { content: ""; display: block; width: 8px; height: 6px; background: 50% / contain no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cg clip-path='url(%23clip0_90_901)'%3E%3Cpath d='M0.5287 1.12408C0.470726 1.17198 0.423835 1.23188 0.391257 1.29965C0.358681 1.36741 0.341192 1.44143 0.34 1.5166C0.341045 1.59195 0.358462 1.66617 0.391045 1.73412C0.423628 1.80207 0.470596 1.86213 0.5287 1.91014L3.96814 4.87596C4.0298 4.92839 4.10071 4.96885 4.17724 4.99524C4.33705 5.05111 4.51111 5.05111 4.67092 4.99524C4.74742 4.96833 4.81831 4.92754 4.88002 4.87494L8.31946 1.90912C8.37566 1.86088 8.42085 1.80115 8.45199 1.73397C8.48314 1.66678 8.49951 1.5937 8.5 1.51966C8.4983 1.44502 8.48057 1.37162 8.44802 1.30442C8.41546 1.23723 8.36884 1.17781 8.3113 1.1302C8.19094 1.02723 8.02978 0.968095 7.86046 0.967075C7.69114 0.966056 7.52896 1.02213 7.40656 1.12408L4.42306 3.69738L1.43956 1.12408C1.31207 1.0175 1.15084 0.959689 0.98464 0.960958C0.81328 0.960958 0.64906 1.01907 0.5287 1.12408Z' fill='%23828282'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_90_901'%3E%3Crect width='8.16' height='6' fill='white' transform='matrix(-1 0 0 1 8.5 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); transition: transform 0.3s; } .dignity__tab-item-icon { width: 56px; height: 56px; border-radius: 12px; background: #E3F0FB; display: flex; justify-content: center; align-items: center; padding: 15px; fill: #238EE3; } .dignity__tab-item-text { flex: 1; font-size: 14px; max-width: 170px; } .dignity__description { padding: 0 12px; margin-top: 20px; } .dignity__description-item { display: none; } .dignity__description-item.active { display: block; } .dignity__description-item-wrap { font-size: 14px; } @media (width <= 1200px){ .dignity__tab-item { flex: 1 50%; } .dignity__tab-item-wrap { justify-content: flex-start; } .dignity__tab-item-wrap::after { margin-left: auto; } .dignity__tab-item-text { max-width: none; } } @media (width <= 620px){ .dignity__tab-item { flex: 100%; } } @media (width <= 592px){ .dignity { padding: 0; } } /* / .dignity */ .portfolio-detail__open-form { max-width: 973px; width: 100%; margin: 50px auto; } .store-action { position: relative; cursor: pointer; } .store-action.active svg { fill: #238EE3 !important; } .store-popup-copy { position: absolute; bottom: 100%; color: #000; left: 50%; transform: translateX(-50%); padding: 5px; display: block; border-radius: 3px; background: #FFF; box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.09); display: none; } .store-popup-copy::before { content: ''; position: absolute; bottom: 0; left: 50%; top: 100%; transform: translateX(-50%); border: 4px solid transparent; border-top: 5px solid #fff; } .portfolio-detail__used-products { margin-top: 50px; } .portfolio-detail__used-products > #recomended { margin-bottom: 50px; } .restyle-block-title { color: #000; font-size: 20px; font-weight: 600; padding-bottom: 30px; } .portfolio-detail__used-products .cat__item-price { display: block; padding: 0; } .portfolio-detail__used-products .cat__item-btn--basket-price { display: none; } .portfolio .portfolio-detail__content .portfolio-detail__used-products .cat__item-btn--basket{ background: #238EE3; color: #fff; font-size: 16px; text-transform: math-auto !important; font-family: inherit; } @media (width <= 768px){ .portfolio-detail__used-products .cat__item-price { padding: 13px 5px 10px; } } @media (width <= 592px){ .portfolio-detail__used-products { margin-top: 30px; } .restyle-block-title { padding-bottom: 20px; font-size: 18px; } .portfolio-detail__used-products > #recomended { margin-bottom: 20px; } .portfolio .portfolio-detail__content article.catalog__item { margin-bottom: 0 !important; } } /* форма */ /* .get-consultation */ .get-consultation { border-radius: 3px; background: #FFF; box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.09); padding: 20px; } .get-consultation-form__errors { color: #ff0000; font-size: 12px; } .get-consultation-form__success { color: #238ee3; font-size: 14px; font-weight: 600; } .get-consultation__wrap { display: grid; grid-template-columns: 1.55fr 1fr; gap: 30px 40px; } .get-consultation__col-title { font-size: 20px; font-weight: 600; } .get-consultation__price-list { margin-top: 15px; } .get-consultation__price-list dl { margin: 0; display: grid; gap: 10px; } .get-consultation__price-list-row { display: flex; justify-content: space-between; padding: 10px; border-bottom: 1px solid #D9D9D9; gap: 15px; } .get-consultation__price-list-row dt { color: #5A5D5A; } .get-consultation__price-list-row dd { margin: 0; font-weight: 700; min-width: max-content; } .get-consultation__col-footer { margin-top: 15px; } .get-consultation__price-row { font-size: 20px; font-weight: 700; display: flex; align-items: center; gap: 5px; padding: 10px; } .get-consultation__price-description { color: #D9D9D9; font-size: 16px; font-weight: 400; } .get-consultation__form { margin-top: 20px; } .get-consultation-form input { display: block; width: 100%; box-sizing: border-box; height: 100%; padding: 10px; border-radius: 5px; border: 1px solid #D9D9D9; } .get-consultation-form__body { display: grid; gap: 20px; grid-auto-rows: 40px; } .get-consultation-form__footer { margin-top: 20px; } .get-consultation-form__btn-submit { margin: 0; border: none; background: #238EE3; color: #fff; padding: 13px 23px; border-radius: 5px; cursor: pointer; font-size: 16px; } .get-consultation-form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #DDDDDD; } .get-consultation-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #DDDDDD; opacity: 1; } .get-consultation-form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #DDDDDD; opacity: 1; } .get-consultation-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #DDDDDD; } .get-consultation-form input::-ms-input-placeholder { /* Microsoft Edge */ color: #DDDDDD; } .get-consultation-form input::placeholder { /* Most modern browsers support this now. */ color: #DDDDDD; } @media (width <= 810px){ .get-consultation__wrap { grid-template-columns: auto; } } @media (width <= 592px){ .portfolio-detail__open-form { margin-bottom: 30px; } .get-consultation__price-list-row { padding-left: 0; } .get-consultation__price-row { padding-left: 0; } } /* / .get-consultation */ /* /форма */ .portfolio-detail__stages--list-slider-3 .owl-nav { position: absolute; top: 50%; left: 0; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%); } .portfolio-detail__stages--list-slider-3 { position: relative; } .portfolio-detail__stages--list-slider-3 .owl-nav button { width: 50px; height: 50px; padding: 0; margin: 0; border: none; border-radius: 25px; background: 50% / 11px 16px no-repeat #FFF; box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.20); cursor: pointer; position: relative; } .portfolio-detail__stages--list-slider-3 .owl-nav .owl-prev { left: -75px; opacity: 0; visibility: hidden;} .portfolio-detail__stages--list-slider-3 .owl-nav .owl-next { right: -75px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='17' viewBox='0 0 12 17' fill='none'%3E%3Cg clip-path='url(%23clip0_64_456)'%3E%3Cpath d='M2.89024 16.5L0.955366 14.6439L7.31284 8.54545L0.955365 2.447L2.89023 0.590901L11.1826 8.54545L2.89024 16.5Z' fill='%23BFBFBF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_64_456'%3E%3Crect width='11' height='16' fill='white' transform='translate(11.5 16.5) rotate(180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .b24-form>.vue-portal-target>.b24-window>.b24-window-popup { z-index: 1100002; } .b24-window>.b24-window-panel>div>.b24-window-scrollable { bottom: inherit; } .sitemap-container ul { padding-left: 12px; } .sitemap-container .bx_sitemap .bx_sitemap_li_title a { color: #238ee3; font-size: 16px; transition: .2s ease; } .sitemap-container .bx_sitemap .bx_sitemap_li_title a:hover { color: #127dd2; } .sitemap-container>.sitemap-block>.sitemap-catalog>.bx_sitemap>ul>li>ul>li>ul>li>ul { display: flex; flex-wrap: wrap; padding-bottom: 12px; } .sitemap-container>.sitemap-block>.sitemap-catalog>.bx_sitemap>ul>li>ul>li>ul>li>ul>li { padding-right: 24px; } .sitemap-container>.sitemap-block>.sitemap-catalog>.bx_sitemap>ul>li>ul { columns: 48px 2; } .sitemap-container>.sitemap-block>div>.bx_sitemap>ul { padding-left: 0; } .sitemap-container>.sitemap-block>h2 { margin-bottom: 12px; } .sitemap-container>.sitemap-block>.sitemap-info { margin-bottom: 30px; } .sitemap-container>.sitemap-block>.sitemap-info a { display: block; width: max-content; } .sitemap-container { display: flex; flex-wrap: wrap; } .sitemap-container>.sitemap-block:first-child { width: 50%; } .sitemap-container>.sitemap-block:nth-child(2) { width: 50%; padding-left: 24px; } .sitemap-container>.sitemap-block:last-child { width: 100%; } .btn-blue { margin: 0 12px; display: inline-block; background: var(--blue-color); color: var(--grey-color); padding: 13px 23px; border-radius: 3px; font-size: 16px; font-weight: 700; line-height: 128%; transition: .2s ease; } .btn-blue:hover { background: #127dd2; color: var(--grey-color); } .btn-white-blue { display: inline-block; border: 1px solid var(--blue-color); background: #ffffff; color: var(--blue-color); padding: 13px 23px; border-radius: 3px; font-size: 16px; font-weight: 700; line-height: 128%; transition: .2s ease; } .btn-white-blue:hover { background: #127dd2; color: #ffffff; } .slider-item { background-color: #0B0A1B; background-position: 50% 50%; } .sitemap-services a b { font-weight: 400; } .sitemap-services>.news-list>.news-item { margin: 0; } .title-upercase { text-transform: uppercase; } .massanger-list { margin-bottom: 48px; } .massanger-item { display: flex; align-items: center; gap: 7px; margin-bottom: 8px; transition: .2s ease; } .massanger-item:hover rect { fill: #127dd2; } #about-slider .slide { border-radius: 8px; height: 260px; } .about-pos { display: flex; flex-wrap: wrap; width: 100%; gap: 18px; margin-top: 32px; margin-bottom: 32px; } .about-pos>.about-pos-item { width: calc(25% - 18px); padding: 30px; background: #FFFFFF; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.09); border-radius: 8px; margin: 0; min-height: 260px; } .about-pos>.about-pos-item>div:first-child { margin-bottom: 8px; height: 66px; display: flex; align-items: end; } #about-slider .owl-nav { position: absolute; top: 50%; left: 0; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%); } #about-slider .owl-nav button { width: 50px; height: 50px; padding: 0; margin: 0; border: none; border-radius: 25px; background: 50% / 11px 16px no-repeat #FFF; box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.20); cursor: pointer; position: relative; } #about-slider .owl-nav button>span { display: none; } #about-slider .owl-nav .owl-next { right: -75px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='17' viewBox='0 0 12 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_59_5)'%3E%3Cmask id='mask0_59_5' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='12' height='17'%3E%3Cpath d='M0.5 16.5H11.5L11.5 0.5L0.5 0.5L0.5 16.5Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_59_5)'%3E%3Cpath d='M2.8902 16.5L0.955323 14.6439L7.3128 8.54543L0.955322 2.44698L2.89019 0.590881L11.1826 8.54543L2.8902 16.5Z' fill='%23BFBFBF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_59_5'%3E%3Crect width='12' height='17' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } #about-slider .owl-nav .owl-prev { left: -75px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='17' viewBox='0 0 12 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_59_5)'%3E%3Cmask id='mask0_59_5' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='12' height='17'%3E%3Cpath d='M11.5 0.5H0.5V16.5H11.5V0.5Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_59_5)'%3E%3Cpath d='M9.1098 0.50002L11.0447 2.35612L4.6872 8.45457L11.0447 14.553L9.10981 16.4091L0.817443 8.45457L9.1098 0.50002Z' fill='%23BFBFBF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_59_5'%3E%3Crect width='12' height='17' fill='white' transform='matrix(-1 0 0 -1 12 17)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } #about-slider .owl-nav .owl-prev.disabled, #about-slider .owl-nav .owl-next.disabled { visibility: hidden; } .messengers { position: fixed; z-index: 999; bottom: 48px; right: 48px; } .messengers-main { position: relative; border-radius: 99px; background-repeat: no-repeat; background-position: 50% 50%; width: 82px; height: 82px; bottom: 0; right: 0; transition: .2s ease; } .messengers-main.btn-wa { background-color: #25D366; background-image: url("data:image/svg+xml,%3Csvg width='82' height='82' viewBox='0 0 82 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.9286 27.7455C58.6786 31.4018 61 36.1897 61 41.4129C61 52.0335 51.8929 60.7388 40.9107 60.7388C37.6071 60.7388 34.3929 59.8683 31.4464 58.3884L21 61L23.7679 50.9888C22.0714 48.1161 21.0893 44.808 21.0893 41.3259C21.0893 30.7054 30.0179 22 40.9107 22C46.2679 22 51.2679 24.0893 54.9286 27.7455ZM40.9107 57.4308C50.0179 57.4308 57.6071 50.2054 57.6071 41.4129C57.6071 37.0603 55.7321 33.0558 52.6071 30.0089C49.4821 26.9621 45.375 25.308 41 25.308C31.8929 25.308 24.4821 32.5335 24.4821 41.3259C24.4821 44.3728 25.375 47.3326 26.9821 49.9442L27.4286 50.5536L25.7321 56.4732L31.9821 54.8192L32.5179 55.1674C35.1071 56.6473 37.9643 57.4308 40.9107 57.4308ZM50.0179 45.4174C50.4643 45.6786 50.8214 45.7656 50.9107 46.0268C51.0893 46.2009 51.0893 47.1585 50.6429 48.2902C50.1964 49.4219 48.2321 50.4665 47.3393 50.5536C45.7321 50.8147 44.4821 50.7277 41.3571 49.3348C36.3571 47.2455 33.1429 42.3705 32.875 42.1094C32.6071 41.7612 30.9107 39.4978 30.9107 37.0603C30.9107 34.7098 32.1607 33.5781 32.6071 33.0558C33.0536 32.5335 33.5893 32.4464 33.9464 32.4464C34.2143 32.4464 34.5714 32.4464 34.8393 32.4464C35.1964 32.4464 35.5536 32.3594 36 33.317C36.3571 34.2746 37.4286 36.625 37.5179 36.8862C37.6071 37.1473 37.6964 37.4085 37.5179 37.7567C36.625 39.5848 35.5536 39.4978 36.0893 40.3683C38.0536 43.5893 39.9286 44.721 42.875 46.1138C43.3214 46.375 43.5893 46.2879 43.9464 46.0268C44.2143 45.6786 45.1964 44.5469 45.4643 44.1116C45.8214 43.5893 46.1786 43.6763 46.625 43.8504C47.0714 44.0246 49.4821 45.1562 50.0179 45.4174Z' fill='white'/%3E%3C/svg%3E%0A"); } .messengers-main.btn-tg { background-color: #2AABEE; background-image: url("data:image/svg+xml,%3Csvg width='82' height='82' viewBox='0 0 82 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.8999 27.6405C55.0334 27.2236 55.0334 26.8067 54.8999 26.2508C54.8999 25.9728 54.6331 25.5559 54.4996 25.4169C54.0993 25 53.4322 25 53.1653 25C51.9645 25 49.963 25.6949 40.7563 29.7251C37.554 31.1148 31.1494 33.8943 21.5424 38.3415C19.9412 39.0364 19.1407 39.5923 19.0072 40.2871C18.8738 41.3989 20.6084 41.8158 22.6098 42.5107C24.3444 43.0666 26.6127 43.7615 27.8136 43.7615C28.8811 43.7615 30.0819 43.3445 31.4162 42.3717C40.356 35.9789 45.0261 32.7825 45.293 32.7825C45.5598 32.7825 45.8267 32.6436 45.9601 32.7825C46.227 33.0605 46.227 33.3384 46.0935 33.4774C45.9601 34.1723 37.554 42.2328 37.0203 42.7887C35.1523 44.7343 33.0174 45.9851 36.3531 48.2086C39.1552 50.1543 40.7563 51.405 43.6918 53.3507C45.5598 54.6014 47.0275 56.1301 48.8956 55.9912C49.8296 55.8522 50.7636 55.0184 51.1639 52.3779C52.3648 46.402 54.4996 33.0605 54.8999 27.6405Z' fill='white'/%3E%3C/svg%3E%0A"); } .messengers-main.btn-close { margin: 9px; width: 64px; height: 64px; background-color: var(--blue-color); background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 41L31.5 31.5M41 22L31.5 31.5M31.5 31.5L41 41M31.5 31.5L22 22' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .msg-list { margin-bottom: -100%; opacity: 0; display: none; flex-direction: column; align-items: center; gap: 8px; transition: .2s ease; } .msg-item { position: relative; display: flex; height: 62px; width: 62px; min-height: 62px; align-items: center; justify-content: center; border-radius: 99px; transition: .2s ease; } .msg-item.only-mobile { display: none; } .msg-icon { display: flex; align-items: center; } .msg-telegram { background-color: #2AABEE; transition: .2s ease; } .msg-telegram:hover { background-color: #1788C2; } .msg-whatsapp { background-color: #25D366; transition: .2s ease; } .msg-whatsapp:hover { background-color: #10AB4A; } .msg-phone, .msg-form { background-color: var(--blue-color); transition: .2s ease; } .msg-phone:hover, .msg-form:hover { background-color: #127dd2; } .msg-telegram>.msg-icon { margin-left: -4px; } .share-products { display: none; position: absolute; width: 200px; top: 48px; right: 0; } .share-products .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item { margin: 2px 8px 0 0; } .share-products .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon { height: 32px; width: 32px; background-size: 32px 32px; background-color: #333; } .catalog-review { padding-bottom: 48px !important; } .contact-title { background-color: #F2F2F2; border-radius: 3px; padding: 10px 20px; text-align: center; } .contact-title h2 { font-size: 20px; display: flex; align-items: center; justify-content: center; gap: 10px; } .contact-title h2:before { content: ''; display: inline-block; width: 23px; height: 37px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='38' viewBox='0 0 24 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.3066 11.5465C23.3066 17.9235 12 37.0607 12 37.0607C12 37.0607 0.693359 17.9235 0.693359 11.5465C0.693359 5.16956 5.75552 0 12 0C18.2445 0 23.3066 5.16956 23.3066 11.5465Z' fill='%23238EE3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.12241 11.2495C8.11912 11.1928 8.11745 11.1357 8.11745 11.0782C8.11745 9.46978 9.42134 8.16589 11.0298 8.16589H13.5995C15.2079 8.16589 16.5118 9.46978 16.5118 11.0782C16.5118 11.1357 16.5101 11.1928 16.5068 11.2495H16.5118V11.4208H16.6829C16.8721 11.4208 17.0255 11.5742 17.0255 11.7634C17.0255 11.9527 16.8721 12.1061 16.6829 12.1061H16.5118L16.5116 15.5324C16.5116 15.9108 16.2048 16.2176 15.8263 16.2176C15.4479 16.2176 15.1411 15.9108 15.1411 15.5324V14.8471H9.48784V15.5324C9.48784 15.9108 9.18105 16.2176 8.80259 16.2176C8.42414 16.2176 8.11734 15.9108 8.11734 15.5324V12.4487L8.11745 12.4362V12.1061H7.94614C7.75691 12.1061 7.60352 11.9527 7.60352 11.7634C7.60352 11.5742 7.75691 11.4208 7.94614 11.4208H8.11745V11.2495H8.12241ZM11.0298 9.36508H13.5995C14.5456 9.36508 15.3126 10.1321 15.3126 11.0782C15.3126 11.136 15.3097 11.1932 15.3041 11.2495H9.3251C9.31951 11.1932 9.31664 11.136 9.31664 11.0782C9.31664 10.1321 10.0836 9.36508 11.0298 9.36508ZM10.5158 12.9626C10.5158 12.5842 10.209 12.2774 9.83058 12.2774C9.45213 12.2774 9.14533 12.5842 9.14533 12.9626C9.14533 13.3411 9.45213 13.6479 9.83058 13.6479C10.209 13.6479 10.5158 13.3411 10.5158 12.9626ZM14.9699 12.2774C15.3483 12.2774 15.6551 12.5842 15.6551 12.9626C15.6551 13.3411 15.3483 13.6479 14.9699 13.6479C14.5914 13.6479 14.2846 13.3411 14.2846 12.9626C14.2846 12.5842 14.5914 12.2774 14.9699 12.2774Z' fill='white'/%3E%3Ccircle cx='12.3132' cy='12.2489' r='8.60813' stroke='white'/%3E%3C/svg%3E%0A"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .contact-title-partner { background-color: #F2F2F2; border-radius: 3px; padding: 10px 20px; text-align: center; } .contact-title-partner h2 { font-size: 20px; display: flex; align-items: center; justify-content: center; gap: 10px; } .contact-title-partner h2:before { content: ''; display: inline-block; width: 23px; height: 37px; background-image: url("data:image/svg+xml,%3Csvg width='23' height='37' viewBox='0 0 23 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.2697 11.5694C22.2697 13.0534 21.6008 15.3576 20.5436 18.0412C19.4952 20.7026 18.0943 23.6673 16.6889 26.4423C15.2842 29.2159 13.879 31.7924 12.8247 33.6761C12.2976 34.6177 11.8585 35.3857 11.5513 35.9181C11.5338 35.9484 11.5167 35.9779 11.5001 36.0067C11.4835 35.9779 11.4664 35.9484 11.4489 35.9181C11.1417 35.3857 10.7026 34.6177 10.1755 33.6761C9.12118 31.7924 7.71599 29.2159 6.31134 26.4423C4.90593 23.6673 3.50497 20.7026 2.45655 18.0412C1.39943 15.3576 0.730469 13.0534 0.730469 11.5694C0.730469 5.4795 5.56204 0.560669 11.5001 0.560669C17.4382 0.560669 22.2697 5.4795 22.2697 11.5694Z' fill='%23C6ED46' stroke='%23238EE3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.52036 11.0239C6.51621 10.949 6.51411 10.8735 6.51411 10.7975C6.51411 8.6713 8.16033 6.94769 10.1911 6.94769H13.4354C15.4661 6.94769 17.1124 8.6713 17.1124 10.7975C17.1124 10.8735 17.1103 10.949 17.1061 11.0239H17.1124V11.2504H17.3284C17.5673 11.2504 17.761 11.4532 17.761 11.7033C17.761 11.9534 17.5673 12.1562 17.3284 12.1562H17.1124L17.1121 16.6854C17.1121 17.1857 16.7247 17.5912 16.2469 17.5912C15.7691 17.5912 15.3818 17.1857 15.3818 16.6854V15.7795H8.24429V16.6854C8.24429 17.1857 7.85695 17.5912 7.37913 17.5912C6.90131 17.5912 6.51397 17.1857 6.51397 16.6854V12.6092L6.51411 12.5926V12.1562H6.29782C6.05891 12.1562 5.86523 11.9534 5.86523 11.7033C5.86523 11.4532 6.05891 11.2504 6.29782 11.2504H6.51411V11.0239H6.52036ZM10.1911 8.5329H13.4354C14.63 8.5329 15.5983 9.54678 15.5983 10.7975C15.5983 10.8739 15.5947 10.9494 15.5876 11.0239H8.03882C8.03176 10.9494 8.02814 10.8739 8.02814 10.7975C8.02814 9.54678 8.99651 8.5329 10.1911 8.5329ZM9.54218 13.2885C9.54218 12.7882 9.15483 12.3826 8.67702 12.3826C8.1992 12.3826 7.81185 12.7882 7.81185 13.2885C7.81185 13.7888 8.1992 14.1943 8.67702 14.1943C9.15483 14.1943 9.54218 13.7888 9.54218 13.2885ZM15.1656 12.3826C15.6434 12.3826 16.0308 12.7882 16.0308 13.2885C16.0308 13.7888 15.6434 14.1943 15.1656 14.1943C14.6878 14.1943 14.3004 13.7888 14.3004 13.2885C14.3004 12.7882 14.6878 12.3826 15.1656 12.3826Z' fill='%23238EE3'/%3E%3C/svg%3E%0A"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .contact-main-item { padding: 20px; display: flex; gap: 20px; border-bottom: 1px solid #E0E0E0; } .contact-part-item { padding: 20px; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; border-bottom: 1px solid #F2F2F2; } .contact-main-item .contact-main-info { width: 41.66667%; display: flex; flex-direction: column; gap: 20px; } .contact-main-item .contact-main-img { width: 58.33333%; display: flex; align-items: center; gap: 20px; } .contact-main-item .contact-main-img>div { width: 50%; height: 100%; max-height: 228px; border-radius: 3px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .contact-main-item .contact-main-img>div:nth-child(n+3) { display: none; } .contact-info-flex { display: flex; gap: 10px; } .contact-info-txt h3 { font-size: 20px; text-transform: none; margin: 0 0 5px 0 !important; line-height: 1; } .contact-info-copy { display: flex; gap: 10px; align-items: end; } .contact-info-copy button { border: none; background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6' clip-path='url(%23clip0_716_4074)'%3E%3Cg clip-path='url(%23clip1_716_4074)'%3E%3Cpath d='M11 5.31067C9.47501 5.31067 8.01247 5.91647 6.93414 6.9948C5.8558 8.07314 5.25 9.53567 5.25 11.0607V18.1677C5.25 18.2662 5.2694 18.3637 5.30709 18.4547C5.34478 18.5457 5.40003 18.6284 5.46967 18.698C5.53931 18.7676 5.62199 18.8229 5.71299 18.8606C5.80398 18.8983 5.90151 18.9177 6 18.9177C6.09849 18.9177 6.19602 18.8983 6.28701 18.8606C6.37801 18.8229 6.46069 18.7676 6.53033 18.698C6.59997 18.6284 6.65522 18.5457 6.69291 18.4547C6.7306 18.3637 6.75 18.2662 6.75 18.1677V11.0607C6.75 9.9335 7.19777 8.85249 7.9948 8.05547C8.79183 7.25844 9.87283 6.81067 11 6.81067H18.013C18.1115 6.81067 18.209 6.79127 18.3 6.75358C18.391 6.71589 18.4737 6.66064 18.5433 6.591C18.613 6.52136 18.6682 6.43868 18.7059 6.34768C18.7436 6.25669 18.763 6.15916 18.763 6.06067C18.763 5.96218 18.7436 5.86465 18.7059 5.77366C18.6682 5.68266 18.613 5.59998 18.5433 5.53034C18.4737 5.46069 18.391 5.40545 18.3 5.36776C18.209 5.33007 18.1115 5.31067 18.013 5.31067H11Z' fill='%23333333'/%3E%3Cpath d='M15.5009 22.5397C13.8639 22.5397 12.2279 22.4497 10.6009 22.2687C10.1493 22.2203 9.72765 22.0197 9.40523 21.6999C9.08281 21.38 8.87886 20.9599 8.82694 20.5087C8.4431 17.2222 8.4431 13.9022 8.82694 10.6157C8.87852 10.1648 9.08194 9.74479 9.40378 9.42477C9.72562 9.10475 10.1467 8.90371 10.5979 8.85469C13.8565 8.49196 17.1453 8.49196 20.4039 8.85469C20.8555 8.90303 21.2772 9.10364 21.5997 9.42352C21.9221 9.74339 22.126 10.1635 22.1779 10.6147C22.5617 13.9012 22.5617 17.2212 22.1779 20.5077C22.126 20.9589 21.9221 21.379 21.5997 21.6989C21.2772 22.0187 20.8555 22.2193 20.4039 22.2677C18.7759 22.4485 17.139 22.54 15.5009 22.5397ZM15.5009 10.0827C13.9186 10.0823 12.3375 10.1701 10.7649 10.3457C10.651 10.3588 10.5447 10.4096 10.463 10.49C10.3813 10.5705 10.3288 10.676 10.3139 10.7897C9.94395 13.9603 9.94395 17.1631 10.3139 20.3337C10.3285 20.4475 10.3808 20.5532 10.4626 20.6337C10.5444 20.7142 10.6509 20.7649 10.7649 20.7777C13.9125 21.1284 17.0893 21.1284 20.2369 20.7777C20.351 20.7649 20.4575 20.7142 20.5393 20.6337C20.621 20.5532 20.6734 20.4475 20.6879 20.3337C21.0579 17.1631 21.0579 13.9603 20.6879 10.7897C20.6731 10.676 20.6206 10.5705 20.5389 10.49C20.4572 10.4096 20.3509 10.3588 20.2369 10.3457C18.6644 10.1705 17.0833 10.0827 15.5009 10.0827Z' fill='%23333333'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_716_4074'%3E%3Crect width='18' height='18' fill='white' transform='translate(5 5.06067)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_716_4074'%3E%3Crect width='18' height='18' fill='white' transform='translate(5 5.06067)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 28px; height: 28px; padding: 5px; margin-bottom: -2px; transition: .2s ease; } .contact-info-copy button.active-copied { background-image: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.9' clip-path='url(%23clip0_716_4074)'%3E%3Cg clip-path='url(%23clip1_716_4074)'%3E%3Cpath d='M11 5.31067C9.47501 5.31067 8.01247 5.91647 6.93414 6.9948C5.8558 8.07314 5.25 9.53567 5.25 11.0607V18.1677C5.25 18.2662 5.2694 18.3637 5.30709 18.4547C5.34478 18.5457 5.40003 18.6284 5.46967 18.698C5.53931 18.7676 5.62199 18.8229 5.71299 18.8606C5.80398 18.8983 5.90151 18.9177 6 18.9177C6.09849 18.9177 6.19602 18.8983 6.28701 18.8606C6.37801 18.8229 6.46069 18.7676 6.53033 18.698C6.59997 18.6284 6.65522 18.5457 6.69291 18.4547C6.7306 18.3637 6.75 18.2662 6.75 18.1677V11.0607C6.75 9.9335 7.19777 8.85249 7.9948 8.05547C8.79183 7.25844 9.87283 6.81067 11 6.81067H18.013C18.1115 6.81067 18.209 6.79127 18.3 6.75358C18.391 6.71589 18.4737 6.66064 18.5433 6.591C18.613 6.52136 18.6682 6.43868 18.7059 6.34768C18.7436 6.25669 18.763 6.15916 18.763 6.06067C18.763 5.96218 18.7436 5.86465 18.7059 5.77366C18.6682 5.68266 18.613 5.59998 18.5433 5.53034C18.4737 5.46069 18.391 5.40545 18.3 5.36776C18.209 5.33007 18.1115 5.31067 18.013 5.31067H11Z' fill='%23238ee3'/%3E%3Cpath d='M15.5009 22.5397C13.8639 22.5397 12.2279 22.4497 10.6009 22.2687C10.1493 22.2203 9.72765 22.0197 9.40523 21.6999C9.08281 21.38 8.87886 20.9599 8.82694 20.5087C8.4431 17.2222 8.4431 13.9022 8.82694 10.6157C8.87852 10.1648 9.08194 9.74479 9.40378 9.42477C9.72562 9.10475 10.1467 8.90371 10.5979 8.85469C13.8565 8.49196 17.1453 8.49196 20.4039 8.85469C20.8555 8.90303 21.2772 9.10364 21.5997 9.42352C21.9221 9.74339 22.126 10.1635 22.1779 10.6147C22.5617 13.9012 22.5617 17.2212 22.1779 20.5077C22.126 20.9589 21.9221 21.379 21.5997 21.6989C21.2772 22.0187 20.8555 22.2193 20.4039 22.2677C18.7759 22.4485 17.139 22.54 15.5009 22.5397ZM15.5009 10.0827C13.9186 10.0823 12.3375 10.1701 10.7649 10.3457C10.651 10.3588 10.5447 10.4096 10.463 10.49C10.3813 10.5705 10.3288 10.676 10.3139 10.7897C9.94395 13.9603 9.94395 17.1631 10.3139 20.3337C10.3285 20.4475 10.3808 20.5532 10.4626 20.6337C10.5444 20.7142 10.6509 20.7649 10.7649 20.7777C13.9125 21.1284 17.0893 21.1284 20.2369 20.7777C20.351 20.7649 20.4575 20.7142 20.5393 20.6337C20.621 20.5532 20.6734 20.4475 20.6879 20.3337C21.0579 17.1631 21.0579 13.9603 20.6879 10.7897C20.6731 10.676 20.6206 10.5705 20.5389 10.49C20.4572 10.4096 20.3509 10.3588 20.2369 10.3457C18.6644 10.1705 17.0833 10.0827 15.5009 10.0827Z' fill='%23238ee3'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_716_4074'%3E%3Crect width='18' height='18' fill='white' transform='translate(5 5.06067)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_716_4074'%3E%3Crect width='18' height='18' fill='white' transform='translate(5 5.06067)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .contact-info-flex .btn-blue, .contact-info-flex .btn-white-blue { font-weight: 400; } .contact-info-flex .btn-blue { color: #ffffff; margin: 0; } .link-text a { color: #333; trandition: .2s ease; } .link-text a:hover { color: var(--blue-color); } .text-copied { position: relative; margin-bottom: -2px; } .text-copied-show { display: none; color: #000000; background: #ffffff; border-radius: 5px; box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.15); padding: 5px; position: absolute; line-height: 1; font-size: 12px; top: -24px; left: -100%; } .contact-part-item .contact-part-addr, .contact-part-item .contact-part-hour { width: 36%; } .contact-part-item .contact-part-tel { width: 24%; } .contact-part-item .contact-part-sn { width: 100%; display: flex; align-items: flex-start; gap: 20px; margin-top: 10px; } .mb-50 { margin-bottom: 50px; } .mb-100 { margin-bottom: 100px; } .contact-info-sn>a { color: #333; display: flex; gap: 10px; transition: .2s ease; } .contact-info-sn>a>svg { margin-top: 3px; } .contact-info-sn>a>div { width: calc(100% - 30px); } .contact-info-sn>a:hover { color: var(--blue-color); } .contact-question { background-color: #F2F2F2; background-image: url("data:image/svg+xml,%3Csvg width='1170' height='121' viewBox='0 0 1170 121' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_359_3133)'%3E%3Crect width='1170' height='121' fill='%23F2F2F2'/%3E%3Cmask id='path-1-outside-1_359_3133' maskUnits='userSpaceOnUse' x='-28.627' y='-49.9865' width='187.789' height='204.26' fill='black'%3E%3Crect fill='white' x='-28.627' y='-49.9865' width='187.789' height='204.26'/%3E%3Cpath d='M1.75092 110.158L21.3009 76.2961L60.5405 98.9511L40.9905 132.813L1.75092 110.158ZM36.1375 69.4583L50.3629 33.3192L52.9914 32.4466C64.6825 37.957 73.6849 40.7644 79.9987 40.8685C86.4453 41.0494 90.9719 38.8824 93.5786 34.3675C95.5719 30.915 95.7773 27.4925 94.1949 24.1001C92.8218 20.6516 89.7451 17.5473 84.9646 14.7873C75.4037 9.2673 63.18 8.05272 48.2935 11.1436L43.5549 -26.649C65.5479 -32.542 86.7693 -29.5852 107.219 -17.7785C122.092 -9.19182 131.924 1.53105 136.717 14.3901C141.509 27.2492 140.149 40.1854 132.636 53.1989C125.889 64.8845 117.185 71.9873 106.523 74.5074C96.0705 76.9713 83.8927 76.1373 69.9893 72.0054L60.239 83.3733L36.1375 69.4583Z'/%3E%3C/mask%3E%3Cpath d='M1.75092 110.158L0.884899 109.658L0.384899 110.524L1.25092 111.024L1.75092 110.158ZM21.3009 76.2961L21.8009 75.43L20.9349 74.93L20.4349 75.7961L21.3009 76.2961ZM60.5405 98.9511L61.4066 99.4511L61.9066 98.585L61.0405 98.085L60.5405 98.9511ZM40.9905 132.813L40.4905 133.679L41.3566 134.179L41.8566 133.313L40.9905 132.813ZM36.1375 69.4583L35.207 69.092L34.8915 69.8936L35.6375 70.3243L36.1375 69.4583ZM50.3629 33.3192L50.0478 32.3702L49.6038 32.5176L49.4324 32.953L50.3629 33.3192ZM52.9914 32.4466L53.4177 31.542L53.0559 31.3715L52.6763 31.4975L52.9914 32.4466ZM79.9987 40.8685L80.0267 39.8689L80.0152 39.8687L79.9987 40.8685ZM94.1949 24.1001L93.2658 24.47L93.2764 24.4967L93.2886 24.5228L94.1949 24.1001ZM48.2935 11.1436L47.3013 11.268L47.436 12.3429L48.4968 12.1227L48.2935 11.1436ZM43.5549 -26.649L43.2961 -27.6149L42.4542 -27.3893L42.5627 -26.5246L43.5549 -26.649ZM136.717 14.3901L137.654 14.0409L137.654 14.0409L136.717 14.3901ZM106.523 74.5074L106.752 75.4807L106.753 75.4806L106.523 74.5074ZM69.9893 72.0054L70.2741 71.0468L69.6524 70.8621L69.2302 71.3543L69.9893 72.0054ZM60.239 83.3733L59.739 84.2393L60.4578 84.6543L60.9981 84.0243L60.239 83.3733ZM2.61695 110.658L22.1669 76.7961L20.4349 75.7961L0.884899 109.658L2.61695 110.658ZM20.8009 77.1621L60.0405 99.8171L61.0405 98.085L21.8009 75.43L20.8009 77.1621ZM59.6745 98.4511L40.1245 132.313L41.8566 133.313L61.4066 99.4511L59.6745 98.4511ZM41.4905 131.947L2.25092 109.292L1.25092 111.024L40.4905 133.679L41.4905 131.947ZM37.0681 69.8246L51.2934 33.6855L49.4324 32.953L35.207 69.092L37.0681 69.8246ZM50.678 34.2683L53.3065 33.3956L52.6763 31.4975L50.0478 32.3702L50.678 34.2683ZM52.565 33.3511C64.2778 38.8718 73.4433 41.7605 79.9822 41.8684L80.0152 39.8687C73.9265 39.7682 65.0871 37.0422 53.4177 31.542L52.565 33.3511ZM79.9706 41.8682C86.6814 42.0564 91.6079 39.7808 94.4446 34.8675L92.7125 33.8675C90.3359 37.984 86.2092 40.0424 80.0267 39.8689L79.9706 41.8682ZM94.4446 34.8675C96.5886 31.154 96.8318 27.3874 95.1011 23.6773L93.2886 24.5228C94.7229 27.5975 94.5552 30.6759 92.7125 33.8675L94.4446 34.8675ZM95.1239 23.7302C93.6358 19.9925 90.3488 16.7411 85.4646 13.9213L84.4646 15.6533C89.1414 18.3534 92.0079 21.3106 93.2658 24.47L95.1239 23.7302ZM85.4646 13.9213C75.6224 8.23887 63.126 7.04259 48.0902 10.1644L48.4968 12.1227C63.2339 9.06284 75.185 10.2957 84.4646 15.6533L85.4646 13.9213ZM49.2857 11.0191L44.5471 -26.7734L42.5627 -26.5246L47.3013 11.268L49.2857 11.0191ZM43.8137 -25.683C65.5401 -31.5046 86.4895 -28.592 106.719 -16.9125L107.719 -18.6445C87.0491 -30.5783 65.5557 -33.5793 43.2961 -27.6149L43.8137 -25.683ZM106.719 -16.9125C121.442 -8.41201 131.087 2.14841 135.78 14.7393L137.654 14.0409C132.761 0.913684 122.741 -9.97163 107.719 -18.6445L106.719 -16.9125ZM135.78 14.7393C140.457 27.2901 139.15 39.9159 131.769 52.6989L133.502 53.6989C141.148 40.455 142.561 27.2083 137.654 14.0409L135.78 14.7393ZM131.769 52.6989C125.126 64.2051 116.626 71.0917 106.293 73.5342L106.753 75.4806C117.743 72.8829 126.651 65.5639 133.502 53.6989L131.769 52.6989ZM106.293 73.5341C96.0602 75.9463 84.0667 75.1458 70.2741 71.0468L69.7044 72.9639C83.7186 77.1288 96.0809 77.9963 106.752 75.4807L106.293 73.5341ZM69.2302 71.3543L59.48 82.7222L60.9981 84.0243L70.7483 72.6564L69.2302 71.3543ZM60.739 82.5073L36.6375 68.5923L35.6375 70.3243L59.739 84.2393L60.739 82.5073Z' fill='%23238EE3' mask='url(%23path-1-outside-1_359_3133)'/%3E%3Cmask id='path-3-outside-2_359_3133' maskUnits='userSpaceOnUse' x='1114.66' y='-3.87758' width='76.7646' height='88.3558' fill='black'%3E%3Crect fill='white' x='1114.66' y='-3.87758' width='76.7646' height='88.3558'/%3E%3Cpath d='M1155.55 77.8599L1149.51 61.9686L1167.93 54.9708L1173.96 70.8621L1155.55 77.8599ZM1151.28 55.0905L1143.01 40.3677L1143.44 39.2422C1148.51 36.8167 1151.93 34.5545 1153.7 32.4556C1155.53 30.333 1156.05 28.2123 1155.24 26.0935C1154.63 24.4732 1153.53 23.4636 1151.95 23.0648C1150.41 22.5799 1148.52 22.7638 1146.28 23.6163C1141.79 25.3214 1138.02 29.1066 1134.97 34.9721L1120.94 26.1852C1124.99 17.1552 1131.82 10.8167 1141.42 7.16975C1148.4 4.51744 1154.71 4.15037 1160.36 6.06853C1166.01 7.98669 1170 11.9994 1172.32 18.1066C1174.4 23.5907 1174.4 28.4753 1172.32 32.7603C1170.28 36.9594 1166.65 40.8337 1161.44 44.3834L1162.59 50.7923L1151.28 55.0905Z'/%3E%3C/mask%3E%3Cpath d='M1155.55 77.8599L1154.61 78.2151L1154.97 79.1499L1155.9 78.7947L1155.55 77.8599ZM1149.51 61.9686L1149.16 61.0338L1148.22 61.3891L1148.58 62.3238L1149.51 61.9686ZM1167.93 54.9708L1168.86 54.6156L1168.51 53.6808L1167.57 54.036L1167.93 54.9708ZM1173.96 70.8621L1174.32 71.7969L1175.25 71.4416L1174.9 70.5069L1173.96 70.8621ZM1151.28 55.0905L1150.41 55.5802L1150.83 56.3313L1151.64 56.0253L1151.28 55.0905ZM1143.01 40.3677L1142.08 40.0121L1141.91 40.4494L1142.14 40.8574L1143.01 40.3677ZM1143.44 39.2422L1143.01 38.3401L1142.65 38.5128L1142.51 38.8866L1143.44 39.2422ZM1153.7 32.4556L1152.94 31.8022L1152.94 31.811L1153.7 32.4556ZM1151.95 23.0648L1151.65 24.0186L1151.68 24.0272L1151.71 24.0343L1151.95 23.0648ZM1134.97 34.9721L1134.44 35.8197L1135.36 36.3946L1135.86 35.4333L1134.97 34.9721ZM1120.94 26.1852L1120.02 25.7754L1119.67 26.5704L1120.41 27.0328L1120.94 26.1852ZM1160.36 6.06853L1160.68 5.12161L1160.68 5.12161L1160.36 6.06853ZM1172.32 32.7603L1173.22 33.1976L1173.22 33.197L1172.32 32.7603ZM1161.44 44.3834L1160.88 43.5569L1160.34 43.922L1160.46 44.5603L1161.44 44.3834ZM1162.59 50.7923L1162.95 51.7271L1163.72 51.4323L1163.58 50.6154L1162.59 50.7923ZM1156.48 77.5047L1150.45 61.6134L1148.58 62.3238L1154.61 78.2151L1156.48 77.5047ZM1149.87 62.9034L1168.28 55.9056L1167.57 54.036L1149.16 61.0338L1149.87 62.9034ZM1166.99 55.326L1173.03 71.2173L1174.9 70.5069L1168.86 54.6156L1166.99 55.326ZM1173.61 69.9273L1155.19 76.9251L1155.9 78.7947L1174.32 71.7969L1173.61 69.9273ZM1152.15 54.6008L1143.89 39.878L1142.14 40.8574L1150.41 55.5802L1152.15 54.6008ZM1143.95 40.7232L1144.38 39.5977L1142.51 38.8866L1142.08 40.0121L1143.95 40.7232ZM1143.87 40.1442C1148.96 37.7084 1152.55 35.3713 1154.46 33.1003L1152.94 31.811C1151.31 33.7377 1148.06 35.925 1143.01 38.3401L1143.87 40.1442ZM1154.46 33.109C1156.46 30.7864 1157.14 28.2871 1156.18 25.7383L1154.31 26.4487C1154.95 28.1375 1154.6 29.8796 1152.94 31.8022L1154.46 33.109ZM1156.18 25.7383C1155.45 23.8363 1154.11 22.58 1152.2 22.0953L1151.71 24.0343C1152.94 24.3472 1153.8 25.11 1154.31 26.4487L1156.18 25.7383ZM1152.25 22.111C1150.41 21.5326 1148.28 21.7865 1145.92 22.6815L1146.63 24.5511C1148.76 23.7411 1150.41 23.6273 1151.65 24.0186L1152.25 22.111ZM1145.92 22.6815C1141.13 24.502 1137.2 28.5101 1134.09 34.5109L1135.86 35.4333C1138.84 29.7032 1142.45 26.1408 1146.63 24.5511L1145.92 22.6815ZM1135.5 34.1245L1121.47 25.3376L1120.41 27.0328L1134.44 35.8197L1135.5 34.1245ZM1121.85 26.595C1125.79 17.8167 1132.41 11.6612 1141.77 8.10454L1141.06 6.23497C1131.23 9.97221 1124.19 16.4936 1120.02 25.7754L1121.85 26.595ZM1141.77 8.10454C1148.59 5.51348 1154.66 5.18927 1160.04 7.01544L1160.68 5.12161C1154.76 3.11146 1148.2 3.52141 1141.06 6.23497L1141.77 8.10454ZM1160.04 7.01544C1165.38 8.82783 1169.16 12.6034 1171.38 18.4619L1173.25 17.7514C1170.84 11.3954 1166.64 7.14555 1160.68 5.12161L1160.04 7.01544ZM1171.38 18.4619C1173.39 23.7523 1173.36 28.3419 1171.42 32.3236L1173.22 33.197C1175.45 28.6087 1175.41 23.4291 1173.25 17.7514L1171.38 18.4619ZM1171.42 32.3231C1169.48 36.3197 1166 40.0723 1160.88 43.5569L1162.01 45.21C1167.31 41.5952 1171.08 37.5991 1173.22 33.1976L1171.42 32.3231ZM1160.46 44.5603L1161.61 50.9692L1163.58 50.6154L1162.43 44.2066L1160.46 44.5603ZM1162.24 49.8575L1150.93 54.1557L1151.64 56.0253L1162.95 51.7271L1162.24 49.8575Z' fill='%23238EE3' mask='url(%23path-3-outside-2_359_3133)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_359_3133'%3E%3Crect width='1170' height='121' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; padding: 37px 15%; display: flex; align-items: center; justify-content: space-between; } .contact-quest-title h2 { font-size: 20px; } .contact-quest-btn .btn-blue { color: #ffffff; font-weight: 400; margin: 0; padding: 13px 89px; } .balloon-info, .balloon-add-flex { display: flex; flex-direction: column; gap: 20px; } .balloon-info { height: 660px; justify-content: space-between; } .baloon-info-text { display: flex; flex-direction: column; gap: 20px; } .baloon-gap-sm { display: flex; flex-direction: column; gap: 5px; } .contact-info-txt, contact-info-txt div { font-size: 16px; line-height: 1.2; } .baloon-branch { background: #F2F2F2; padding: 10px 20px; border-radius: 3px; display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; } .contact-baloon-title { font-size: 16px; font-weight: 700; line-height: 1.2; } .baloon-btn>.btn-blue { color: #ffffff; font-weight: 400; margin: 0; width: 100%; text-align: center; } .baloon-slider.owl-carousel { display: block; } .baloon-slider .slide { height: 268px; width: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .baloon-slider .slide:nth-child(n+2) { display: none; } .baloon-main-point:before { content: ''; display: inline-block; width: 23px; height: 37px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='38' viewBox='0 0 24 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.3066 11.5465C23.3066 17.9235 12 37.0607 12 37.0607C12 37.0607 0.693359 17.9235 0.693359 11.5465C0.693359 5.16956 5.75552 0 12 0C18.2445 0 23.3066 5.16956 23.3066 11.5465Z' fill='%23238EE3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.12241 11.2495C8.11912 11.1928 8.11745 11.1357 8.11745 11.0782C8.11745 9.46978 9.42134 8.16589 11.0298 8.16589H13.5995C15.2079 8.16589 16.5118 9.46978 16.5118 11.0782C16.5118 11.1357 16.5101 11.1928 16.5068 11.2495H16.5118V11.4208H16.6829C16.8721 11.4208 17.0255 11.5742 17.0255 11.7634C17.0255 11.9527 16.8721 12.1061 16.6829 12.1061H16.5118L16.5116 15.5324C16.5116 15.9108 16.2048 16.2176 15.8263 16.2176C15.4479 16.2176 15.1411 15.9108 15.1411 15.5324V14.8471H9.48784V15.5324C9.48784 15.9108 9.18105 16.2176 8.80259 16.2176C8.42414 16.2176 8.11734 15.9108 8.11734 15.5324V12.4487L8.11745 12.4362V12.1061H7.94614C7.75691 12.1061 7.60352 11.9527 7.60352 11.7634C7.60352 11.5742 7.75691 11.4208 7.94614 11.4208H8.11745V11.2495H8.12241ZM11.0298 9.36508H13.5995C14.5456 9.36508 15.3126 10.1321 15.3126 11.0782C15.3126 11.136 15.3097 11.1932 15.3041 11.2495H9.3251C9.31951 11.1932 9.31664 11.136 9.31664 11.0782C9.31664 10.1321 10.0836 9.36508 11.0298 9.36508ZM10.5158 12.9626C10.5158 12.5842 10.209 12.2774 9.83058 12.2774C9.45213 12.2774 9.14533 12.5842 9.14533 12.9626C9.14533 13.3411 9.45213 13.6479 9.83058 13.6479C10.209 13.6479 10.5158 13.3411 10.5158 12.9626ZM14.9699 12.2774C15.3483 12.2774 15.6551 12.5842 15.6551 12.9626C15.6551 13.3411 15.3483 13.6479 14.9699 13.6479C14.5914 13.6479 14.2846 13.3411 14.2846 12.9626C14.2846 12.5842 14.5914 12.2774 14.9699 12.2774Z' fill='white'/%3E%3Ccircle cx='12.3132' cy='12.2489' r='8.60813' stroke='white'/%3E%3C/svg%3E%0A"); } .baloon-partner-point:before { content: ''; display: inline-block; width: 23px; height: 37px; background-image: url("data:image/svg+xml,%3Csvg width='23' height='37' viewBox='0 0 23 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.2697 11.5694C22.2697 13.0534 21.6008 15.3576 20.5436 18.0412C19.4952 20.7026 18.0943 23.6673 16.6889 26.4423C15.2842 29.2159 13.879 31.7924 12.8247 33.6761C12.2976 34.6177 11.8585 35.3857 11.5513 35.9181C11.5338 35.9484 11.5167 35.9779 11.5001 36.0067C11.4835 35.9779 11.4664 35.9484 11.4489 35.9181C11.1417 35.3857 10.7026 34.6177 10.1755 33.6761C9.12118 31.7924 7.71599 29.2159 6.31134 26.4423C4.90593 23.6673 3.50497 20.7026 2.45655 18.0412C1.39943 15.3576 0.730469 13.0534 0.730469 11.5694C0.730469 5.4795 5.56204 0.560669 11.5001 0.560669C17.4382 0.560669 22.2697 5.4795 22.2697 11.5694Z' fill='%23C6ED46' stroke='%23238EE3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.52036 11.0239C6.51621 10.949 6.51411 10.8735 6.51411 10.7975C6.51411 8.6713 8.16033 6.94769 10.1911 6.94769H13.4354C15.4661 6.94769 17.1124 8.6713 17.1124 10.7975C17.1124 10.8735 17.1103 10.949 17.1061 11.0239H17.1124V11.2504H17.3284C17.5673 11.2504 17.761 11.4532 17.761 11.7033C17.761 11.9534 17.5673 12.1562 17.3284 12.1562H17.1124L17.1121 16.6854C17.1121 17.1857 16.7247 17.5912 16.2469 17.5912C15.7691 17.5912 15.3818 17.1857 15.3818 16.6854V15.7795H8.24429V16.6854C8.24429 17.1857 7.85695 17.5912 7.37913 17.5912C6.90131 17.5912 6.51397 17.1857 6.51397 16.6854V12.6092L6.51411 12.5926V12.1562H6.29782C6.05891 12.1562 5.86523 11.9534 5.86523 11.7033C5.86523 11.4532 6.05891 11.2504 6.29782 11.2504H6.51411V11.0239H6.52036ZM10.1911 8.5329H13.4354C14.63 8.5329 15.5983 9.54678 15.5983 10.7975C15.5983 10.8739 15.5947 10.9494 15.5876 11.0239H8.03882C8.03176 10.9494 8.02814 10.8739 8.02814 10.7975C8.02814 9.54678 8.99651 8.5329 10.1911 8.5329ZM9.54218 13.2885C9.54218 12.7882 9.15483 12.3826 8.67702 12.3826C8.1992 12.3826 7.81185 12.7882 7.81185 13.2885C7.81185 13.7888 8.1992 14.1943 8.67702 14.1943C9.15483 14.1943 9.54218 13.7888 9.54218 13.2885ZM15.1656 12.3826C15.6434 12.3826 16.0308 12.7882 16.0308 13.2885C16.0308 13.7888 15.6434 14.1943 15.1656 14.1943C14.6878 14.1943 14.3004 13.7888 14.3004 13.2885C14.3004 12.7882 14.6878 12.3826 15.1656 12.3826Z' fill='%23238EE3'/%3E%3C/svg%3E%0A"); } .partner-list-mobile, .contact-help-mobile { display: none; } .contact-question-mobile { display: flex; flex-direction: column; gap: 15px; } .contact-question-mobile .btn-white-blue { width: 100%; text-align: center; font-weight: 400; } #map_container a[class$='-gototech'], #map_container ymaps[class$='-map-copyrights-promo'], #map_container ymaps[class$='-copyright__wrap'] { display: none !important; opacity: 0; } .map-filter { display: flex; gap: 10px 20px; border-radius: 3px; background: #ffffff; padding: 5px; position: absolute; top: 20px; left: 20px; z-index: 10; } .map-filter input[type="checkbox"] { display: none; } .map-filter label { color: #000000; cursor: pointer; display: flex; align-items: center; transition: .2s ease; } .map-filter label:hover { color: var(--blue-color); } .map-filter label:before { content: " "; color: #000; display: inline-block; margin-right: 10px; position: relative; text-align: center; text-indent: 0px; width: 20px; height: 20px; background-color: #ffffff; border-radius: 3px; border: 1px solid #238ee3; border-image: initial; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.06067L5 8.06067L12 1.06067' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-repeat: no-repeat; } .map-filter input:checked + label:before { background-color: #238ee3; } .block-map-filter { margin: 50px 0; position: relative; } .cont-main-sotnetw.contact-part-sn { display: grid; gap: 5px 20px; margin-bottom: 16px; grid-template-columns: auto auto 1fr; } .flex-cart { display: flex; align-items: center; justify-content: space-between; } .serv-container { width: 100%; } .services-list-ud>.services__list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } .services-list-ud>.services__list>.services__sections-item { padding: 0; width: 100%; position: relative; } .services-list-ud>.services__list>.services__sections-item>.services__sections-item--image { border-radius: 0; width: 100%; padding-top: 0; background-size: cover; height: 235px; background-repeat: no-repeat; background-position: 50% 50%; margin-bottom: 0; } .services-list-ud>.services__list .services__sections-item--title { text-align: left; color: #ffffff; font-size: 16px; font-weight: 500; } .services-list-ud>.services__list .services__sections-item--link{ position: absolute; bottom: 0; background: #238EE3; padding: 8px 20px; border-radius: 0 3px 0 0; display: block; transition: .2s ease; } .services .serv-row>h1 { margin-bottom: 15px; } .services .mb-50 { margin-bottom: 50px; } .services__sections-item:hover .services__sections-item--link { background: #127dd2; } .services>.more-services>.main__dignity { padding: 0; box-shadow: none; border-radius: 0; width: 100%; position: relative; } .services>.more-services>.main__dignity .main__dignity-tabs { justify-content: space-between; margin-bottom: 0; } .services>.more-services>.main__dignity .main__dignity-content.active { position: absolute; background: #fff; padding: 12px 20px; width: 100%; box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.25); } .services>.more-services>.main__dignity .main__dignity-tab.active { box-shadow: none; } .services>.more-services>.main__dignity .main__dignity-tab { padding: 12px 24px 12px 12px; position: relative; } .services>.more-services>.main__dignity .main__dignity-tab:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5287 1.12408C0.470726 1.17198 0.423835 1.23188 0.391257 1.29965C0.358681 1.36741 0.341192 1.44143 0.34 1.5166C0.341045 1.59195 0.358462 1.66617 0.391045 1.73412C0.423628 1.80207 0.470596 1.86213 0.5287 1.91014L3.96814 4.87596C4.0298 4.92839 4.10071 4.96885 4.17724 4.99524C4.33705 5.05111 4.51111 5.05111 4.67092 4.99524C4.74742 4.96833 4.81831 4.92754 4.88002 4.87494L8.31946 1.90912C8.37566 1.86088 8.42085 1.80115 8.45199 1.73397C8.48314 1.66678 8.49951 1.5937 8.5 1.51966C8.4983 1.44502 8.48057 1.37162 8.44802 1.30442C8.41546 1.23723 8.36884 1.17781 8.3113 1.1302C8.19094 1.02723 8.02978 0.968095 7.86046 0.967075C7.69114 0.966056 7.52896 1.02213 7.40656 1.12408L4.42306 3.69738L1.43956 1.12408C1.31207 1.0175 1.15084 0.959689 0.98464 0.960958C0.81328 0.960958 0.64906 1.01907 0.5287 1.12408Z' fill='%23828282'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; display: inline-block; width: 9px; height: 6px; position: absolute; right: 5px; transition: .2s ease; } .services>.more-services>.main__dignity .main__dignity-tab.active:after { transform: rotate(180deg); } .more-services { width: 100%; overflow: hidden; } .services-works-ud { width: 100%; } .serv-slider-works-item { display: flex; flex-direction: column; gap: 15px; justify-content: space-between; height: 100%; } .serv-slider-works-item .serv-slider-works-img { height: 200px; width: 100%; border-radius: 3px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin-bottom: 5px; } .serv-slider-works-item .serv-slider-works-headline { color: #333333; font-size: 14px; font-weight: 500; line-height: 1.3; transition: .2s ease; } .serv-slider-works-item .btn-blue-outline, .portfolio-ud-prlist .btn-blue-outline { width: 100%; padding: 13px; color: #238ee3; border: 1px solid #238ee3; font-size: 14px; font-weight: 400; text-align: center; border-radius: 6px; transition: .2s ease; } .serv-slider-works-item .btn-blue-outline:hover, .portfolio-ud-prlist .btn-blue-outline:hover { background: var(--blue-color); color: #ffffff; } .serv-slider-works-item .btn-blue-outline:focus, .serv-slider-works-item .btn-blue-outline:active, .portfolio-ud-prlist .btn-blue-outline:focus, .portfolio-ud-prlist .btn-blue-outline:active { background: #127dd2; color: #ffffff; } .serv-slider-works-list .owl-stage>.owl-item { padding: 0 12px; } .serv-slider-works-list { margin: 0 -12px; } .serv-slider-works-item>a:first-child:hover .serv-slider-works-headline { text-decoration: underline #7F7F7F; transition: .2s ease; } #serv-slider-works .owl-dots { display: flex; width: 100%; gap: 4px; } #serv-slider-works .owl-dots>.owl-dot { width: 8px; height: 8px; border-radius: 99px; margin-right: 0; background: #F2F2F2; padding: 0; } #serv-slider-works .owl-dots>.owl-dot.active { background: #757575; } #serv-slider-works .owl-nav { width: 100%; display: flex; justify-content: center; gap: 64px; margin-bottom: -24px; } #serv-slider-works .owl-nav>button { background: none; border: none; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } #serv-slider-works .owl-nav>button.disabled path { fill: #F2F2F2; } #serv-slider-works .owl-nav>button:not(.disabled):hover path { fill: var(--blue-color); } #serv-slider-works .owl-nav>button:focus-visible { outline: none; } #serv-slider-works .owl-stage-outer { margin-bottom: 20px; } .services-works-title { margin-bottom: 30px; font-size: 20px; } .portfolio-review { margin-bottom: 30px; } .review-portfolio-block review-lab .widget__header { margin: 0; } .review-portfolio-block review-lab .ngucarousel { padding: 0; } .review-portfolio-block widget-review .review { box-shadow: 0px 2px 10px 0px #0000000D; border-radius: 3px; } .review-portfolio-block widget-review .review:hover { box-shadow: 0px 2px 10px 0px #0000000D; } .review-portfolio-block review-lab .ngucarousel .ngu-touch-container .ngucarousel-items .item .tile { box-shadow: none; } .review-portfolio-block review-lab .widget__pag { display: none; } .portfolio-btn-filter { display: none; background: #238ee3; color: #ffffff; padding: 13px; border-radius: 6px; text-align: center; font-size: 14px; font-weight: 400; margin-bottom: 10px; transition: .2s ease; } .portfolio-tags-ud .search-tags-cloud a { width: max-content; display: block; color: #238ee3; border: 1px solid #238ee3; border-radius: 3px; padding: 5px 10px; margin-right: 15px; transition: .2s ease; } .portfolio-tags-ud .search-tags-cloud a:hover { background: #238ee3; color: #ffffff !important; } .portfolio-tags-ud .search-tags-cloud .tag-select a { background: #238ee3; color: #ffffff !important; } #portfolio-tags>.slide.tag-select { display: flex; } #portfolio-tags>.slide>.tag-remove { display: none; margin-right: 0; } #portfolio-tags>.slide.tag-select>.tag-remove { display: inline-block; margin-right: -3px; transition: .2s ease; } #portfolio-tags>.slide.tag-select>.tag-remove:hover { background: #ffffff; } #portfolio-tags>.slide.tag-select>.tag-remove:hover path { fill: var(--blue-color); } #portfolio-tags>.slide.tag-select>.tag-select-name, #portfolio-tags .tag-selname-dis { cursor: default; pointer-events: none; } .portfolio-tags-ud .search-tags-cloud a:focus, .portfolio-tags-ud .search-tags-cloud a:active { background: #127dd2; color: #ffffff !important; } .portfolio-tags-ud { display: flex; align-items: center; gap: 15px; overflow-x: hidden; margin-top: 10px; } .portfolio-tags-ud-title { white-space: nowrap; } .portfolio-tags-ud noindex { width: 100%; overflow: hidden; } #portfolio-tags { overflow: hidden; display: flex; } /*#portfolio-tags .owl-item a { width: fit-content !important; white-space: nowrap; } #portfolio-tags .owl-item { display: none; width: fit-content !important; } #portfolio-tags .owl-item.active { display: inline-block; } #portfolio-tags .owl-item.cloned.active { display: none; } .portfolio-tags-ud noindex { width: 100%; overflow: hidden; padding-right: 30px; position: relative; } #portfolio-tags .owl-prev { display: none; }*/ #portfolio-tags .owl-next { position: absolute; top: 0; right: 0; margin: 0; height: 36px; padding: 0; background: none; outline: none; border: none; transition: .2s ease; } #portfolio-tags .owl-next:hover path { fill: #000000; } .portfolio-show-tag { position: absolute; top: 40px; right: 0; } #portfolio-tags .owl-nav.disabled { display: none; } .portfolio-show-tag a { color: #828282; font-size: 14px; transition: .2s ease; } .portfolio-show-tag a:hover { color: #238ee3; } #portfolio-tags-prev { left: 0; top: 0; display: none; } #portfolio-tags-next { top: 0; right: 0; } #portfolio-tags-prev, #portfolio-tags-next { position: absolute; z-index: 2; background: #ffffff; height: 36px; width: 25px; text-align: center; padding: 8px 0; cursor: pointer; transition: .2s ease; } .portfolio-tags-ud-rel { position: relative; width: 100%; overflow: hidden; padding: 0 30px; } #portfolio-tags-prev:hover path, #portfolio-tags-next:hover path { fill: #000000; } .portfolio .bx-pagination { margin: 0 0 50px 0; } .product-list { margin-bottom: 20px; } .portfolio .portfolio__sections-item>.portfolio__sections-item-image { max-width: 46px; } .portfolio-ud-body .portfolio-top-menu-parent .btn-blue-section { padding: 9px 0; display: flex; align-items: center; justify-content: center; gap: 10px; color: #000000; } .portfolio-ud-body .portfolio-top-menu-back a { padding: 9px 0; display: none; align-items: center; gap: 10px; color: #000000; width: 100%; } .portfolio-ud-body .portfolio-top-menu-back { width: 100%; } .portfolio-ud-body .btn-blue-section div { color: #000000; } .portfolio-ud-body .btn-blue-section:hover div { color: #238ee3; } .portfolio-ud-body .btn-blue-section:hover path { fill: #238ee3; } .portfolio-top-menu-parent { width: 100%; } .portfolio-top-menu-parent>a:nth-child(n+2) { display: none; } .portfolio-top-menu-parent>a { font-size: 16px; color: #000000; display: block; padding: 20px 10px; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; margin-top: 5px; } .portfolio-top-menu-back.portfolio-to-one>a:first-child { display: flex; } .portfolio-top-menu-back.portfolio-to-two>a:nth-child(2) { display: flex; } @media(max-width:1300px) { #about-slider .owl-nav { position: inherit; top: 30px; justify-content: center; } #about-slider .owl-nav .owl-next { right: -8px; } #about-slider .owl-nav .owl-prev { left: -8px; } .messengers { bottom: 20px; right: 20px; } } @media(max-width:1030px) { .contact-main-item .contact-main-img, .baloon-slider.owl-carousel { display: none; } .contact-title-partner h2, .contact-title h2 { justify-content: left; } .contact-main-item .contact-main-info { width: 100%; } .partner-list-mobile { display: flex; } .partner-list-desktop, .baloon-slider .slide { display: none; } #map_container { height: 400px; box-shadow: 0px 2px 25px 0px #00000017; } .balloon-info { height: 360px; } #map_container ymaps[class$='-balloon__content']>ymaps { height: 360px !important; } .partner-list-mobile .contact-part-sn { display: flex; gap: 5px 20px; flex-wrap: wrap; } .contact-help-desktop { display: none; } .contact-help-mobile { display: flex; margin-top: 30px; } } @media(max-width:990px) { .main__slider .slick-slide .slider-progress {display: none;} .main__slider .slick-dots { padding-left: 17px !important; } .services>.more-services>.main__dignity .main__dignity-content.active { position: inherit; width: 100%; box-shadow: 0px 2px 6px rgb(0 0 0 / 10%); } .services>.more-services>.main__dignity { margin: 0 0 25px 0; } .services>.more-services>.main__dignity .main__dignity-tab-accordion, .services>.more-services>.main__dignity .main__dignity-content.active { margin: 0; } .services-list-ud>.services__list { grid-template-columns: 1fr 1fr; } .services-list-ud>.services__list .services__sections-item--link { width: 100%; border-radius: 3px; } .services-list-ud>.services__list>.services__sections-item>.services__sections-item--image { border-radius: 3px; } .services-list-ud>.services__list .services__sections-item--title { text-align: center; font-size: 14px; } .services .mb-50 { margin-bottom: 30px; } .services .serv-row { padding: 0 15px; } .services-works-title { margin-bottom: 15px; font-size: 20px; } .serv-slider-works-item .serv-slider-works-img { height: 260px; } .portfolio-ud-body>.portfolio-top-menu { display: none; min-width: 100%; width: 100%; padding-right: 0; padding-bottom: 0; position: fixed; overflow: scroll; z-index: 2002; bottom: 0; left: 0; right: 0; box-shadow: none; background: #ffffff; max-height: calc(100vh - 235px); border-radius: 10px 10px 0 0; } .portfolio-ud-body-click { position: fixed; z-index: 2001; top: 0; right: 0; bottom: 0; left: 0; display: none; background: #333333; opacity: .4; } .portfolio .portfolio__sections-list { border-radius: 0; box-shadow: none; flex-direction: column; flex-wrap: nowrap; } .search-tags-cloud>.slide { padding-bottom: 5px; } .portfolio-btn-filter { display: block; } .portfolio-top-menu .portfolio-ud-top-menu { display: none; } .portfolio-ud-body { flex-direction: column; gap: 10px; } .product-list.grid { grid-template-columns: 1fr 1fr; } .product-item-image-ud { height: 300px; } .portfolio-tags-ud-headline { padding: 0 16px; } #portfolio-tags-prev, #portfolio-tags-next, .portfolio-tags-ud-title { display: none; } .portfolio-tags-ud { padding: 0 16px; } .portfolio-tags-ud-rel { padding: 0; } #portfolio-tags { overflow-x: scroll; } #portfolio-tags>.slide:last-child a { margin-right: 0; } .portfolio .bx-pagination { margin: 0 0 30px 0; } } @media(max-width:850px) { .sitemap-container>.sitemap-block:first-child, .sitemap-container>.sitemap-block:nth-child(2), .sitemap-container>.sitemap-block:last-child { width: 100%; } .sitemap-container>.sitemap-block:nth-child(2) { padding-left: 0; } .sitemap-container>.sitemap-block>.sitemap-catalog>.bx_sitemap>ul>li>ul { columns: 0px 1; } .sitemap-container { padding: 0 25px; } .ud_slider-title.hightlight-title>span, .ud_slider-title { font-size: 48px; } .about-pos>.about-pos-item { width: calc(50% - 18px); min-height: 200px; } .float-whats_app { display: none !important; } .messengers-main.btn-close { margin: 6px; width: 50px; height: 50px; } .messengers-main { width: 62px; height: 62px; } .messengers-main.btn-wa { background-image: url("data:image/svg+xml,%3Csvg width='62' height='63' viewBox='0 0 62 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.3147 21.281C43.9537 23.8794 45.5874 27.2822 45.5874 30.9942C45.5874 38.5421 39.1783 44.7289 31.4496 44.7289C29.1247 44.7289 26.8627 44.1102 24.7891 43.0585L17.4375 44.9145L19.3854 37.7997C18.1915 35.7581 17.5003 33.4071 17.5003 30.9324C17.5003 23.3845 23.7838 17.1977 31.4496 17.1977C35.2197 17.1977 38.7384 18.6825 41.3147 21.281ZM31.4496 42.3779C37.8587 42.3779 43.1997 37.2429 43.1997 30.9942C43.1997 27.9008 41.8802 25.0549 39.681 22.8895C37.4817 20.7242 34.5913 19.5487 31.5125 19.5487C25.1033 19.5487 19.888 24.6837 19.888 30.9324C19.888 33.0978 20.5164 35.2013 21.6474 37.0573L21.9616 37.4904L20.7677 41.6974L25.1662 40.5219L25.5432 40.7694C27.3654 41.8211 29.3761 42.3779 31.4496 42.3779ZM37.8587 33.8402C38.1729 34.0258 38.4243 34.0876 38.4871 34.2732C38.6128 34.397 38.6128 35.0775 38.2986 35.8818C37.9844 36.6861 36.6021 37.4285 35.9737 37.4904C34.8427 37.676 33.963 37.6141 31.7638 36.6242C28.2451 35.1394 25.983 31.6748 25.7945 31.4892C25.606 31.2417 24.4121 29.6331 24.4121 27.9008C24.4121 26.2304 25.2918 25.4261 25.606 25.0549C25.9202 24.6837 26.2972 24.6218 26.5485 24.6218C26.737 24.6218 26.9884 24.6218 27.1769 24.6218C27.4282 24.6218 27.6795 24.56 27.9937 25.2405C28.2451 25.9211 28.9991 27.5915 29.0619 27.7771C29.1247 27.9627 29.1876 28.1483 29.0619 28.3958C28.4336 29.695 27.6795 29.6331 28.0565 30.2518C29.4389 32.5409 30.7584 33.3452 32.832 34.3351C33.1462 34.5207 33.3347 34.4588 33.586 34.2732C33.7745 34.0258 34.4657 33.2215 34.6542 32.9121C34.9055 32.5409 35.1569 32.6028 35.471 32.7265C35.7852 32.8503 37.4817 33.6546 37.8587 33.8402Z' fill='white'/%3E%3C/svg%3E%0A"); } .messengers-main.btn-tg { background-image: url("data:image/svg+xml,%3Csvg width='62' height='63' viewBox='0 0 62 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.5496 22.2732C42.6501 21.9716 42.6501 21.67 42.5496 21.2679C42.5496 21.0668 42.3485 20.7652 42.248 20.6646C41.9464 20.363 41.4437 20.363 41.2426 20.363C40.3378 20.363 38.8298 20.8657 31.8928 23.7813C29.4799 24.7866 24.6542 26.7973 17.4156 30.0145C16.2092 30.5172 15.606 30.9193 15.5054 31.422C15.4049 32.2263 16.7119 32.5279 18.2199 33.0306C19.5269 33.4327 21.236 33.9354 22.1408 33.9354C22.9451 33.9354 23.8499 33.6338 24.8553 32.93C31.5912 28.3054 35.1099 25.993 35.311 25.993C35.5121 25.993 35.7132 25.8925 35.8137 25.993C36.0148 26.1941 36.0148 26.3952 35.9142 26.4957C35.8137 26.9984 29.4799 32.8295 29.0778 33.2316C27.6703 34.6391 26.0617 35.544 28.5751 37.1525C30.6864 38.56 31.8928 39.4649 34.1046 40.8724C35.5121 41.7772 36.618 42.8831 38.0255 42.7825C38.7292 42.682 39.433 42.0788 39.7346 40.1686C40.6394 35.8456 42.248 26.1941 42.5496 22.2732Z' fill='white'/%3E%3C/svg%3E%0A"); } .messengers-main.btn-close { background-image: url("data:image/svg+xml,%3Csvg width='50' height='51' viewBox='0 0 50 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 34L25 26M33 18L25 26M25 26L33 34M25 26L17 18' stroke='white' stroke-width='3' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .contact-rout-mobile>.btn-white-blue { display: none; } .contact-rout-mobile>.btn-blue { width: 100%; text-align: center; } .contact-main-item { padding: 15px 0; } .contact-main-item .contact-main-info, .balloon-info, .balloon-add-flex { gap: 10px; } .baloon-branch { display: none; } .cont-main-sotnetw.contact-part-sn { display: flex; flex-wrap: wrap; } } @media(max-width:768px) { .product-item-image-ud { height: 450px; } .portfolio-tags-ud-headline { font-size: 20px; margin: 5px 0 10px 0; } } @media(max-width:650px) { .block-map-filter { margin: 30px 0; } .contact-info-txt, contact-info-txt div, .contact-question-mobile .btn-white-blue { font-size: 14px; width: 100%; } .contact-info-txt h3, .contact-quest-title h2 { font-size: 16px; margin: 0 !important; } .contact-title-partner h2, .contact-title h2 { font-size: 18px; text-align: left; } .contact-mb-mobile, .mb-50 { margin-bottom: 30px; } #map_container ymaps[class$='balloon_layout_panel'] { width: 100%; max-height: 250px; margin-bottom: 20px; } .balloon-info { height: 210px; } #map_container ymaps[class$='-balloon__content']>ymaps { height: 210px !important; } #map_container ymaps[class$='-balloon__close-button'] { width: 24px; height: 24px; } #map_container ymaps[class$='-balloon__close'] { position: absolute; right: 10px; top: 0px; } #map_container ymaps[class$='-balloon__content'] { border-radius: 5px 5px 0 0; } .contact-info-copy { justify-content: space-between; } .text-copied-show { left: -225%; } .hours-mobile { align-items: center; } .map-filter { bottom: 0; top: auto; left: 0; right: 0; justify-content: center; font-size: 13px; flex-wrap: wrap; } .map-filter label:before { width: 15px; height: 15px; } } @media(max-width:575px) { .item__card-share { display: block !important; position: absolute !important; right: 20px; } .item__card-share>.btn { padding: 5px 9px; } .item__card-share>.btn>.icon { fill: #fff; } .item__card-title { padding-right: 56px; } .item__card-favorites { display: none; } .msg-item.only-desktop { display: none; } .msg-item.only-mobile { display: flex; } .nav__bottom-link { width: fit-content; } .product-item-image-ud { height: 420px; } .portfolio-tags-ud-headline { margin: 30px 0 10px 0; } .portfolio-tags-ud-rel { margin-bottom: 10px; } .portfolio-ud-body>.portfolio-top-menu { max-height: calc(100vh - 216px); } } @media(max-width:550px) { .ud_slider-title.hightlight-title>span, .ud_slider-title { font-size: 40px; } .ud_slider-title.hightlight-title { padding: 6px 8px; } .ud_slider-description--preview { font-size: 20px; } .btn-blue { padding: 13px 20px; font-size: 14px; margin-bottom: 12px; } .main__slider .slider-item { min-height: 350px; } .main__slider .slider-item>.slider-mobile-flex { display: flex; flex-direction: column; justify-content: space-between; height: calc(350px - 50px); } .main__slider .slick-slide > div > div { padding: 30px 20px 30px 20px !important; } .ud_slider-title { margin-bottom: 32px; } .slider-item { background-position: 60% 50%; } .about-pos>.about-pos-item { width: 100%; padding: 24px 16px; min-height: auto; } .serv-slider-works-list { margin: 0; } .serv-slider-works-list .owl-stage>.owl-item { padding: 0; } #serv-slider-works .owl-dots { display: none; } #serv-slider-works .owl-nav { margin-bottom: 0; gap: 10px; } #serv-slider-works .owl-nav svg { width: 12px; height: 21px; } .serv-slider-works-item .serv-slider-works-img { height: 300px; } .services .main__services-fullbox.mb-50 { margin-bottom: 0; } .more-services .main__dignity-tab-accordion-link { width: calc(100% - 56px - 14px); } .more-services .main__dignity-tab-accordion-icon { width: 56px; } .more-services .main__dignity-tab-accordion .icon-arrow-select { width: 12px; height: 8px; } } @media(max-width:410px) { #map_container ymaps[class$='balloon_layout_panel'] { margin-bottom: 45px; } .services-list-ud>.services__list { grid-template-columns: 1fr; } .product-item-image-ud { /*height: 300px;*/ height: 100%; } } @media(max-width:360px) { .main__slider .slider-item { min-height: 300px; } .main__slider .slider-item>.slider-mobile-flex { height: calc(300px - 50px); } .contact-title-partner h2, .contact-title h2 { font-size: 16px; } .services .main__services-fullbox.mb-50 .main__services-fullbox--links { flex-direction: column; gap: 12px; } .services .main__services-fullbox.mb-50 .main__services-fullbox--links .btn { width: 100%; } } @media (width <= 1140px) { .portfolio-detail__stages--list-slider-3 .owl-nav .owl-next { right: -55px; } } @media (width <= 1085px) { .portfolio-detail__stages--list-slider-3 .owl-nav { display: none; } } ul.breadcrumb__menu-lvl1 { margin-top: 12px; } .b24-window .b24-window-popup.b24-window-popup-p-center .b24-window-popup-wrapper .b24-window-close { right: 11px } /* End */ /* Start:/local/templates/auto108_v2/template_styles.css?1745551429150130*/ /* * Prefixed by: * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ .o-w-modal-body, .popup-window{ border-radius: 8px !important; } .bx-filter-parameters-box-container{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bx-filter-block{ width: 100%; display: unset !important; } .bx-filter-block > div{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bx-filter-parameters-box-container-block.bx-left, .bx-filter-parameters-box-container-block.bx-right{ width: 45%; } .bx-filter-parameters-box-container-block.bx-right{ margin-left: 10%; } .bx-ui-slider-track-container{ width: 100%; } .bx-ui-slider-track{ border-bottom: 1px solid #ccc; background: #9acef7; } .bx-ui-slider-handle{ border-radius: 50%; background: #238ee3; top: -7px !important; } .bx-filter .bx-ui-slider-range{ z-index: 90; } .bx-ft-sub{ color: #828282; font-size: 12px; line-height: 11px; font-style: normal; } /*.bx-ui-slider-handle.left{ left: 10px !important; } .bx-ui-slider-handle.right{ right: 10px !important; }*/ .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF; border: 1px solid #F2F2F2; border-radius: 3px; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span{ background: rgba(35, 142, 227, 0.08); border: 1px solid #238EE3; border-radius: 3px; font-weight: bold; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; border: 1px solid transparent; background: #F2F2F2; border-radius: 3px; 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; } .bx-pagination .bx-pagination-container ul li.bx-pag-prev span svg{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); width: 9px; height: 6px; margin: 0; } .bx-pagination .bx-pagination-container ul li.bx-pag-next span svg{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); width: 9px; height: 6px; margin: 0; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } .popup-window-buttons .btn{ margin-bottom: 10px !important; } .cd-dropdown { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .cd-dropdown.dropdown-is-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden { /* push the secondary dropdown items to the right */ -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .cd-dropdown-content.move-out > li > a, .cd-dropdown-content ul.move-out > li > a { /* push the dropdown items to the left when secondary dropdown slides in */ -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } @media only screen and (min-width: 1024px) { .is-hidden{ display: none; } .cd-dropdown { position: absolute; top: 100%; left: 70px; background: #ffffff; display: none/*flex*/; height: auto; width: 1070px; opacity: 0; visibility: hidden; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -o-transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, -webkit-transform 0.3s 0s; -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1); } .cd-title, .cd-close, .cd-search{ display: none; } .cd-dropdown.dropdown-is-active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s; -o-transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s, -webkit-transform 0.3s 0s; } .cd-dropdown-content{ width: 286px; height: auto; -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1); } .cd-dropdown-content li{ height: 40px; padding: 16px 10px 14px 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cd-dropdown-content a, .cd-dropdown-content a:hover{ color: #333; text-decoration: none; } .cd-dropdown-content, .cd-dropdown-content ul { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); left: 100%; height: auto; background-color: #ffffff; /*box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);*/ } .cd-secondary-dropdown{ z-index: -10; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%/*calc(100% - 300px)*/; left: 300px !important; top: 0; } .go-back{ width: 100%; } .cd-secondary-dropdown li{ float: left; min-width: 152px; margin: 15px; } } html { background:#fff; height:100%; } * { -webkit-box-sizing:border-box; box-sizing:border-box; font-family:Gotham Pro, sans-serif; box-sizing:border-box; } body { width:100%; font-family:Gotham Pro, Roboto, sans-serif; margin:0 auto; color:#333; /*-webkit-transition:1s; -o-transition:1s; transition:1s;*/ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; /*height:100vh;*/ } a { color:#238ee3; } a:hover { color:#127dd2; } input{outline: none;} @font-face { font-family:'Gotham Pro'; src: local('fonts/Gotham Pro'),local('fonts/GothamPro'), url('/local/templates/auto108_v2/fonts/GothamPro.ttf') format("truetype"); font-weight:300; font-style:normal; font-display: swap; } @font-face { font-family:'Gotham Pro'; src: url('/local/templates/auto108_v2/fonts/GothamPro.ttf') format("truetype"); font-weight:400; font-style:normal; font-display: swap; } @font-face { font-family:'Gotham Pro Medium'; src: local('fonts/Gotham Pro Medium'), local('fonts/GothamPro-Medium'), url('/local/templates/auto108_v2/fonts/GothamPro-Medium.ttf') format("truetype"); font-weight:300; font-style:normal; font-display: swap; } @font-face { font-family:'Gotham Pro'; src: url('/local/templates/auto108_v2/fonts/gothampro_bold.ttf') format("truetype"); font-weight:700; font-style:normal; font-display: swap; } @font-face { font-family:'Gotham Pro'; src: url('/local/templates/auto108_v2/fonts/gothampro_light.ttf') format("truetype"); font-weight:200; font-style:normal; font-display: swap; } @font-face { font-family:'Gotham Pro'; src: url('/local/templates/auto108_v2/fonts/GothamPro-Medium.ttf') format("truetype"); font-weight:500; font-style:normal; font-display: swap; } @font-face { font-family:'Gotham Pro'; src: url('/local/templates/auto108_v2/fonts/gothampro_bold.ttf') format("truetype"); font-weight:500; font-style:normal; font-display: swap; } .popup-window{ z-index: 9999 !important; } .float-whats_app a { /*width: 296px;*/ height: 48px; display: flex; justify-content: center; align-items: center; /*border-radius: 3px;*/ color: white; text-transform: uppercase; background: #25d366; -webkit-box-shadow: 0 5px 15px rgb(38 209 101 / 40%); box-shadow: 0 5px 15px rgb(38 209 101 / 40%); /*padding: 10px 0 7px;*/ text-align: center; text-decoration: none; position: relative; margin-top: 20px; font-size: 14px; font-weight: 600; color: #fff; text-decoration: none; } .float-whats_app .icon-whatsapp-float{ fill: #fff; width: 24px; height: 24px; margin: 0 10px; } .float-whats_app { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 3px; background: white; margin: 36px auto 0; padding: 30px 16px; width: 328px; display: flex; position: fixed; bottom: -1px; border-radius: 0; background: transparent none; margin: 0; padding: 0; width: 100%; z-index: 115; } .float-whats_app a:hover, .float-whats_app a:focus{ color: #fff; text-decoration: none; } .fa-whatsapp{ margin: 0 10px; } .tooltip-trigger, /*.grid__container */.tooltip/*:not(.bx-soa-tooltip.tooltip)*/{ display: none; } .tooltip-trigger{ display: block; } .tooltip-trigger .item__card-info{ width: 14px; height: 14px; fill: #828282; } .item__card-tooltip--blue{ display: block; bottom: -100%; left: 0; right: 0; position: fixed; z-index: 9999; width: 100%; background-color: #fff; padding: 10px 15px 15px 18px; } .tooltip-trigger.active .item__card-tooltip--blue{ bottom: 0; } .tooltip-trigger.active .click-listener{ position: absolute; left: 0; bottom: 100%; right: 0; width: 100%; height: 1000%; background-color: rgba(0,0,0,.5); } .tooltip__row{ display: flex; justify-content: space-between; align-items: center; position: relative; } .tooltip__row::before{ content: ''; border-bottom: 1px solid #F2F2F2; height: 0; width: calc(100% - 41px); position: absolute; bottom: 0; right: 0; } .tooltip__text{ flex-grow: 1; margin-left: 15px; padding: 25px 0 20px 0; } .tooltip__icon .icon{ fill: #238EE3; } .tooltip__action .icon{ fill: #BDBDBD; } .bx-authform-input-container input[type="text"], .bx-authform-input-container input[type="password"], .bx-authform-input-container input[type="tel"], .bx-authform-input-container input[type="email"] { display: block; width: 100%; font-size: 18px; height: 38px; margin: 0; padding: 0 4px; border: 1px solid #CCD5DB; border-radius: 2px; background: #f8fafc; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-authform-input-container input[type="text"].bx-empty-field, .bx-authform-input-container input[type="password"].bx-empty-field{ border-color: #dd4b39; } .icon { margin:5px; fill:#333; stroke:none; } /*#icon-close { stroke:#fff; }*/ /*#icon-location,#icon-send,#icon-close,#icon-menu-list,#icon-instagram,#icon-vk,#icon-whatsapp,#icon-avito { fill:#FFF; }*/ /*#icon-location-fill,#icon-location-map,#icon-phone,#icon-timer,#icon-envelope,#icon-copy,#icon-alarm { fill:#238EE3; }*/ /*#icon-attention { fill:#F65050; } #icon-filter-list,#icon-filter-grid { fill:#BDBDBD; } #icon-filter-up,#icon-filter-down,#icon-filter-funnel,.catalog__show-list.active .icon-filter-list,.catalog__show-grid.active .icon-filter-grid,#icon-home,#icon-arrow-slide,#icon-info,#icon-share,#icon-star { fill:#828282; }*/ .icon-close { width:12px; height:12px; } .icon-alarm { width:20px; height:19px; } .icon-heart { width:18px; height:15px; } .icon-attention { width:20px; height:20px; } .icon-avito { margin:0; width:28px; height:28px; } .icon-basket { width:18px; height:19px; } .icon-copy { width:18px; height:18px; } .icon-envelope { width:20px; height:16px; } .icon-info { width:18px; height:18px; } .icon-instagram { margin:0; width:28px; height:28px; } .icon-hamburger { width:20px; height:16px; } .icon-menu-list { width:15px; height:10px; fill: #fff; margin-right: 13px; } .icon-location { width:14px; height:17px; } .icon-location-fill { width:28px; height:35px; } .icon-location-map { width:16px; height:19px; } .icon-maestro { width:34px; height:26px; } .icon-mastercard { width:34px; height:26px; } .icon-mir { width:39px; height:11px; } .icon-phone { width:19px; height:18px; } .icon-search { width:18px; height:18px; } .icon-share { width:17px; height:18px; } .icon-star { width:18px; height:16px; } .icon-timer { width:20px; height:22px; } .icon-visa { width:42px; height:26px; } .icon-visa-electron { width:42px; height:26px; } .icon-vk { margin:0; width:28px; height:28px; } .icon-whatsapp { margin:0; width:28px; height:28px; } .icon-arrow-slide { width:6px; height:9px; } .icon-arrow-select { width:8px; height:4px; } .icon-favorites { width:18px; height:15px; } .icon-favorites-active { width:18px; height:15px; } .icon-filter-funnel { width:14px; height:16px; } .icon-filter-list { width:24px; height:24px; } .icon-filter-grid { width:24px; height:24px; } .icon-filter-up { width:16px; height:13px; } .icon-filter-down { width:16px; height:13px; } .icon-home { width:10px; height:12px; margin: 5px 0 0 0; } .icon-send { width:17px; height:14px; } .m-hide{display: none;} .d-hide{display: inline;} .btn { font-size:12px; color:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background:#238ee3; border-radius:3px; border:0 solid transparent; text-decoration:none; padding:5px 15px 5px 9px; height:44px; cursor: pointer; } .nav__btn-triangle { border-top:.45em solid; border-right:.45em solid transparent; border-bottom:0; border-left:.45em solid transparent; border-bottom-color:#999; border-top-color:#999; margin:0 12px; } .grid-container { min-width: 345px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 0px 100% 0px 1fr; grid-template-columns: 1fr 100% 1fr; -ms-grid-rows: auto 0px auto 0px auto 0px auto 0px auto; grid-template-rows: auto auto auto auto auto; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "header header header" "breadcrumb breadcrumb breadcrumb" ". sections ." ". main ." "footer footer footer"; } .sections { -ms-grid-row: 5; -ms-grid-column: 3; grid-area: sections;max-width: 1170px;width: 100%;margin: auto;border-bottom: 1px solid #E0E0E0; } .breadcrumb { -ms-grid-row: 3; -ms-grid-column: 3; grid-area: breadcrumb; width: 100%; margin: auto; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .header { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: header; width: 100%; margin: auto; } .nav__top { grid-area: nav__top; } .main { -ms-grid-row: 7; -ms-grid-column: 3; grid-area: main;max-width: 1170px;width: 100%;margin: auto; } .footer { -ms-grid-row: 9; -ms-grid-column: 1; -ms-grid-column-span: 5; grid-area: footer; } .wrapper{max-width: 1170px;width: 100%;margin: auto;} @media all and (-ms-high-contrast:none) { .grid-container { display: -ms-grid; -ms-grid-columns: 1fr 100% 1fr; -ms-grid-rows: 70px auto auto auto auto; } .sections { -ms-grid-row: 4; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; } .breadcrumbs { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; } .header { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; } .main { -ms-grid-row: 5; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; } .footer { -ms-grid-row: 6; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; } } .nav__top { background: #333; color: #fff; } .header { } /*.breadcrumbs { }*/ .main { } .sections { } .footer { background: #333; color: #fff; } /************************************* navigation top *************************************/ .nav__top .wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; height:56px; max-width:1170px; margin:0 auto; padding: 0 15px; } .nav__top-menu{ display: none; } .nav__top-link { color:#fff; font-size:14px; float:left; text-decoration:none; margin:0 10px; } .nav__top-link:nth-child(1) { margin-left:0; } .nav__top-link:hover { color:#ccc; } .nav__top-button { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .nav__top-btn { height:32px; background:#484848; padding:0 10px; } #userPlaceDropdown { background:transparent; margin:0 10px 0 0; padding:0; } #authorizationPopup { padding:0 30px; display: none; } #currencyDropdown { margin-right:0; display: none; } #currencyDropdown .nav__btn-triangle{ margin: 0 0 0 12px; } .icon-location { margin-right:13px; } .span-dashed { border-bottom:1px dashed #fff; } .nav__top-dropdown { display:none; position: relative; } .nav__top-dropdown::before{ content: ''; width: 100%; position: absolute; height: 12px; bottom: 100%; background: transparent; } .nav__top-divider { display:inline-block; width:0; height:20px; margin:0 30px; border:1px solid #636363; display: none; } .nav__top-phone { font-size:11px; line-height:11px; height:15px; min-width:106px; display: -webkit-box; display: -ms-flexbox; display: flex; } .nav__top-phone-link,.nav__top-phone-link:hover { color:#fff; text-decoration:none; } .popup-window-buttons .btn{ font-family: 'Gotham Pro Medium'; text-transform: uppercase; font-size: 13px; line-height: 130%; } .bx-soa-coupon-input{ margin-top: 5px; position: unset; } .bx-soa-more-btn{ display: flex; } .bx-soa-more-btn .btn{ margin-right: 5px; } .bx-soa-pp-item-container .row{ display: flex; } .bx-soa-pp-company{ width: 33%;} .bx-soa-order .btn, .bx-soa-order .btn:hover{ color: #fff; max-width: 246px; font-family: 'Gotham Pro Medium' } .bx-soa-order input, .bx-soa-order textarea{ width: 100%; max-width: 360px; } .sale-personal-section-row-flex .col-lg-4.col-md-6.col-sm-12.col-xs-12{ margin: 7.5px } .sale-personal-section-index-block-link, .sale-personal-section-index-block-link:hover, .sale-personal-section-index-block-link:active, .sale-personal-section-index-block-link:focus, .sale-personal-section-index-block-link:visited{ display: flex; align-items: center; } .main .container{ padding-bottom: 35px; } .sale-personal-profile-list-container{ width: 100%; margin-top: 25px; } .sale-personal-profile-list-container th, .sale-personal-profile-list-container td{ padding: 5px 10px; } .sale-personal-profile-list-container tr:nth-child(even){ background-color: #f7f7f7; } .main .container .torawspace{ display: flex; justify-content: space-between; flex-direction: column; padding: 0 20px; } .main .main__map{ margin-bottom: 35px; } .main .main__map .map-wrapper{ left: 10px;transform: translateX(0) translateY(-50%); } /************************************* header *************************************/ .header{ width: 100%; border-bottom: 1px solid #E0E0E0; display: flex; align-items: center; position: fixed; background-color: #fff; z-index: 9999; } .header .wrapper{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; height:70px; padding: 0 20px; } .header__logo{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; margin: 5px 0 0 25px; } .header__logo-link{ display: block; width: 107.25px; height: 26px; } .header__logo img{ width: 100%; } .header__search-input, .header__phone-link, .header__phone-callback, .header__nav, .header__basket-favorites { text-decoration:none; display: none; } .header__basket-favorites.active::before{ position: absolute; display: block; top: 10px; right: 10px; width: 10px; height: 10px; content: ''; background: rgb(247, 80, 80); border-radius: 50%; pointer-events: none; } .header__basket-divider { display: none; width:0; height:30px; border:1px solid #F2F2F2; margin:0 22px; } .header__basket-link-btn { padding:10px 10px 10px 11px; background:transparent; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; position: relative; } .header__basket-link-btn:hover { background:#f2f2f2; } .header__basket-link { display: none; text-decoration:none; color:#333; font-size:14px; margin-left:11px; } .header__basket-link-icon { text-decoration:none; } .header__basket-count{ position: absolute; color: rgb(247, 80, 80); top: 2px; left: 35px; font-family: 'Gotham Pro Medium'; font-size: 15px; font-weight: bold; } .header__search-btn, .header__btn-menu { background:transparent; padding:0; } /************************************* breadcrumbs *************************************/ .breadcrumb{ width: 100%; border-bottom: 1px solid #E0E0E0; min-height: 75px; margin-top: 71px; } .breadcrumbs__list{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-flow: nowrap; flex-flow: nowrap; overflow: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 15px 10px 15px 35px; min-height: 50px; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; /* Firefox */ } .breadcrumbs__list::-webkit-scrollbar { /* chrome based */ width: 0; /* ширина scrollbar'a */ height: 0; background: transparent; /* опционально */ } .breadcrumbs .icon{ fill: #828282; } .breadcrumbs__item{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; } .breadcrumbs__item::before{ content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNiA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC42ODI3ODMgMS4wMTYwNEMwLjc5OTk3MSAwLjg5ODk5MyAwLjk1ODgyNCAwLjgzMzI1MiAxLjEyNDQ1IDAuODMzMjUyQzEuMjkwMDggMC44MzMyNTIgMS40NDg5MyAwLjg5ODk5MyAxLjU2NjEyIDEuMDE2MDRMNC44OTk0NSA0LjM0OTM3QzQuOTU3NTMgNC40MDc0MSA1LjAwMzYgNC40NzYzMyA1LjAzNTA0IDQuNTUyMThDNS4wNjY0NyA0LjYyODA0IDUuMDgyNjUgNC43MDkzNCA1LjA4MjY1IDQuNzkxNDVDNS4wODI2NSA0Ljg3MzU2IDUuMDY2NDcgNC45NTQ4NyA1LjAzNTA0IDUuMDMwNzJDNS4wMDM2IDUuMTA2NTggNC45NTc1MyA1LjE3NTQ5IDQuODk5NDUgNS4yMzM1NEwxLjU2NjEyIDguNTY2ODdDMS40NDgxOSA4LjY4MDY2IDEuMjkwMjggOC43NDM1OSAxLjEyNjQxIDguNzQyMDlDMC45NjI1MzQgOC43NDA1OSAwLjgwNTgwNyA4LjY3NDc4IDAuNjg5OTgxIDguNTU4ODVDMC41NzQxNTUgOC40NDI5MSAwLjUwODQ5OCA4LjI4NjEyIDAuNTA3MTUyIDguMTIyMjVDMC41MDU4MDYgNy45NTgzNyAwLjU2ODg3OCA3LjgwMDUzIDAuNjgyNzgzIDcuNjgyN0wzLjU3NDQ1IDQuNzkxMDRMMC42ODI3ODMgMS44OTkzN0MwLjU2NTc0MSAxLjc4MjE4IDAuNSAxLjYyMzMzIDAuNSAxLjQ1NzdDMC41IDEuMjkyMDggMC41NjU3NDEgMS4xMzMyMiAwLjY4Mjc4MyAxLjAxNjA0WiIgZmlsbD0iIzgyODI4MiIvPgo8L3N2Zz4K"); margin: 0 10px; /*width: 5px; height: 8px;*/ margin: 0 10px 0 10px; } .breadcrumbs__item:first-child::before{ display: none; } .breadcrumbs__item > span, .breadcrumbs__link{ font-size: 11px; line-height: 130%; letter-spacing: 0; color: #828282; text-decoration: none; padding-top: 4px; white-space: nowrap; } .breadcrumbs__link:hover{ color: #238EE3; } .breadcrumbs__link .icon-home{ fill: #828282; } .breadcrumbs__item > span{ text-decoration: underline; } .breadcrumbs__item:first-child .breadcrumbs__link{ margin: -5px -10px 0 -15px; position: relative; display: block; } .breadcrumbs__item:last-child .breadcrumbs__link{ /*text-decoration: underline;*/ /*border-bottom: 1px solid #BDBDBD;*/ } .breadcrumbs__item:last-child .breadcrumbs__item-unlink span{border-bottom: 1px solid #BDBDBD;} .breadcrumbs__item:last-child .breadcrumbs__item-unlink:hover span{border-bottom: 1px solid #238EE3;} .breadcrumbs__item-unlink span, .breadcrumbs__item-unlink:hover span{ color: #238EE3; text-decoration: none; } .navigation__mobile{ position: fixed; z-index: 9999; top: 0; bottom: 0; right: 0; left: 0; background: rgba(51, 51, 51, 0.7); display: none; } .navigation__mobile-main{ position: absolute; height: auto; overflow-y: auto; top: 0; bottom: 0; left: -100%; min-width: 281px; width: 76%; background: #333333; -webkit-box-shadow: 4px 0px 12px rgba(0, 0, 0, 0.25); box-shadow: 4px 0px 12px rgba(0, 0, 0, 0.25); padding: 30px 20px 15px 25px; } .mobile__menu-lvl1 a, .mobile__menu-lvl1 a:hover{ color: #fff; font-size: 14px; line-height: 13px; text-decoration: none; } .mobile__menu-lvl1, .mobile__menu-lvl2, .mobile__menu-lvl3, .mobile__menu-lvl4{ display: none; margin: 0; padding: 0; } .mobile__menu-lvl1{ margin: 13px -20px 13px -25px; } .mobile__menu-lvl1 a{ padding: 0 5px 0 25px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .mobile__menu-lvl1 a + ul{ padding: 7px 0; } .mobile__menu-lvl2{ background: rgba(255, 255, 255, 0.1); } .mobile__menu-lvl3{ background: #555; } .mobile__menu-lvl4{ background: #666; } .mobile__menu-lvl1.active, .mobile__menu-lvl2.active, .mobile__menu-lvl3.active, .mobile__menu-lvl4.active{ display: block; } .navigation__mobile-catalog--btn > .icon-arrow-select, .mobile__item-lvl1 > a > .icon-arrow-select, .mobile__item-lvl2 > a > .icon-arrow-select, .mobile__item-lvl3 > a > .icon-arrow-select{ padding: 15px 10px 15px 10px; fill: #fff; width: 40px; height: 36px; position: relative; } .mobile__item-lvl1 > a.active{ color: #238EE3; } .navigation__mobile-catalog--btn.active > .icon-arrow-select, .mobile__item-lvl1 > a.active > .icon-arrow-select, .mobile__item-lvl2 > a.active > .icon-arrow-select, .mobile__item-lvl3 > a.active > .icon-arrow-select{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); padding: 15px 10px 15px 10px; } .mobile__item-lvl1.arrow-off > a > .icon-arrow-select, .mobile__item-lvl2.arrow-off > a > .icon-arrow-select, .mobile__item-lvl3.arrow-off > a > .icon-arrow-select{ display: none; } .navigation__mobile-main .btn, .navigation__mobile-main .btn:hover, .navigation__mobile-main .btn:visited{ height: 44px; width: 100%; margin: 0; padding: 0 15px; margin-bottom: 15px; color: #fff; } .nav__top-btn--login{ min-width: 66px; margin-right: 20px !important; width: auto !important; float: left; } .nav__top-btn--register{ min-width: calc(100% - 86px); width: auto !important; float: left; } .nav__top-btn--register, .navigation__mobile-currency--btn{ border: 1px solid #FFFFFF; } .nav__mobile-menu{ padding: 12px 0 12px 0; } .mobile__menu-lvl1.active + .nav__mobile-menu, .nav__mobile-menu + .nav__mobile-menu{ border-top: 1px solid #E0E0E0; } .nav__mobile-link, .nav__mobile-link:hover{ padding: 12px 20px 12px 0/*28px*/; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; color: #fff; font-size: 14px; line-height: 13px; text-decoration: none; } .nav__mobile-link .icon{ fill: #828282; margin-right: 12px; } .nav__mobile-link .icon-like{ width: 12px; height: 14px; } .nav__mobile-link .icon-info-rectangle{ width: 14px; height: 14px; } .nav__mobile-link .icon-phone{ width: 14px; height: 14px; } .nav__mobile-link .icon-stack{ width: 14px; height: 15px; } .nav__mobile-link .icon-wallet{ width: 16px; height: 14px; } .nav__mobile-link .icon-invoice{ width: 16px; height: 15px; } .nav__mobile-link .icon-heart{ width: 15px; height: 12px; fill: transparent; stroke: #828282; } .nav__mobile-link.active .icon-heart{ fill: #F75050; stroke: transparent; } .navigation__mobile-main--close{ position: absolute; right: 0; width: 24%; height: 100%; top: 0; bottom: 0; z-index: -1; } .navigation__mobile-backcall--btn, .navigation__mobile-catalog--btn{ display: flex; justify-content: space-between; transition: 1s; padding-right: 0 !important; } .navigation__mobile-backcall--btn{ justify-content: center; } .navigation__mobile-catalog--btn .icon-arrow-select{ fill: #fff; } .navigation__mobile-catalog--btn.active .icon-arrow-select{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .navigation__mobile-currency--select-wrapper{ display: none; top: 0; bottom: 0; left: 0; right: 0; position: fixed; } .navigation__mobile-currency--select-wrapper.active{ display: flex; justify-content: center; align-items: center; } .navigation__mobile-currency--select{ width: 90%; padding: 20px 35px; background: #444; border-radius: 4px; } .navigation__mobile-currency--select a{ display: flex; align-items: center; height: 30px; font-family: 'Gotham Pro Medium'; color: #ccc; border-bottom: 1px solid #555; text-decoration: none; } .navigation__mobile-currency--select a:last-child{ border-bottom: none; } /************************************* search box *************************************/ .search-box{ background: #fff; position: fixed; width: 100%; height: auto; height: 100vh; top: 100%; -webkit-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; z-index: 10000; } .search-box.active{ top: 0px; background: #fff; } .icon-search{ height: 48px; margin: 0 16px 0 22px; } .search-box-title{ height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #E0E0E0; } .search-box-input{ border: none; height: 47px; line-height: 47px; font-size: 14px; line-height: 13px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #BDBDBD; } .search-box__close{ background: transparent; border: none; cursor: pointer; } use.icon-searchbox-search{ fill: #BDBDBD; } use.icon-close-search{ stroke: #BDBDBD; } .modal_form{ z-index: 200001 !important; } /************************************* filter *************************************/ .sidebar{ position: fixed; width: 100%; height: auto; height: 100vh; top: 100%; -webkit-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; z-index: 995; } .services-wrapper, .works-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: none; padding: 0 15px 35px 15px; } .services-section-title, .works-section-title, .filter-section-title{ font-size: 16px; line-height: 15px; text-transform: uppercase; background: #fff; color: #333; border-bottom: 1px solid #E0E0E0; height: 75px; font-weight: bold; padding: 0; } .filter-section-title .m-hide{ font-size: 16px; line-height: 15px;font-weight: bold; font-family: Gotham Pro Medium; } .services-section-title, .works-section-title{ border-bottom: none; margin-bottom: 0; font-family: 'Gotham Pro Medium'; height: 60px; align-items: center; display: flex; width: 100%; } .services__link{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; margin-bottom: 24px; position: relative; } .services__link:after{ content: ''; position: absolute; height: 0; bottom: -7px; right: 0; width: calc(100% - 68px); border-bottom: 1px solid rgb(224 224 224 / 50%); } .services__img{ width: 46px; height: 46px; margin-left: 7px; border-radius: 3px; border-radius: 3px; } .services__title{ font-size: 12px; line-height: 130%; text-transform: uppercase; margin-left: 15px; padding: 0 7px 0 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #828282; height: 100%; display: flex; align-items: center; } .services__link:hover .services__title{ color: #238ee3; text-decoration: underline; } .services__arrow{ display: flex; justify-content: center; align-items: center; width: 25px; height: 100%; } .services__arrow .icon{ margin: 0; fill: #828282; } .works__link{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(50% - 8px); margin-right: 0; margin-bottom: 15px; } .works__link:nth-child(2n){ margin-right: 15px; } .works__img{ width: 100%; max-width: 100%; border-radius: 3px; } .works__show-more{ font-size: 12px; line-height: 11px; text-decoration: none; margin: 10px 0 35px 0; height: 44px; display: flex; flex-grow: 1; justify-content: center; align-items: center; color: #333; background: #F2F2F2; border-radius: 3px; font-family: Gotham Pro Medium; } .works__show-more:hover{ text-decoration: none; } .sidebar.active{ top: 0px; background: #fff; } .filter__apply{ width: calc(100% - 30px); cursor: pointer; } .sidebar.active .filter__apply{ position: fixed; bottom: 25px; left: 15px; right: 15px; cursor: pointer; font-size: 12px; line-height: 130%; text-transform: uppercase; font-family: Gotham Pro Medium; } .sidebar.active .smartfilter{ padding: 0 22px 25px 15px; } .reset-filter{ font-size: 12px; line-height: 11px; opacity: .8; color: #fff; border: none; border-bottom: 1px dashed #fff; background: none; height: 20px; margin-left: 15px; font-family: Gotham Pro; cursor: pointer; } .sidebar.active .reset-filter{ position: absolute; top: 15px; left: 80px; } .checkbox-symbol { position: absolute; width: 0; height: 0; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .filter__close{ background: transparent; border: none; cursor: pointer; } .filter__close .icon-close { stroke: #fff; } .filter-section-title{ font-size: 14px; line-height: 50px; font-family: Gotham Pro Medium; border-bottom: 1px solid #E0E0E0; background: #333; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 5px 0 15px; } .filter-title{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; font-size: 14px; line-height: 130%; color: #5d5b5c; text-transform: uppercase; padding-bottom: 17px; font-family: Gotham Pro Medium; } .filter-container { -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; color: #222; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; border-bottom: 1px solid #E0E0E0; padding: 15px 0; } .filter-container.short .checkbox { height: 0; padding: 0; color: #fff; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .filter-container.short .checkbox span:first-child{ border: 1px solid #FFF; } .filter-container .icon-arrow-select{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .filter-container.short .icon-arrow-select{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .filter-slide{ background: none; border: none; cursor: pointer; } .icon-close{ fill: #fff; } .filter-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .checkbox-input { position: absolute; visibility: hidden; } .checkbox { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding: 5px 8px 5px 0; border-radius: 6px; overflow: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; } .checkbox:not(:last-child) { /*margin-right: 6px;*/ } .checkbox span:first-child{ margin: 0 0 0 5px; } .checkbox:hover span:first-child { background: rgba(0, 119, 255, 0.06); -webkit-box-shadow: 0px 0px 0px 3px rgba(35, 142, 227, 0.2); box-shadow: 0px 0px 0px 3px rgba(35, 142, 227, 0.2); } .checkbox span { vertical-align: middle; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #828282; font-family: 'Gotham Pro Medium'; font-size: 12px; line-height: 11px; } .checkbox span:first-child { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; width: 18px; height: 18px; border-radius: 4px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); border: 1px solid #E0E0E0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .checkbox span:first-child svg { position: absolute; top: 3px; left: 2px; fill: none; stroke: #238EE3; stroke-dasharray: 16px; stroke-dashoffset: 16px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .checkbox span:last-child { padding-left: 7px; line-height: 18px; } .checkbox:hover span:first-child { border-color: #ссс; } .checkbox-input:checked{ color: #333; } .checkbox-input:checked + .checkbox span{ color: #333; } .checkbox-input:checked + .checkbox span:first-child { background: #FFF; border-color: #238EE3; -webkit-animation: zoom-in-out 0.3s ease; animation: zoom-in-out 0.3s ease; } .checkbox-input:checked + .checkbox span:first-child svg { stroke-dashoffset: 0; } @-webkit-keyframes zoom-in-out { 50% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes zoom-in-out { 50% { -webkit-transform: scale(0.9); transform: scale(0.9); } } /************************************* sorting *************************************/ .catalog__sorting { display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:25px; margin-bottom:20px; padding: 0 10px; } .catalog__sorting button { color:#828282; background:transparent; border:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:12px; line-height:12px; height:32px; cursor:pointer; margin:0 5px; } .catalog__sorting button.catalog__show-list svg, .catalog__sorting button.catalog__show-grid svg{ fill: #BDBDBD; } .catalog__sorting button.catalog__show-list.active svg, .catalog__sorting button.catalog__show-grid.active svg{ fill: #828282; } .catalog__sorting-text { padding-right:10px; font-weight: bold; } .catalog__sorting button.active,.catalog__sorting button:hover { background:#F2F2F2; border-radius:3px; } .flex-divider { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; } .catalog__sort-price {} .catalog__sort-a-z {} .catalog__sort-price svg, .catalog__sort-a-z svg{ fill: #828282; } .catalog__show-filter { background:#F2F2F2 !important; border-radius:3px; } .catalog__show-filter .icon-filter-funnel{ fill: #828282; } .catalog__show-list { display:none!important; } .catalog__show-grid { display:none!important; } /************************************* sections *************************************/ .sections{ /* padding: 0 25px;*/ } #brands-list{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 1rem; } #brands-list a{ /*width: calc((100% / 4) - (4rem / 4)); margin-right: 1rem; margin-bottom: 1rem;*/ } #brands-list a:nth-child(4n) { margin-right: 0; } #brands-list a img{ width: 100%; } .sections-list { margin: 0 auto; display: -ms-grid; display: grid; grid-auto-flow: column; gap: 1rem; /*height: calc(40% + 1rem);*/ padding: 1rem; width: 100%; overflow-y: auto; overscroll-behavior-x: contain; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; position: relative; } .sections{position: relative;padding-bottom: 10px;} /*.sections::before, .sections::after{ display: block; position: absolute; top: 0; bottom: 0; width: 105px; content: ""; pointer-events: none; z-index: 1; } .sections::before{ background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(left, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(-270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); left: 0; } .sections::after{ background: -webkit-gradient(linear, right top, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(right, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); right: 0; }*/ .sections-list > a { scroll-snap-align: center; text-align: center; font-size: 12px; line-height: 130%; text-transform: uppercase; font-family: Gotham Pro Medium; color: #333333; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*align-items: center;*/ } .sections-list img { width: 120px; max-width: none; -o-object-fit: contain; object-fit: contain; border-radius: 1rem; margin: auto; } .sections-list span { font-family: Gotham Pro Medium; flex-grow: 1; } /************************************* catalog *************************************/ .bx-pagination{ display: none; } .show_more_items{ padding: 0 20px; margin: 0 auto; background: rgba(35, 142, 227, 0.08); border: 1px solid #238EE3; min-width: 240px; font-size: 12px; line-height: 130%; text-transform: uppercase; color: #238EE3; font-family: Gotham Pro Medium; margin-bottom: 30px; } .section__description{ padding: 0 15px 55px 15px; } .catalog__grid{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /* margin-left: 1rem;*/ padding: 0 5px; } .catalog__item { min-width: 165px; /* width: calc(50% - 1rem); margin: 0 1rem 26px 0;*/ width: 50%; margin: 0 0 26px 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto 0px 1fr 0px auto 0px auto 0px auto; grid-template-rows: auto 1fr auto auto auto; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "cat__item-preview" "cat__item-title" "cat__item-stores" "cat__item-price" "cat__item-buttons"; position: relative; padding: 7.5px; } .product-item-image-wrapper{ padding-top: 0; } .catalog__item:nth-child(2n){ margin-right: 0; } @media(max-width: 391px){ /*.catalog__grid{ margin-left: 5px; }*/ .catalog__item { /* width: calc(50% - 10px); margin: 0 5px 26px 0;*/ width: 50%; margin: 0 0 26px 0; } } .cat__item-preview { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: cat__item-preview; min-height: 130px/*127px*/; width: 100%; max-width: 100%; /*max-height: 130px;*/ overflow: hidden; /*height: 172px;*/ margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*.cat__item-preview span{ object-fit: cover; }*/ .cat-item-image-slider{ max-width: 100%; overflow: hidden; position: relative; } .cat-item-image, .cat-item-image-slide--image{ max-width: 100%; width: 100%; border-radius: 3px; } .cat__item-title { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: cat__item-title; padding: 10px 5px 5px 5px; border-bottom: 1px solid #E0E0E0; font-size: 10px; line-height: 130%; font-family: Gotham Pro Medium; /*text-transform: uppercase;*/ /*margin: 0 10px;*/ min-height: 66px; } .cat__item-title a{ color: #333; text-decoration: none; } .cat__item-title a:hover{ color: #238ee3; text-decoration: underline; } .cat__item-stores { -ms-grid-row: 5; -ms-grid-column: 1; grid-area: cat__item-stores; padding: 5px 5px 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*margin: 0 10px;*/ } .cat__item-price { -ms-grid-row: 7; -ms-grid-column: 1; grid-area: cat__item-price; padding: 13px 5px 10px 5px; font-size: 16px; line-height: 130%; font-family: Gotham Pro Medium; /*margin: 0 10px;*/ } .product-item-price-current{ font-size: 16px !important; font-weight: bold; } .cat__item-price-divider{ min-height: 20px; } .cat__item-buttons { -ms-grid-row: 9; -ms-grid-column: 1; grid-area: cat__item-buttons; /* padding: 0 5px;*/ /*margin: 0 5px;*/ margin-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .detail-product-item-button-container{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .btn-primary-basket{ width: 100%; } .bx-catalog-subscribe-button{ margin-bottom: 0; height: 48px; background: #333; } /*.bx-catalog-subscribe-button span{ font-size: 14px; line-height: 130%; }*/ .cat__item-store{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .catalog__grid.list .cat__item-store{ justify-content: flex-end; } .catalog__grid.list .cat__item-stores{ padding-top: 12px; } .cat__item-city{font-size: 11px;line-height: 130%;opacity: .8;} .cat__item-amount{ 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: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 115px; min-width: 115px; height: 48px; border: 1px solid #E0E0E0; border-radius: 3px; padding: 6px; } .cat__item-amount--value{ font-size: 14px; line-height: 130%; color: #333; font-family: Gotham Pro Medium; border: none; background: transparent; width: 30px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 36px; } .cat__item-amount--value:focus-visible{ outline: none; } .cat__item-amount--minus, .cat__item-amount--plus{ font-family: Gotham Pro Medium; font-size: 14px; line-height: 130%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: transparent; border: none; width: 36px; height: 36px; border-radius: 3px; color: #333; padding: 0 15px; } .cat__item-amount--minus:hover, .cat__item-amount--plus:hover{ background: #F2F2F2; } .cat__item-amount--minus{} .cat__item-amount--plus{} .cat__item-amount--on, .cat__item-amount--off{ line-height: 0px; font-size: 0px; width: 12px; height: 12px; display: block; border-radius: 50%; margin-left: 5px; } .cat__item-amount--on{ background: #16A83F; border:2px solid #d0eed9; } .cat__item-amount--off{ background: #F75050; border:2px solid #fddcdc; } .cat__item-btn--basket{ height: 34px; font-size: 12px; line-height: 130%; text-align: center; /*background: #F2F2F2;*/ /*color: #333;*/ color: #fff; font-family: Gotham Pro Medium; cursor: pointer; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .cat__item-btn--basket-divider{ min-height: 48px; } .cat__item-btn--send{ height: 34px; font-size: 10px; line-height: 110%; background: #333; color: #fff; text-align: center; font-family: Gotham Pro Medium; padding: 0; width: 100%; cursor: pointer; } .cat__item-btn--basket-price{ display: none; font-size: 13px; line-height: 130%; font-weight: normal; font-family: 'Gotham Pro Medium'; } .cat__item-favorites{ position: absolute; top: 0; right: 0; width: 44px; height: 44px; z-index: 111; background: rgba(0, 0, 0, .2); border-radius: 3px; display: none; } .cat__item-favorites.inactive{ display: inline-block; background-color: rgba(0, 0, 0, 0.0) } .catalog_catalog__item:hover .cat__item-favorites { display: inline-block; } .cat__item-btn--favorites{ background: transparent; padding: 0; } .cat__item-btn--favorites.active .icon-heart{ fill: #F75050; stroke: transparent; } use.icon-heart{stroke: #fff;fill: none;} use.icon-heart.fill{stroke: none;fill: #F75050;} .select-css { display: block; font-size: 14px; line-height: 130%; padding: 4px 30px 4px 6px; color: #333; font-family: Gotham Pro Medium; width: 56px; min-width: 56px; height: 34px; margin: 0 5px 0 0; border: 1px solid #E0E0E0; border-radius: 3px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxyZWN0IHg9IjI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIzIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAyNCAwKSIgZmlsbD0iI0YyRjJGMiI+PC9yZWN0Pgo8cGF0aCBkPSJNMTUuODE1MSAxMC4xNTk1QzE1LjkzMzUgMTAuMjYxOCAxNiAxMC40MDA1IDE2IDEwLjU0NTFDMTYgMTAuNjg5NiAxNS45MzM1IDEwLjgyODMgMTUuODE1MSAxMC45MzA2TDEyLjQ0MzQgMTMuODQwMUMxMi4zODQ3IDEzLjg5MDggMTIuMzE0OSAxMy45MzEgMTIuMjM4MiAxMy45NTg0QzEyLjE2MTUgMTMuOTg1OSAxMi4wNzkyIDE0IDExLjk5NjIgMTRDMTEuOTEzMSAxNCAxMS44MzA5IDEzLjk4NTkgMTEuNzU0MiAxMy45NTg0QzExLjY3NzQgMTMuOTMxIDExLjYwNzcgMTMuODkwOCAxMS41NDkgMTMuODQwMUw4LjE3NzI2IDEwLjkzMDZDOC4wNjIxNiAxMC44Mjc2IDcuOTk4NTEgMTAuNjg5OCA4LjAwMDAzIDEwLjU0NjhDOC4wMDE1NCAxMC40MDM3IDguMDY4MTEgMTAuMjY2OSA4LjE4NTM4IDEwLjE2NThDOC4zMDI2NSAxMC4wNjQ3IDguNDYxMjUgMTAuMDA3NCA4LjYyNzAxIDEwLjAwNjJDOC43OTI3NyAxMC4wMDUxIDguOTUyNDQgMTAuMDYwMSA5LjA3MTYyIDEwLjE1OTVMMTEuOTk2NiAxMi42ODM2TDE0LjkyMTYgMTAuMTU5NUMxNS4wNDAxIDEwLjA1NzQgMTUuMjAwOCAxMCAxNS4zNjg0IDEwQzE1LjUzNTkgMTAgMTUuNjk2NiAxMC4wNTc0IDE1LjgxNTEgMTAuMTU5NVoiIGZpbGw9IiMzMzMzMzMiPjwvcGF0aD4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHg9IjI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIzIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAyNCAwKSIgZmlsbD0id2hpdGUiPjwvcmVjdD4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4='); background-repeat: no-repeat, repeat; background-position: right 5px top 50%, 0 0; background-size: 24px 24px; cursor: pointer; } .select-css::-ms-expand { display: none; } .select-css:hover { border-color: #dfdfdf; } .select-css:focus { border-color: #E0E0E0; /*box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); box-shadow: 0 0 0 3px -moz-mac-focusring;*/ color: #333; outline: none; } .select-css option { font-family: Gotham Pro Medium; border: 1px solid #E0E0E0; border-radius: 3px; color: #888; } .select-css option:hover { color: #333; } .select-css:disabled, .select-css[aria-disabled=true] { color: graytext; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxyZWN0IHg9IjI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIzIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAyNCAwKSIgZmlsbD0iI0YyRjJGMiI+PC9yZWN0Pgo8cGF0aCBkPSJNMTUuODE1MSAxMC4xNTk1QzE1LjkzMzUgMTAuMjYxOCAxNiAxMC40MDA1IDE2IDEwLjU0NTFDMTYgMTAuNjg5NiAxNS45MzM1IDEwLjgyODMgMTUuODE1MSAxMC45MzA2TDEyLjQ0MzQgMTMuODQwMUMxMi4zODQ3IDEzLjg5MDggMTIuMzE0OSAxMy45MzEgMTIuMjM4MiAxMy45NTg0QzEyLjE2MTUgMTMuOTg1OSAxMi4wNzkyIDE0IDExLjk5NjIgMTRDMTEuOTEzMSAxNCAxMS44MzA5IDEzLjk4NTkgMTEuNzU0MiAxMy45NTg0QzExLjY3NzQgMTMuOTMxIDExLjYwNzcgMTMuODkwOCAxMS41NDkgMTMuODQwMUw4LjE3NzI2IDEwLjkzMDZDOC4wNjIxNiAxMC44Mjc2IDcuOTk4NTEgMTAuNjg5OCA4LjAwMDAzIDEwLjU0NjhDOC4wMDE1NCAxMC40MDM3IDguMDY4MTEgMTAuMjY2OSA4LjE4NTM4IDEwLjE2NThDOC4zMDI2NSAxMC4wNjQ3IDguNDYxMjUgMTAuMDA3NCA4LjYyNzAxIDEwLjAwNjJDOC43OTI3NyAxMC4wMDUxIDguOTUyNDQgMTAuMDYwMSA5LjA3MTYyIDEwLjE1OTVMMTEuOTk2NiAxMi42ODM2TDE0LjkyMTYgMTAuMTU5NUMxNS4wNDAxIDEwLjA1NzQgMTUuMjAwOCAxMCAxNS4zNjg0IDEwQzE1LjUzNTkgMTAgMTUuNjk2NiAxMC4wNTc0IDE1LjgxNTEgMTAuMTU5NVoiIGZpbGw9IiMzMzMzMzMiPjwvcGF0aD4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHg9IjI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIzIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAyNCAwKSIgZmlsbD0id2hpdGUiPjwvcmVjdD4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4='); } .select-css:disabled:hover, .select-css[aria-disabled=true] { border-color: #E0E0E0; } @media all and (-ms-high-contrast:none) { .catalog__item { display: -ms-grid; -ms-grid-columns: 1fr; -ms-grid-rows: auto 1fr auto auto auto; gap: 0px 0px; } .cat__item-preview { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } .cat__item-title { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 0; } .cat__item-stores { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: -1; } .cat__item-price { -ms-grid-row: 4; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: -2; } .cat__item-buttons { -ms-grid-row: 5; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: -3; } } .search-result.catalog__grid .catalog__item.search-item{ border-bottom: none; padding: 7.5px; } .search-wrapper{ height: 100%; overflow-y: scroll; } .search-box-body{ padding: 25px 15px; } .search-box-body .tip{ display: flex; color: #333; text-decoration: none; } .search-box-body .thumb{ max-width: 25%; padding-right: 5px; } .search-box-body .info{ font-size: .8rem; } .search-box-body .price{color: #238EE3; font-weight: bold;} .search-page{ margin: 0 -20px; } .container.catalog-top-menu ul{ list-style: none; } .container.catalog-left-menu #product .product-item-list-big-card{ width: 50%; } /**************************** mobile menu *********************/ .mobile-menu{ display: block; width: 100%; height: auto; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .7); } .mobile-menu-wrapper{ } .mobile-menu-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: auto 20px auto; grid-template-columns: auto auto; -ms-grid-rows: auto 15px auto 15px auto 15px auto 15px auto 15px auto 15px auto 15px auto; grid-template-rows: auto auto auto auto auto auto auto auto; gap: 15px 20px; grid-template-areas: "login register" "catalog-button catalog-button" "catalog-menu catalog-menu" "favorite favorite" "services services" "top-menu top-menu" "callback callback" "currency currency"; } #authorizationPopup { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: login; } .register { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: register; } .header__nav-btn--shop { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: catalog-button; } .nav__catalogue { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: catalog-menu; } .header__basket-favorites { -ms-grid-row: 7; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: favorite; } .header__nav-btn--services { -ms-grid-row: 9; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: services; } .nav__top-menu { -ms-grid-row: 11; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: top-menu; } .header__phone-callback { -ms-grid-row: 13; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: callback; } #currencyDropdown { -ms-grid-row: 15; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: currency; } @media all and (-ms-high-contrast:none) { .mobile-menu-wrapper { display: -ms-grid; -ms-grid-columns: auto auto; -ms-grid-rows: auto auto auto auto auto auto auto auto; gap: 15px 20px; } #authorizationPopup { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } .register { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 2; } .header__nav-btn--shop { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } .nav__catalogue { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 0; } .header__basket-favorites { -ms-grid-row: 4; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: -1; } .header__nav-btn--services { -ms-grid-row: 5; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: -2; } .nav__top-menu { -ms-grid-row: 6; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: -3; } .header__phone-callback { -ms-grid-row: 7; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: -4; } #currencyDropdown { -ms-grid-row: 8; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: -5; } } .recomended-title{ padding: 0 15px; } .recomended-slider{ position: relative; overflow: hidden; } .recomended-slider .slick-dots{ margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; position: absolute; width: 100%; height: 3px; z-index: 1111; bottom: 26px; } .recomended-slider .slick-dots li{ margin: 0; padding: 0; width: 40px; height: 3px; line-height: 3px; font-size: 0; background: #f2f2f2; border: none; margin: 0 5px; cursor: pointer; border-radius: 2px; } .recomended-slider .slick-dots li.slick-active{ background: #828282; } .recomended-slider .slick-dots button{ display: none; } .recomended-slider--prev, .recomended-slider--next{ display: none; } /**************************** item card *********************/ .item__card{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 25px 15px 20px 15px; -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); display: -ms-grid; display: grid; -ms-grid-columns: auto 0px auto 0px auto; grid-template-columns: auto auto auto; -ms-grid-rows: auto 0px auto 0px auto 0px auto 0px auto 0px auto 0px auto 0px auto; grid-template-rows: auto auto auto auto auto auto auto auto; gap: 0px 0px; grid-template-areas: "item__card-title" "item__card-favorites" "item__card-gallery" "item__card-prices" "item__card-buy" "item__card-oneclick" "item__card-change-price" "item__card-siblings" "item__card-stores" "item__card-article" "item__card-reviews"; } .item__card-share{ position: relative; display: none; } .item__card-title{ grid-area: item__card-title; font-size: 20px; line-height: 120%; color: #238EE3; margin: 0 0 25px 0; } .item__card-favorites{ grid-area: item__card-favorites; text-align: right; width: 100%; } .item__card-favorites .favor{ display: inline-block; } .item__card-favorites .favor .icon-heart{ stroke: #333; fill: transparent; } .item__card-favorites .favor.active .icon-heart{ stroke: transparent; fill: #F75050; } .item__card-img{ display: inline; } .item__card-gallery{ grid-area: item__card-gallery; max-width: 576px; width: 100%; overflow: hidden; position: relative; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .item__card-gallery--detail-slider{ position: relative; height: 273px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 18px; } /*.item__card-gallery .slick-track{ display: flex; flex-wrap: nowrap; }*/ .slick-list{ width: 100%; } .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .slick-slide { height: auto; overflow: hidden; } .item__card-gallery--detail-slider .slick-slide{ height: 273px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; object-fit: contain; } .item__card-gallery--detail-slider .slick-slide > div{ object-fit: contain; } .item__card-gallery--detail-slider .slick-dots{ margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; position: absolute; width: 100%; height: 3px; z-index: 111111; bottom: 0px; bottom: -18px; } .item__card-gallery--detail-slider .slick-dots li{ margin: 0; padding: 0; width: 40px; height: 3px; line-height: 3px; font-size: 0; background: #f2f2f2; border: none; margin: 0 5px; cursor: pointer; border-radius: 2px; } .item__card-gallery--detail-slider .slick-dots li.slick-active{ background: #828282; } .item__card-gallery--detail-slider .slick-dots button{ display: none; } .item__card-img--container{ width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .item__card-img{ display: block; min-width: 328px; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .item__card-gallery--thumbnails{ display: none; } .item__card-gallery--prev, .item__card-gallery--next{ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; cursor: pointer; z-index: 111111; background: rgba(255, 255, 255, 0.5); border-radius: 3px; width: 24px; height: 24px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .item__card-gallery--prev{ left: 5px; } .item__card-gallery--next{ right: 5px; } .item__card-gallery--prev .icon-arrow-slide{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .item__card-gallery--prev .icon-arrow-slide, .item__card-gallery--next .icon-arrow-slide{ width: 10px; height: 16px; fill: #828282; } .item__card-prices{ grid-area: item__card-prices; margin-top: 30px; margin-bottom: 25px; } .item__card-main-price{ font-size: 28px; line-height: 120%; color: #000000; font-family: Gotham Pro Medium; font-weight: bold; } .item__card .cat__item-buttons{ margin: 0; } .item__card-buy{ grid-area: item__card-buy; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: Gotham Pro Medium; width: 100%; margin-bottom: 15px; } .item__card-amount{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 6px; border: 1px solid #F2F2F2; border-radius: 3px; margin-right: 15px; height: 48px; } .product-item-amount-field{ display: inline-block; padding: 0; max-width: 9rem !important; width: auto !important; height: 48px; border: 1px solid #d3d3d3 !important; border-radius: 2px; background: transparent !important; color: #000; vertical-align: middle; text-align: center; font-weight: bold; font-size: 19px; line-height: 22px; transition: border 300ms ease; } .item__card-amount--value{ font-size: 16px; line-height: 130%; border: none; width: 66px; font-family: Gotham Pro Medium; text-align: center; } .item__card-amount--value:focus-visible{ outline: none; } .item__card-amount--minus, .item__card-amount--plus{ background: transparent; padding: 0; font-size: 16px; line-height: 130%; width: 36px; height: 36px; color: #333; font-family: Gotham Pro Medium; } .item__card-amount--minus:hover, .item__card-amount--plus:hover{ background: #F2F2F2; border-radius: 3px; } .item__card-buy--btn, /*.btn-primary-basket{ font-size: 14px; line-height: 130%; text-transform: uppercase; color: #fff; height: 48px; padding: 0 26px; font-family: Gotham Pro Medium; }*/ .product-item-amount{ margin-right: 15px; } .item__card-btn--send{ width: 100% !important; height: 48px; text-transform: uppercase; font-size: 14px; line-height: 130%; background: #F2F2F2; color: #333; font-family: Gotham Pro Medium; } .item__card-btn--send span{ font-family: Gotham Pro Medium; } .item__card-oneclick{ grid-area: item__card-oneclick; font-size: 14px; line-height: 130%; width: 100%; text-transform: uppercase; height: 48px; color: #333; font-family: Gotham Pro Medium; } .item__card-change-price{ grid-area: item__card-change-price; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 25px 0 30px 0; border-bottom: 1px solid #E0E0E0; } .item__card-change-price--link{ font-size: 14px; line-height: 130%; color: #238EE3; } .item__card-change-price--link span{ border-bottom: 1px solid #238EE3; } .item__card-siblings{ grid-area: item__card-siblings; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } .item__card-siblings--img{ min-width: 155px; width: calc(100% - 10px); margin: 5px 5px 10px 5px; border-radius: 3px; } .item__card-siblings--left, .item__card-siblings--right{ border: 1px solid #E0E0E0; color: #333333; border-radius: 5px; min-width: 160px; width: calc(50% - .5rem); font-size: 12px; line-height: 130%; text-align: center; text-transform: uppercase; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 9px; } .item__card-siblings--left.active, .item__card-siblings--right.active{ border: 1.5px solid #238EE3; font-family: Gotham Pro Medium; } .item__card-stores{ grid-area: item__card-stores; background: #F2F2F2; border-radius: 3px; padding: 13px 20px 16px 20px; color: #828282; font-size: 12px; line-height: 130%; margin-top: 20px; width: 100%; } .item__card-store{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 26px; justify-content: space-between; } .item__card-stores--city{ color: #333333; font-size: 14px; line-height: 130%; opacity: 0.8; } .item__card-stores--availability{ flex-grow: 1; } .item__card-stores--availability-yes_circle, .item__card-stores--availability-no_circle{ line-height: 0px; font-size: 0px; width: 16px; height: 16px; display: block; border-radius: 50%; margin-left: 10px; } .item__card-stores--availability-yes_circle{ background: #16A83F; border:2px solid #d0eed9; } .item__card-stores--availability-yes_text{ color: #16A83F; display: none; } .item__card-stores--availability-no_circle{ background: #F75050; border: 2px solid #fddcdc; } .item__card-stores--availability-no_text{ color: #F75050; display: none; } .item__card-stores--info{ border-top: 1px solid #E0E0E0; margin-top: 16px; } .item__card-stores--info p{} .item__card-article{ grid-area: item__card-article; font-size: 12px; line-height: 11px; color: #828282; margin-top: 20px; } .item__card-reviews{ grid-area: item__card-reviews; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 11px; } .card__item-stars{ height: 20px; } .rating-holder { display: inline-block; background-color: #fff; border-radius: 1.5625em; -webkit-box-sizing: border-box; box-sizing: border-box; } .c-rating button { display: inline-block; float: left; width: 1.25em; height: 1.25em; border: 0; text-indent: -9999px; outline: none; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNDc2MTQgMC40MTg3MzRDOS40MDIyNiAwLjI5MTM3NCA5LjI5NjIyIDAuMTg1NjU3IDkuMTY4NjMgMC4xMTIxNjlDOS4wNDEwNCAwLjAzODY4MDUgOC44OTYzOSAwIDguNzQ5MTUgMEM4LjYwMTkxIDAgOC40NTcyNiAwLjAzODY4MDUgOC4zMjk2NyAwLjExMjE2OUM4LjIwMjA5IDAuMTg1NjU3IDguMDk2MDQgMC4yOTEzNzQgOC4wMjIxNyAwLjQxODczNEw1Ljc0MTIgNC4zNDc4MkM1LjY2MjI4IDQuNDgzOTYgNS41NTM4IDQuNjAwNjMgNS40MjM3NSA0LjY4OTIyQzUuMjkzNyA0Ljc3NzgxIDUuMTQ1NDEgNC44MzYwNSA0Ljk4OTg0IDQuODU5NjVMMC43MTUzMjggNS41MDUxMUMwLjU1NDkgNS41MjkyNyAwLjQwNDg5MiA1LjU5OTMzIDAuMjgzNDA5IDUuNzA2ODZDMC4xNjE5MjYgNS44MTQzOSAwLjA3NDE2MDggNS45NTQ3OCAwLjAzMDcwNzQgNi4xMTEwOUMtMC4wMTI3NDYgNi4yNjc0IC0wLjAxMDAzMDQgNi40MzI5NCAwLjAzODUyNjMgNi41ODc3NEMwLjA4NzA4MzEgNi43NDI1NCAwLjE3OTQwNSA2Ljg3OTk3IDAuMzA0MzUgNi45ODM0NkwzLjQ4ODggOS42MjE2MkMzLjYzMzk3IDkuNzQxODQgMy43NDQxMyA5Ljg5ODkxIDMuODA3NzEgMTAuMDc2NEMzLjg3MTMgMTAuMjUzOCAzLjg4NTk3IDEwLjQ0NTEgMy44NTAxOSAxMC42MzAyTDMuMDE3MzEgMTUuMDA0N0MyLjk4ODE5IDE1LjE2IDMuMDAzNDQgMTUuMzIwMyAzLjA2MTMgMTUuNDY3M0MzLjExOTE1IDE1LjYxNDMgMy4yMTcyOCAxNS43NDIxIDMuMzQ0NDEgMTUuODM1OUMzLjQ3MTU1IDE1LjkyOTcgMy42MjI1NSAxNS45ODU3IDMuNzgwMDkgMTUuOTk3NkMzLjkzNzYzIDE2LjAwOTUgNC4wOTUzNCAxNS45NzY4IDQuMjM1MTIgMTUuOTAzMUw4LjI2MDAxIDEzLjc4MThDOC40MTA5NSAxMy43MDIzIDguNTc4OTggMTMuNjYwOCA4Ljc0OTU3IDEzLjY2MDhDOC45MjAxNyAxMy42NjA4IDkuMDg4MTkgMTMuNzAyMyA5LjIzOTEzIDEzLjc4MThMMTMuMjY0IDE1LjkwMTRDMTMuNDA0IDE1Ljk3NTEgMTMuNTYxOSAxNi4wMDc3IDEzLjcxOTYgMTUuOTk1N0MxMy44NzczIDE1Ljk4MzYgMTQuMDI4MyAxNS45MjcyIDE0LjE1NTUgMTUuODMzMUMxNC4yODI2IDE1LjczOSAxNC4zODA1IDE1LjYxMSAxNC40MzgxIDE1LjQ2MzdDMTQuNDk1NyAxNS4zMTY0IDE0LjUxMDYgMTUuMTU1OCAxNC40ODEgMTUuMDAwNUwxMy42NDgxIDEwLjYyNkMxMy42MTIzIDEwLjQ0MDkgMTMuNjI3IDEwLjI0OTYgMTMuNjkwNiAxMC4wNzIyQzEzLjc1NDIgOS44OTQ3MSAxMy44NjQzIDkuNzM3NjQgMTQuMDA5NSA5LjYxNzQyTDE3LjE5NDggNi45ODM0NkMxNy4zMTk3IDYuODc5OTcgMTcuNDEyMSA2Ljc0MjU0IDE3LjQ2MDYgNi41ODc3NEMxNy41MDkyIDYuNDMyOTQgMTcuNTExOSA2LjI2NzQgMTcuNDY4NCA2LjExMTA5QzE3LjQyNSA1Ljk1NDc4IDE3LjMzNzIgNS44MTQzOSAxNy4yMTU3IDUuNzA2ODZDMTcuMDk0MyA1LjU5OTMzIDE2Ljk0NDIgNS41MjkyNyAxNi43ODM4IDUuNTA1MTFMMTIuNTA5MyA0Ljg1OTY1QzEyLjM1MzcgNC44MzYwNSAxMi4yMDU0IDQuNzc3ODEgMTIuMDc1NCA0LjY4OTIyQzExLjk0NTMgNC42MDA2MyAxMS44MzY5IDQuNDgzOTYgMTEuNzU3OSA0LjM0NzgyTDkuNDc2MTQgMC40MTg3MzRaIiBmaWxsPSIjRURCRjY3Ii8+Cjwvc3ZnPgo=) center/cover no-repeat; cursor: pointer; -webkit-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; } .c-rating button:hover, .c-rating button:hover ~ button { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat !important; } .c-rating:hover button { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22grey%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat !important; } .c-rating[data-rating-value="0"] button:nth-child(-n+0) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="0.25"] button:nth-child(-n+1) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="0.25"] button:nth-child(1) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="0.5"] button:nth-child(-n+1) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="0.5"] button:nth-child(1) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="0.75"] button:nth-child(-n+1) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="0.75"] button:nth-child(1) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="1"] button:nth-child(-n+1) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="1.25"] button:nth-child(-n+2) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="1.25"] button:nth-child(2) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="1.5"] button:nth-child(-n+2) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="1.5"] button:nth-child(2) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="1.75"] button:nth-child(-n+2) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="1.75"] button:nth-child(2) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="2"] button:nth-child(-n+2) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="2.25"] button:nth-child(-n+3) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="2.25"] button:nth-child(3) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="2.5"] button:nth-child(-n+3) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="2.5"] button:nth-child(3) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="2.75"] button:nth-child(-n+3) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="2.75"] button:nth-child(3) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="3"] button:nth-child(-n+3) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="3.25"] button:nth-child(-n+4) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="3.25"] button:nth-child(4) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="3.5"] button:nth-child(-n+4) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="3.5"] button:nth-child(4) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="3.75"] button:nth-child(-n+4) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="3.75"] button:nth-child(4) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="4"] button:nth-child(-n+4) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="4.25"] button:nth-child(-n+5) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="4.25"] button:nth-child(5) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="4.5"] button:nth-child(-n+5) { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNDc2MTQgMC40MTg3MzRDOS40MDIyNiAwLjI5MTM3NCA5LjI5NjIyIDAuMTg1NjU3IDkuMTY4NjMgMC4xMTIxNjlDOS4wNDEwNCAwLjAzODY4MDUgOC44OTYzOSAwIDguNzQ5MTUgMEM4LjYwMTkxIDAgOC40NTcyNiAwLjAzODY4MDUgOC4zMjk2NyAwLjExMjE2OUM4LjIwMjA5IDAuMTg1NjU3IDguMDk2MDQgMC4yOTEzNzQgOC4wMjIxNyAwLjQxODczNEw1Ljc0MTIgNC4zNDc4MkM1LjY2MjI4IDQuNDgzOTYgNS41NTM4IDQuNjAwNjMgNS40MjM3NSA0LjY4OTIyQzUuMjkzNyA0Ljc3NzgxIDUuMTQ1NDEgNC44MzYwNSA0Ljk4OTg0IDQuODU5NjVMMC43MTUzMjggNS41MDUxMUMwLjU1NDkgNS41MjkyNyAwLjQwNDg5MiA1LjU5OTMzIDAuMjgzNDA5IDUuNzA2ODZDMC4xNjE5MjYgNS44MTQzOSAwLjA3NDE2MDggNS45NTQ3OCAwLjAzMDcwNzQgNi4xMTEwOUMtMC4wMTI3NDYgNi4yNjc0IC0wLjAxMDAzMDQgNi40MzI5NCAwLjAzODUyNjMgNi41ODc3NEMwLjA4NzA4MzEgNi43NDI1NCAwLjE3OTQwNSA2Ljg3OTk3IDAuMzA0MzUgNi45ODM0NkwzLjQ4ODggOS42MjE2MkMzLjYzMzk3IDkuNzQxODQgMy43NDQxMyA5Ljg5ODkxIDMuODA3NzEgMTAuMDc2NEMzLjg3MTMgMTAuMjUzOCAzLjg4NTk3IDEwLjQ0NTEgMy44NTAxOSAxMC42MzAyTDMuMDE3MzEgMTUuMDA0N0MyLjk4ODE5IDE1LjE2IDMuMDAzNDQgMTUuMzIwMyAzLjA2MTMgMTUuNDY3M0MzLjExOTE1IDE1LjYxNDMgMy4yMTcyOCAxNS43NDIxIDMuMzQ0NDEgMTUuODM1OUMzLjQ3MTU1IDE1LjkyOTcgMy42MjI1NSAxNS45ODU3IDMuNzgwMDkgMTUuOTk3NkMzLjkzNzYzIDE2LjAwOTUgNC4wOTUzNCAxNS45NzY4IDQuMjM1MTIgMTUuOTAzMUw4LjI2MDAxIDEzLjc4MThDOC40MTA5NSAxMy43MDIzIDguNTc4OTggMTMuNjYwOCA4Ljc0OTU3IDEzLjY2MDhDOC45MjAxNyAxMy42NjA4IDkuMDg4MTkgMTMuNzAyMyA5LjIzOTEzIDEzLjc4MThMMTMuMjY0IDE1LjkwMTRDMTMuNDA0IDE1Ljk3NTEgMTMuNTYxOSAxNi4wMDc3IDEzLjcxOTYgMTUuOTk1N0MxMy44NzczIDE1Ljk4MzYgMTQuMDI4MyAxNS45MjcyIDE0LjE1NTUgMTUuODMzMUMxNC4yODI2IDE1LjczOSAxNC4zODA1IDE1LjYxMSAxNC40MzgxIDE1LjQ2MzdDMTQuNDk1NyAxNS4zMTY0IDE0LjUxMDYgMTUuMTU1OCAxNC40ODEgMTUuMDAwNUwxMy42NDgxIDEwLjYyNkMxMy42MTIzIDEwLjQ0MDkgMTMuNjI3IDEwLjI0OTYgMTMuNjkwNiAxMC4wNzIyQzEzLjc1NDIgOS44OTQ3MSAxMy44NjQzIDkuNzM3NjQgMTQuMDA5NSA5LjYxNzQyTDE3LjE5NDggNi45ODM0NkMxNy4zMTk3IDYuODc5OTcgMTcuNDEyMSA2Ljc0MjU0IDE3LjQ2MDYgNi41ODc3NEMxNy41MDkyIDYuNDMyOTQgMTcuNTExOSA2LjI2NzQgMTcuNDY4NCA2LjExMTA5QzE3LjQyNSA1Ljk1NDc4IDE3LjMzNzIgNS44MTQzOSAxNy4yMTU3IDUuNzA2ODZDMTcuMDk0MyA1LjU5OTMzIDE2Ljk0NDIgNS41MjkyNyAxNi43ODM4IDUuNTA1MTFMMTIuNTA5MyA0Ljg1OTY1QzEyLjM1MzcgNC44MzYwNSAxMi4yMDU0IDQuNzc3ODEgMTIuMDc1NCA0LjY4OTIyQzExLjk0NTMgNC42MDA2MyAxMS44MzY5IDQuNDgzOTYgMTEuNzU3OSA0LjM0NzgyTDkuNDc2MTQgMC40MTg3MzRaIiBmaWxsPSIjRURCRjY3Ii8+Cjwvc3ZnPgo=) center/cover no-repeat; } .c-rating[data-rating-value="4.5"] button:nth-child(5) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="4.75"] button:nth-child(-n+5) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="4.75"] button:nth-child(5) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating[data-rating-value="5"] button:nth-child(-n+5) { background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat; } .c-rating--small { font-size: 50%; } .c-rating--big { font-size: 200%; } .card__item-review{ font-size: 12px; line-height: 130%; color: #828282; text-decoration: none; } .card__item-review span{ padding-bottom: 3px; border-bottom: 1px dashed #828282; } .card__item-review:hover, .card__item-review span:hover{ color: #333; border-color: #333; } /**************************** item card details *********************/ .article-title{ font-size: 14px; line-height: 130%; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 18px 0 8px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: Gotham Pro Medium; } .article-title.active{ color: #238EE3; } .article-slide{ border: none; background: transparent; height: 10px; width: 22px; padding: 0; } .article-title.active .article-slide{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } use.icon-close-article{} .article-detail{ display: none;display: block; max-height: 0; overflow: hidden; -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; font-size: 12px; line-height: 140%; } .article-title.active + .article-detail{ max-height: 10000px; } .article-detail img{ max-width: 100%; } .article-detail figure{ background: #F2F2F2; border-radius: 3px; padding: 15px 15px 22px 15px; width: 100%; margin: 0 0 30px 0; } .article-detail figure img{ margin-bottom: 15px; max-width: 100%; } .article-detail figcaption{ font-size: 12px; line-height: 140%; } .article-detail table{ margin: 10px 0 25px 0; background: #F2F2F2; border-radius: 3px; width: 100%; padding: 15px 20px; } .article-detail table th{ font-size: 12px; line-height: 150%; text-transform: uppercase; font-family: Gotham Pro Medium; text-align: left; padding: 5px; } .article-detail table tr{ } .article-detail table td{ font-size: 14px; line-height: 150%; opacity: .8; border-bottom: 1px dashed #E0E0E0; padding: 5px; } .article-detail table td + td{ font-size: 14px; line-height: 150%; /*font-family: Gotham Pro Medium;*/ font-family: Gotham Pro, sans-serif; border-bottom: none; } .item__info-box{ margin-bottom: 66px; } .item__info-tabs{ display: flex; justify-content: flex-start; height: 100px; align-items: center; overflow: hidden; position: relative; } .item__info-tabs::before{ content: ''; position: absolute; top: 72px; left: 50%; transform: translateX(-50%); width: calc(100% + 17.5px); height: 1px; background: #e0e0e0; } .item__info-tab{ font-size: 14px; line-height: 130%; color: #828282; text-transform: uppercase; font-family: 'Gotham Pro Medium'; padding: 0 17.5px; position: relative; cursor: pointer; } .item__info-tab:first-child{ margin-left: -17.5px; } .item__info-tab.active{ /*color: #333;*/ } .item__info-tab:hover::after, .item__info-tab.active::after{ content: ''; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); width: calc(100% - 35px); height: 2px; background: #238EE3; } .item__info-tab:hover{ color: #238EE3; } .item__info-tab:hover::after{ background: #238EE3; } .item__info-content-box{ font-size: 14px; line-height: 21px; padding-top: 48px; } .item__info-content{ display: none; padding-bottom: 19px; } .item__info-content.active{ display: block; } .item__info-content .catalog__grid{ margin: 0; } .item__info-content .catalog__grid .catalog__item{ width: calc(25% - 9px); margin: 0 9px 0 0; } .item__info-content .catalog__grid .catalog__item:last-child{ margin: 0 !important; } .article-detail{ max-height: unset; } .item__info-box{ padding: 0 15px; } .item__info-tabs{ display: none; } .item__info-tab{ display: none; } .item__info-tab-accordion{ display: flex; justify-content: space-between; align-items: center; font-size: 14px; line-height: 130%; text-transform: uppercase; font-family: Gotham Pro Medium; padding-bottom: 8px; margin-bottom: 18px; border-bottom: 1px solid #E0E0E0; } .item__info-tab-accordion.active{ color: #238EE3; border-bottom: none; } .item__info-tab-accordion.active .icon-arrow-select{ transform: rotate(180deg); fill: #238EE3; } .item__description, .item__specifications, .item__delivery, .item_payment, .item__guarantee{ border-bottom: 1px solid #E0E0E0; padding: 0 15px; } /**************************** portfolio **********************/ .portfolio__sections-list{ border-bottom: 1px solid #E0E0E0; } .portfolio__sections-items{ display: flex; flex-wrap: wrap; padding: 0; } .portfolio__sections-item{ width: 33.33%; } .portfolio__sections-item--image{ display: flex; padding-top: 100%; background-size: contain; } .portfolio__sections-item--title{ font-size: 12px; line-height: 130%; text-transform: uppercase; } .portfolio__sections-item--title a, .portfolio__sections-item--title a:hover{ color: #333; text-decoration: none; font-family: Gotham Pro Medium; } .portfolio__container{ display: flex; flex-wrap: wrap; margin-bottom: 35px; } .portfolio__menu{ display: none; width: 286px; margin-top: 40px; } .portfolio__section{ display: flex; flex-wrap: wrap; width: 100%; margin-left: 25px; margin-top: 20px; } .portfolio__section .product-sort{ display: none; } .portfolio__section .product-item-image-wrapper{ padding-top: 100%; } .portfolio__description{} .catalog-left-menu .menu-catalog{ display: none; } /**************************** services ****************************/ .services{ display: flex; flex-wrap: wrap; margin-bottom: 35px; } .services img{ max-width: 100%; } .services__sections-menu{ max-width: 286px; display: none; } .services__sections-menu--list{ padding: 0; list-style: none; width: 100%; padding: 0 15px; } .services__sections-menu--item{ height: 52px; padding: 0 5px 0 5px; display: flex; align-items: center; justify-content: space-between; } .services__sections-menu--item a, .services__sections-menu--item a:hover{ display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; color: #828282; font-size: 14px; line-height: 13px; padding: 0 5px 0 20px; border-bottom: 1px solid #E0E0E0; text-decoration: none; } .services__sections-menu--item a .icon-arrow-select{ transform: rotate(-90deg); fill: #828282; } .services__sections-menu--item.active a .icon-arrow-select{ fill: #333; } .services__sections-menu--item:last-child a{ border-bottom: 1px solid transparent; } .services__sections-menu--item.active{ padding: 0; border-radius: 6px; overflow: hidden; } .services__sections-menu--item.active a{ padding: 0 10px 0 20px; background: #F2F2F2; border-bottom: 1px solid transparent; color: #333; } .services__sections-list{ display: flex; flex-wrap: wrap; width: 100%; } .services__sections-items{ list-style: none; display: flex; flex-wrap: wrap; padding: 0; } .services__sections-item{ width: 50%; display: flex; justify-content: center; flex-direction: column; padding: 1rem; } .services__sections-item--link{ text-decoration: none; flex-grow: 1; } .services__sections-item--image{ border-radius: 10px; width: 100%; padding-top: 100%; background-size: cover; } .services__sections-item--title{ font-family: 'Gotham Pro Medium'; font-size: 13px; line-height: 130%; color: #333; text-align: center; } .services__section{ display: flex; flex-wrap: wrap; padding: 0 15px; /*width: calc(100% - 311px); margin-left: 25px;*/ } .services__section-title{} .services__section-image--box{ width: 250px; margin: 0 auto; } .services__section-image{ margin-bottom: 15px; border-radius: 5px; } .services__section-image--box .alx_feedback_popup{ font-family: 'Gotham Pro Medium'; font-size: 16px; text-transform: uppercase; } .services__section .container-fluid h2, .services__section .container-fluid p, .services__section .container-fluid .btn{ margin-left: 50%; color: #fff !important; } .services__section .container-fluid h2{ font-size: 20px; } /************************* auth-from **************************/ .bx-authform{ padding: 0 15px; } /************************* order **************************/ .main .container{ padding: 0 20px; } .basket-items-list-table thead{ display: none !important; } .basket-coupon-block-field-description + .form .form-group{ display: flex; } .basket-checkout-container .basket-coupon-section input.form-control{ height: 44px; flex-grow: 1; } .basket-item-block-image{ margin-top: 10px; } .basket-item-block-info .basket-item-actions-remove{ display: none; } /**************************** main *********************/ .main__stock{ border-radius: 3px; color: #fff; display: none; padding: 19px 33px 19px 29px; align-items: center; margin: 0 15px 25px 15px; } .main__stock-info{ flex-grow: 1; padding-left: 29px; } .main__stock-title{ font-size: 24px; line-height: 120%; } .main__stock-description{ font-size: 18px; line-height: 120%; } .btn-red{ padding: 17px 37px 15px 38px; font-size: 18px; line-height: 120%; background: #E85958; } .btn-red:hover{ color: #fff; opacity: .85; } .main__slider{ width: 100%; width: calc(100% - 30px); /* height: 408px;*/ color: #fff; margin: 0 15px 5px 15px; overflow: hidden; border-radius: 5px; position: relative; margin-top: 85px; } .main__slider .slick-dots { position: absolute; bottom: 13px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; /*text-align: center;*/ padding-left: 66px; } .main__slider .slick-dots li { position: relative; display: inline-block; width: 5px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .main__slider .slick-dots li button::before { font-family: slick; font-size: 20px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 4px; height: 4px; content: "•"; text-align: center; opacity: 0.35; color: #fff; -webkit-font-smoothing: antialiased; } .main__slider .slick-dots li.slick-active button::before { opacity: 1; } .main__slider .slick-slide .slider-progress{ width: 40px; height:4px; background: rgba(255, 255, 255, .35); border-radius: 3px; transition: translateZ(0); } .main__slider .slick-slide.slick-active .slider-progress-bar{ width: 40px; height:4px; animation: progress 5s linear forwards; border-radius: 3px; background: rgba(255, 255, 255, 1); } @keyframes progress { from { width: 0%; } to { width: 100%; } } .main__slider .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .main__slider .slick-slide > div > div{ padding: 20px 20px 20px 20px; /*min-height: 408px;*/ background-size: contain; background-size: cover; background-repeat: no-repeat; } .main__slider-title{ font-weight: bold; font-size: 26px; line-height: 100%; margin-bottom: 10px; } .main__slider-description--preview{ font-size: 14px; line-height: 120%; margin-bottom: 35px; } .main__slider-description--detail{ display: none; margin-bottom: 25px; } .main__slider-bottom-buttons{ display: flex; margin: 0 15px 25px 15px; justify-content: space-between; } .main__slider-bottom-button{ padding: 16px 10px 10px 15px; background: rgba(35,142,227,.13); -webkit-box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.08); box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.08); border-radius: 5px; width: calc(50% - 2.5px); text-decoration: none; } .main__slider-bottom-button--title{ font-size: 14px; line-height: 130%; text-transform: uppercase; font-family: Gotham Pro Medium; padding-bottom: 8px; color: #333; } .main__slider-bottom-button--description{ font-size: 12px; line-height: 120%; color: #828282; padding-bottom: 25px; } .main__slider-bottom-button--link, .main__slider-bottom-button--link:hover{ color: #238EE3; font-family: Gotham Pro Medium; font-size: 12px; line-height: 130%; text-decoration: none; display: flex; justify-content: space-between; align-items: center; } .main__slider-bottom-button--link .icon-arrow-select{ fill: #828282; transform: rotate(-90deg); } .main__slider .btn{ padding: 19px 62px 17px 62px; background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.5); margin-right: 10px; font-size: 14px; line-height: 130%; text-transform: uppercase; font-family: 'Gotham Pro Medium'; } .main__slider .btn:hover{ color: #fff; background: rgba(255, 255, 255, 0.35); } .main__slider .btn-inverse{ background: #FFFFFF; color: #333; } .main__slider .btn-inverse:hover{ background: #e8e8e8; color: #333; } .main__dignity{ /*box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.25);*/ border-radius: 3px; padding: 0 20px 0 20px; margin: 0 15px 25px 15px; } .main__dignity .icon{ fill: #238EE3; } .icon-dignity-award{ width: 28px; height: 30px; } .icon-dignity-wallet{ width: 30px; height: 30px; } .icon-dignity-timer{ width: 24px; height: 26px; } .icon-dignity-settings{ width: 26px; height: 24px; } .main__dignity-tabs{ display: flex; justify-content: space-around; margin-bottom: 30px; display: none; } .main__dignity-tab{ width: 270px; display: flex; align-items: center; font-size: 14px; line-height: 130%; padding: 12px; font-family: 'Gotham Pro Medium'; cursor: pointer; border-radius: 9px; } .main__dignity-tab:hover{ -webkit-box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.1); } .main__dignity-tab.active{ -webkit-box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.25); box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.25); } .main__dignity-tab-accordion{ font-size: 13px; line-height: 120%; border-radius: 5px; margin: 8px -20px; padding: 15px; display: flex; justify-content: space-between; align-items: center; -webkit-box-shadow: 0px 2px 6px rgb(0 0 0 / 10%); box-shadow: 0px 2px 6px rgb(0 0 0 / 10%); } .main__dignity-tab-accordion.active{ border-radius: 4px 4px 0px 0px; -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); margin-bottom: 0; } .main__dignity-tab-accordion .icon-arrow-select{ fill: #828282; width: 10px; height: 6px; } .main__dignity-tab-accordion.active .icon-arrow-select{ transform: rotate(180deg); } .main__dignity-tab-icon, .main__dignity-tab-accordion-icon{ background: #e3f0fb; border-radius: 12px; min-width: 56px; height: 56px; margin-right: 12px; display: flex; justify-content: center; align-items: center; } .main__dignity-tab-accordion-link{ flex-grow: 1; } .main__dignity-content-box{ font-size: 14px; line-height: 21px; } .main__dignity-content{ display: none; padding: 0 20px; } .main__dignity-content.active{ display: block; -webkit-box-shadow: 0px 2px 6px rgb(0 0 0 / 10%); box-shadow: 0px 2px 6px rgb(0 0 0 / 10%); padding: 10px 20px; margin: 0 -20px; border-radius: 0px 0px 4px 4px; } .main__additionally{ margin-bottom: 45px; overflow: hidden; /*margin-bottom: 66px;*/ } .main__additionally-tabs{ display: flex; justify-content: flex-start; height: 60px; align-items: center; overflow: auto; padding: 0 15px; margin: 0 -15px; position: relative; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; /* Firefox */ } .main__additionally-tabs::-webkit-scrollbar { /* chrome based */ width: 0; /* ширина scrollbar'a */ height: 0; background: transparent; /* опционально */ } .main__additionally-tabs::before{ content: ''; position: absolute; top: 44px; /*left: 50%;*/ left: 30px; /*transform: translateX(-50%);*/ /*width: calc(100% - 35px);*/ width: 100%; height: 2px; background: #F2F2F2; } .main__additionally-tab{ font-size: 13px; line-height: 12px; color: #BDBDBD; text-transform: uppercase; font-family: 'Gotham Pro Medium'; padding: 0 17.5px; position: relative; cursor: pointer; } .main__additionally-tab:first-child{ margin-left: 0; } .main__additionally-tab.active{ color: #238EE3; } .main__additionally-tab:hover::after, .main__additionally-tab.active::after{ content: ''; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: calc(100% - 35px); height: 2px; background: #238EE3; } .main__additionally-tab:hover{ color: #45aff5; } .main__additionally-tab:hover::after{ background: #45aff5; } .main__additionally-content-box{ font-size: 14px; line-height: 21px; } .main__additionally-content{ display: none; } .main__additionally-content.active{ display: block; } .main__additionally-content .catalog__grid{ margin: 0; } .main__additionally-content .catalog__grid .catalog__item{ width: calc(25% - 9px); margin: 0 9px 0 0; } .main__additionally-content .catalog__grid .catalog__item:last-child{ margin: 0 !important; } .main__about-store{ display: flex; flex-wrap: wrap; color: #fff; margin: 0 -5px; margin-bottom: 60px; margin: 0 15px 45px 15px; } .main__about-item{ flex: 1; min-width: 100%; height: 70px; background: #000; margin-bottom: 5px; border-radius: 3px; padding: 25px 19px 25px 20px; background-size: cover; background-position: 100%; } .main__about-item:first-child{ height: unset; } /*.main__about-item::before{ content: ''; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, #333333 0%, #333333 22.58%, rgba(51, 51, 51, 0) 66.96%); border-radius: 5px; }*/ .main__about-item--title{ /*height: 70px;*/ font-family: 'Gotham Pro Medium'; font-size: 14px; line-height: 130%; opacity: 0.9; display: flex; align-items: center; } .main__about-item:first-child .main__about-item--title{ font-size: 22px; line-height: 100%; opacity: 1; border-bottom: none; margin-bottom: 10px; } .main__about-item--description{ font-size: 13px; line-height: 130%; margin-bottom: 25px; } .main__about-item--btn{ padding: 19px 47px 17px 48px; max-width: 256px; text-transform: uppercase; } .main__about-item--btn:hover{ color: #fff; } .main__services{ display: flex; flex-wrap: wrap; margin-bottom: 40px; margin: 0 15px 35px 15px; } .main__services-fullbox{ padding: 25px 20px 20px 20px; color: #fff; margin-bottom: 9px; width: 100%; -webkit-box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.25); box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.25); border-radius: 5px; background-size: cover; } .main__services-fullbox--title{ font-size: 22px; line-height: 100%; font-family: 'Gotham Pro Medium'; margin-bottom: 10px; } .main__services-fullbox--description{ font-size: 13px; line-height: 130%; max-width: 526px; margin-bottom: 25px; } .main__services-fullbox--links{ display: flex; width: 100%; justify-content: space-between; } .main__services .btn{ border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.2); font-size: 12px; line-height: 130%; text-transform: uppercase; font-family: 'Gotham Pro Medium'; width: calc(50% - 3px); padding: 0 2px; } .main__services .btn:hover{ color: #fff; background: rgba(255, 255, 255, 0.35); } .main__services .btn-inverse{ background: #FFFFFF; color: #333; } .main__services .btn-inverse:hover{ background: #e8e8e8; color: #333; } .main__services-halfbox{ width: 100%; border-radius: 6px; box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.25); padding: 0; margin-bottom: 9px; } .main__services-halfbox:last-child{ margin-right: 0; box-shadow: none; border-radius: 0; display: flex; flex-wrap: wrap; padding: 0; } .main__services-halfbox--title{ font-family: 'Gotham Pro Medium'; font-size: 14px; line-height: 130%; padding: 10px 25px 10px 20px; text-transform: uppercase; color: #238EE3; display: flex; justify-content: space-between; align-items: center; text-decoration: none; height: 60px; } .main__services-halfbox--description{ font-size: 13px; line-height: 130%; opacity: 0.7; margin: 0 20px 25px; } .main__services-halfbox--link{ width: 100%; min-height: 60px; font-size: 14px; line-height: 130%; display: flex; align-items: center; color: #238EE3; opacity: 0.9; padding: 10px 25px 10px 20px; box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.1); border-radius: 6px; margin-bottom: 9px; text-decoration: none; font-family: 'Gotham Pro Medium'; display: flex; justify-content: space-between; align-items: center; } .main__services-halfbox--link:hover{ color: #238EE3; } .main__services-halfbox--link:last-child{ margin-bottom: 0; } .main__services-halfbox--title .icon-arrow-select, .main__services-halfbox--link .icon-arrow-select{ fill: #828282; width: 10px; height: 6px; } .main__services-halfbox--title .icon-arrow-select, .main__services-halfbox--link.active .icon-arrow-select{ fill: #238EE3; transform: rotate(180deg); } .main__news, .main__blog{ margin: 0 15px; margin-bottom: 25px; display: none; } .main__news-header, .main__blog-header{ height: 100px; display: flex; justify-content: space-between; } .main__news-title, .main__blog-title{ font-size: 20px; line-height: 19px; text-transform: uppercase; font-family: 'Gotham Pro Medium'; display: flex; align-items: center; } .main__news-read-more, .main__blog-read-more{ display: flex; align-items: center; } .main__news-read-more--link, .main__blog-read-more--link, .main__news-read-more--link:hover, .main__blog-read-more--link:hover{ font-size: 14px; line-height: 13px; color: #238EE3; text-transform: uppercase; text-decoration: none; } .main__news-body, .main__blog-body{ display: flex; flex-wrap: wrap; } .main__news-body{ margin: 0 -7.5px; } .main__news-item{ margin: 0 7.5px 24px 7.5px; width: calc(50% - 15px); display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "main__news-item--picture" "main__news-item--title" "main__news-item--date"; border: 1px solid #EDEEEF; border-radius: 3px; } .main__news-item--picture{ grid-area: main__news-item--picture; border-radius: 2px; } .main__news-item--image{ width: 100%; } .main__news-item--title{ grid-area: main__news-item--title; padding: 10px; } .main__news-item--link{ font-size: 13px; line-height: 130%; color: #333; font-family: 'Gotham Pro Medium'; text-decoration: none; } .main__news-item--link:hover{ color: #444; } .main__news-item--date{ grid-area: main__news-item--date; } .main__news-item--date span{ background: transparent; border-radius: 3px; color: #828282; padding: 0 10px 10px 10px; font-size: 12px; line-height: 120%; display: inline-block; } .main__blog{ margin-bottom: 45px; } .main__blog-item{ width: calc(50% - 7.5px); display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "main__blog-item--picture" "main__blog-item--title" "main__blog-item--read_more"; border: 1px solid #EDEEEF; border-radius: 3px; } .main__blog-item:nth-child(2){ margin-right: 15px; } .main__blog-item--big{ width: 100%; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr auto; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "main__blog-item--picture" "main__blog-item--title" "main__blog-item--body" "main__blog-item--read_more"; margin-bottom: 15px; } .main__blog-item--picture{ grid-area: main__blog-item--picture; border-radius: 2px; height: 100px; overflow: hidden; } .main__blog-item--big .main__blog-item--picture{ height: unset; overflow: unset; margin-bottom: unset; overflow: hidden; height: 160px; } .main__blog-item--image{ margin-right: 15px; object-fit: contain; width: 100%; } .main__blog-item--title{ grid-area: main__blog-item--title; margin: 15px 15px 10px 15px; } .main__blog-item--link{ font-size: 14px; line-height: 130%; color: #333; font-family: 'Gotham Pro Medium'; text-decoration: none; } .main__blog-item--link:hover{ color: #444; } .main__blog-item--body{ grid-area: main__blog-item--body; font-size: 12px; line-height: 130%; margin: 0 15px 10px 15px; opacity: 0.7; } .main__blog-item--read_more, .main__blog-item--read_more:hover{ grid-area: main__blog-item--read_more; font-size: 12px; line-height: 130%; text-transform: none; text-decoration: none; color: #5AA7E4; padding: 0 15px 15px 15px; font-family: 'Gotham Pro Medium'; } .main__about-us{ padding: 45px 25px 55px 25px; background: #000; background-image: url('/test/images/about-image.jpg'); background-size: cover; background-position: center; color: #fff; position: relative; overflow: hidden; } .main__about-us::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: radial-gradient(145.34% 85.4% at 100% 0%, rgba(51, 51, 51, 0.22) 0%, #333333 100%); } .main__about-us--title{ font-size: 22px; line-height: 100%; font-family: 'Gotham Pro Medium'; padding: 0 0 10px 0; position: relative; } .main__about-us--body{ font-size: 13px; line-height: 130%; margin-bottom: 25px; position: relative; } .main__about-us--logo{ width: 116px; height: 30px; position: relative; } .main__map{ display: none; } .ymaps-layers-pane { filter: brightness(50%); -ms-filter: brightness(50%); -webkit-filter: brightness(50%); -moz-filter: brightness(50%); -o-filter: brightness(50%); } .ymaps-layers-pane { filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); } /**************************** footer *********************/ .footer .wrapper{padding: 35px 0 0 0; margin: 0 25px; border-top: 1px solid #636363; width: auto; } .footer__top { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; } .footer__nav { width: 60%; } .footer__nav + .footer__nav{ width: 40%; } .nav__bottom-title { color:#fff; text-transform:uppercase; text-decoration:none; font-size: 16px; line-height: 15px; padding:0 0 15px 0; font-family:'Gotham Pro Medium'; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .nav__bottom-title:hover { color:#238ee3; } .nav__bottom-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex:wrap; -ms-flex:wrap; flex:wrap; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .footer__nav.active .nav__bottom-list { display:-webkit-box; display:-ms-flexbox; display:flex; height:auto; } .nav__bottom-link { color:#fff; opacity:.5; text-decoration:none; padding:10px 0; font-size: 11px; line-height: 120%; } .nav__bottom-link:hover { color:#fff; opacity:1; } .footer__sidebar { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .footer__subscribe { -webkit-box-ordinal-group:1; -ms-flex-order:0; order:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding-bottom:30px; border-bottom:1px solid #636363; } .footer__subscribe-subscribe { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-pack:distribute; justify-content:space-around; margin-bottom:21px; } .footer__subscribe-input { border:2px solid #fff; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:3px 0 0 3px; font-size:14px; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; height:40px !important; -webkit-box-ordinal-group:1; -ms-flex-order:0; order:0; padding:0 15px; outline: none; } .footer__subscribe-input:focus-visible + .footer__subscribe-btn { } .footer__subscribe-btn { background:#238ee3; border-radius:0 3px 3px 0; border:2px solid #fff; width:50px; height:40px !important; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; 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; cursor: pointer; } .footer__subscribe-btn .icon-send{ fill: #fff; } .footer__social-icons { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; } .footer__social-icons a { margin:0 11px; } .footer__social-icons a:first-child { margin-left:0; } .icon-instagram, .icon-vk, .icon-whatsapp, .icon-avito{ fill: #fff; } .footer__payment { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding-bottom:30px; border-bottom:1px solid #636363; } .footer__payment-title,.footer__subscribe-title { text-transform:uppercase; -webkit-box-ordinal-group:1; -ms-flex-order:0; order:0; margin-bottom:15px; margin-top:30px; } .footer__payment-icons { 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:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; } .footer__payment-icons img { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; margin:0 10px; } .footer__info { padding-top:30px; padding-bottom:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .footer__logo { margin-bottom:25px; } .footer__info-box { 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:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .footer__info-box .icon-location,.footer__info-box .icon-timer,.footer__info-box .icon-phone { fill: #238EE3; margin:0 21px 10px 10px; } .footer__info-box .icon-location { width:18px; height:22px; } .footer__info-box .icon-timer { width:20px; height:22px; } .footer__info-box .icon-phone { width:20px; height:20px; } .footer__info-text { height:40px; margin:10px 0; font-size: 12px; line-height: 130%; } .footer__bottom { border-top:none; background:#333; padding: 30px 0 78px 0; margin: 0 25px; font-size: 12px; line-height: 11px; border-top: 1px solid #636363; } .footer__bottom-wrapper { min-height:50px; margin:0 auto; max-width:1170px; width: 100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; font-size:12px; } .footer__bottom-policy,.footer__bottom-agreement { color:#fff; opacity:.5; text-decoration:none; height:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .footer__bottom-policy:hover,.footer__bottom-agreement:hover { color:#fff; opacity:1; } .footer__bottom-copyright { color:#fff; opacity:.5; height:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } @media (min-width: 481px) { .footer__top { -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; -ms-flex-line-pack:justify; align-content:space-between; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .footer__nav.active .nav__bottom-title,.nav__bottom-title { pointer-events:none; color:#fff; } .nav__bottom-title .nav__btn-triangle { display:none; } .nav__bottom-list { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; height:auto; } .footer__sidebar { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -ms-flex-pack:distribute; justify-content:space-around; } .footer__subscribe { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; } .footer__payment { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; margin-right:1rem; } .footer__bottom-wrapper { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } } @media (min-width: 481px) and (max-width: 614px) { .footer__sidebar { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; } } .sale-paysystem-wrapper { margin: 0 0 25px 0; } .sale-paysystem-yandex-button { width: 100%; } .sale-paysystem-yandex-button-item { padding: 5px 15px; } .basket-items-list-item-price:nth-child(odd) { padding-left: 20px; } .basket-items-list-item-price:nth-child(odd) .basket-item-price-current-text { font-weight: bold; text-decoration: underline; } .flex-container { display: flex; flex-direction: column; } .flex-container.shop-flex-container > .nav__top { order: 1; } .flex-container.shop-flex-container > .header { order: 2; } .flex-container.shop-flex-container > .breadcrumb { order: 3; } .flex-container.shop-flex-container > .sections { order: 4; } .flex-container.shop-flex-container > .main__redisign-wrap, .flex-container.shop-flex-container > .main { order: 5; } .flex-container.shop-flex-container > .footer { order: 6; } .header { z-index: 1; } .main { display: flex; flex-direction: column; } .main__redisign-wrap .main.aside { padding-top: 0; } .slick-list .cat__item-title{ height: 83px; } .catalog__grid .slick-slide img, .product-item-image-wrapper img{ /*height: 100%;*/ width: auto; } .cat__item-preview{ justify-content: center; } .slick-slider .slick-track, .slick-slider .slick-list{ align-items: center; } .search-result .catalog__sorting { width: 100%; } @media(max-width: 575px) { .search-box-body .thumb { width: 100%; } .search-box-body .thumb img { margin: 0 auto; display: block; } } .header { z-index: 2000; } /*отступы в рекоммендуемых товарах*/ .recomended-title { height: 30px !important; } .main .item__info-box { margin-bottom: 30px !important; } #item__description{ padding-bottom: 0; } /*отступы в рекоммендуемых товарах*/ .search-box-input { color: #0a0a0a; } .main__about-store_custom .main__about-item { cursor: pointer; } /* main aside> div { } */ .main__additionally-content-box_custom { position: relative; } /*.main__additionally_custom { overflow: visible; }*/ @media(max-width: 576px) { .main__additionally-content .slick-arrow { position: relative; left: 0; right: 0; display: block; float: left; } .main__additionally-content { margin-bottom: 20px; } .arrow_slider_index { display: flex; justify-content: flex-end; } .arrow_slider_index .recomended-slider--prev .icon-arrow-slide { transform: rotate(180deg); } .main__additionally-content .slick-arrow { height: 20px; width: 20px; border: 1px solid #333; cursor: pointer; border-radius: 100%; margin-right: 17px; } .arrow_slider_index { margin-bottom: 15px; } .main__additionally-content .slick-slide { margin: 0 5px; } } .main__additionally-content .slick-dots { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; /* position: absolute; */ width: 100%; height: 3px; z-index: 1111; margin-top: 10px; } .main__additionally-content .slick-dots li { margin: 0; padding: 0; width: 40px; height: 3px; line-height: 3px; font-size: 0; background: #f2f2f2; border: none; margin: 0 5px; cursor: pointer; border-radius: 2px; } .main__additionally-content .slick-dots button { display: none; } .main__additionally-content .slick-dots li.slick-active { background: #828282; } .container.catalog-left-menu > .row .search-page .catalog__grid > div, .container.catalog-left-menu > .row .search-page .catalog__grid, .container.catalog-left-menu > .row, .container.catalog-left-menu, .search-result .cat__item-preview { width: 100%; } @media(max-width: 575px){ .btn-primary-basket{ font-size: 14px; text-transform: uppercase; } .o-w-modal-body { padding-bottom: 180px; } } .main__redisign-wrap { display: flex; flex-direction: column; } .main__redisign-wrap .breadcrumb.news_detail { order: -2; } .main__redisign-wrap .sections { order: -1; } /* End */ /* /local/templates/auto108_v2/css/jquery.fancybox.min.css?174340283214065 */ /* /local/templates/auto108_v2/css/swiper.css?174340283217905 */ /* /local/templates/auto108_v2/css/twentytwenty.css?17434028326537 */ /* /local/templates/auto108_v2/components/arturgolubev/search.title/search_top_auto108/style.css?174340283213709 */ /* /bitrix/components/bitrix/sale.basket.basket.line/templates/auto108v3/style.css?17433995164718 */ /* /local/templates/auto108_v2/components/bitrix/breadcrumb/news-detail-ivm/style.css?17434028323323 */ /* /bitrix/components/niges/cookiesaccept/templates/.default/style.css?17485863642729 */ /* /local/components/epir/medialibrary.list/templates/.snippets_one/style.css?1743402831785 */ /* /local/components/epir/medialibrary.list/templates/.snippets_two/style.css?1743402831551 */ /* /local/components/epir/medialibrary.list/templates/.snippets_two/css/slick.css?17434028312965 */ /* /local/components/epir/medialibrary.list/templates/.snippets_three/style.css?1743402831493 */ /* /local/components/epir/medialibrary.list/templates/.snippets_four/style.css?1743402831848 */ /* /local/components/epir/medialibrary.list/templates/.snippets_five/style.css?1743402831818 */ /* /local/templates/auto108_v2/styles.css?1743402832129685 */ /* /local/templates/auto108_v2/template_styles.css?1745551429150130 */