/* Start:/local/templates/rustruck/css/vendor.min.css?164854322534578*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.not-selectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel :after,.carousel :before{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width,60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.has-dots{margin-bottom:calc(.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + .5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width,48px);height:var(--carousel-button-height,48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color,currentColor);background:var(--carousel-button-bg,transparent);border-radius:var(--carousel-button-border-radius,50%);box-shadow:var(--carousel-button-shadow,none);transition:opacity .15s ease}.carousel__button.is-next,.carousel__button.is-prev{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width,50%);height:var(--carousel-button-svg-height,50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width,1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter,none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden!important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color,#fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:24px;--carousel-button-svg-height:24px;--carousel-button-svg-stroke-width:2.5;--carousel-button-svg-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.4))}.fancybox__container *,.fancybox__container :after,.fancybox__container :before{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color,rgba(1,210,232,.94))}@media (min-width:1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg,rgba(24,24,27,.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;--carousel-button-width:36px;--carousel-button-height:36px;--carousel-button-svg-width:22px;--carousel-button-svg-height:22px}.fancybox__slide:after,.fancybox__slide:before{content:"";flex:0 0 0;margin:auto}@media (min-width:1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);padding:36px;color:var(--fancybox-content-color,#374151);background:var(--fancybox-content-bg,#fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0;line-height:1.375;color:var(--fancybox-color,currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color,#fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media (min-width:1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media (min-width:1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media (min-width:1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color,#fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;color:var(--fancybox-color,currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{to{transform:rotate(1turn)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.carousel__button.is-close,.carousel__dots,.fancybox__backdrop,.fancybox__caption,.fancybox__nav{opacity:var(--fancybox-opacity,1)}.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .carousel__button.is-close,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{0%{transform:scale(.97) translate3d(0,16px,0);opacity:0}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(.97) translate3d(0,16px,0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0,-30%,0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0,30%,0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc hsla(0,0%,100%,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:hsla(0,0%,100%,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;touch-action:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content{flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0 3px;opacity:var(--fancybox-opacity,1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width,96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:5px solid var(--fancybox-accent-color,rgba(34,213,233,.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius,4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb:after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:50%;background-color:hsla(0,0%,100%,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius,4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.006) 8.1%,rgba(0,0,0,.021) 15.5%,rgba(0,0,0,.046) 22.5%,rgba(0,0,0,.077) 29%,rgba(0,0,0,.114) 35.3%,rgba(0,0,0,.155) 41.2%,rgba(0,0,0,.198) 47.1%,rgba(0,0,0,.242) 52.9%,rgba(0,0,0,.285) 58.8%,rgba(0,0,0,.326) 64.7%,rgba(0,0,0,.363) 71%,rgba(0,0,0,.394) 77.5%,rgba(0,0,0,.419) 84.5%,rgba(0,0,0,.434) 91.9%,rgba(0,0,0,.44));padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width:20px;--carousel-button-svg-height:20px;opacity:var(--fancybox-opacity,1);text-shadow:var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,.4))}@media (min-width:1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width:640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height,48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color,rgba(34,213,233,.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2),.fancybox__container:fullscreen .fancybox__button--fullscreen g:first-child{display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2),.fancybox__container.has-slideshow .fancybox__button--slideshow g:first-child{display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}@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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top: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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:normal;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:"next"}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#fff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.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:8px;height:8px;display:inline-block;border-radius:50%;background:#000;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:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background: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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#fff}.swiper-pagination-black{--swiper-pagination-color:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display: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}.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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{to{transform:rotate(1turn)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-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-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-handle,[disabled] .noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-large,.noUi-marker-sub{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{transform:translateY(-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{transform:translate(50%);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{transform:translateY(-18px);top:auto;right:28px} /* End */ /* Start:/local/templates/rustruck/css/styles.min.css?177572414480730*/ @font-face { font-family: 'FiraSans'; src: url('/local/templates/rustruck/css/../fonts/FiraSans.woff2') format('woff2'), url('/local/templates/rustruck/css/../fonts/FiraSans.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'FiraSans'; src: url('/local/templates/rustruck/css/../fonts/FiraSansMedium.woff2') format('woff2'), url('/local/templates/rustruck/css/../fonts/FiraSansMedium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'FiraSans'; src: url('/local/templates/rustruck/css/../fonts/FiraSans-Bold.woff2') format('woff2'), url('/local/templates/rustruck/css/../fonts/FiraSans-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'FiraSans'; src: url('/local/templates/rustruck/css/../fonts/FiraSans-ExtraBold.woff2') format('woff2'), url('/local/templates/rustruck/css/../fonts/FiraSans-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; } html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } ul { list-style: none; } a { text-decoration: none; display: inline-block; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a:hover, a:active, a:focus { text-decoration: none; } img { max-width: 100%; height: auto; } .gm-style img { max-width: none; } * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html { font-size: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'FiraSans'; min-width: 320px; position: relative; height: 100%; } body.overflow { overflow: hidden; } .wrapper { overflow: hidden; display: flex; flex-direction: column; min-height: 100%; } .main { flex: 1 0 auto; } .footer { flex: 0 0 auto; } .container { width: 100%; max-width: 1352px; padding: 0 1.6rem; margin: 0 auto; } .scroll-wrap::-webkit-scrollbar { width: 3px; background-color: #ccc; } .scroll-wrap::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.75); border-radius: 10px; } svg { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } svg path { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .main-title { font-size: 3rem; } .section-title { font-size: 2.2rem; line-height: 1.19; font-weight: 500; color: #000000; } .base-text { font-size: 1.6rem; } .typography h1 { font-size: 3rem; margin-bottom: 3rem; } .typography h2 { font-size: 2rem; margin-bottom: 2rem; } .typography p { font-size: 1.6rem; margin-bottom: 3rem; } .section-header { margin-bottom: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; } .page-title { font-size: 2.4rem; line-height: 1.18; font-weight: 500; color: #000000; margin-bottom: 3.2rem; } form, fieldset { margin: 0; padding: 0; border-style: none; } input[type='text'], input[type='tel'], input[type='mail'], input[type='search'], input[type='password'], input[type='number'], textarea { -webkit-appearance: none; border-radius: 0; outline: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cccccc; font-family: 'FiraSans'; padding: 1rem 1.5rem; } input[type='text']::-webkit-input-placeholder, input[type='tel']::-webkit-input-placeholder, input[type='mail']::-webkit-input-placeholder, input[type='search']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, input[type='number']::-webkit-input-placeholder, textarea::-webkit-input-placeholder { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } input[type='text']::-moz-placeholder, input[type='tel']::-moz-placeholder, input[type='mail']::-moz-placeholder, input[type='search']::-moz-placeholder, input[type='password']::-moz-placeholder, input[type='number']::-moz-placeholder, textarea::-moz-placeholder { -moz-transition: all 0.3s ease; transition: all 0.3s ease; } input[type='text']:-ms-input-placeholder, input[type='tel']:-ms-input-placeholder, input[type='mail']:-ms-input-placeholder, input[type='search']:-ms-input-placeholder, input[type='password']:-ms-input-placeholder, input[type='number']:-ms-input-placeholder, textarea:-ms-input-placeholder { -ms-transition: all 0.3s ease; transition: all 0.3s ease; } input[type='text']::-ms-input-placeholder, input[type='tel']::-ms-input-placeholder, input[type='mail']::-ms-input-placeholder, input[type='search']::-ms-input-placeholder, input[type='password']::-ms-input-placeholder, input[type='number']::-ms-input-placeholder, textarea::-ms-input-placeholder { -ms-transition: all 0.3s ease; transition: all 0.3s ease; } input[type='text']::placeholder, input[type='tel']::placeholder, input[type='mail']::placeholder, input[type='search']::placeholder, input[type='password']::placeholder, input[type='number']::placeholder, textarea::placeholder { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } textarea { resize: vertical; vertical-align: top; border: none; background-color: transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } button, input[type='button'], input[type='file'], input[type='submit'] { font-family: 'FiraSans'; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; cursor: pointer; } select { cursor: pointer; border: none; background-color: transparent; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; outline: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } button { padding: 0; cursor: pointer; border: none; background-color: transparent; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; outline: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-results-button, input[type='search']::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; } input[type='number'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; margin: 0; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } input:focus::-ms-input-placeholder { color: transparent; } input:focus::placeholder { color: transparent; } .icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; } .icon-close { font-size: 2.4rem; width: 1em; } /* btn-top */ .btn-top { position: fixed; width: 32px; height: 32px; right: 20px; bottom: 20px; z-index: 85; } .btn-top.show { opacity: 1; } .btn-top.hide { opacity: 0; } /* Preloader */ .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #FCFCFC; z-index: 999; -webkit-transition: 1s all; -o-transition: 1s all; transition: 1s all; opacity: 1; visibility: visible; } .preloader .loader { width: 75px; height: 75px; border: 10px solid #EBEBEB; border-radius: 50%; border-top-color: #FEC80B; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: 1s spin infinite linear; animation: 1s spin infinite linear; } .preloader.done { opacity: 0; visibility: hidden; } @-webkit-keyframes spin { from { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg) } to { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg) } } @keyframes spin { from { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg) } to { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg) } } /* END Preloader */ .header { position: relative; background-color: #ffffff; } .header__fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 1100; -webkit-animation: fixedMenu 1s forwards; animation: fixedMenu 1s forwards; } .header__fixed .nav { display: none; } .header__fixed .header__top { display: none; } .header__fixed .header__logo--fixed { margin-left: 2.5rem; } .header__fixed .header__btn-name { display: none; } .header__fixed .burger { width: 5.6rem; } .header__fixed::before { display: none; } .header__fixed .header__menu { top: 6.4rem; height: calc(100vh - 59px); } .header__fixed .header__buttons .btn-option{ margin-left: 1.7rem; } .header__fixed .header__buttons .header__phones-icon{ margin-left: 1.7rem; } .header__fixed .header__buttons .btn-option:first-child{ margin-left: 0; } .header__fixed .header__buttons .header__phones-icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .header::before { content: ''; position: absolute; top: 50%; left: 0; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1px; background-color: #fec80b; opacity: 0.4; } .header__top { padding: 1.4rem 0 0.9rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__top-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__logo--fixed { display: none; } .header__logo span { display: none; font-size: 1.4rem; line-height: 1; color: #000000; max-width: 20rem; position: relative; padding-left: 2rem; } .header__logo span::before { content: ''; position: absolute; top: 3px; left: 8px; z-index: 1; width: 2px; height: 23px; background-color: #fec80b; } .header__timework { display: none; text-align: right; } .header__timework-wrap { display: none; position: relative; } .header__timework-wrap.active .header__timework-time { display: block; } .header__timework-wrap.active .header__timework-name::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .header__timework-time { display: none; position: absolute; top: 18px; right: -13px; z-index: 3; width: 173px; background: #ffffff; border-radius: 8px; padding: 14px 14px; -webkit-box-shadow: 0px 0px 24px rgba(150, 150, 150, 0.12); box-shadow: 0px 0px 24px rgba(150, 150, 150, 0.12); text-align: left; } .header__timework-time span { display: block; font-size: 1.4rem; line-height: 1; color: #000000; } .header__timework-time span:first-child { margin-bottom: 1.2rem; } .header__timework-name { display: block; font-size: 1.6rem; line-height: 1.3; position: relative; padding-right: 1.5rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header__timework-name::after { content: ''; position: absolute; top: 6px; right: 0; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 9px 6px 0 6px; border-color: #fec90b transparent transparent transparent; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header__timework-addres { display: block; font-size: 1.5rem; line-height: 1.13; text-align: right; color: #a2a2a2; max-width: 15.6rem; } .header__phones { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__phones-icon { width: 4.2rem; height: 4.2rem; background-color: #fec80b; border-radius: 50%; overflow: hidden; 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; } .header__phones-wrap { display: none; margin-right: 2rem; text-align: right; } .header__phones-wrap span { display: block; font-size: 1.5rem; line-height: 1.13; color: #a2a2a2; } .header__phones-wrap a { font-size: 1.5rem; line-height: 1.13; color: #a2a2a2; } .header__bottom { 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; padding: 1rem 0; position: relative; } .header__bottom-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__bottom-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__btn-name { display: block; font-size: 18px; line-height: 110%; padding-left: 40px; } .header__search { width: 100%; position: absolute; right: -150%; top: 0; z-index: 2; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header__search.active { right: -4%; padding: 13px 0px; background-color: #ffffff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 106%; } .header__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 1.2rem; } .header__buttons .header__phones-icon { display: none; } .header__menu { display: none; position: absolute; top: 150px; left: 0; z-index: 20; width: 100%; height: calc(100vh - 129px); overflow-y: auto; background-color: #f9f9f9; } .header__menu--active { display: block; } /* .header__menu--active.about-menu .header__menu-item:nth-child(2n-1) { opacity: 0.5; pointer-events: none; } .header__menu--active.media .header__menu-item { opacity: 0.5; pointer-events: none; } .header__menu--active.media .header__menu-item .header__menu-links { opacity: 0.5; pointer-events: none; } */ .header__menu--active.media .header__menu-item:nth-child(3) { opacity: 1; pointer-events: visible; } .header__menu-wrapper { padding: 16px 0 7px 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__menu-container { max-width: 1352px; padding: 0 16px; } .header__menu .header__menu-info { padding-left: 1.6rem; padding-bottom: 2.8rem; } .header__menu .header__menu-info p { font-size: 1.5rem; line-height: 1.13; color: #a2a2a2; } .header__menu .header__menu-info p:first-child { margin-bottom: 0.8rem; } .header__menu-wrap { display: grid; grid-template-columns: repeat(1, 1fr); padding-bottom: 6.1rem; } .header__menu-item:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header__menu-item.open .header__menu-list { visibility: visible; opacity: 1; } .header__menu-item.open .header__menu-item__name { margin-bottom: 1.6rem; } .header__menu-item.open .header__menu-item__name::after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .header__menu-item__name { display: inline-block; font-size: 2.2rem; line-height: 1.5; font-weight: 700; color: #000000; position: relative; } .header__menu-item__name::after { content: ''; position: absolute; top: 13px; right: -17px; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 9px 6px 0 6px; border-color: #fec90b transparent transparent transparent; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header__menu-list { padding-left: 1.5rem; max-height: 0; opacity: 0; overflow: hidden; will-change: max-height; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-box-sizing: content-box; box-sizing: content-box; margin-bottom: 1.8rem; } .header__menu-list li { margin-bottom: 1.6rem; } .header__menu-list li:last-child { margin-bottom: 0; } .header__menu-link { font-size: 1.6rem; line-height: 1.3; color: #000000; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header__menu-link--all { color: #a2a2a2; } .header__menu-link--bold { font-weight: 700; font-size: 2.2rem; line-height: 1.5; } .header__menu-links li { margin-bottom: 1.6rem; } @-webkit-keyframes fixedMenu { 0% { height: 0; } 50% { height: 84px; } 100% { height: 74px; } } @keyframes fixedMenu { 0% { height: 0; } 50% { height: 84px; } 100% { height: 64px; } } .nav { display: none; } .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 4.1rem; } .nav__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav__item + .nav__item { margin-left: 1.7rem; } .nav__link { font-size: 16px; line-height: 130%; color: #000000; } .nav__link.burger--active .triangle::after { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .burger { position: relative; border: none; padding: 0; width: 138px; height: 42px; color: #000; background-color: #fec80b; cursor: pointer; border-radius: 4px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .burger:hover { background-color: #ffd43a; } .burger:active { background-color: #e9c135; } .burger::before, .burger::after { content: ''; position: absolute; left: 19px; width: 18px; height: 2px; background-color: currentColor; -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out, top 0.3s ease-in-out; transition: transform 0.3s ease-in-out, top 0.3s ease-in-out; transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .burger::before { top: 13px; } .burger::after { bottom: 15px; } .burger__line { position: absolute; left: 19px; top: 48%; width: 18px; height: 2px; background-color: currentColor; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .burger--active::before { top: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out, top 0.3s ease-in-out; transition: transform 0.3s ease-in-out, top 0.3s ease-in-out; transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .burger--active::after { top: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out, top 0.3s ease-in-out; transition: transform 0.3s ease-in-out, top 0.3s ease-in-out; transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .burger--active .burger__line { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .scroll { overflow: hidden; position: relative; height: 100vh; width: 100vw; } .triangle { position: relative; width: 12px; height: 9px; padding-left: 16px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .triangle::after { content: ''; position: absolute; top: 6px; right: 0; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 9px 6px 0 6px; border-color: #fec90b transparent transparent transparent; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } ._scroll-disabled { overflow: hidden; width: 100vw; height: 100vh; } ._scroll-disabled_horizontal { overflow-x: hidden; width: 100vw; } ._scroll-disabled_vertical { overflow-y: hidden; height: 100vh; } .option-counter { background-color:#FEC80B; border-radius: 5px; position: absolute; right: -10px; bottom: 2px; z-index: 1; font-weight: 500; font-size: 1rem; line-height: 1; color: #000000; display: flex; align-items: center; justify-content: center; min-width: 23px; height: 13px; } .footer { background-color: #000000; padding-top: 3.2rem; padding-bottom: 5.6rem; } .footer__top { display: grid; grid-template-columns: repeat(1, 1fr); margin-bottom: 4rem; } .footer__top-left { margin-bottom: 3.4rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .footer__top-text { display: block; font-weight: 500; font-size: 1.6rem; line-height: 1.3; color: #ffffff; opacity: 0.9; margin-bottom: 0.8rem; } .footer__top-text a { font-weight: 500; font-size: 1.6rem; line-height: 1.3; color: #ffffff; } .footer__top address { margin-bottom: 1.6rem; font-style: normal; } .footer__top .primary { padding: 1.3rem 3rem; } .footer__nav { display: grid; grid-template-columns: repeat(1, 1fr); } .footer__nav-list { max-height: 0; opacity: 0; overflow: hidden; will-change: max-height; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-box-sizing: content-box; box-sizing: content-box; } .footer__nav-item { margin-bottom: 1.6rem; } .footer__nav-item:last-child { margin-bottom: 0; } .footer__nav-item.open .footer__nav-list { opacity: 1; overflow: visible; } .footer__nav-item.open .footer__nav-control { margin-bottom: 1.6rem; } .footer__nav-item.open .footer__nav-control::before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .footer__nav-control { display: inline-block; position: relative; } .footer__nav-control::before { content: ''; position: absolute; top: 4px; right: -35px; z-index: 1; background-repeat: no-repeat; width: 19px; height: 10px; opacity: 0.6; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-image: url("data:image/svg+xml,\a %3Csvg width='16' height='9' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E\a %3Cpath d='M17.25 1.13574L9 9.38574L0.75 1.13574' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E\a %3C/svg%3E"); } .footer__nav-chevrone { position: absolute; bottom: 0; right: -30px; z-index: 1; } .footer__nav-title { font-weight: 500; font-size: 1.6rem; line-height: 1.3; color: #ffffff; opacity: 0.9; margin-bottom: 1.6rem; } .footer__nav ul li { margin-bottom: 1.3rem; } .footer__nav ul li:last-child { margin-bottom: 0; } .footer__nav ul li a { font-size: 1.4rem; line-height: 1; color: #ffffff; opacity: 0.9; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .footer__bottom { display: grid; grid-template-columns: repeat(1, 1fr); margin-bottom: 2rem; } .footer__bottom-right { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .footer__bottom-left p:nth-child(2) { max-width: 44.7rem; } .footer__socials { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4rem; } .footer__socials-item + .footer__socials-item { margin-left: 1rem; } .footer__socials-item a svg g { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .footer-text { font-size: 1.4rem; line-height: 1.14; color: #ffffff; opacity: 0.4; } .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 16px; line-height: 110%; } .btn.primary { background-color: #fec80b; color: #000000; padding: 13px 30px; } .btn.primary:active { background-color: #e9c135; } .btn.secondary { border: 2px solid #fec80b; background-color: transparent; color: #000000; padding: 11px 30px; } .btn.secondary:active { background-color: #e9c135; } .btn.tertiary { border: 2px solid #000000; background-color: #fec80b; color: #000000; padding: 11px 30px; } .btn.tertiary:hover { background-color: #000000; color: #ffffff; } .btn.arrow { background-image: url('/local/templates/rustruck/css/../images/arrow-right.svg'); background-repeat: no-repeat; background-size: 22px 12px; background-position: 85% 50%; background-color: #fec80b; padding: 13px 60px 13px 30px; color: #000000; } .btn.arrow:active { background-color: #e9c135; color: #000000; } .btn.basket-delete { line-height: 110%; color: #a2a2a2; font-size: 0; } .btn.basket-delete span { padding-left: 0.6rem; } .link-download { display: none; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6rem; line-height: 1.1; color: #a2a2a2; background-color: transparent; padding: 0px 13px; height: 17px; } .link-download span svg { position: relative; top: -3px; left: 8px; } .btn-option { width: 30px; height: 31px; 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; position: relative; margin-left: 1.2rem; } .btn-option:first-child { margin-left: 0; } .btn-option svg { width: 30px; height: 31px; } .btn__search { display: block; font-size: 0; background-image: url('/local/templates/rustruck/css/../images/search.svg'); background-repeat: no-repeat; background-size: 30px; background-position: center center; } .btn-filter { position: relative; } .btn-filter + .btn-filter { margin-left: 1.5rem; } .btn-filter:hover svg path { fill: #000000; } .btn-filter.active::before { content: ''; position: absolute; left: -7px; top: -7px; z-index: 1; background-color: #fec80b; width: 32px; height: 32px; border-radius: 50%; } .btn-filter.active svg path { fill: #000000; } .btn-filter svg { position: relative; z-index: 2; } .btn-filter svg path { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header-search { width: 100%; } .header-search__wrap { position: relative; } .header-search input { width: 100%; height: 36px; background: #ffffff; border: 1px solid #fec80b; border-radius: 40px; padding: 12px 41px 12px 15px; font-family: 'FiraSans'; font-size: 16px; line-height: 130%; } .header-search input:focus { -webkit-box-shadow: 0px 0px 8px rgba(254, 200, 11, 0.4); box-shadow: 0px 0px 8px rgba(254, 200, 11, 0.4); border-radius: 40px; } .header-search input::-webkit-input-placeholder { color: #000000; } .header-search input::-moz-placeholder { opacity: 1; color: #000000; } .header-search input:-moz-placeholder { color: #000000; } .header-search input:-ms-input-placeholder { color: #000000; } .header-search input.placeholder { color: #000000; } .header-search input::-webkit-input-placeholder { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .header-search input::-moz-placeholder { -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .header-search input:-ms-input-placeholder { -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .header-search input::-ms-input-placeholder { -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .header-search input::placeholder { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header-search__btn { position: absolute; top: 4px; right: 15px; z-index: 1; } .header-search__btn svg { width: 28px; height: 28px; } .form-feedback { margin-bottom: 1.7rem; } .form-feedback .primary { padding: 14.5px 30px; } .form-feedback .form__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-feedback .form__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-bottom: 1.9rem; } .form-feedback .form__name { font-size: 14px; line-height: 110%; color: #000000; margin-bottom: 0.4rem; } .form-feedback .form__input { border: 1px solid #000000; border-radius: 4px; background-color: transparent; padding: 11px 12px; width: 100%; font-size: 16px; line-height: 130%; color: #000000; } .form-feedback .form__input::-webkit-input-placeholder { font-size: 16px; line-height: 130%; color: #000000; opacity: 0.5; } .form-feedback .form__input::-moz-placeholder { font-size: 16px; line-height: 130%; color: #000000; opacity: 0.5; } .form-feedback .form__input:-ms-input-placeholder { font-size: 16px; line-height: 130%; color: #000000; opacity: 0.5; } .form-feedback .form__input::-ms-input-placeholder { font-size: 16px; line-height: 130%; color: #000000; opacity: 0.5; } .form-feedback .form__input::placeholder { font-size: 16px; line-height: 130%; color: #000000; opacity: 0.5; } .form-send .form__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-send .form__group { margin-bottom: 1.2rem; } .form-send .form__name { font-size: 1.4rem; line-height: 1; color: #000000; margin-bottom: 0.5rem; } .form-send .form__body { margin-bottom: 2.6rem; } .form-send .form__input { width: 100%; height: 44px; background: #ffffff; border: 1px solid #a2a2a2; border-radius: 4px; padding: 12px 41px 12px 12px; font-family: 'FiraSans'; font-size: 16px; line-height: 130%; } .form-send .form__input:focus { border: 1px solid #fec80b; -webkit-box-shadow: 0px 0px 8px rgba(254, 200, 11, 0.4); box-shadow: 0px 0px 8px rgba(254, 200, 11, 0.4); border-radius: 4px; } .form-send .form__input:focus-visible { border: 1px solid #fec80b; -webkit-box-shadow: 0px 0px 8px rgba(254, 200, 11, 0.4); box-shadow: 0px 0px 8px rgba(254, 200, 11, 0.4); border-radius: 4px !important; } .form-send .form--invalid .form__name { color: #ff3939; } .form-send .form--invalid .form__input { border: 1px solid #ff3939; } .form-send .form--invalid .form__input:focus { border: 1px solid #ff3939; -webkit-box-shadow: none; box-shadow: none; border-radius: 4px; } .form-send .form--invalid .form__error-text { font-size: 14px; line-height: 110%; color: #ff3939; margin-top: 0.2rem; opacity: 1; } .form-send .primary { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; } .form-send .form__checkbox .custom-checkbox__text { font-size: 1.2rem; line-height: 1; color: #a2a2a2; display: block; padding-left: 26px; position: relative; z-index: 100; } .form-send .form__checkbox .form--invalid .custom-checkbox__text { color: #ff3939; } .form-send .form__checkbox .custom-checkbox__text span { text-decoration: underline; } .form-send .custom-checkbox__text_link{ display: contents; text-decoration: underline; } .form-send .form__checkbox .custom-checkbox__content { display: block; } .form-send .form__checkbox .custom-checkbox__content::before { width: 16px; height: 16px; top: 1px; } .form-send .form__checkbox .custom-checkbox__content::after { width: 16px; height: 16px; top: 1px; background-size: 12px 9px; } .form__input { width: 100%; } .form--checkout { max-width: 292px; } .form--checkout .form__body { margin-bottom: 2.6rem; } .filter-search__wrap { position: relative; } .filter-search input { width: 100%; height: 44px; background: #ffffff; border: 1px solid #a2a2a2; border-radius: 4px; padding: 12px 41px 12px 12px; font-family: 'FiraSans'; font-size: 16px; line-height: 130%; } .filter-search input:focus { border: 1px solid #fec80b; -webkit-box-shadow: 0px 0px 8px rgba(254, 200, 11, 0.4); box-shadow: 0px 0px 8px rgba(254, 200, 11, 0.4); border-radius: 4px; } .filter-search input::-webkit-input-placeholder { font-size: 16px; line-height: 130%; color: #a2a2a2; } .filter-search input::-moz-placeholder { opacity: 1; font-size: 16px; line-height: 130%; color: #a2a2a2; } .filter-search input:-moz-placeholder { font-size: 16px; line-height: 130%; color: #a2a2a2; } .filter-search input:-ms-input-placeholder { font-size: 16px; line-height: 130%; color: #a2a2a2; } .filter-search input.placeholder { font-size: 16px; line-height: 130%; color: #a2a2a2; } .filter-search input::-webkit-input-placeholder { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .filter-search input::-moz-placeholder { -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .filter-search input:-ms-input-placeholder { -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .filter-search input::-ms-input-placeholder { -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .filter-search input::placeholder { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .filter-search__btn { position: absolute; top: 6px; right: 15px; z-index: 1; } .filter-search__btn svg { width: 28px; height: 28px; } .form__group .invalid { -webkit-box-shadow: inset 0.5px 0.5px 0px #ffffff !important; box-shadow: inset 0.5px 0.5px 0px #ffffff !important; -webkit-filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.5)) !important; filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.5)) !important; } .form__error-text { opacity: 0; } .custom-checkbox { position: relative; margin-bottom: 1.4rem; } .custom-checkbox__field { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; } .custom-checkbox__content { padding-left: 35px; cursor: pointer; font-size: 1.6rem; line-height: 1.3; color: #000000; } .custom-checkbox__content::before { content: ''; position: absolute; left: 3px; top: -3px; border: 1px solid #a2a2a2; width: 24px; height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; } .form--invalid .custom-checkbox__content::before { border: 1px solid #ff3939; } .custom-checkbox__content::after { content: ''; position: absolute; left: 3px; top: -3px; width: 24px; height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url('/local/templates/rustruck/css/../images/checkbox.svg'); background-position: center; background-size: 18px; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; border-radius: 2px; } .custom-checkbox__field:checked + .custom-checkbox__content::after, .custom-checkbox__field:checked + .form__error-text + .custom-checkbox__content::after { opacity: 1; background-color: #000000; } .custom-checkbox__field:focus + .custom-checkbox__content::before { outline: 1px solid #000000; } .custom-checkbox__field:disabled + .custom-checkbox__content { border: 1px solid #a2a2a2; } .overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; display: none; } .overlay.active { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; /* z-index: 9; opacity: 1; transition: opacity 0.5s ease; */ } .popup { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -45%); -ms-transform: translate(-50%, -45%); transform: translate(-50%, -45%); z-index: 100; padding: 0; width: 100%; max-width: 300px; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; display: none; } .popup.active { display: block; z-index: 100; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .popup__wrap { background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 52px 20px 36px 20px; min-height: 421px; border-radius: 8px; } .popup__close { width: 20px; height: 20px; position: absolute; top: 9px; right: 9px; z-index: 999; } .popup__close span { display: block; position: relative; width: 20px; height: 20px; } .popup__close span:before, .popup__close span:after { position: absolute; content: ' '; top: -2px; left: 9px; height: 24px; width: 2px; background-color: #333; } .popup__close span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .popup__close span:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .popup__form { max-width: 31.2rem; } .popup__title { text-align: center; font-size: 2.4rem; line-height: 1.18; font-weight: 500; color: #000000; } .popup__subtitle { font-size: 1.4rem; line-height: 1.3; color: #000000; text-align: center; } .popup--kp .popup__wrap { padding: 31px 24px 22px 24px; } .popup--kp .popup__title { font-size: 2rem; } .popup--successfully .popup__wrap { background-color: #fec80b; padding: 0 20px; } .popup--successfully .popup__head { margin-bottom: 1.2rem; } .popup--successfully .tertiary { width: 100%; max-width: 254px; } .popup--successfully-second .popup__head { margin-bottom: 1.2rem; } .popup--successfully-second .popup__subtitle { max-width: 312px; } .popup--notify .popup__head { margin-bottom: 3.2rem; } .popup--notify .popup__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ebebeb; border-radius: 4px; } .popup--notify .popup__card-title { padding: 1.3rem 0.8rem 1.3rem 1.6rem; font-size: 1.4rem; line-height: 1.2; color: #000000; } .popup--notify .popup__img { max-width: 11rem; } .popup--notify .popup__img img { display: block; max-width: 100%; max-height: 100%; } .popup--notify .popup__title { margin-bottom: 1.6rem; font-size: 2rem; } .popup--notify .popup__form .form-modal .form__body { margin-bottom: 2.2rem; } /* swiper */ .swiper { width: 100%; height: 100%; overflow: hidden; position: relative; } .swiper--brands { overflow: visible; } .swiper--alike { overflow: visible; } /* product-card */ .product-card__wrapper { max-width: 312px; background-color: #ffffff; position: relative; } .product-card__bottom { padding: 0.8rem 0.2rem; } .product-card__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 0; position: relative; } .product-card__image-link { display: block; width: 100%; height: 111px; } .product-card__image-link img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .product-card__title { display: block; min-height: auto; } .product-card__title span { display: block; font-size: 1.6rem; line-height: 1.2; color: #000000; text-align: center; margin-bottom: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 39px; /*word-break: break-all;*/ } .product-card__price { display: block; font-size: 1.6rem; line-height: 1.18; font-weight: 500; color: #000000; margin-bottom: 0.8rem; text-align: center; } .product-card__price::after { content: "\20BD"; display: inline-block; font-family: "FiraSans"; font-size: inherit; margin-left: .5rem; } .product-card__price--out { display: none; } .product-card__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-card__btns .primary { padding: 1.3rem 0px; width: 100%; } .product-card__btns--out { display: none; } .product-card--instock::before { content: 'В наличии'; position: absolute; top: 6px; left: 0; z-index: 1; background: #86d548; border-radius: 0px 8px 0px 0px; padding: 3px 7px; font-size: 1.3rem; line-height: 1; color: #ffffff; display: none; } .product-card__favorite { position: absolute; top: 6px; right: 6px; z-index: 2; display: none; } .product-card__favorite svg { width: 18px; height: 16px; } .product-card__favorite svg path { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .product-card__favorite:hover svg path { fill: #fec80b; } .product-card__out .product-card__image { position: relative; } .product-card__out .product-card__image::before { content: 'Нет в продаже'; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6rem; line-height: 1.18; color: #000000; background: -webkit-gradient( linear, left bottom, left top, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7)) ); background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)); background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)); } .product-card__out .product-card__bottom { text-align: center; } .product-card__out .product-card__out { display: block; font-size: 1.6rem; line-height: 1.18; font-weight: 500; color: #000000; text-align: center; margin-bottom: 0.8rem; } .product-card__out .product-card__btns .primary { padding: 1.3rem 0.8rem; margin-bottom: 0; } .product-card__out .product-card__btns .primary span { display: none; padding-left: 0.9rem; } .product-card__out .product-card__wrapper .product-card__btns .primary span { width: 2.5rem; } .product-card__out .product-card__btns .primary span img { width: 2.5rem; height: 2rem; } .product-card__counter { border: 1px solid #ebebeb; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; overflow: hidden; } .product-card__counter .count { width: 37px; height: 37px; position: relative; font-size: 0; padding: 5px 4px; } .product-card__counter .count:hover { background-color: #fec80b; } .product-card__counter .count:active { background-color: #fec80b; } .product-card__counter .count--minus::before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; width: 7px; height: 2px; background-color: #a2a2a2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product-card__counter .count--plus::before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; width: 7px; height: 2px; background-color: #a2a2a2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product-card__counter .count--plus::after { content: ''; position: absolute; top: 50%; left: 50%; width: 2px; z-index: 2; height: 7px; background-color: #a2a2a2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product-card__count { display: block; width: 37px; height: 37px; position: relative; } .product-card__count input { border: none !important; text-align: center; width: 37px; height: 37px; font-size: 18px; line-height: 150%; color: #000000; position: relative; padding: 2px 0px !important; outline: none !important; } .product-card__count::before { content: ''; position: absolute; top: 3px; left: 0; z-index: 1; width: 1px; height: 30px; background-color: #ebebeb; } .product-card__count::after { content: ''; position: absolute; top: 3px; right: 0; z-index: 1; width: 1px; height: 30px; background-color: #ebebeb; } .product-card__list .product-card__wrapper { max-width: 100%; background-color: #ffffff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2.4rem; } .product-card__list .product-card__top { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-card__list .product-card__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; font-size: 0; width: 174px; } .product-card__list .product-card__img { position: relative; } .product-card__list .product-card__left { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-card__list .product-card__right { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 1.1rem; } .product-card__list .product-card__about { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 3rem; } .product-card__list .product-card__title span { max-width: 416px; margin-bottom: 2.4rem; text-align: left; } .product-card__list .product-card__btns { padding-left: 3.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-card__list .product-card__btns .primary { padding: 1.3rem 2.2rem; width: auto; margin-bottom: 1.8rem; white-space: nowrap; } .product-card__list .product-card__btns .primary--basket { padding: 1.1rem 1.8rem; margin-bottom: 0; } .product-card__list .product-card__btns .primary--basket span { padding-left: 1.2rem; display: none; } .product-card__list .product-card__btns .primary--basket span img { width: 18px; height: 23px; max-width: none; } .product-card__list .product-card__btns .link-download { padding: 0; } .product-card__list .product-card__specification .product-specific { font-size: 14px; line-height: 110%; color: #a2a2a2; } .product-card__list .product-card__specification .product-specific .product-specific__item { margin-bottom: 0.6rem; } .product-specific { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-specific__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.6rem; } .product-specific__border { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: block; position: relative; margin: 0 0.5rem; } .product-specific__border::before { content: ''; display: block; position: absolute; bottom: 4px; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed #a2a2a2; } .btn-favorite.active svg path { fill: #fec80b; } /* select */ .select { position: relative; } .select__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f6f6f6; border-radius: 10px; cursor: pointer; width: 100%; height: 24px; position: relative; font-size: 16px; line-height: 130%; color: #000000; } .select__head.active::after { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .select__text { font-size: 16px; line-height: 130%; color: #000000; } .select__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #ffffff; position: absolute; z-index: 3; top: 33px; left: -116px; right: 0; opacity: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; min-width: 253px; border: 1px solid #ebebeb; border-radius: 4px; } .select__list.active { opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .select__item { min-height: 40px; padding: 8px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; border-bottom: 1px solid #ebebeb; font-size: 16px; line-height: 130%; color: #000000; } .select__img { width: 20px; height: 20px; border-radius: 50%; overflow: hidden; margin-right: 10px; } .select__img img { height: 100%; -o-object-fit: cover; object-fit: cover; } /* feedback-section */ .main-feedback { background-color: #f2f2f2; position: relative; overflow: hidden; } .feedback-wrapper { display: -webkit-box; display: -ms-flexbox; display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f2f2f2; padding: 3rem 0 5.2rem 0; } .feedback-wrapper.active { display: flex; } .feedback-wrapper__header { margin-bottom: 2.1rem; } .feedback-title { font-size: 2.4rem; line-height: 1.19; font-weight: 500; color: #000000; text-align: center; margin-bottom: 0.7rem; text-transform: uppercase; } .feedback-text { font-size: 1.4rem; line-height: 1.5; color: #000000; text-align: center; } .feedback-form p { font-size: 1.4rem; line-height: 1; color: #000000; opacity: 0.4; text-align: center; } .feedback-img { width: 40rem; height: 34.1rem; display: none; } .feedback-img img { width: 112.5rem; position: relative; right: 0; bottom: 4.7rem; height: 39rem; max-width: none; } .feedback-successfully { padding: 11.5rem 0; display: none; } .feedback-successfully.active { display: block; } .feedback-successfully .feedback-text { max-width: 42rem; } /* bread-crumbs */ .breadcrumbs-list { display: none; margin-bottom: 2.4rem; } .breadcrumbs-list__item { position: relative; } .breadcrumbs-list__item::before { content: '/'; position: absolute; top: 1px; right: -14px; z-index: 1; font-size: 1.4rem; line-height: 1; color: #000000; opacity: 0.4; } .breadcrumbs-list__item:last-child::before { display: none; } .breadcrumbs-list__item + .breadcrumbs-list__item { margin-left: 2.4rem; } .breadcrumbs-list__item a { font-size: 1.4rem; line-height: 1; color: #000000; opacity: 0.4; } /* pagination */ .pagination__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination-list__item + .pagination-list__item { margin-left: 1.4rem; } .pagination-list__item:first-child { margin-right: 1.4rem; } .pagination-list__item:first-child a { font-size: 0; line-height: 1.3; color: #000000; position: relative; padding-left: 1rem; } .pagination-list__item:first-child a::before { content: ''; position: absolute; left: -5px; top: -11px; z-index: 1; background-image: url('/local/templates/rustruck/css/../images/chevrone.svg'); background-repeat: no-repeat; background-size: 20px 20px; width: 20px; height: 20px; } .pagination-list__item .page-link { 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; font-size: 1.8rem; line-height: 1.5; color: #a2a2a2; } .pagination-list__item .page-link.active { background-color: #fec80b; border-radius: 50%; width: 3.2rem; height: 3.2rem; font-weight: 500; font-size: 1.8rem; line-height: 1.1; color: #000000; } .pagination-list__item:last-child { margin-left: 2.8rem; } .pagination-list__item:last-child a { font-size: 0; line-height: 1.3; color: #000000; position: relative; padding-right: 1rem; } .pagination-list__item:last-child a::before { content: ''; position: absolute; top: -11px; right: -5px; z-index: 1; background-image: url('/local/templates/rustruck/css/../images/chevrone.svg'); background-repeat: no-repeat; background-size: 20px 20px; width: 20px; height: 20px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* alike-card / slider */ .alike-section { background-color: #f9f9f9; padding: 8.8rem 0; } .alike-title { font-size: 2.4rem; line-height: 1.2; font-weight: 500; color: #000000; margin-bottom: 2.4rem; } .alike-card__wrapper { width: 20rem; border-radius: 8px; overflow: hidden; background-color: #fff; } .alike-card__wrapper.product-card--instock::before { top: auto; left: 0; bottom: 0; } .alike-card__bottom { padding: 1.2rem 0.8rem; } .alike-card__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; position: relative; font-size: 0; } .alike-card__image.product-card--instock::before { top: auto; left: 0; bottom: 0px; } .alike-card__image-link { display: block; width: 100%; height: 13.3rem; } .alike-card__image-link img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .alike-card__title { min-height: 5.2rem; } .alike-card__title span { font-size: 1.5rem; line-height: 1.13; color: #000000; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .alike-card__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 9px; } .alike-card__buttons .btn-favorite{ margin-left: 1.6rem; } .alike-card__favorite { width: 24px; height: 24px; } .alike-card__favorite.active svg path { fill: #fec80b; } .alike-card__favorite svg { width: 24px; height: 24px; } @media (min-width: 480px) { .header__search.active { right: -2%; width: 102%; } .product-card__image-link { height: 151px; } } @media (min-width: 576px) { .header__menu .header__menu-info { display: none; } .header__menu-wrap { grid-template-columns: repeat(2, 1fr); } .header__menu-item:nth-of-type(1) { margin-bottom: 2rem; } .header__menu-item:nth-of-type(3) .header__menu-item__wrap { margin-bottom: 2rem; } .header__menu-item__name { margin-bottom: 1.6rem; } .header__menu-item__name::after { display: none; } .header__menu-list { padding-left: 0; opacity: 1; overflow: visible; max-height: none; margin-bottom: 0; } .header__menu-links li { margin-bottom: 2.4rem; } .product-card__image-link { height: 189px; } } @media (min-width: 768px) { .section-title { font-size: 4rem; } .section-header { margin-bottom: 3.2rem; } .page-title { font-size: 3.2rem; } .header__fixed .header__logo--fixed { display: block; } .btn-option { margin-left: 2.1rem; } .btn-option:nth-of-type(1) { margin-left: 0; } .header__buttons { margin-left: 2.1rem; } .header__timework { display: block; margin-right: 2.4rem; } .header__phones-wrap { display: block; } .header__search { display: block; position: static; } .header__menu-wrapper { display: block; } .header__menu-container { margin: 0 auto; } .header__menu-wrap { grid-template-columns: repeat(3, 1fr); padding-bottom: 0; } .header__menu-item:nth-of-type(3) .header__menu-item__wrap { margin-bottom: 4.8rem; } .header__menu-item__wrap { margin-bottom: 4.8rem; } .footer { padding-top: 4.9rem; padding-bottom: 4.8rem; } .footer__top { -ms-grid-columns: 34% 64%; grid-template-columns: 34% 64%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__top-left { margin-bottom: 0; } .footer__nav { grid-template-columns: repeat(3, 1fr); } .footer__nav-list { opacity: 1; overflow: visible; max-height: none; } .footer__nav-item { margin-bottom: 0; } .footer__nav-control { margin-bottom: 1.6rem; cursor: text; } .footer__nav-control::before { display: none; } .footer__nav-chevrone { display: none; } .footer__bottom { grid-template-columns: repeat(2, 1fr); } .footer__bottom-right { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .footer__socials { margin-bottom: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .btn.basket-delete { font-size: 16px; } .link-download { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .btn__search { display: none; } .header-search input { min-width: 312px; } .form-feedback .form__body { max-width: 814px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .form-feedback .form__group { margin-bottom: 0; } .form-feedback .form__group:nth-last-of-type(1) { margin: 0 1.9rem; } .form-send .form__body { margin-bottom: 5.6rem; } .form-send .form__checkbox .custom-checkbox__text { font-size: 1.4rem; padding-left: 38px; } .form-send .form__checkbox .custom-checkbox__content::before { width: 24px; height: 24px; } .form-send .form__checkbox .custom-checkbox__content::after { width: 24px; height: 24px; background-size: 18px; } .form--checkout { max-width: 100%; } .popup { min-width: 471px; } .popup__wrap { min-height: 568px; } .popup__close { top: 13px; right: 13px; } .popup__head { margin-bottom: 5.3rem; } .popup__title { font-size: 3.2rem; } .popup__subtitle { font-size: 1.6rem; } .popup--kp .popup__head { margin-bottom: 4.4rem; } .popup--kp .popup__title { font-size: 2.4rem; } .popup--successfully .popup__head { margin-bottom: 6.8rem; } .popup--successfully .tertiary { max-width: 312px; } .popup--successfully-second .popup__head { margin-bottom: 4.7rem; } .popup--notify .popup__card-title { font-size: 1.8rem; } .popup--notify .popup__title { font-size: 2.4rem; } .swiper--brands { overflow: hidden; } .product-card__bottom { padding: 1.2rem 1.2rem; } .product-card__price { font-size: 2.2rem; } .product-card__btns .primary { width: 100%; margin-bottom: 1.2rem; } .product-card__favorite { display: block; } .product-card__favorite svg { width: 30px; height: 27px; } .product-card__out .product-card__image::before { font-size: 2.2rem; } .product-card__out .product-card__out { font-size: 2.2rem; margin-bottom: 1.2rem; } .product-card__list .product-card__btns .primary--basket { padding: 1.1rem 3rem; margin-bottom: 1.4rem; } .select__head { height: 44px; padding: 0px 5px 0px 5px; } .select__list { left: -107px; } .feedback-wrapper__header { margin-bottom: 3.8rem; } .feedback-title { font-size: 4.2rem; text-align: left; margin-bottom: 0; } .feedback-text { font-size: 1.6rem; text-align: left; } .feedback-form p { text-align: left; } .feedback-form_link{ text-decoration: underline; } .breadcrumbs-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .pagination-list__item:first-child a { font-size: 1.6rem; } .pagination-list__item:first-child a::before { top: 0; left: -13px; } .pagination-list__item:last-child a { font-size: 1.6rem; } .pagination-list__item:last-child a::before { top: 0; right: -13px; } .alike-section { padding: 12rem 0; } } @media (min-width: 1024px) { .btn-top { width: 44px; height: 44px; right: 50px; bottom: 50px; } .header__logo span { display: block; } .header__timework { margin-right: 3.2rem; } .header__timework-wrap { display: inline-block; } .header__timework-addres { max-width: 100%; } .header__phones-icon { width: 4.6rem; height: 4.6rem; } .header__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__menu-item:last-child { -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; } .header__menu-link:hover { color: #ffd43a; } .nav { display: block; } .footer { padding-top: 6.2rem; padding-bottom: 3.9rem; } .footer__top { grid-template-columns: repeat(2, 1fr); margin-bottom: 3.1rem; } .footer__nav ul li a:hover { opacity: 1; } .footer__socials { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer__socials-item a:hover svg g { opacity: 1; } .btn.primary:hover { background-color: #ffd43a; } .btn.secondary:hover { background-color: #ffd43a; color: #000000; } .btn.arrow:hover { background-color: #ffd43a; } .swiper--alike { overflow: hidden; } .product-card__bottom { padding: 1.6rem 1.2rem; } .product-card__out .product-card__out { text-align: left; } .product-card__out .product-card__btns .primary { padding: 1.3rem 2.6rem; width: 100%; } .product-card__out .product-card__btns .primary span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .product-card__list .product-card__image { width: 249px; } .product-card__list .product-card__btns .primary--basket span { display: block; } .product-card__list .product-card__specification .product-specific .product-specific__item { margin-bottom: 1.6rem; } .select { width: 180px; } .feedback-text { font-size: 1.8rem; } } @media (min-width: 1200px) { .header__timework { margin-right: 6.1rem; } .nav__item + .nav__item { margin-left: 3.2rem; } .product-card__title span { font-size: 1.8rem; } .product-card__price { margin-bottom: 1.1rem; } .product-card__list .product-card__title span { margin-bottom: 3.2rem; } .product-card__list .product-card__btns .primary { padding: 1.3rem 5.2rem; } .product-card__list .product-card__btns { -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; } .feedback-wrapper { padding: 0; } .feedback-wrapper__main { width: 70%; } .feedback-img { display: block; } } @media (min-width: 1280px) { .header__fixed .nav { display: block; } } @media (min-width: 1360px) { .product-card__title span { text-align: left; } .product-card__price { text-align: left; } .product-card__btns .primary { padding: 1.3rem 3rem; width: auto; margin-bottom: 0rem; } .product-card__btns { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .product-card__image-link { height: 260px; } } /* main-brands */ .main-brands { padding: 5.6rem 0 5.6rem 0; } @media (min-width: 768px) { .main-brands { padding: 4.8rem 0 10.4rem 0; } } .main-section { /* padding: 2.4rem 0 20rem 0; */ } @media (min-width: 1360px) { .search-wrapper .catalog-products__wrap, .favorites--wrapp .catalog-products__wrap { grid-template-columns: repeat(4, 1fr); } } .other__middle .other__text { max-width: 88.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .other__promo .other__text { display: -webkit-box; text-decoration: underline; } .suppliers_ul li, .other__text { font-size: 1.6rem; line-height: 1.5; color: #000000; } .other__middle.active .other__text { -webkit-line-clamp: initial; } .other__text a { color: inherit; } .other__middle, .other__promo { margin-bottom: 4rem; } .other__middle .other__title { font-size: 2rem; line-height: 1.2; } .other__promo .other__title { font-size: 2rem; line-height: 1.2; margin-bottom: 1rem; margin-top: 1rem; } .other__title { font-size: 2.4rem; line-height: 1.18; font-weight: 500; color: #000000; margin-bottom: 3.2rem; } .other__text.preview_text { opacity: 0.5; text-decoration: underline; margin-top: 10px; } @media (min-width: 768px) { .other__middle { margin-bottom: 7.2rem; } .other__middle .other__title, .other__promo .other__title { font-size: 2.4rem; } .other__text, .suppliers_ul li { font-size: 1.8rem; } .other__title { font-size: 3.2rem; } } .suppliers_wrap .other__text { margin-bottom: 3.5rem; } .suppliers_ul { margin-top: -2.5rem; margin-bottom: 3.5rem; } .suppliers_wrap .other__title { font-size: 2rem; margin-top: 7.2rem; } .leasing_wrap .other__title { font-size: 2.4rem; margin-top: 7.2rem; } .service__list-item strong { font-weight: 500; } .d-n { display: none; } @media (max-width: 768px) { .header__phones-icon { display: none; } } .header__phones-icon-mobile { width: 4.2rem; height: 4.2rem; background-color: #fec80b; border-radius: 50%; overflow: hidden; 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; } @media (min-width: 768px) { .header__phones-icon-mobile { display: none; } } .header.header__fixed .header__logo--fixed, .header.header_fixed .header__logo--fixed, .header.fixed-block .header__logo--fixed { display: block !important; } @media (max-width: 1023px) { .header__bottom-left { display: flex !important; align-items: center !important; } .header__logo--fixed { margin-left: 12px !important; /* Отступ от кнопки Каталог/Бургера */ line-height: 0; transition: opacity 0.3s ease; } .header__logo--fixed img { height: 22px !important; /* Уменьшенный размер, чтобы гармонично смотрелся рядом с меню */ width: auto !important; vertical-align: middle; } } @media (max-width: 480px) { .header__btn-name { display: none; } } @media (max-width: 480px) { .header.header__fixed .header__btn-name, .header.fixed-block .header__btn-name { display: none !important; } .header.header__fixed .burger, .header.fixed-block .burger { width: 50px !important; /* Делаем кнопку квадратной при скролле */ } } @media (max-width: 1024px) { .alike-section { overflow: hidden; /* Это скроет вылетающие части карусели */ width: 100%; max-width: 100vw; /* Гарантируем, что секция не шире экрана */ } .alike-wrapper { width: 100%; overflow: hidden; } .header__bottom { margin-top: 20px; position: relative; /* Чтобы поиск позиционировался относительно всей нижней части шапки */ } .header, .header__bottom, .container { overflow: visible !important; } .header::before { content: ''; position: absolute; top: 40%; left: 0; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1px; background-color: #fec80b; opacity: 0.4; } .burger { position: relative; border: none; /* padding: 0; */ /* width: 50px; */ height: 42px; color: #000; background-color: #fec80b; display: flex; padding: 0 15px 0 0; /* Добавляем отступ справа, чтобы текст не прилипал к краю */ width: auto !important; /* Позволяем кнопке растягиваться под контент */ min-width: 50px; align-items: center; cursor: pointer; border-radius: 4px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .container { position: relative; } .header__search { display: block !important; /* Не используем display: none для плавности */ position: absolute; top: 100%; /* Начало точно под нижней границей шапки */ left: 0 !important; right: 0 !important; width: 100% !important; /* Сбрасываем десктопные 106% */ z-index: 1100; background: #ffffff; padding: 15px !important; /* Состояние "скрыто" */ visibility: hidden; opacity: 0; /* Выезжать будет на всю свою высоту (100%) вверх, чтобы полностью спрятаться за шапкой */ transform: translateY(-100%); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 10px 15px rgba(0,0,0,0.1); } /* Состояние "открыто" */ .header__search.active { visibility: visible !important; opacity: 1 !important; z-index: 10000; transform: translateY(0) !important; /* Возврат в нормальное положение под шапку */ } .header.header__fixed, .header.fixed-block { height: auto !important; padding-bottom: 5px; } .header__bottom, .container { overflow: visible !important; } /* Убираем лишние отступы у инпута внутри, чтобы он вписался в экран */ .header-search__input { width: 100% !important; margin: 0; } .header__fixed .header__menu { /* top должен быть равен высоте фиксированной шапки из анимации выше */ top: 84px !important; z-index: 2000 !important; /* Высчитываем высоту меню, чтобы оно занимало весь остаток экрана */ height: calc(100vh - 74px) !important; } .header.active ~ .main .catalog-header, .header.header_active ~ .main .catalog-header, .header.fixed-block.active ~ .main .catalog-header { z-index: 1 !important; /* Опускаем фильтры в самый низ, когда меню открыто */ } .header__menu-overlay { z-index: 1900 !important; } @keyframes fixedMenu { 0% { height: 0; } 50% { height: 84px; } 100% { height: 104px; } } } .logo-fixed-text, .logo-fixed-phone { display: none; } @media (max-width: 1024px) { /* Настраиваем контейнер при скролле */ .header__fixed .header__logo--fixed { display: flex !important; flex-direction: column !important; /* Элементы друг под другом */ justify-content: center; align-items: flex-start; /* Выравнивание по левому краю */ margin-left: 12px !important; height: auto !important; line-height: 1.1 !important; /* Уплотняем строки */ } /* Прячем картинку-логотип в мобильной прилипшей шапке */ .header__fixed .logo-fixed-img { display: none !important; } /* Стиль надписи РУСТРАК */ .header__fixed .logo-fixed-text { display: block !important; font-size: 16px !important; font-weight: 800 !important; color: #000000 !important; text-transform: uppercase; margin-bottom: 2px; text-decoration: none; } /* Стиль номера телефона */ .header__fixed .logo-fixed-phone { display: block !important; font-size: 13px !important; color: #333333 !important; text-decoration: none; white-space: nowrap; font-weight: 400; } } /* Для десктопа возвращаем как было (картинка вместо текста) */ @media (min-width: 1025px) { .header__fixed .logo-fixed-img { display: block !important; } .header__fixed .logo-fixed-text, .header__fixed .logo-fixed-phone { display: none !important; } } .header.fixed-block.header__fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; backface-visibility: hidden; transform: translateZ(0); -webkit-transform: translateZ(0); margin: 0 !important; } @media (max-width: 1024px) { .header.header__fixed, .header.fixed-block { z-index: 2000 !important; } .header.active ~ .main .catalog-header, .header.header_active ~ .main .catalog-header, .header.menu-opened ~ .main .catalog-header { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.3s ease; } .header__menu { z-index: 2100 !important; } } @media (min-width: 768px) { .footer__nav { display: flex !important; justify-content: flex-start; align-items: flex-start; gap: 40px; } .footer__nav-item:first-child { flex: 0 0 auto; min-width: 500px; } .footer__nav-control { height: 40px; margin-bottom: 1.6rem !important; display: flex; align-items: center; padding: 0; } .footer__nav-item:first-child .footer__nav-list { display: block !important; column-count: 2; column-gap: 40px; margin: 0; } .footer__nav-item:last-child { flex: 0 0 200px; margin-top: 0 !important; } .footer__nav-list li { margin-bottom: 12px !important; line-height: 1.4 !important; break-inside: avoid; height: 1.4em; overflow: hidden; } } @media (max-width: 767px) { .header::before { top: 50% !important; } } /* End */ /* Start:/local/templates/rustruck/css/jquery.fancybox.min.css?164854322512795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;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:.9;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 ease,visibility 0s ease .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 ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-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:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-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-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{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--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.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{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;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;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.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:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/rustruck/css/swiper-index.css?16595344007941*/ /* главный сллайдер */ .swiper--hero .swiper-button-next, .swiper--hero .swiper-button-prev { position: absolute; top: 50%; width: 20px; height: 20px; margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); /* background: rgba(0, 0, 0, 0.2); */ opacity: 0.5; } .swiper--hero .swiper-button-prev { background-image: url('/local/templates/rustruck/css/../images/chevron.svg'); background-repeat: no-repeat; background-position: center; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); left: 0; } .swiper--hero .swiper-button-next { background-image: url('/local/templates/rustruck/css/../images/chevron.svg'); background-repeat: no-repeat; background-position: center; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); right: 0; } .swiper--hero .swiper-button-next:after, .swiper--hero .swiper-container-rtl .swiper-button-prev:after { content: ''; } .swiper--hero .swiper-button-prev:after, .swiper--hero .swiper-container-rtl .swiper-button-next:after { content: ''; } .swiper--hero .swiper-button-next:after, .swiper--hero .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper--hero .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; /* max-height: 566px; */ position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper--hero .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 50%; background: transparent; opacity: 0.8; border: 2px solid #ffffff; } .swiper--hero .swiper-pagination .swiper-pagination-bullet-active { background: #ffffff; opacity: 0.8; } /* ==== */ /* слайдер категории */ .swiper--category { width: 100%; height: 100%; overflow: visible; position: relative; padding: 0 0 2rem 0; } .swiper--category .swiper-slide .category-card { max-width: 22.8rem; min-height: 22.7rem; } .swiper-buttons { display: none; } .swiper-buttons .swiper-button-category-prev, .swiper-buttons .swiper-button-category-next { position: static; top: 50%; width: 39px; height: 39px; margin-top: 0; z-index: 10; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: none; background: transparent; opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #000000; border-radius: 4px; } .swiper-buttons .swiper-button-category-prev:hover, .swiper-buttons .swiper-button-category-next:hover { background-color: #fec80b; } .swiper-buttons .swiper-button-category-prev:active, .swiper-buttons .swiper-button-category-next:active { background-color: #e9c135; } .swiper-buttons .swiper-button-category-next.swiper-button-disabled, .swiper-buttons .swiper-button-category-prev.swiper-button-disabled { opacity: 0.5 !important; } .swiper-buttons .swiper-button-category-prev { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .swiper-buttons .swiper-button-category-next { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); margin-left: 10px; } /* ===== */ /* слайдер рекоммендуемые */ .swiper-buttons { display: none; } .swiper-buttons .swiper-button-recommended-prev, .swiper-buttons .swiper-button-recommended-next { position: static; top: 50%; width: 39px; height: 39px; margin-top: 0; z-index: 10; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: none; background: transparent; opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #000000; border-radius: 4px; } .swiper-buttons .swiper-button-recommended-prev:hover, .swiper-buttons .swiper-button-recommended-next:hover { background-color: #fec80b; } .swiper-buttons .swiper-button-recommended-prev:active, .swiper-buttons .swiper-button-recommended-next:active { background-color: #e9c135; } .swiper-buttons .swiper-button-recommended-next.swiper-button-disabled, .swiper-buttons .swiper-button-recommended-prev.swiper-button-disabled { opacity: 0.5 !important; } .swiper-buttons .swiper-button-recommended-prev { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .swiper-buttons .swiper-button-recommended-next { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); margin-left: 10px; } /* ==== */ /* слайдер новости */ .swiper-buttons { display: none; } .swiper-buttons .swiper-button-news-prev, .swiper-buttons .swiper-button-news-next { position: static; top: 50%; width: 39px; height: 39px; margin-top: 0; z-index: 10; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: none; background: transparent; opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #000000; border-radius: 4px; } .swiper-buttons .swiper-button-news-prev:hover, .swiper-buttons .swiper-button-news-next:hover { background-color: #fec80b; } .swiper-buttons .swiper-button-news-prev:active, .swiper-buttons .swiper-button-news-next:active { background-color: #e9c135; } .swiper-buttons .swiper-button-news-next.swiper-button-disabled, .swiper-buttons .swiper-button-news-prev.swiper-button-disabled { opacity: 0.5 !important; } .swiper-buttons .swiper-button-news-prev { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .swiper-buttons .swiper-button-news-next { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); margin-left: 10px; } /* ==== */ @media screen and (max-width: 1200px) { .swiper--hero .swiper-slide{ max-height: 454px; } } @media (min-width: 414px) { .swiper--hero .swiper-button-next, .swiper--hero .swiper-button-prev { top: 54%; } } @media (min-width: 768px) { .swiper--hero .swiper-button-next, .swiper--hero .swiper-button-prev { top: 50%; width: 32px; height: 32px; } .swiper--hero .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; } .swiper-buttons { display: block; } } @media (min-width: 1200px) { .swiper--category .swiper-slide .category-card { max-width: 31.8rem; } } @media screen and (max-width:767px) { .swiper--hero .swiper-button-next, .swiper--hero .swiper-button-prev{ display: none; } } /* End */ /* Start:/local/templates/rustruck/css/index.css?177209691223108*/ /* тест */ .pin-up { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-wrap { position:relative; width: 42.3rem; height: 340px; border-radius: 4px; background-color: #fff; margin-top: -10px; } .content { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position:absolute; background-color: #fff; border-radius: 4px; font-size: 30px; color: white; } .sideline { position: absolute; top: 0; left: -14px; height: 377px; width: 3px; background-color: #fec80b; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; z-index: 1; } /* тест */ .hero-section .container { padding: 0; } .hero { background-repeat: no-repeat; background-size: cover; position: relative; } .hero::before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100vw; height: 100vw; background: -o-linear-gradient( left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5875) 54.17%, rgba(0, 0, 0, 0.327131) 80.73%, rgba(0, 0, 0, 0) 100% ); background: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.8)), color-stop(54.17%, rgba(0, 0, 0, 0.5875)), color-stop(80.73%, rgba(0, 0, 0, 0.327131)), to(rgba(0, 0, 0, 0)) ); background: linear-gradient( 90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5875) 54.17%, rgba(0, 0, 0, 0.327131) 80.73%, rgba(0, 0, 0, 0) 100% ); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .hero__wrap { width: 100%; height: 32rem; position: relative; border-radius: 4px; overflow: hidden; } .hero__info { position: relative; z-index: 2; padding-top: 3rem; padding-left: 1.6rem; } .hero__title { font-size: 3.2rem; line-height: 1.2; font-weight: 700; color: #ffffff; max-width: 45.2rem; margin-bottom: 2.6rem; } .hero__text { font-size: 1.6rem; line-height: 1.5; color: #ffffff; max-width: 45.4rem; margin-bottom: 2.6rem; /* display: none; */ padding: 0 5px 0 0; } .hero__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .hero__buttons .primary { margin-bottom: 0.6rem; } .hero__buttons .primary { padding: 1.1rem 1.6rem; } .hero__buttons .secondary { padding: 0.9rem 1.5rem; color: #ffffff; } /* category-section */ .category-main { padding: 8.8rem 0 4.4rem 0; } .category-main .container { overflow: hidden; } .category-card__wrap { max-width: 21.2rem; min-height: 22.7rem; background-color: #ffffff; border: 1px solid #ebebeb; border-radius: 8px; padding: 18px 0 0 14px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .category-card__title { font-size: 17px; line-height: 1.2; font-weight: 400; color: #000000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; /*word-break: break-all;*/ } .category-card__info { font-size: 1.6rem; line-height: 1.3; color: #a2a2a2; } .category-card__img-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .category-card__img { max-width: 14.3rem; } .category-card__img img { display: block; width: 100%; -o-object-fit: cover; object-fit: cover; max-width: none; } /* about-secttion */ .main-about { padding: 4.4rem 0 0rem 0; } .main-about__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-about__wrapper .arrow { display: none; } .main-about__wrapper__left { width: 100%; } .main-about__title { font-size: 2.8rem; line-height: 1.19; font-weight: 500; color: #000000; margin-bottom: 1.6rem; } .main-about__title span { color: #fec80b; } .main-about__text { max-width: 53.8rem; font-size: 1.6rem; line-height: 1.3; color: #000000; margin-bottom: 3rem; } .main-about__text:nth-last-of-type(1) { margin-bottom: 1.4rem; } .main-about__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main-about__img img { max-width: none; width: 48.1rem; height: 31.6rem; position: relative; left: -3.6rem; } /* main-numbers */ .main-numbers { padding: 4.4rem 0; background-color: #fec80b; } .main-numbers__wrapper { display: -ms-grid; display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 4rem; } .main-number { -ms-grid-column-span: 4; grid-column: 4 span; } .main-number__wrap { margin-bottom: 2rem; } .main-number__age { display: block; font-size: 8rem; font-weight: 500; line-height: 1; color: #000000; } .main-number__sub { font-size: 3.2rem; line-height: 1.18; font-weight: 500; color: #000000; } .main-number__text { font-size: 1.6rem; line-height: 1.5; color: #000000; } /* main-benefits */ .main-benefits { padding: 8.8rem 0; } .benefits__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .benefits__left { width: 100%; position: relative; } .benefits__truck { width: 100%; -o-object-fit: cover; object-fit: cover; position: relative; left: -125px; max-width: none; margin-bottom: 3.2rem; } .benefits__right { display: none; } .benefits__img { margin-bottom: 3.2rem; } .benefits__text { font-size: 1.6rem; line-height: 1.16; color: #000000; } .benefits__list-item { position: relative; padding-left: 2.5rem; margin-bottom: 2rem; } .benefits__list-item::before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; background: #fec80b; width: 1.4rem; height: 1.4rem; border-radius: 50%; } .benefits__button { font-size: 1.8rem; line-height: 1.1; color: #000000; text-align: left; z-index: 1; cursor: default; } .tabs-item { display: none; } .tabs-item.active { display: block; } .remont_container { display: flex; justify-content: center; margin-top: 25px; } .rtrf-popup-content .mfeedback { text-align: left; } /* Контейнеры для каждого поля (надпись + поле ввода) */ .rtrf-popup-content .mf-name, .rtrf-popup-content .mf-message { width: 100%; /* Занимают всю доступную ширину */ padding-bottom: 15px; /* Отступ между полями */ box-sizing: border-box; } /* Надписи над полями ("Имя", "Телефон") */ .rtrf-popup-content .mf-text { margin-bottom: 5px; font-size: 14px; } /* Сами поля ввода */ .rtrf-popup-content .mfeedback input[type="text"], .rtrf-popup-content .mfeedback input[type="tel"] { width: 100%; /* Растягиваем на всю ширину родительского блока */ padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; /* Чтобы padding не влиял на общую ширину */ } /* Обязательная звездочка (*) */ .rtrf-popup-content span.mf-req { color: red; } /* Сообщение об успешной отправке */ .rtrf-popup-content div.mf-ok-text { color: green; font-weight: bold; padding-bottom: 1em; text-align: center; /* Это сообщение можно оставить по центру */ } .rtrf-popup-button { display: inline-block; padding: 12px 25px; background-color: #fec80b; /* Пример: фирменный оранжевый цвет */ color: #000; border: none; border-radius: 5px; font-size: 16px; font-weight: bold; cursor: pointer; text-transform: uppercase; transition: background-color 0.3s ease; } .rtrf-popup-button:hover { background-color: #f3ce4c; } /* Стили для всплывающего окна */ .rtrf-popup-overlay { display: none; /* Окно скрыто по умолчанию */ position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; } .rtrf-popup-content { position: relative; background-color: #ffffff; padding: 30px; border-radius: 8px; width: 90%; font-size: 18px; line-height: 1.5; max-width: 500px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); text-align: center; } .rtrf-popup-close { position: absolute; top: 10px; right: 15px; color: #aaa; font-size: 28px; font-weight: bold; cursor: pointer; } .rtrf-popup-close:hover { color: #000; } .rtrf-popup-content h3 { margin-top: 0; margin-bottom: 15px; } .rtrf-popup-content p { margin-bottom: 20px; } /* Стили для полей формы внутри popup */ .rtrf-popup-content form .form-group { margin-bottom: 15px; text-align: left; } .rtrf-popup-content form input[type="text"] { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } .rtrf-popup-content form input[type="submit"] { width: 100%; padding: 12px; background-color: #fec80b; color: #000; border: none; border-radius: 5px; font-size: 16px; font-weight: bold; cursor: pointer; text-transform: uppercase; } .rtrf-popup-content form input[type="submit"]:hover { background-color: #f3ce4c; } /* recommended-section */ .main-recommended { background-color: #f9f9f9; padding: 3.2rem 0 4rem 0; } /* main-news */ .main-news { padding: 5.6rem 0 5.6rem 0; } .news-card__wrapper { max-width: 31.2rem; } .news-card__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 20.3rem; } .news-card__img img { height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 4px 4px 0px 0px; } .news-card__body { padding: 0.8rem 0.4rem; min-height: 13.1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news-card__date { margin-bottom: 0.5rem; } .news-card__date span { font-size: 1.4rem; line-height: 1.3; color: #000000; } .news-card__title { display: block; } .news-card__title span { font-size: 1.6rem; line-height: 1.1; font-weight: 500; color: #000000; margin: 0; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .news-card__text { font-size: 1.6rem; line-height: 1.1; color: #a2a2a2; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .news-card__text span { padding-left: 0.6rem; } .news-card__text span svg path { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* main-brands */ .main-brands { padding: 5.6rem 0 5.6rem 0; } .swiper { height: auto; margin-top: 16px; border-radius: 15px; } .swiper-wrapper { height: auto; } @media (min-width: 320px) { .content-wrap { display: none; } .benefits__truck { left: -50px; } .benefits__list { margin-left: 16px; } } @media (min-width: 414px) { .hero__wrap { height: 41.4rem; } .hero__text { /* display: block; */ } .hero__buttons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .hero__buttons .primary { margin-bottom: 0rem; margin-right: 1.2rem; } .content-wrap { display: none; } .benefits__wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 768px) { .section-header { margin-bottom: 3.2rem; } .hero::before { top: 0; width: 50%; height: 100%; width: 50%; background: -o-linear-gradient( left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5875) 54.17%, rgba(0, 0, 0, 0.327131) 80.73%, rgba(0, 0, 0, 0) 100% ); background: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.8)), color-stop(54.17%, rgba(0, 0, 0, 0.5875)), color-stop(80.73%, rgba(0, 0, 0, 0.327131)), to(rgba(0, 0, 0, 0)) ); background: linear-gradient( 90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5875) 54.17%, rgba(0, 0, 0, 0.327131) 80.73%, rgba(0, 0, 0, 0) 100% ); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .hero__wrap { height: 56.6rem; } .hero__info { padding-top: 13.6rem; padding-left: 6rem; } .hero__title { font-size: 4rem; margin-bottom: 1.6rem; } .hero__text { font-size: 1.8rem; margin-bottom: 5.7rem; } .hero__buttons .primary { padding: 1.3rem 3rem; margin-right: 1.6rem; } .hero__buttons .secondary { padding: 1.1rem 2.9rem; } .main-about__title { font-size: 4.2rem; margin-bottom: 2.2rem; } .main-about__text { font-size: 1.8rem; margin-bottom: 4rem; } .main-about__text:nth-last-of-type(1) { margin-bottom: 6.4rem; } .main-about__img { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .main-about__img img { width: 78.2rem; height: 49.9rem; left: 0; } .main-numbers { padding: 4.4rem 0 3rem 0; } .main-numbers__wrapper { -ms-grid-columns: 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr; grid-template-columns: repeat(12, 1fr); row-gap: 0; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .main-number__wrap { margin-bottom: 2.4rem; } .main-number__age { font-size: 10rem; } .main-number__text { max-width: 31.2rem; } .main-benefits { padding: 15.6rem 0; } .benefits__truck { width: 58.2rem; height: 58.9rem; } .benefits__list { width: 57.2rem; height: 58.1rem; position: absolute; top: 0; left: -16px; z-index: 1; } .benefits__list-item { padding-left: 0px; margin-bottom: 0px; } .benefits__list-item:nth-of-type(1) { top: 6%; left: 68.5%; } .benefits__list-item:nth-of-type(2) { top: 21%; left: 89.5%; } .benefits__list-item:nth-of-type(3) { top: 38%; left: 96.5%; } .benefits__list-item:nth-of-type(4) { top: 55%; left: 94%; } .benefits__list-item:nth-of-type(5) { top: 67%; left: 85%; } .benefits__list-item::before { width: 17.5px; height: 17.5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -30px; } .benefits__button { font-size: 2rem; max-width: 27.9rem; } .main-recommended { padding: 5.6rem 0; } .main-news { padding: 15.6rem 0 4.8rem 0; } .news-card__body { padding: 22px 11px; } .news-card__date span { font-size: 1.6rem; } .news-card__title span { font-size: 1.8rem; } .news-card__text { font-size: 1.8rem; } .news-card__text span { padding-left: 1.6rem; } .main-brands { padding: 4.8rem 0 10.4rem 0; } } @media (min-width: 1024px) { .category-main { padding: 7.9rem 0 7.95rem 0; } .category-main .container { padding: 0 3.1rem; max-width: 1382px; } .category-card__wrap { max-width: 31.2rem; } .category-card__wrap:hover { border: 1px solid #fec80b; -webkit-filter: drop-shadow(0px 0px 24px rgba(254, 200, 11, 0.25)); filter: drop-shadow(0px 0px 24px rgba(254, 200, 11, 0.25)); } .main-about { padding: 7.95rem 0 10rem 0; } .main-about__wrapper .arrow { display: inline-block; } .main-about__wrapper__left { width: 50%; } .main-numbers { padding: 5.3rem 0 6.5rem 0; } .main-number__text { font-size: 1.8rem; } .benefits__left { width: 50%; } .main-news { padding: 12.3rem 0 6.4rem 0; } .news-card__wrapper:hover .news-card__text { color: #fec80b; } .news-card__wrapper:hover .news-card__text svg path { fill: #fec80b; } .main-brands { padding: 6.4rem 0 14.3rem 0; } .category-card__title { font-size: 18px; } } @media (min-width: 1200px) { .category-card__title { font-size: 24px; } .category-card__wrap { height: 31.8rem; } .category-card__img { max-width: 23rem; } .benefits__left { left: 0px; } .benefits__right { display: block; width: 42.3rem; right: -27px; position: relative; padding-left: 1.4rem; } .benefits__right::before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index: 1; width: 3px; height: 377px; background-color: #fec80b; } .benefits__list-item.active .benefits__button { opacity: 1; } .benefits__list-item .benefits__button { opacity: 0.2; } .benefits__list-item.active::before { background: #fec80b; border: none; } .benefits__list-item::before { background: #ffffff; border: 3px solid #fec80b; } .main-about__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .benefits__wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .content-wrap { display: block; /* margin-right: 24px; */ } .benefits__truck { left: -85px; } .benefits__list { left: -52px; } } @media (min-width: 1280px) { .benefits__right { right: -20px; padding-left: 2.4rem; } .benefits__wrapper { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .content-wrap { margin-left: 10%; /* position: none; right: none; */ } } @media (min-width: 1600px) { .content-wrap { margin-left: none; } .benefits__wrapper { display: flex; justify-content: center; } } @media (min-width: 1800px) { .benefits__left { width: 40%; } } @media (min-width: 2560) { .benefits__left { width: 40%; } } @media (min-width: 1360px) { .hero__info { padding-left: 1.6rem; } } @media (min-width: 1440px) { .hero-section .container { padding: 0 1.6rem; } } @media (max-width: 768px) { .hero__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .swiper { margin-top: 12px; border-radius: 0; } .hero__info{ padding-left: 38px; } } @media (max-width: 414px) { .news-card__img { height: 111px; } } @media (max-width: 480px) { .main-about__img img { left: 0; } .hero-wrapper{ margin: 0 -16px; } } @media (max-width: 380px) { .main-about__img img { width: 41.1rem; height: 24.6rem; } } @media (max-width: 320px){ .main-about__img img { width: 36.1rem; height: 22.6rem; } } .hero__banner-info { position: absolute; top: 0; height: initial; } .hero { background-repeat: no-repeat; background-size: cover; position: relative; height: 100%; } .swiper-banner-img { height: initial; } .swiper-banner-img img { width: 100%; } .hero__wrap { height: auto !important; } .hero { height: max-content ; } h1.hero__title { font-size: 28px; line-height: 1.1; } @media (min-width: 1360px) { .hero__info { /* padding-left: 1.6rem !important; padding-top: 17%; */ margin: auto 0; } } @media (min-width: 768px) { .hero__text { font-size: 16px; margin-bottom: 32px !important; } .hero::before { top: 0; width: 50%; height: 100%; width: 65% !important; background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5875) 54.17%, rgba(0, 0, 0, 0.327131) 80.73%, rgba(0, 0, 0, 0) 100%) !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @media screen and (max-width: 1024px) and (min-width: 768px) { .hero__info { /* padding-top: 6% !important; padding-left: 6rem; */ margin: auto 0; padding-top: 60px; } } @media screen and (max-width: 1349px) and (min-width: 1025px) { .hero__info { /* padding-top: 6% !important; padding-left: 6rem; */ margin: auto 0; } .hero::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 54.17%, rgba(0, 0, 0, 0.45) 80.73%, rgba(0, 0, 0, 0) 100%) !important; } } /* End */ /* Start:/local/templates/rustruck/css/favorites.css?16485432255719*/ /* favorites */ .main-section { background-color: #f9f9f9; } .favorites-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1.6rem 1fr; grid-template-columns: repeat(2, 1fr); margin-bottom: 12rem; grid-gap: 1.6rem; } .catalog-header--favorites .catalog-header__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 2rem; } .catalog-header--favorites .catalog-header__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; margin-bottom: 3.2rem; } .catalog-header--favorites .catalog-header__title { margin-bottom: 0; } .catalog-header--favorites .catalog-header__head .catalog-header__products-num { display: none; } .catalog-header--favorites .catalog-header__right { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-header--favorites .catalog-header__right .catalog-header__select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .catalog-header--favorites .catalog-header__radio { margin-bottom: 0.8rem; } .catalog-header--favorites .catalog-header__radio label { font-size: 14px; color: #000000; margin-left: 1rem; } .catalog-header--favorites .catalog-header__radio label:first-child { margin-left: 0; } .catalog-header--favorites .select__list { left: -83px; } .custom-radio { display: inline-block; width: 16px; height: 16px; background-color: #ffffff; border: 1px solid #000000; border-radius: 50%; margin-right: 0px; position: relative; vertical-align: top; } .custom-radio::before { content: ''; display: inline-block; width: 8px; height: 8px; background: #ffffff; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .real-radio { width: 0; height: 0; position: absolute; opacity: 0; z-index: -1; } .real-radio:checked + .custom-radio { background-color: #000000; } .real-radio:checked + .custom-radio::before { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .real-radio:focus + .custom-radio { -webkit-box-shadow: 0px 0px 0px 1px #0d131a, 0px 0px 10px #7e9bbd; box-shadow: 0px 0px 0px 1px #0d131a, 0px 0px 10px #7e9bbd; } .catalog-header__select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-header__select-title { font-size: 1.4rem; line-height: 1; color: #a2a2a2; } .favorite-text { font-size: 1.8rem; line-height: 1.2; color: #000000; } .succsess-wrap { margin-top: 3.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; grid-gap: 1.2rem; } .succsess-wrap .btn { max-width: 19.5rem; } .succsess-wrap .secondary { color: #000000; padding: 1.1rem 4.7rem; } @media (min-width: 576px) { .catalog-header--favorites .catalog-header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -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; } .catalog-header--favorites .catalog-header__radio { margin-left: 0; } } @media (min-width: 680px) { .favorites-wrapper { -ms-grid-columns: 1fr 1.8rem 1fr 1.8rem 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 1.8rem; } } @media (min-width: 768px) { .catalog-header--favorites .catalog-header__title .catalog-title { margin-bottom: 0; } .catalog-header--favorites .catalog-header__head .catalog-header__products-num { margin-left: 2.4rem; } .favorite-text { font-size: 2.4rem; } .succsess-wrap { margin-top: 5.6rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; grid-gap: 2.4rem; } } @media (min-width: 1024px) { .favorites-wrapper { -ms-grid-columns: 1fr 2.4rem 1fr 2.4rem 1fr 2.4rem 1fr; grid-template-columns: repeat(4, 1fr); grid-gap: 2.4rem; } .catalog-header--favorites .catalog-header__wrap { margin-bottom: 2rem; } .catalog-header--favorites .catalog-header__head .catalog-header__products-num { display: block; font-size: 1.6rem; line-height: 1.3; color: #000000; opacity: 0.3; margin-left: 2.4rem; } .catalog-header--favorites .catalog-header__radio label { font-size: 16px; margin-left: 2.4rem; } .custom-radio { margin-right: 5px; } } /* End */ /* Start:/local/templates/rustruck/css/search.css?16485432259042*/ /* search-page */ .main-section { background-color: #f9f9f9; } .catalog-title--search { font-weight: 400; } .catalog-title--search span { font-weight: 500; } .catalog-header--search .catalog-header__select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .catalog-header--search .catalog-header__select .select__list { left: -83px; } .catalog-header--search .catalog-header__wrap { margin-bottom: 4.5rem; } .search-wrap { margin-bottom: 16rem; } .search-title { font-size: 2.4rem; line-height: 1.18; color: #000000; font-weight: 400; margin-bottom: 3rem; } .search-title span { font-weight: 500; } .search-text { font-size: 1.6rem; line-height: 1.5; color: #000000; margin-bottom: 4.8rem; max-width: 59rem; } /* catalog-main */ .catalog-section { background-color: #f9f9f9; padding-top: 2.4rem; } .catalog-title { font-size: 2.4rem; line-height: 1.1; font-weight: 500; color: #000000; margin-bottom: 1rem; } .catalog-header__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 2rem; } .catalog-header__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 2rem; } .catalog-header__title { margin-bottom: 0.5rem; } .catalog-header__right { 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; } .catalog-header__right .primary { background-image: url('/local/templates/rustruck/css/../images/filetr-but-slide.svg'); background-repeat: no-repeat; background-size: 1.8rem 1.3rem; background-position: center; font-size: 0; padding: 2.1rem 2.1rem; } .catalog-header__right-filters { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-header__products-num { font-size: 1.6rem; line-height: 1.3; color: #000000; opacity: 0.3; } .catalog-header__select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-header__select-title { font-size: 1.4rem; line-height: 1; color: #a2a2a2; } .catalog-header__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-header__buttons .btn-filter { display: none; } .catalog-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 12rem; grid-gap: 2.4rem; } .catalog-filters { position: fixed; top: 0; left: -100%; width: 100%; z-index: 9; background-color: rgba(0, 0, 0, 0.6); height: 100vh; overflow-y: scroll; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .catalog-filters--visible { left: 0; } .catalog-filters__close-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-color: #000000; color: #ffffff; width: 100%; font-size: 2rem; line-height: 1.2; padding: 1.8rem 0.8rem 1.8rem 2.4rem; background-image: url('/local/templates/rustruck/css/../images/close-icon.svg'); background-repeat: no-repeat; background-size: 22px 22px; background-position: right 13px center; } .catalog-filters__close-btn span { padding-left: 1rem; } .catalog-filters__drop { font-size: 1.8rem; line-height: 1.1; color: #a2a2a2; background-image: url('/local/templates/rustruck/css/../images/dropping-icon.svg'); background-repeat: no-repeat; background-size: 18px 14px; background-position: left center; padding-left: 3rem; margin-bottom: 3rem; } .catalog-filters__wrap { background-color: #ffffff; padding: 2rem 1.6rem; } .catalog-filters__group { margin-bottom: 3.2rem; } .catalog-filters__name { font-size: 1.8rem; line-height: 1.1; font-weight: 500; color: #000000; margin-bottom: 1.4rem; } .catalog-filters__search { margin-bottom: 1.6rem; } .catalog-filters__checkbox-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 17.1rem; overflow: auto; padding-top: 1rem; } .catalog-filters__checkbox-column::-webkit-scrollbar { width: 6px; background: #a1a1a1; border-radius: 4px; } .catalog-filters__checkbox-column::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); border-radius: 4px; } .catalog-filters__checkbox-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 1.9rem; } .catalog-filters__checkbox-row .custom-checkbox { margin-bottom: 0; } .catalog-filters__checkbox-row .custom-checkbox__content { padding-left: 3.1rem; } .catalog-filters__price-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4.9rem; } .catalog-filters .primary { width: 100%; } .catalog-filters .primary span { padding-left: 5px; } .catalog-products { width: 100%; display: none; } .catalog-products.active { display: block; } .catalog-products__body .primary--more { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 4.3rem; } .catalog-products__wrap { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); grid-gap: 1.5rem; margin-bottom: 8rem; } .catalog-products__list { margin-bottom: 8rem; } @media (min-width: 414px) { .catalog-products__wrap { grid-template-columns: repeat(auto-fill, minmax(153px, 1fr)); } } @media (min-width: 480px) { .catalog-products__wrap { grid-template-columns: repeat(auto-fill, minmax(213px, 1fr)); } } @media (min-width: 768px) { .breadcrumbs-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-title { font-size: 3.2rem; margin-bottom: 0; } .catalog-header__left { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: end; margin-bottom: 2.4rem; } .catalog-header__title { margin-bottom: 0rem; } .catalog-header__right .primary { font-size: 1.6rem; background-position: left 16px center; padding: 0.8rem 2rem 0.8rem 4.6rem; } .catalog-header__right .primary span { padding-left: 0.3rem; } .catalog-header__products-num { margin-left: 2.4rem; } .catalog-header__select { -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; } .catalog-header__buttons { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 2.6rem; } .catalog-header__buttons .btn-filter { display: block; } .catalog-filters__close-btn { max-width: 31.2rem; } .catalog-filters__wrap { max-width: 31.2rem; } .catalog-header--search .catalog-header__wrap { margin-bottom: 3.5rem; } .search-wrap { margin-bottom: 20.9rem; } .search-title { font-size: 3.2rem; margin-bottom: 2rem; } .search-text { font-size: 1.8rem; margin-bottom: 4rem; } } @media (min-width: 1024px) { .catalog-header__wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2rem; } .catalog-header__left { margin-bottom: 0rem; } .catalog-header__right .primary { display: none; } .catalog-header__right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .catalog-header__buttons { margin-left: 3.6rem; } } @media (min-width: 1200px) { .catalog-products__wrap { grid-template-columns: repeat(auto-fill, minmax(252px, 1fr)); } } @media (min-width: 1360px) { .catalog-products__wrap { grid-template-columns: repeat(auto-fill, minmax(312px, 1fr)); grid-gap: 2.4rem; } } /* End */ /* Start:/local/templates/rustruck/components/bitrix/breadcrumb/breadcrumb/style.css?164854322558*/ .breadcrumbs-list__item:last-child a { cursor: default; } /* End */ /* Start:/local/templates/rustruck/components/bitrix/main.feedback/questions/style.css?1648543226240*/ #feedback-form .btn.primary { border: none; border-radius: 4px; } .form-feedback .form__group.form--invalid .form__name { color: #ff3939; } .form-feedback .form__group.form--invalid .form__input { border: 1px solid #ff3939; } /* End */ /* Start:/local/templates/rustruck/components/bitrix/main.feedback/recall/style.css?164854322669*/ #form-contact .btn.primary { border: none; border-radius: 4px; } /* End */ /* Start:/local/templates/rustruck/components/bitrix/main.feedback/get_co/style.css?164854322664*/ #form-kp .btn.primary { border: none; border-radius: 4px; } /* End */ /* Start:/local/templates/rustruck/components/bitrix/main.feedback/product_notify/style.css?164854322668*/ #form-notify .btn.primary { border: none; border-radius: 4px; } /* End */ /* Start:/local/templates/rustruck/components/bitrix/main.feedback/job_posting/style.css?164854322673*/ #form-application .btn.primary { border: none; border-radius: 4px; } /* End */ /* Start:/local/templates/rustruck/components/bitrix/main.feedback/share_email/style.css?164854322667*/ #form-share .btn.primary { border: none; border-radius: 4px; } /* End */ /* Start:/local/templates/rustruck/components/bitrix/main.feedback/popup_form/style.css?1765795077293*/ div.mfeedback {} div.mf-name, div.mf-email, div.mf-captcha, div.mf-message {width:80%; padding-bottom:0.4em;} div.mf-name input, div.mf-email input {width:60%;} div.mf-message textarea {width: 60%;} span.mf-req {color:red;} div.mf-ok-text {color:green; font-weight:bold; padding-bottom: 1em;} /* End */ /* Start:/local/templates/rustruck/template_styles.css?17767896851359*/ .table5 { font-size: 16px; width: 100%; border-spacing: 0px; border-collapse: collapse; } .table5 tr td { text-align: center; padding: 5px; } .table5 tr td:first-of-type { width: 50%; padding: 20px 28px; text-align: left } .table5 tr th { padding: 20px 12px; background-color: #FEC80B; text-align: left; font-size: 14px; font-weight: 500; border: #fec80b; } @media (min-width: 320px) { .table5 { min-width: 768px; font-size: 12px; } .table5 tr td { padding: 10px 8px; text-align: left; padding-left: 8px; vertical-align: middle; } .table5 tr td:first-of-type { width: 50%; padding: 10px 8px; } .table5 tr th { font-size: 14px; font-weight: 500; text-align: left; padding-left: 8px; } } @media (min-width: 768px) { .table5 { font-size: 14px; width: 100%; min-width: auto; } .table5 tr td { text-align: center; padding: 5px; } .table5 tr td:first-of-type { width: 50%; padding: 12px; } .table5 tr th { text-align: center; padding-left: 8px; } } @media (min-width: 1024px) { .table5 { font-size: 16px; } } .qr-gisp { width: 180px; margin-top: 25px } .qr-header { display: flex; gap: 6px; font-weight: bold; font-size: 7px; align-items: center; margin-right: auto; margin-left: 10px; } .qr-header img { width: 25px; } .popup.active { z-index: 101; } /* End */ /* /local/templates/rustruck/css/vendor.min.css?164854322534578 */ /* /local/templates/rustruck/css/styles.min.css?177572414480730 */ /* /local/templates/rustruck/css/jquery.fancybox.min.css?164854322512795 */ /* /local/templates/rustruck/css/swiper-index.css?16595344007941 */ /* /local/templates/rustruck/css/index.css?177209691223108 */ /* /local/templates/rustruck/css/favorites.css?16485432255719 */ /* /local/templates/rustruck/css/search.css?16485432259042 */ /* /local/templates/rustruck/components/bitrix/breadcrumb/breadcrumb/style.css?164854322558 */ /* /local/templates/rustruck/components/bitrix/main.feedback/questions/style.css?1648543226240 */ /* /local/templates/rustruck/components/bitrix/main.feedback/recall/style.css?164854322669 */ /* /local/templates/rustruck/components/bitrix/main.feedback/get_co/style.css?164854322664 */ /* /local/templates/rustruck/components/bitrix/main.feedback/product_notify/style.css?164854322668 */ /* /local/templates/rustruck/components/bitrix/main.feedback/job_posting/style.css?164854322673 */ /* /local/templates/rustruck/components/bitrix/main.feedback/share_email/style.css?164854322667 */ /* /local/templates/rustruck/components/bitrix/main.feedback/popup_form/style.css?1765795077293 */ /* /local/templates/rustruck/template_styles.css?17767896851359 */